/* 颜色主题系统 */
/* 定义多套配色方案和深色/浅色模式 */

/* 默认浅色模式变量 - 基础主题 */
:root {
    /* 主色调定义 */
    --primary-color: #4361ee;
    --primary-color-rgb: 67, 98, 238;
    /* 对应#4361ee */
    --secondary-color: #457aef;
    --secondary-color-rgb: 69, 122, 239;
    /* 对应#457aef */
    --accent-color: #bcd5fe;
    --accent-color-rgb: 188, 213, 254;
    /* 对应#bcd5fe */
    --primary-dark: #153ae9;
    --primary-dark-rgb: 21, 58, 233;
    /* 对应#153ae9 */
    --primary-light: #7288f2;
    --primary-light-rgb: 114, 136, 242;
    /* 对应#7288f2 */
    --secondary-dark: #1658eb;
    --secondary-dark-rgb: 22, 88, 235;
    /* 对应#1658eb */

    /* 灰色调定义 */
    --light-color: #f8f9fa;
    --light-color-secondary: #e9ecef;
    --dark-color: #212529ba;
    --dark-color-rgb: 33, 37, 39;
    --border-color: #dcdcdc86;
    --text-color: #333;
    --text-color-secondary: #6c757d;
    --background-color: #f8f9fa;
    --card-background: #fff;
    --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    --card-shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.1);

    /* 状态色定义 */
    --success-color: #4ade80;
    --warning-color: #facc15;
    --danger-color: #f87171;
    --info-color: #38bdf8;

    /* 特殊用途颜色 */
    --header-background: rgba(255, 255, 255, 0.95);
    --footer-background: linear-gradient(135deg, #212529, #343a40);
    --hero-bg-image: url('https://picsum.photos/400/300');
    --hero-cta-background: white;
    --hero-cta-color: var(--primary-color);
    --hero-cta-hover-background: transparent;
    --hero-cta-hover-color: var(--dark-color);

    /* 动效和阴影定义 */
    --transition: all 0.3s ease;
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 0 20px rgba(255, 147, 65, 0.5);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);

    /* 圆角定义 */
    --border-radius: 12px;
    --border-radius-sm: 8px;
    --border-radius-lg: 16px;
    --border-radius-xl: 24px;

    /* 主要渐变色，用于按钮和装饰元素 */
    --gradient-primary: linear-gradient(135deg, #4361ee, #457aef);
    --gradient-accent: linear-gradient(135deg, #4cc9f0, #4361ee);
    --gradient-text: linear-gradient(135deg, #4361ee, #4cc9f0);
    --gradient-text-bright: linear-gradient(135deg, #f8d49d, #87b1ff);
    --footer-background: linear-gradient(135deg, #212529, #343a40);
}

/* 深色模式变量 */
[data-theme="dark"] {
    /* 主色调定义 - 深色模式 */
    --primary-color: #5d7bff;
    --primary-color-rgb: 93, 123, 255;
    /* 对应#5d7bff */
    --secondary-color: #6c88ff;
    --secondary-color-rgb: 108, 136, 255;
    /* 对应#6c88ff */
    --accent-color: #5a76d6;
    --accent-color-rgb: 90, 118, 214;
    /* 对应#5a76d6 */
    --primary-dark: #4a67ff;
    --primary-dark-rgb: 74, 103, 255;
    /* 对应#4a67ff */
    --primary-light: #8a9dff;
    --primary-light-rgb: 138, 157, 255;
    /* 对应#8a9dff */
    --secondary-dark: #5a77ff;
    --secondary-dark-rgb: 90, 119, 255;
    /* 对应#5a77ff */

    /* 灰色调定义 - 深色模式 */
    --light-color: #212529;
    --light-color-secondary: #343a40;
    --dark-color: #f8f9fa;
    --border-color: #495057;
    --text-color: #e9ecef;
    --text-color-secondary: #adb5bd;
    --background-color: #121212;
    --card-background: #1e1e1e;
    --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    --card-shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.3);

    /* 状态色定义 - 深色模式 */
    --success-color: #3fbf66;
    --warning-color: #e6bc0f;
    --danger-color: #e55555;
    --info-color: #2ca0e8;

    /* 特殊用途颜色 - 深色模式 */
    --header-background: rgba(30, 30, 30, 0.95);
    --footer-background: linear-gradient(135deg, #1a1a1a, #222);
    --hero-bg-image: url('https://picsum.photos/400/300');
    --hero-overlay-color: rgba(30, 30, 30, 0.85);
    --hero-cta-background: #666;
    --hero-cta-color: var(--primary-color);
    --hero-cta-hover-background: transparent;
    --hero-cta-hover-color: var(--dark-color);

    /* 主要渐变色，用于按钮和装饰元素 - 深色模式 */
    --gradient-primary: linear-gradient(135deg, #1a2653, #243366);
    --gradient-accent: linear-gradient(135deg, #1a4a7c, #1a2653);
    --gradient-text: linear-gradient(135deg, #5d7bff, #4cc9f0);
    --gradient-text-bright: linear-gradient(135deg, #f8d49d, #87b1ff);
}

/* 系统偏好深色模式 */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        /* 主色调定义 - 系统偏好深色模式 */
        --primary-color: #5d7bff;
        --primary-color-rgb: 93, 123, 255;
        /* 对应#5d7bff */
        --secondary-color: #6c88ff;
        --secondary-color-rgb: 108, 136, 255;
        /* 对应#6c88ff */
        --accent-color: #5a76d6;
        --accent-color-rgb: 90, 118, 214;
        /* 对应#5a76d6 */
        --primary-dark: #4a67ff;
        --primary-dark-rgb: 74, 103, 255;
        /* 对应#4a67ff */
        --primary-light: #8a9dff;
        --primary-light-rgb: 138, 157, 255;
        /* 对应#8a9dff */
        --secondary-dark: #5a77ff;
        --secondary-dark-rgb: 90, 119, 255;
        /* 对应#5a77ff */

        /* 灰色调定义 - 系统偏好深色模式 */
        --light-color: #212529;
        --light-color-secondary: #343a40;
        --dark-color: #f8f9fa;
        --border-color: #495057;
        --text-color: #e9ecef;
        --text-color-secondary: #adb5bd;
        --background-color: #121212;
        --card-background: #1e1e1e;
        --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        --card-shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.3);

        /* 状态色定义 - 系统偏好深色模式 */
        --success-color: #3fbf66;
        --warning-color: #e6bc0f;
        --danger-color: #e55555;
        --info-color: #2ca0e8;

        /* 特殊用途颜色 - 系统偏好深色模式 */
        --header-background: rgba(30, 30, 30, 0.95);
        --footer-background: linear-gradient(135deg, #1a1a1a, #222);
        --hero-bg-image: url('https://picsum.photos/400/300');
        --hero-overlay-color: rgba(30, 30, 30, 0.85);

        /* 主要渐变色，用于按钮和装饰元素 - 系统偏好深色模式 */
        --gradient-primary: linear-gradient(135deg, #1a2653, #243366);
        --gradient-accent: linear-gradient(135deg, #1a4a7c, #1a2653);
        --gradient-text: linear-gradient(135deg, #5d7bff, #4cc9f0);
        --gradient-text-bright: linear-gradient(135deg, #f8d49d, #87b1ff);
    }
}

/* 颜色主题变量 - 可选配色方案 */
/* 蓝色主题 */
[data-theme="blue"] {
    --primary-color: #3b82f6;
    --primary-color-rgb: 59, 130, 246;
    /* 对应#3b82f6 */
    --secondary-color: #2563eb;
    --secondary-color-rgb: 37, 99, 235;
    /* 对应#2563eb */
    --accent-color: #93c5fd;
    --accent-color-rgb: 147, 197, 253;
    /* 对应#93c5fd */
    --primary-dark: #1d4ed8;
    --primary-dark-rgb: 29, 78, 216;
    /* 对应#1d4ed8 */
    --primary-light: #60a5fa;
    --primary-light-rgb: 96, 165, 250;
    /* 对应#60a5fa */
    --secondary-dark: #1e40af;
    --secondary-dark-rgb: 30, 64, 175;
    /* 对应#1e40af */

    --light-color: #f0f9ff;
    --light-color-secondary: #e0f2fe;
    --dark-color: #1e3a8a;
    --border-color: #93c5fd;
    --text-color: #1e3a8a;
    --text-color-secondary: #3730a3;
    --background-color: #f0f9ff;
    --card-background: #dbeafe;

    --gradient-primary: linear-gradient(135deg, #3b82f6, #2563eb);
    --gradient-accent: linear-gradient(135deg, #93c5fd, #3b82f6);
    --gradient-text: linear-gradient(135deg, #3b82f6, #93c5fd);
    --gradient-text-bright: linear-gradient(135deg, #dbeafe, #93c5fd);
    --hero-bg-image: url('https://picsum.photos/400/300');
    --footer-background: linear-gradient(135deg, #1e3a8a, #1d4ed8);
}

/* 绿色主题 */
[data-theme="green"] {
    --primary-color: #10b981;
    --primary-color-rgb: 16, 185, 129;
    /* 对应#10b981 */
    --secondary-color: #059669;
    --secondary-color-rgb: 5, 150, 105;
    /* 对应#059669 */
    --accent-color: #a7f3d0;
    --accent-color-rgb: 167, 243, 208;
    /* 对应#a7f3d0 */
    --primary-dark: #047857;
    --primary-dark-rgb: 4, 120, 87;
    /* 对应#047857 */
    --primary-light: #34d399;
    --primary-light-rgb: 52, 211, 153;
    /* 对应#34d399 */
    --secondary-dark: #065f46;
    --secondary-dark-rgb: 6, 95, 70;
    /* 对应#065f46 */

    --light-color: #f0fdf9;
    --light-color-secondary: #d1fae5;
    --dark-color: #064e3b;
    --border-color: #a7f3d0;
    --text-color: #064e3b;
    --text-color-secondary: #0f766e;
    --background-color: #f0fdf9;
    --card-background: #d1fae5;

    --gradient-primary: linear-gradient(135deg, #10b981, #059669);
    --gradient-accent: linear-gradient(135deg, #a7f3d0, #10b981);
    --gradient-text: linear-gradient(135deg, #10b981, #a7f3d0);
    --gradient-text-bright: linear-gradient(135deg, #d1fae5, #a7f3d0);
    --hero-bg-image: url('https://picsum.photos/400/300');
    --footer-background: linear-gradient(135deg, #064e3b, #047857);
}

/* 紫色主题 */
[data-theme="purple"] {
    --primary-color: #8b5cf6;
    --primary-color-rgb: 139, 92, 246;
    /* 对应#8b5cf6 */
    --secondary-color: #7c3aed;
    --secondary-color-rgb: 124, 58, 237;
    /* 对应#7c3aed */
    --accent-color: #c4b5fd;
    --accent-color-rgb: 196, 181, 253;
    /* 对应#c4b5fd */
    --primary-dark: #6d28d9;
    --primary-dark-rgb: 109, 40, 217;
    /* 对应#6d28d9 */
    --primary-light: #a78bfa;
    --primary-light-rgb: 167, 139, 250;
    /* 对应#a78bfa */
    --secondary-dark: #5b21b6;
    --secondary-dark-rgb: 91, 33, 182;
    /* 对应#5b21b6 */

    --light-color: #faf5ff;
    --light-color-secondary: #f3e8ff;
    --dark-color: #4c1d95;
    --border-color: #c4b5fd;
    --text-color: #4c1d95;
    --text-color-secondary: #5b21b6;
    --background-color: #faf5ff;
    --card-background: #ede9fe;

    --gradient-primary: linear-gradient(135deg, #8b5cf6, #7c3aed);
    --gradient-accent: linear-gradient(135deg, #c4b5fd, #8b5cf6);
    --gradient-text: linear-gradient(135deg, #8b5cf6, #c4b5fd);
    --gradient-text-bright: linear-gradient(135deg, #ede9fe, #c4b5fd);
    --hero-bg-image: url('https://picsum.photos/400/300');
    --footer-background: linear-gradient(135deg, #4c1d95, #6d28d9);
}

/* 春天主题 */
[data-theme="spring"] {
    --primary-color: #4CAF50;
    --primary-color-rgb: 76, 175, 80;
    /* 对应#4CAF50 */
    --secondary-color: #8BC34A;
    --secondary-color-rgb: 139, 195, 74;
    /* 对应#8BC34A */
    --accent-color: #C5E1A5;
    --accent-color-rgb: 197, 225, 165;
    /* 对应#C5E1A5 */
    --primary-dark: #388E3C;
    --primary-dark-rgb: 56, 142, 60;
    /* 对应#388E3C */
    --primary-light: #66BB6A;
    --primary-light-rgb: 102, 187, 106;
    /* 对应#66BB6A */
    --secondary-dark: #558B2F;
    --secondary-dark-rgb: 85, 139, 47;
    /* 对应#558B2F */

    --light-color: #F1F8E9;
    --light-color-secondary: #DCEDC8;
    --dark-color: #2E7D32;
    --border-color: #A5D6A7;
    --text-color: #2E7D32;
    --text-color-secondary: #33691E;
    --background-color: #F1F8E9;
    --card-background: #E8F5E9;

    --gradient-primary: linear-gradient(135deg, #4CAF50, #8BC34A);
    --gradient-accent: linear-gradient(135deg, #C5E1A5, #4CAF50);
    --gradient-text: linear-gradient(135deg, #4CAF50, #C5E1A5);
    --gradient-text-bright: linear-gradient(135deg, #E8F5E9, #C5E1A5);
    --hero-bg-image: url('https://picsum.photos/400/300?season=spring');
    --footer-background: linear-gradient(135deg, #2E7D32, #388E3C);
}

/* 夏天主题 */
[data-theme="summer"] {
    --primary-color: #FF9800;
    --primary-color-rgb: 255, 152, 0;
    /* 对应#FF9800 */
    --secondary-color: #FF5722;
    --secondary-color-rgb: 255, 87, 34;
    /* 对应#FF5722 */
    --accent-color: #FFCC80;
    --accent-color-rgb: 255, 204, 128;
    /* 对应#FFCC80 */
    --primary-dark: #F57C00;
    --primary-dark-rgb: 245, 124, 0;
    /* 对应#F57C00 */
    --primary-light: #FFB74D;
    --primary-light-rgb: 255, 183, 77;
    /* 对应#FFB74D */
    --secondary-dark: #E64A19;
    --secondary-dark-rgb: 230, 74, 25;
    /* 对应#E64A19 */

    --light-color: #FFF3E0;
    --light-color-secondary: #FFE0B2;
    --dark-color: #E65100;
    --border-color: #FFB74D;
    --text-color: #E65100;
    --text-color-secondary: #F57C00;
    --background-color: #FFF3E0;
    --card-background: #FFE0B2;

    --gradient-primary: linear-gradient(135deg, #8C6E42, #9B3617);
    --gradient-accent: linear-gradient(135deg, #FFCC80, #FF9800);
    --gradient-text: linear-gradient(135deg, #FF9800, #FFCC80);
    --gradient-text-bright: linear-gradient(135deg, #FFE0B2, #FFCC80);
    --hero-bg-image: url('https://picsum.photos/400/300?season=summer');
    --footer-background: linear-gradient(135deg, #E65100, #F57C00);
}

/* 秋天主题 */
[data-theme="autumn"] {
    --primary-color: #FF9800;
    --primary-color-rgb: 255, 152, 0;
    /* 对应#FF9800 */
    --secondary-color: #795548;
    --secondary-color-rgb: 121, 85, 72;
    /* 对应#795548 */
    --accent-color: #BCAAA4;
    --accent-color-rgb: 188, 170, 164;
    /* 对应#BCAAA4 */
    --primary-dark: #F57C00;
    --primary-dark-rgb: 245, 124, 0;
    /* 对应#F57C00 */
    --primary-light: #FFB74D;
    --primary-light-rgb: 255, 183, 77;
    /* 对应#FFB74D */
    --secondary-dark: #5D4037;
    --secondary-dark-rgb: 93, 64, 55;
    /* 对应#5D4037 */

    --light-color: #FFF8E1;
    --light-color-secondary: #FFECB3;
    --dark-color: #E65100;
    --border-color: #FFB74D;
    --text-color: #5D4037;
    --text-color-secondary: #4E342E;
    --background-color: #FFF8E1;
    --card-background: #FFECB3;

    --gradient-primary: linear-gradient(135deg, #FF9800, #795548);
    --gradient-accent: linear-gradient(135deg, #BCAAA4, #FF9800);
    --gradient-text: linear-gradient(135deg, #FF9800, #BCAAA4);
    --gradient-text-bright: linear-gradient(135deg, #FFECB3, #BCAAA4);
    --hero-bg-image: url('https://picsum.photos/400/300?season=autumn');
    --footer-background: linear-gradient(135deg, #E65100, #5D4037);
}

/* 冬天主题 */
[data-theme="winter"] {
    --primary-color: #24abb0;
    --primary-color-rgb: 178, 235, 242;
    /* 对应#B2EBF2 */
    --secondary-color: #24abb0;
    --secondary-color-rgb: 224, 247, 250;
    /* 对应#E0F7FA */
    --accent-color: #80DEEA;
    --accent-color-rgb: 128, 222, 234;
    /* 对应#80DEEA */
    --primary-dark: #4DD0E1;
    --primary-dark-rgb: 77, 208, 225;
    /* 对应#4DD0E1 */
    --primary-light: #B2EBF2;
    --primary-light-rgb: 178, 235, 242;
    /* 对应#B2EBF2 */
    --secondary-dark: #26C6DA;
    --secondary-dark-rgb: 38, 198, 218;
    /* 对应#26C6DA */

    --light-color: #E1F5FE;
    --light-color-secondary: #B2EBF2;
    --dark-color: #006064;
    --border-color: #80DEEA;
    --text-color: #006064;
    --text-color-secondary: #00838F;
    --background-color: #E1F5FE;
    --card-background: #E0F7FA;

    --gradient-primary: linear-gradient(135deg, #3B9EAA, #70989D);
    --gradient-accent: linear-gradient(135deg, #80DEEA, #B2EBF2);
    --gradient-text: linear-gradient(135deg, #B2EBF2, #80DEEA);
    --gradient-text-bright: linear-gradient(135deg, #E0F7FA, #80DEEA);
    --hero-bg-image: url('https://picsum.photos/400/300?season=winter');
    --footer-background: linear-gradient(135deg, #006064, #00838F);
}

/* 深色模式下的各主题变体 */
[data-theme="dark"][data-color-scheme="blue"],
[data-theme="dark"] [data-color-scheme="blue"] {
    --primary-color: #60a5fa;
    --secondary-color: #3b82f6;
    --accent-color: #60a5fa;
    --primary-dark: #2563eb;
    --primary-light: #93c5fd;
    --secondary-dark: #1d4ed8;

    --light-color: #1e3a8a;
    --light-color-secondary: #1e4087;
    --dark-color: #dbeafe;
    --border-color: #1d4ed8;
    --text-color: #dbeafe;
    --text-color-secondary: #93c5fd;
    --background-color: #1e3a8a;
    --card-background: #1d4ed8;
    --hero-bg-image: url('https://picsum.photos/400/300');

    --gradient-primary: linear-gradient(135deg, #0f2a66, #143db3);
    --gradient-accent: linear-gradient(135deg, #0f2a66, #143db3);
    --gradient-text: linear-gradient(135deg, #60a5fa, #60a5fa);
    --gradient-text-bright: linear-gradient(135deg, #93c5fd, #60a5fa);
    --footer-background: linear-gradient(135deg, #1e3a8a, #1d4ed8);
}

[data-theme="dark"] [data-color-scheme="blue"] .hero {
    background: var(--hero-bg-image), linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: overlay;
}



[data-theme="dark"][data-color-scheme="green"],
[data-theme="dark"] [data-color-scheme="green"] {
    --primary-color: #34d399;
    --secondary-color: #10b981;
    --accent-color: #34d399;
    --primary-dark: #059669;
    --primary-light: #6ee7b7;
    --secondary-dark: #047857;

    --light-color: #064e3b;
    --light-color-secondary: #065843;
    --dark-color: #d1fae5;
    --border-color: #047857;
    --text-color: #d1fae5;
    --text-color-secondary: #6ee7b7;
    --background-color: #064e3b;
    --card-background: #047857;
    --hero-bg-image: url('https://picsum.photos/400/300');

    --gradient-primary: linear-gradient(135deg, #054d36, #036646);
    --gradient-accent: linear-gradient(135deg, #054d36, #036646);
    --gradient-text: linear-gradient(135deg, #34d399, #34d399);
    --gradient-text-bright: linear-gradient(135deg, #6ee7b7, #34d399);
    --footer-background: linear-gradient(135deg, #064e3b, #047857);
}

[data-theme="dark"] [data-color-scheme="green"] .hero {
    background: var(--hero-bg-image), linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: overlay;
}



[data-theme="dark"][data-color-scheme="purple"],
[data-theme="dark"] [data-color-scheme="purple"] {
    --primary-color: #a78bfa;
    --secondary-color: #8b5cf6;
    --accent-color: #a78bfa;
    --primary-dark: #7c3aed;
    --primary-light: #c4b5fd;
    --secondary-dark: #6d28d9;

    --light-color: #4c1d95;
    --light-color-secondary: #572aa3;
    --dark-color: #ede9fe;
    --border-color: #6d28d9;
    --text-color: #ede9fe;
    --text-color-secondary: #c4b5fd;
    --background-color: #4c1d95;
    --card-background: #6d28d9;
    --hero-bg-image: url('https://picsum.photos/400/300');

    --gradient-primary: linear-gradient(135deg, #3b1c6a, #451888);
    --gradient-accent: linear-gradient(135deg, #3b1c6a, #451888);
    --gradient-text: linear-gradient(135deg, #a78bfa, #a78bfa);
    --gradient-text-bright: linear-gradient(135deg, #c4b5fd, #a78bfa);
    --footer-background: linear-gradient(135deg, #4c1d95, #6d28d9);
}

[data-theme="dark"] [data-color-scheme="purple"] .hero {
    background: var(--hero-bg-image), linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: overlay;
}



/* 深色模式下的季节主题变体 */
[data-theme="dark"][data-color-scheme="spring"],
[data-theme="dark"] [data-color-scheme="spring"] {
    --primary-color: #66BB6A;
    --secondary-color: #81C784;
    --accent-color: #A5D6A7;
    --primary-dark: #388E3C;
    --primary-light: #81C784;
    --secondary-dark: #1B5E20;

    --light-color: #234420;
    --light-color-secondary: #000;
    --dark-color: #E8F5E9;
    --border-color: #4CAF50;
    --text-color: #E8F5E9;
    --text-color-secondary: #A5D6A7;
    --background-color: #1B5E20;
    --card-background: #388E3C;
    --hero-bg-image: url('https://picsum.photos/400/300?season=spring');

    --gradient-primary: linear-gradient(135deg, #1c451d, #245a26);
    --gradient-accent: linear-gradient(135deg, #2d602e, #1c451d);
    --gradient-text: linear-gradient(135deg, #66BB6A, #A5D6A7);
    --gradient-text-bright: linear-gradient(135deg, #81C784, #A5D6A7);
    --footer-background: linear-gradient(135deg, #234420, #388E3C);
}

[data-theme="dark"] [data-color-scheme="spring"] .hero {
    background: var(--hero-bg-image), linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: overlay;
}



[data-theme="dark"][data-color-scheme="summer"],
[data-theme="dark"] [data-color-scheme="summer"] {
    --primary-color: #FFB74D;
    --secondary-color: #FFA726;
    --accent-color: #FFE0B2;
    --primary-dark: #F57C00;
    --primary-light: #FFA726;
    --secondary-dark: #E65100;

    --light-color: #55270e;
    --light-color-secondary: #1f0c00;
    --dark-color: #FFF3E0;
    --border-color: #FF9800;
    --text-color: #FFF3E0;
    --text-color-secondary: #FFCC80;
    --background-color: #E65100;
    --card-background: #F57C00;
    --hero-bg-image: url('https://picsum.photos/400/300?season=summer');

    --gradient-primary: linear-gradient(135deg, #6d4506, #a65300);
    --gradient-accent: linear-gradient(135deg, #b37c2e, #6d4506);
    --gradient-text: linear-gradient(135deg, #FFB74D, #FFE0B2);
    --gradient-text-bright: linear-gradient(135deg, #FFA726, #FFE0B2);
    --footer-background: linear-gradient(135deg, #55270e, #F57C00);
}

[data-theme="dark"] [data-color-scheme="summer"] .hero {
    background: var(--hero-bg-image), linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: overlay;
}



[data-theme="dark"][data-color-scheme="autumn"],
[data-theme="dark"] [data-color-scheme="autumn"] {
    --primary-color: #FFB74D;
    --secondary-color: #D7CCC8;
    --accent-color: #BCAAA4;
    --primary-dark: #F57C00;
    --primary-light: #FFA726;
    --secondary-dark: #3E2723;

    --light-color: #3E2723;
    --light-color-secondary: #4d2f2a;
    --dark-color: #EFEBE9;
    --border-color: #FF9800;
    --text-color: #EFEBE9;
    --text-color-secondary: #BCAAA4;
    --background-color: #3E2723;
    --card-background: #5D4037;
    --hero-bg-image: url('https://picsum.photos/400/300?season=autumn');

    --gradient-primary: linear-gradient(135deg, #6d4506, #8d605a);
    --gradient-accent: linear-gradient(135deg, #5d504c, #6d4506);
    --gradient-text: linear-gradient(135deg, #FFB74D, #BCAAA4);
    --gradient-text-bright: linear-gradient(135deg, #FFA726, #BCAAA4);
    --footer-background: linear-gradient(135deg, #3E2723, #5D4037);
}

[data-theme="dark"] [data-color-scheme="autumn"] .hero {
    background: var(--hero-bg-image), linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: overlay;
}



[data-theme="dark"][data-color-scheme="winter"],
[data-theme="dark"] [data-color-scheme="winter"] {
    --primary-color: #80DEEA;
    --secondary-color: #B2EBF2;
    --accent-color: #E0F7FA;
    --primary-dark: #00BCD4;
    --primary-light: #4DD0E1;
    --secondary-dark: #004D40;

    --light-color: #004D40;
    --light-color-secondary: #0a5c4d;
    --dark-color: #E0F7FA;
    --border-color: #4DD0E1;
    --text-color: #E0F7FA;
    --text-color-secondary: #B2EBF2;
    --background-color: #004D40;
    --card-background: #006064;
    --hero-bg-image: url('https://picsum.photos/400/300?season=winter');

    --gradient-primary: linear-gradient(135deg, #00525c, #00788a);
    --gradient-accent: linear-gradient(135deg, #1a7583, #00525c);
    --gradient-text: linear-gradient(135deg, #80DEEA, #E0F7FA);
    --gradient-text-bright: linear-gradient(135deg, #B2EBF2, #E0F7FA);
    --footer-background: linear-gradient(135deg, #004D40, #006064);
}

[data-theme="dark"] [data-color-scheme="winter"] .hero {
    background: var(--hero-bg-image), linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: overlay;
}



/* 评论相关颜色 */
.comment-quote {
    border-left: 4px solid var(--primary-color);
    color: var(--text-color);
}

/* 书签相关颜色 */
.bookmark-button {
    background: var(--card-background);
    border: 1px solid var(--border-color);
    color: var(--text-color);
}

.bookmark-button.bookmarked {
    background: var(--primary-color);
    color: white;
}

/* 搜索框相关颜色 */
.search-form input {
    background: var(--card-background);
    border: 1px solid var(--border-color);
    color: var(--text-color);
}

.search-form input:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

/* 分页相关颜色 */
.pagination .page-link {
    background: var(--card-background);
    border: 1px solid var(--border-color);
    color: var(--text-color);
}

.pagination .page-link:hover {
    background: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

.pagination .current {
    background: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}



/* 侧边栏相关颜色 */
.sidebar .widget {
    background: var(--light-color);
}

.sidebar .widget-title {
    border-bottom: 2px solid var(--primary-color);
    color: var(--text-color);
}

/* 导航栏相关颜色 */
.header {
    background-color: var(--header-background);
}

.navbar {
    background-color: var(--header-background);
}

.nav-menu.active {
    background-color: var(--header-background);
}

/* 英雄区相关颜色 */
.hero {
    color: var(--text-color);
}

/* 页脚相关颜色 */
.footer {
    background: var(--footer-background);
}

/* 返回顶部按钮相关颜色 */
.back-to-top {
    background: var(--card-background);
    border: 1px solid var(--border-color);
    color: var(--text-color);
}

/* 订阅区域相关颜色 */
.subscribe-section {
    background: var(--gradient-primary);
    color: white;
}

/* 书评星级评分相关颜色 */
.star-rating .star {
    color: var(--warning-color);
}

.star-rating .star.empty {
    color: var(--text-color-secondary);
}

/* 深色模式下英雄区样式 */
[data-theme="dark"] .hero {
    background: var(--hero-bg-image), linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: overlay;
}

/* 深色模式下英雄区按钮样式 */
[data-theme="dark"] .hero-content .cta-button {
    background: var(--hero-cta-background) !important;
}

[data-theme="dark"] .hero-content .cta-button:hover {
    background: var(--hero-cta-hover-background) !important;
}

[data-theme="dark"] .hero-content .cta-button a {
    color: var(--hero-cta-color) !important;
}

[data-theme="dark"] .hero-content .cta-button a:hover {
    color: var(--hero-cta-hover-color) !important;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .hero {
        background: var(--hero-bg-image), linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-blend-mode: overlay;
    }

    :root:not([data-theme="light"]) .hero-content .cta-button {
        background: var(--hero-cta-background) !important;
    }

    :root:not([data-theme="light"]) .hero-content .cta-button:hover {
        background: var(--hero-cta-hover-background) !important;
    }

    :root:not([data-theme="light"]) .hero-content .cta-button a {
        color: var(--hero-cta-color) !important;
    }

    :root:not([data-theme="light"]) .hero-content .cta-button a:hover {
        color: var(--hero-cta-hover-color) !important;
    }
}