/* ========================================================= HNB日历 2.2 · 13 套皮肤主题（CSS 变量）皮肤 A~G：初版至 2026-08 期间设计；皮肤 H~M：2026-09 节日/节气限定深色皮肤切换方式：（与 main.js THEMES 一一对应）装饰变量：--sky-top/--sky-bottom/--cloud/--hill-back/--hill-front/--spark （HNB 2.4.2：补皮肤 A 的 --tag-shadow，与其余 12 套保持一致） ========================================================= */ /* ---------- 皮肤 A · 云上之森（宫崎骏水彩） ---------- */ body[data-theme="a"] { --sky-top:#9fd4ea; --sky-bottom:#d8ecdb; --cloud:#ffffff; --hill-back:#b9dc9f; --hill-front:#9cc98a; --spark:#ffffff; --card: rgba(255,255,255,.84); --card-border: 1px solid rgba(255,255,255,.75); --radius-md: 22px; --radius-sm: 14px; --text: #3c5a5e; --muted: #7c9a9e; --brand: #2f7d96; --accent: #f2a65a; --today: #ff8f5a; --soft: rgba(255,255,255,.62); --shadow: 0 12px 30px rgba(56,94,108,.20); --shadow-sm: 0 4px 12px rgba(56,94,108,.16); --cell: rgba(255,255,255,.5); --cell-border: 1px solid rgba(255,255,255,.7); --btn-border: 1px solid rgba(255,255,255,.75); --input-bg: rgba(255,255,255,.8); --danger: #e06c5a; --font: "KaiTi","STKaiti","楷体","Microsoft YaHei",sans-serif; --tag-bg: rgba(255,255,255,.88); --tag-border: 1px solid rgba(255,255,255,.95); --tag-shadow: 0 2px 6px rgba(56,94,108,.16); --ev-bg: rgba(255,255,255,.92); --ev-border: 1px solid rgba(255,255,255,.9); --tag-dot: #b9c3d4; --accent-soft: #fbe4cf; } /* ---------- 皮肤 B · 奶油手账（温馨贴纸） ---------- */ body[data-theme="b"] { --sky-top:#fdf6ec; --sky-bottom:#f9ead6; --cloud:#ffffff; --hill-back:#f0dcc4; --hill-front:#e8cba8; --spark:#d9b99e; --card: #fffdf8; --card-border: 1.5px solid #f0dcc4; --radius-md: 16px; --radius-sm: 12px; --text: #6b5b4e; --muted: #b39d8a; --brand: #e58e7c; --accent: #f6a78f; --today: #f6a78f; --soft: #fbe9e2; --shadow: 0 8px 20px rgba(190,150,120,.18); --shadow-sm: 0 3px 10px rgba(190,150,120,.16); --cell: #fffdf8; --cell-border: 1.5px dashed #eeddc8; --btn-border: 1.5px solid #f0dcc4; --input-bg: #fffdf8; --danger: #d97b63; --font: "YouYuan","幼圆","Comic Sans MS","Microsoft YaHei",sans-serif; --tag-bg: #fff; --tag-border: 2px solid #f0c8a8; --tag-shadow: 0 2px 5px rgba(190,150,120,.3); --ev-bg: #fffdf8; --ev-border: 1.5px solid #f0c8a8; --tag-dot: #d9b99e; --accent-soft: #fde3d8; } /* ---------- 皮肤 C · 森野涂鸦（卡通线条） ---------- */ body[data-theme="c"] { --sky-top:#eef0e8; --sky-bottom:#dfe8d4; --cloud:#ffffff; --hill-back:#b9c6ae; --hill-front:#a3b593; --spark:#9db08f; --card: #fffdf4; --card-border: 3px solid #3e5c43; --radius-md: 18px; --radius-sm: 12px; --text: #3a4438; --muted: #8b9884; --brand: #3e5c43; --accent: #d99a2b; --today: #3e5c43; --soft: #e9efe2; --shadow: 0 8px 0 rgba(62,92,67,.14); --shadow-sm: 0 3px 0 rgba(62,92,67,.12); --cell: #fffdf4; --cell-border: 2px solid #b9c6ae; --btn-border: 2.5px solid #3e5c43; --input-bg: #fffdf4; --danger: #c0552f; --font: "Microsoft YaHei","PingFang SC",sans-serif; --tag-bg: #fffdf4; --tag-border: 2.5px solid #3e5c43; --tag-shadow: 2px 2px 0 rgba(62,92,67,.25); --ev-bg: #fffdf4; --ev-border: 2.5px solid #3e5c43; --tag-dot: #9db08f; --accent-soft: #f6ecd0; } /* ---------- 皮肤 D · 星夜蓝调（深色星空） ---------- */ body[data-theme="d"] { --sky-top:#0c1733; --sky-bottom:#1e3563; --cloud:rgba(255,255,255,.07); --hill-back:#16284f; --hill-front:#0f1e40; --spark:#ffd98a; --card: rgba(28,45,88,.72); --card-border: 1px solid rgba(120,150,210,.28); --radius-md: 20px; --radius-sm: 13px; --text: #e9eefb; --muted: #8fa3cc; --brand: #ffd98a; --accent: #6ea8ff; --today: #ffd98a; --soft: rgba(110,168,255,.16); --shadow: 0 12px 28px rgba(2,8,24,.5); --shadow-sm: 0 4px 12px rgba(2,8,24,.4); --cell: rgba(255,255,255,.05); --cell-border: 1px solid rgba(140,170,230,.18); --btn-border: 1px solid rgba(140,170,230,.3); --input-bg: rgba(20,34,68,.85); --danger: #ff8f8f; --font: "Microsoft YaHei","PingFang SC",sans-serif; --tag-bg: rgba(110,168,255,.22); --tag-border: 1px solid rgba(160,195,255,.4); --tag-shadow: 0 2px 6px rgba(0,0,0,.35); --ev-bg: rgba(34,54,100,.55); --ev-border: 1px solid rgba(140,170,230,.22); --tag-dot: rgba(160,195,255,.5); --accent-soft: rgba(110,168,255,.2); } /* ---------- 皮肤 E · 樱花粉彩（春日甜美）【默认】 ---------- */ body[data-theme="e"] { --sky-top:#ffeef4; --sky-bottom:#fdeef6; --cloud:#ffffff; --hill-back:#f7cddd; --hill-front:#f0b6ce; --spark:#f3b9cc; --card: rgba(255,255,255,.88); --card-border: 1px solid rgba(255,255,255,.9); --radius-md: 22px; --radius-sm: 14px; --text: #6d4a58; --muted: #b18a99; --brand: #e0789a; --accent: #f4a0b8; --today: #e78aa8; --soft: #ffe3ec; --shadow: 0 12px 26px rgba(200,120,150,.20); --shadow-sm: 0 4px 12px rgba(200,120,150,.16); --cell: rgba(255,255,255,.62); --cell-border: 1px solid rgba(255,255,255,.8); --btn-border: 1px solid rgba(240,170,195,.7); --input-bg: rgba(255,255,255,.92); --danger: #d96a8a; --font: "KaiTi","STKaiti","楷体","Microsoft YaHei",sans-serif; --tag-bg: rgba(255,255,255,.88); --tag-border: 1px solid #f8c3d6; --tag-shadow: 0 2px 6px rgba(230,140,170,.25); --ev-bg: rgba(255,255,255,.95); --ev-border: 1px solid #fad4e0; --tag-dot: #f3b9cc; --accent-soft: #fce0ea; } /* ---------- 皮肤 F · 薄荷清风（夏日清爽） ---------- */ body[data-theme="f"] { --sky-top:#e2f7ee; --sky-bottom:#eefbf5; --cloud:#ffffff; --hill-back:#b7e6d3; --hill-front:#9ed9c2; --spark:#9ed9c2; --card: rgba(255,255,255,.88); --card-border: 1px solid rgba(255,255,255,.9); --radius-md: 20px; --radius-sm: 13px; --text: #38604f; --muted: #7fa494; --brand: #1f8a6b; --accent: #52c29a; --today: #2aa37e; --soft: #ddf5e9; --shadow: 0 12px 26px rgba(60,140,110,.18); --shadow-sm: 0 4px 12px rgba(60,140,110,.14); --cell: rgba(255,255,255,.62); --cell-border: 1px solid rgba(255,255,255,.8); --btn-border: 1px solid rgba(120,200,170,.6); --input-bg: rgba(255,255,255,.92); --danger: #d96a4a; --font: "YouYuan","幼圆","Microsoft YaHei",sans-serif; --tag-bg: rgba(255,255,255,.9); --tag-border: 1px solid #b7e6d3; --tag-shadow: 0 2px 6px rgba(70,160,125,.2); --ev-bg: rgba(255,255,255,.95); --ev-border: 1px solid #c9ecdd; --tag-dot: #9ed9c2; --accent-soft: #d7f3e7; } /* ---------- 皮肤 G · 落日橘霞（秋日温暖） ---------- */ body[data-theme="g"] { --sky-top:#ffe6c9; --sky-bottom:#c18fd4; --cloud:rgba(255,255,255,.85); --hill-back:#ffc98f; --hill-front:#ff9eb8; --spark:#ffffff; --card: rgba(255,248,238,.88); --card-border: 1px solid rgba(255,255,255,.85); --radius-md: 20px; --radius-sm: 13px; --text: #7a4636; --muted: #b3886f; --brand: #d95f2b; --accent: #ff8f4f; --today: #e2703a; --soft: #ffe4cd; --shadow: 0 12px 26px rgba(190,110,60,.22); --shadow-sm: 0 4px 12px rgba(190,110,60,.18); --cell: rgba(255,250,242,.68); --cell-border: 1px solid rgba(255,255,255,.8); --btn-border: 1px solid rgba(240,170,120,.7); --input-bg: rgba(255,255,255,.92); --danger: #c0552f; --font: "KaiTi","STKaiti","楷体","Microsoft YaHei",sans-serif; --tag-bg: rgba(255,255,255,.88); --tag-border: 1px solid #f5c29c; --tag-shadow: 0 2px 6px rgba(210,120,60,.22); --ev-bg: rgba(255,250,242,.95); --ev-border: 1px solid #f8d3b4; --tag-dot: #eeb18a; --accent-soft: #ffe0c2; } /* ========================================================= HNB 2.2 · 皮肤 H~M（6 套节日/节气限定深色皮肤）移植自 docs/皮肤预览_圣诞节.html，补齐真实系统所需变量（天空 sky-top/sky-bottom、云 cloud、山丘 hill-back/hill-front、星光 spark、输入框 input-bg、危险色 danger、强调柔和色 accent-soft） ========================================================= */ /* ---------- 皮肤 H · 圣夜鎏金（圣诞限定 · 深色） ---------- */ body[data-theme="h"] { --sky-top:#081b14; --sky-bottom:#0a2019; --cloud:rgba(255,255,255,.05); --hill-back:#0c271e; --hill-front:#123527; --spark:#e8c87a; --card: rgba(14,38,29,.72); --card-border: 1px solid rgba(214,178,102,.26); --radius-md: 20px; --radius-sm: 13px; --text: #f0ead8; --muted: #96ac9c; --brand: #e6c377; --accent: #c9a24b; --today: #d8b46a; --soft: rgba(216,180,106,.12); --shadow: 0 12px 30px rgba(2,12,8,.55); --shadow-sm: 0 4px 14px rgba(2,12,8,.45); --cell: rgba(255,255,255,.035); --cell-border: 1px solid rgba(214,178,102,.14); --btn-border: 1px solid rgba(214,178,102,.32); --input-bg: rgba(255,255,255,.06); --danger: #ff9a8a; --font: "Palatino Linotype","Georgia","STSong","SimSun","宋体","Microsoft YaHei",serif; --tag-bg: rgba(216,180,106,.14); --tag-border: 1px solid rgba(232,200,122,.45); --tag-shadow: 0 2px 8px rgba(0,0,0,.4); --ev-bg: rgba(18,44,33,.55); --ev-border: 1px solid rgba(214,178,102,.2); --tag-dot: rgba(232,200,122,.55); --accent-soft: rgba(216,180,106,.18); --btn-grad-a:#eed68e; --btn-grad-b:#c9a24b; --btn-fg:#241b06; } /* ---------- 皮肤 I · 新春锦红（春节限定 · 深色） ---------- */ body[data-theme="i"] { --sky-top:#1b0709; --sky-bottom:#190609; --cloud:rgba(255,255,255,.05); --hill-back:#2c0c10; --hill-front:#3d1218; --spark:#e9c87c; --card: rgba(45,13,18,.70); --card-border: 1px solid rgba(217,177,104,.28); --radius-md: 20px; --radius-sm: 13px; --text: #f7ece0; --muted: #b79a90; --brand: #e9c87c; --accent: #d9b168; --today: #e0bb72; --soft: rgba(217,177,104,.13); --shadow: 0 12px 30px rgba(14,3,5,.6); --shadow-sm: 0 4px 14px rgba(14,3,5,.5); --cell: rgba(255,255,255,.04); --cell-border: 1px solid rgba(217,177,104,.15); --btn-border: 1px solid rgba(217,177,104,.34); --input-bg: rgba(255,255,255,.06); --danger: #ff9a8a; --font: "Songti SC","STSong","Noto Serif SC","SimSun","宋体","Microsoft YaHei",serif; --tag-bg: rgba(217,177,104,.15); --tag-border: 1px solid rgba(233,200,124,.45); --tag-shadow: 0 2px 8px rgba(0,0,0,.45); --ev-bg: rgba(58,18,24,.55); --ev-border: 1px solid rgba(217,177,104,.22); --tag-dot: rgba(233,200,124,.6); --accent-soft: rgba(217,177,104,.2); --btn-grad-a:#f2d79a; --btn-grad-b:#d9b168; --btn-fg:#2b1206; } /* ---------- 皮肤 J · 上元灯昼（元宵限定 · 深色） ---------- */ body[data-theme="j"] { --sky-top:#100b1d; --sky-bottom:#0d0919; --cloud:rgba(255,255,255,.05); --hill-back:#1a1230; --hill-front:#241737; --spark:#f5c073; --card: rgba(31,22,53,.68); --card-border: 1px solid rgba(242,162,74,.26); --radius-md: 20px; --radius-sm: 13px; --text: #f4f1ea; --muted: #a89fc0; --brand: #f5c073; --accent: #f2a24a; --today: #f3ad57; --soft: rgba(242,162,74,.13); --shadow: 0 12px 30px rgba(8,5,18,.6); --shadow-sm: 0 4px 14px rgba(8,5,18,.5); --cell: rgba(255,255,255,.045); --cell-border: 1px solid rgba(242,162,74,.15); --btn-border: 1px solid rgba(242,162,74,.34); --input-bg: rgba(255,255,255,.06); --danger: #ffab7a; --font: "Songti SC","STSong","Noto Serif SC","SimSun","宋体","Microsoft YaHei",serif; --tag-bg: rgba(242,162,74,.14); --tag-border: 1px solid rgba(245,192,115,.45); --tag-shadow: 0 2px 8px rgba(0,0,0,.45); --ev-bg: rgba(42,30,68,.55); --ev-border: 1px solid rgba(242,162,74,.2); --tag-dot: rgba(245,192,115,.55); --accent-soft: rgba(242,162,74,.2); --btn-grad-a:#ffd79a; --btn-grad-b:#f2a24a; --btn-fg:#2a1608; } /* ---------- 皮肤 K · 桂月清辉（中秋限定 · 深色） ---------- */ body[data-theme="k"] { --sky-top:#07161d; --sky-bottom:#061218; --cloud:rgba(255,255,255,.05); --hill-back:#0a1a24; --hill-front:#122b33; --spark:#f0e2b4; --card: rgba(11,32,40,.68); --card-border: 1px solid rgba(229,199,107,.24); --radius-md: 20px; --radius-sm: 13px; --text: #eef4f7; --muted: #93a8b2; --brand: #f0e2b4; --accent: #e5c76b; --today: #f0dda0; --soft: rgba(229,199,107,.12); --shadow: 0 12px 30px rgba(3,10,14,.6); --shadow-sm: 0 4px 14px rgba(3,10,14,.5); --cell: rgba(255,255,255,.042); --cell-border: 1px solid rgba(229,199,107,.14); --btn-border: 1px solid rgba(229,199,107,.32); --input-bg: rgba(255,255,255,.06); --danger: #ffc9a8; --font: "Songti SC","STSong","Noto Serif SC","SimSun","宋体","Microsoft YaHei",serif; --tag-bg: rgba(229,199,107,.13); --tag-border: 1px solid rgba(240,226,180,.42); --tag-shadow: 0 2px 8px rgba(0,0,0,.45); --ev-bg: rgba(14,38,46,.55); --ev-border: 1px solid rgba(229,199,107,.2); --tag-dot: rgba(240,226,180,.55); --accent-soft: rgba(229,199,107,.18); --btn-grad-a:#fff5d4; --btn-grad-b:#e5c76b; --btn-fg:#231a05; } /* ---------- 皮肤 L · 霜林落叶（深秋节气 · 深色） ---------- */ body[data-theme="l"] { --sky-top:#180d06; --sky-bottom:#150b05; --cloud:rgba(255,255,255,.05); --hill-back:#2a1809; --hill-front:#3d2412; --spark:#f0c894; --card: rgba(48,28,14,.65); --card-border: 1px solid rgba(217,143,74,.26); --radius-md: 20px; --radius-sm: 13px; --text: #f7ede0; --muted: #bda184; --brand: #f0c894; --accent: #d98f4a; --today: #e8b877; --soft: rgba(217,143,74,.14); --shadow: 0 12px 30px rgba(12,6,2,.6); --shadow-sm: 0 4px 14px rgba(12,6,2,.5); --cell: rgba(255,255,255,.045); --cell-border: 1px solid rgba(217,143,74,.16); --btn-border: 1px solid rgba(217,143,74,.34); --input-bg: rgba(255,255,255,.06); --danger: #ffb08a; --font: "Songti SC","STSong","Noto Serif SC","SimSun","宋体","Microsoft YaHei",serif; --tag-bg: rgba(217,143,74,.15); --tag-border: 1px solid rgba(240,200,148,.44); --tag-shadow: 0 2px 8px rgba(0,0,0,.45); --ev-bg: rgba(58,34,17,.55); --ev-border: 1px solid rgba(217,143,74,.2); --tag-dot: rgba(240,200,148,.55); --accent-soft: rgba(217,143,74,.2); --btn-grad-a:#f6d9a4; --btn-grad-b:#d98f4a; --btn-fg:#2a1405; } /* ---------- 皮肤 M · 漫漫冬雪（冬日节气 · 深色） ---------- */ body[data-theme="m"] { --sky-top:#151d28; --sky-bottom:#141b25; --cloud:rgba(255,255,255,.05); --hill-back:#1e2a38; --hill-front:#2b3746; --spark:#cfe3f4; --card: rgba(32,44,58,.65); --card-border: 1px solid rgba(143,184,216,.26); --radius-md: 20px; --radius-sm: 13px; --text: #eef5fb; --muted: #9dafc2; --brand: #cfe3f4; --accent: #8fb8d8; --today: #bcd8ee; --soft: rgba(143,184,216,.14); --shadow: 0 12px 30px rgba(8,13,20,.6); --shadow-sm: 0 4px 14px rgba(8,13,20,.5); --cell: rgba(255,255,255,.05); --cell-border: 1px solid rgba(143,184,216,.16); --btn-border: 1px solid rgba(143,184,216,.34); --input-bg: rgba(255,255,255,.06); --danger: #f2a05a; --font: "Songti SC","STSong","Noto Serif SC","SimSun","宋体","Microsoft YaHei",serif; --tag-bg: rgba(143,184,216,.14); --tag-border: 1px solid rgba(207,227,244,.44); --tag-shadow: 0 2px 8px rgba(0,0,0,.45); --ev-bg: rgba(38,52,68,.55); --ev-border: 1px solid rgba(143,184,216,.2); --tag-dot: rgba(207,227,244,.55); --accent-soft: rgba(143,184,216,.2); --btn-grad-a:#eaf4ff; --btn-grad-b:#8fb8d8; --btn-fg:#111c26; }