/* 与 im_jys_web_v2 对齐的三套主题 */

:root[data-theme="daylight"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f5f7fa;
    --bg-tertiary: #eef1f6;
    --bg-elevated: #ffffff;
    --bg-card: rgba(255, 255, 255, 0.94);
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --text-muted: #9ca3af;
    --accent-color: #00a870;
    --accent-hover: #00c484;
    --accent-soft: rgba(0, 168, 112, 0.12);
    --accent-glow: rgba(0, 168, 112, 0.28);
    --border-color: rgba(15, 23, 42, 0.08);
    --border-strong: rgba(15, 23, 42, 0.14);
    --shadow: rgba(15, 23, 42, 0.06);
    --shadow-lg: rgba(15, 23, 42, 0.12);
    --header-bg: #ffffff;
    --header-text: #111827;
    --header-border: rgba(15, 23, 42, 0.08);
}

:root[data-theme="black-gold"] {
    --header-bg: #161616;
    --header-text: #f5f5f5;
    --header-border: rgba(255, 255, 255, 0.08);
    --bg-primary: #0c0c0c;
    --bg-secondary: #161616;
    --bg-tertiary: #1f1f1f;
    --bg-elevated: #161616;
    --bg-card: rgba(22, 22, 22, 0.88);
    --text-primary: #f5f5f5;
    --text-secondary: #a3a3a3;
    --text-muted: #737373;
    --accent-color: #d4af37;
    --accent-hover: #e5c158;
    --accent-soft: rgba(212, 175, 55, 0.15);
    --accent-glow: rgba(212, 175, 55, 0.35);
    --border-color: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.14);
    --shadow: rgba(0, 0, 0, 0.35);
    --shadow-lg: rgba(0, 0, 0, 0.55);
}

:root[data-theme="luxury-orange"] {
    --header-bg: #15151c;
    --header-text: #ffffff;
    --header-border: rgba(255, 255, 255, 0.08);
    --bg-primary: #0b0b0f;
    --bg-secondary: #15151c;
    --bg-tertiary: #1c1c24;
    --bg-elevated: #15151c;
    --bg-card: rgba(21, 21, 28, 0.9);
    --text-primary: #ffffff;
    --text-secondary: #8b8b99;
    --text-muted: #6a6a78;
    --accent-color: #e56b1f;
    --accent-hover: #ff8a3d;
    --accent-soft: rgba(229, 107, 31, 0.18);
    --accent-glow: rgba(255, 138, 61, 0.4);
    --border-color: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.12);
    --shadow: rgba(0, 0, 0, 0.4);
    --shadow-lg: rgba(0, 0, 0, 0.6);
}

:root[data-theme="daylight"] body {
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0, 168, 112, 0.08), transparent),
        radial-gradient(ellipse 60% 40% at 100% 0%, rgba(0, 168, 112, 0.04), transparent);
}

:root[data-theme="black-gold"] body {
    background-image:
        radial-gradient(ellipse 70% 45% at 50% -15%, rgba(212, 175, 55, 0.12), transparent),
        radial-gradient(ellipse 50% 35% at 100% 0%, rgba(212, 175, 55, 0.06), transparent);
}

:root[data-theme="luxury-orange"] body {
    background-image:
        radial-gradient(ellipse 75% 50% at 50% -18%, rgba(229, 107, 31, 0.16), transparent),
        radial-gradient(ellipse 55% 40% at 0% 100%, rgba(255, 138, 61, 0.06), transparent);
}

.header {
    background: var(--header-bg, var(--bg-elevated)) !important;
    border-bottom: 1px solid var(--header-border, var(--border-color)) !important;
    color: var(--header-text, var(--text-primary));
}

.header .header-bar__title,
.header .platform-name {
    color: var(--header-text, var(--text-primary));
}

body,
.header,
.banner-section,
.notice-section,
.intro-section,
.links-section,
.service-section,
.footer,
.popup-content,
.platform-link-card {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.theme-toggle .theme-icon::before {
    display: none;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--bg-tertiary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);
}

::selection {
    background-color: var(--accent-color);
    color: white;
}