/* ============================================================
   学习乐园 · 四套皮肤主题变量
   由 theme.js 根据 localStorage.homeTheme 设置 data-theme
   ============================================================ */

html[data-theme="sticker"] {
    --bg: #FFF6E5;
    --bg-pattern: radial-gradient(rgba(31, 42, 68, 0.05) 1px, transparent 1px);
    --bg-size: 24px 24px;
    --deco-1: radial-gradient(circle at 38% 38%, #FFE57F, #FFD23F 55%, #F5B700);
    --deco-2: #B8F2E6;
    --deco-opacity: 0.5;
    --text: #1F2A44;
    --muted: #5A6478;
    --panel: #FFFDF7;
    --border: #1F2A44;
    --border-w: 3px;
    --radius: 24px;
    --radius-lg: 32px;
    --btn-radius: 999px;
    --shadow: 6px 6px 0 #1F2A44;
    --shadow-sm: 3px 4px 0 #1F2A44;
    --shadow-hover: 9px 9px 0 #1F2A44;
    --accent: #FF6B6B;
    --accent-2: #00BFA6;
    --accent-3: #FFD23F;
    --accent-4: #A78BFA;
    --accent-5: #4A7FB5;
    --accent-contrast: #FFFFFF;
    --header-bg: linear-gradient(120deg, #FFE29A 0%, #FFBF8B 55%, #FF9E9E 100%);
    --header-text: #6B2B00;
    --header-sub: rgba(107, 43, 0, 0.78);
    --chip-bg: #FFD23F;
    --chip-text: #1F2A44;
    --input-bg: #FFFFFF;
    --input-border: #1F2A44;
    --input-radius: 14px;
    --hover-tint: #FFF3D6;
    --font: 'PingFang SC', 'Microsoft YaHei', 'HarmonyOS Sans SC', sans-serif;
    --mono: 'Consolas', 'Courier New', monospace;
}

html[data-theme="scifi"] {
    --bg: #0F1A36;
    --bg-pattern: radial-gradient(circle at 18% -10%, #22346A 0%, transparent 58%), radial-gradient(circle at 100% 100%, #2B1C5A 0%, transparent 52%);
    --bg-size: auto;
    --deco-1: radial-gradient(circle, rgba(34, 211, 238, 0.35), transparent 70%);
    --deco-2: rgba(167, 139, 250, 0.35);
    --deco-opacity: 0.6;
    --text: #EAF6FF;
    --muted: #A6B8D8;
    --panel: rgba(17, 28, 58, 0.85);
    --border: rgba(34, 211, 238, 0.45);
    --border-w: 1px;
    --radius: 16px;
    --radius-lg: 20px;
    --btn-radius: 999px;
    --shadow: 0 16px 36px rgba(0, 0, 0, 0.4), inset 0 0 40px rgba(34, 211, 238, 0.05);
    --shadow-sm: 0 0 14px rgba(34, 211, 238, 0.18);
    --shadow-hover: 0 20px 44px rgba(0, 0, 0, 0.45), 0 0 26px rgba(34, 211, 238, 0.25);
    --accent: #22D3EE;
    --accent-2: #F472B6;
    --accent-3: #A78BFA;
    --accent-4: #7BD3F7;
    --accent-5: #A3E635;
    --accent-contrast: #06101F;
    --header-bg: linear-gradient(120deg, #14224A 0%, #231A5A 60%, #352A8C 100%);
    --header-text: #EAF6FF;
    --header-sub: #A6B8D8;
    --chip-bg: rgba(34, 211, 238, 0.12);
    --chip-text: #22D3EE;
    --input-bg: rgba(13, 23, 48, 0.8);
    --input-border: rgba(34, 211, 238, 0.4);
    --input-radius: 10px;
    --hover-tint: rgba(34, 211, 238, 0.1);
    --font: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --mono: 'Consolas', 'Courier New', monospace;
}

html[data-theme="pixel"] {
    --bg: #8FD4FF;
    --bg-pattern: linear-gradient(180deg, #6EC0FF 0%, #C9EDFF 100%);
    --bg-size: auto;
    --deco-1: #FFD23F;
    --deco-2: #7BCB4E;
    --deco-opacity: 0.45;
    --text: #1F2A44;
    --muted: #4A5A7A;
    --panel: #FFF8E7;
    --border: #1F2A44;
    --border-w: 4px;
    --radius: 0px;
    --radius-lg: 0px;
    --btn-radius: 0px;
    --shadow: 8px 8px 0 #1F2A44;
    --shadow-sm: 4px 4px 0 #1F2A44;
    --shadow-hover: 11px 11px 0 #1F2A44;
    --accent: #FF6B6B;
    --accent-2: #29C7AC;
    --accent-3: #FFD23F;
    --accent-4: #5FAF3A;
    --accent-5: #7BD3F7;
    --accent-contrast: #FFFFFF;
    --header-bg: linear-gradient(135deg, #FFD23F 0%, #FFB300 100%);
    --header-text: #1F2A44;
    --header-sub: #4A5A7A;
    --chip-bg: #FFD23F;
    --chip-text: #1F2A44;
    --input-bg: #FFFFFF;
    --input-border: #1F2A44;
    --input-radius: 0px;
    --hover-tint: #FFF0C2;
    --font: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --mono: 'Press Start 2P', 'Consolas', monospace;
}

html[data-theme="crayon"] {
    --bg: #FCF6E9;
    --bg-pattern: radial-gradient(rgba(47, 42, 38, 0.055) 1px, transparent 1px);
    --bg-size: 24px 24px;
    --deco-1: radial-gradient(circle at 38% 38%, #FFE9B8, #E9B44C);
    --deco-2: #C9E9D9;
    --deco-opacity: 0.4;
    --text: #2F2A26;
    --muted: #7A6F61;
    --panel: #FFFDF7;
    --border: #2F2A26;
    --border-w: 3px;
    --radius: 255px 18px 225px 18px / 18px 225px 18px 255px;
    --radius-lg: 255px 18px 225px 18px / 18px 225px 18px 255px;
    --btn-radius: 255px 18px 225px 18px / 18px 225px 18px 255px;
    --shadow: 6px 7px 0 rgba(47, 42, 38, 0.13);
    --shadow-sm: 3px 4px 0 rgba(47, 42, 38, 0.12);
    --shadow-hover: 9px 10px 0 rgba(47, 42, 38, 0.15);
    --accent: #E85D4A;
    --accent-2: #2A9D8F;
    --accent-3: #E9B44C;
    --accent-4: #4A7FB5;
    --accent-5: #D96C8E;
    --accent-contrast: #FFFFFF;
    --header-bg: linear-gradient(120deg, #FFE9B8 0%, #FFC9A8 60%, #FFB4B4 100%);
    --header-text: #4A3A22;
    --header-sub: #7A6F61;
    --chip-bg: #FFF0C2;
    --chip-text: #2F2A26;
    --input-bg: #FFFDF7;
    --input-border: #2F2A26;
    --input-radius: 16px;
    --hover-tint: #FFF7E3;
    --font: 'Comic Sans MS', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --mono: 'Consolas', 'Courier New', monospace;
}