/* =============================================
   主题变量配置 - themes.css
   包含8套主题配色方案
   ============================================= */

/* 深色主题变量覆盖 */
html[data-theme="dark"] {
    --primary: #6b8cbc;
    --secondary: #4a7a9e;
    --accent: #ff9a7e;
    --light: #21262d;
    --dark: #e6edf3;
    --gray: #8b949e;
    --light-gray: #30363d;
    --bg-body: #0d1117;
    --bg-card: #21262d;
    --bg-section: #161b22;
    --text-main: #e6edf3;
    --text-secondary: #c9d1d9;
    --border-light: #30363d;
    --shadow-soft: rgba(0, 0, 0, 0.3);
}

/* 深色主题特殊适配 */
html[data-theme="dark"] .hero { background: linear-gradient(135deg, #3d5a80 0%, #1d4e6e 100%); }
html[data-theme="dark"] .note-card { background: #1c2128; border-color: var(--border-light); }
html[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--bg-section); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--light-gray); }
html[data-theme="dark"] .captcha-group { background: #2d2a1e; border-color: #4a4635; }
html[data-theme="dark"] .captcha-text { color: #f0c674; }
html[data-theme="dark"] .captcha-input { background: var(--bg-section); border-color: #4a4635; color: var(--text-main); }
html[data-theme="dark"] footer { background-color: #161b22; }
html[data-theme="dark"] .footer-content { color: rgba(229, 231, 235, 0.7); }
html[data-theme="dark"] .copyright { color: rgba(229, 231, 235, 0.5); border-top-color: rgba(229, 231, 235, 0.1); }
html[data-theme="dark"] main { background-color: var(--bg-body); }

/* 图片深色适配 */
html[data-theme="dark"] .book-cover img,
html[data-theme="dark"] .gallery-item img { filter: brightness(0.9); }

/* =============================================
   黛青山主题
   ============================================= */
html[data-theme="cyan-mountain"] {
    --primary: #2E5C6E;
    --secondary: #4A7C8C;
    --accent: #6B9AA8;
    --light: #E8F4F6;
    --dark: #1A3A47;
    --gray: #6B8C94;
    --light-gray: #C5D9DE;
    --bg-body: #E8F4F6;
    --bg-card: #FFFFFF;
    --bg-section: #F0F7F8;
    --text-main: #1A3A47;
    --text-secondary: #4A6B75;
    --border-light: #C5D9DE;
    --shadow-soft: rgba(46, 92, 110, 0.08);
}

html[data-theme="cyan-mountain"] .hero { background: linear-gradient(135deg, #2E5C6E 0%, #4A7C8C 100%); }
html[data-theme="cyan-mountain"] .submit-btn { background-color: var(--primary); color: white; }
html[data-theme="cyan-mountain"] .submit-btn:hover { background-color: var(--secondary); }
html[data-theme="cyan-mountain"] .theme-trigger { background: var(--bg-card); border-color: var(--border-light); color: var(--text-main); }
html[data-theme="cyan-mountain"] .theme-trigger:hover { background: var(--bg-section); }
html[data-theme="cyan-mountain"] .theme-option { border-color: var(--border-light); }
html[data-theme="cyan-mountain"] .theme-option:hover { background: var(--bg-section); }
html[data-theme="cyan-mountain"] .theme-option.active {
    background-color: var(--bg-section);
    color: var(--text-main);
    border-color: var(--accent);
}
html[data-theme="cyan-mountain"] footer { background-color: #1A3A47; }

/* =============================================
   中国蓝主题
   ============================================= */
html[data-theme="china-blue"] {
    --primary: #2E5A8A;
    --secondary: #4A7CA8;
    --accent: #B85450;
    --light: #E8F0F8;
    --dark: #0E2A4A;
    --gray: #6B8C94;
    --light-gray: #B8D0E8;
    --bg-body: #E8F0F8;
    --bg-card: #FFFFFF;
    --bg-section: #D4E4F0;
    --text-main: #0E2A4A;
    --text-secondary: #4A6B75;
    --border-light: #B8D0E8;
    --shadow-soft: rgba(46, 90, 138, 0.1);
}

html[data-theme="china-blue"] .hero { background: linear-gradient(135deg, #2E5A8A 0%, #4A7CA8 100%); }

/* =============================================
   初春绿主题
   ============================================= */
html[data-theme="spring-green"] {
    --primary: #7FB069;
    --secondary: #6A9A56;
    --accent: #E8956A;
    --light: #F0F7D8;
    --dark: #3D5A30;
    --gray: #6B8C94;
    --light-gray: #D4E8C0;
    --bg-body: #F5FAE8;
    --bg-card: #FFFFFF;
    --bg-section: #EAF5D8;
    --text-main: #3D5A30;
    --text-secondary: #4A6B75;
    --border-light: #D4E8C0;
    --shadow-soft: rgba(127, 176, 105, 0.1);
}

html[data-theme="spring-green"] .hero { background: linear-gradient(135deg, #7FB069 0%, #5A9A56 100%); }

/* =============================================
   古典青铜主题
   ============================================= */
html[data-theme="bronze"] {
    --primary: #5A6D58;
    --secondary: #4A5D48;
    --accent: #D4A84B;
    --light: #E8EDE8;
    --dark: #2A3D28;
    --gray: #6B8C94;
    --light-gray: #C5D8C4;
    --bg-body: #E8EDE8;
    --bg-card: #FFFFFF;
    --bg-section: #D8E4D8;
    --text-main: #2A3D28;
    --text-secondary: #4A6B75;
    --border-light: #C5D8C4;
    --shadow-soft: rgba(90, 109, 88, 0.12);
}

html[data-theme="bronze"] .hero { background: linear-gradient(135deg, #5A6D58 0%, #4A5D48 100%); }

/* =============================================
   尼罗蓝主题
   ============================================= */
html[data-theme="nile-blue"] {
    --primary: #3A8BC7;
    --secondary: #2E6BA3;
    --accent: #E8845F;
    --light: #EDF7FC;
    --dark: #1E4A6e;
    --gray: #6B8C94;
    --light-gray: #B8DCF0;
    --bg-body: #EDF7FC;
    --bg-card: #FFFFFF;
    --bg-section: #D8EEF8;
    --text-main: #1E4A6E;
    --text-secondary: #4A6B75;
    --border-light: #B8DCF0;
    --shadow-soft: rgba(58, 139, 199, 0.1);
}

html[data-theme="nile-blue"] .hero { background: linear-gradient(135deg, #3A8BC7 0%, #2E6BA3 100%); }

/* =============================================
   森树绿主题
   ============================================= */
html[data-theme="forest"] {
    --primary: #3D7A6A;
    --secondary: #2D5A4E;
    --accent: #E8A65C;
    --light: #E4F2EE;
    --dark: #1A3D35;
    --gray: #6B8C94;
    --light-gray: #B8E0D8;
    --bg-body: #E4F2EE;
    --bg-card: #FFFFFF;
    --bg-section: #D4EBE4;
    --text-main: #1A3D35;
    --text-secondary: #4A6B75;
    --border-light: #B8E0D8;
    --shadow-soft: rgba(61, 122, 106, 0.1);
}

html[data-theme="forest"] .hero { background: linear-gradient(135deg, #3D7A6A 0%, #2D5A4E 100%); }