/* ══════════════════════════════════════════════════════════
   梅花易数 · 自然易象 主题设计系统
   7 套自有主题，与奇门道藏主题完全独立
   ══════════════════════════════════════════════════════════ */

/* ═══ 全局字体（梅花专用，不拘束于道藏行楷） ═══ */
:root{
  --mh-font:'Noto Serif SC','SimSun','KaiTi','STKaiti',serif;
  --mh-font-title:'Ma Shan Zheng','STKaiti','KaiTi',cursive;
  --mh-font-big:'ZCOOL KuaiLe','Ma Shan Zheng','STKaiti',cursive;
}

/* ═══ 主题 1：寒梅映雪（默认） ═══
   意象：水墨画底，梅红点睛，疏影横斜
   基调：墨灰 → 霜白 → 梅红 */
:root, [data-theme="hanmei"] {
  --mh-bg:linear-gradient(155deg,#100e14 0%,#181622 15%,#242030 30%,#302838 50%,#3e3448 70%,#4e4258 88%,#5e5068 100%);
  --mh-card:linear-gradient(-45deg,rgba(24,20,36,.92),rgba(32,28,46,.88));
  --mh-alt:rgba(28,22,38,.78);
  --mh-border:#3a2e3e;
  --mh-border-acc:#8a3a48;
  --mh-text:#e0d4d8;
  --mh-text-sec:#b8a8b0;
  --mh-muted:#6e5e68;
  --mh-accent:#d44a5a;
  --mh-accent-light:#f08a96;
  --mh-accent-dark:#8a2a38;
  --mh-red:#d44a5a;
  --mh-red-dark:#882838;
  --mh-green:#3a8a6a;
  --mh-radius:12px;
  --mh-shadow:0 4px 24px rgba(0,0,0,.6),0 0 0 1px rgba(212,74,90,.12);
  --taiji-black:#140e18;
  --taiji-white:#f0e4e8;
  --big-char-rgb:212,74,90;
  --rain-rgb:[[210,160,170],[225,180,190],[190,140,150],[218,168,178]];

  /* ── 同时设置 qm-* 变量，兼容 qimen-daoist.css 的结构类 ── */
  --qm-bg:var(--mh-bg);
  --qm-card:var(--mh-card);
  --qm-alt:var(--mh-alt);
  --qm-border:var(--mh-border);
  --qm-border-acc:var(--mh-border-acc);
  --qm-text:var(--mh-text);
  --qm-text-sec:var(--mh-text-sec);
  --qm-muted:var(--mh-muted);
  --qm-gold:var(--mh-accent);
  --qm-gold-light:var(--mh-accent-light);
  --qm-gold-dark:var(--mh-accent-dark);
  --qm-red:var(--mh-red);
  --qm-red-dark:var(--mh-red-dark);
  --qm-green:var(--mh-green);
  --qm-radius:var(--mh-radius);
  --qm-shadow:var(--mh-shadow);
  --qm-font:var(--mh-font);
  --qm-font-title:var(--mh-font-title);
  --qm-font-big:var(--mh-font-big);
}

/* ═══ 主题 2：春山新雨 ═══
   意象：山色空蒙雨亦奇，嫩绿清新
   基调：暗翠 → 新绿 → 春日暖光 */
[data-theme="chunshan"] {
  --mh-bg:linear-gradient(155deg,#0a1410 0%,#0e1e16 15%,#182e22 30%,#224032 50%,#2e5242 70%,#3a6450 88%,#46765e 100%);
  --mh-card:linear-gradient(-45deg,rgba(20,38,30,.92),rgba(28,48,38,.88));
  --mh-alt:rgba(22,40,32,.78);
  --mh-border:#2a4634;
  --mh-border-acc:#4a8a5a;
  --mh-text:#c8e4d0;
  --mh-text-sec:#90ba9c;
  --mh-muted:#588864;
  --mh-accent:#5ab878;
  --mh-accent-light:#8cd8a4;
  --mh-accent-dark:#38884e;
  --mh-red:#e09888;
  --mh-red-dark:#886058;
  --mh-green:#5ab878;
  --mh-radius:12px;
  --mh-shadow:0 4px 24px rgba(0,0,0,.6),0 0 0 1px rgba(90,184,120,.12);
  --taiji-black:#0a140e;
  --taiji-white:#e8f8ec;
  --big-char-rgb:90,184,120;
  --rain-rgb:[[140,200,160],[160,215,175],[120,185,145],[150,208,165]];

  --qm-bg:var(--mh-bg);--qm-card:var(--mh-card);--qm-alt:var(--mh-alt);
  --qm-border:var(--mh-border);--qm-border-acc:var(--mh-border-acc);
  --qm-text:var(--mh-text);--qm-text-sec:var(--mh-text-sec);--qm-muted:var(--mh-muted);
  --qm-gold:var(--mh-accent);--qm-gold-light:var(--mh-accent-light);--qm-gold-dark:var(--mh-accent-dark);
  --qm-red:var(--mh-red);--qm-red-dark:var(--mh-red-dark);--qm-green:var(--mh-green);
  --qm-radius:var(--mh-radius);--qm-shadow:var(--mh-shadow);
  --qm-font:var(--mh-font);--qm-font-title:var(--mh-font-title);--qm-font-big:var(--mh-font-big);
}

/* ═══ 主题 3：秋水长天 ═══
   意象：落霞与孤鹜齐飞，秋水共长天一色
   基调：深蓝靛 → 天青 → 暖金晚霞 */
[data-theme="qiushui"] {
  --mh-bg:linear-gradient(155deg,#0a1428 0%,#101e34 15%,#1a2a44 30%,#243856 50%,#304868 70%,#3e5878 88%,#4c6888 100%);
  --mh-card:linear-gradient(-45deg,rgba(22,36,56,.92),rgba(30,46,68,.88));
  --mh-alt:rgba(24,40,60,.78);
  --mh-border:#2a4058;
  --mh-border-acc:#5a88b8;
  --mh-text:#c8d8f0;
  --mh-text-sec:#90a8c8;
  --mh-muted:#587898;
  --mh-accent:#d4a050;
  --mh-accent-light:#f0c878;
  --mh-accent-dark:#986838;
  --mh-red:#e09898;
  --mh-red-dark:#886060;
  --mh-green:#50b0a0;
  --mh-radius:12px;
  --mh-shadow:0 4px 24px rgba(0,0,0,.6),0 0 0 1px rgba(212,160,80,.12);
  --taiji-black:#0a1424;
  --taiji-white:#f0f4fa;
  --big-char-rgb:212,160,80;
  --rain-rgb:[[180,200,225],[200,215,235],[160,185,210],[190,208,228]];

  --qm-bg:var(--mh-bg);--qm-card:var(--mh-card);--qm-alt:var(--mh-alt);
  --qm-border:var(--mh-border);--qm-border-acc:var(--mh-border-acc);
  --qm-text:var(--mh-text);--qm-text-sec:var(--mh-text-sec);--qm-muted:var(--mh-muted);
  --qm-gold:var(--mh-accent);--qm-gold-light:var(--mh-accent-light);--qm-gold-dark:var(--mh-accent-dark);
  --qm-red:var(--mh-red);--qm-red-dark:var(--mh-red-dark);--qm-green:var(--mh-green);
  --qm-radius:var(--mh-radius);--qm-shadow:var(--mh-shadow);
  --qm-font:var(--mh-font);--qm-font-title:var(--mh-font-title);--qm-font-big:var(--mh-font-big);
}

/* ═══ 主题 4：墨韵丹青 ═══
   意象：水墨氤氲，朱砂一点，计白当黑
   基调：墨黑 → 烟灰 → 宣纸白 */
[data-theme="moyun"] {
  --mh-bg:linear-gradient(155deg,#08080c 0%,#0e0e14 15%,#161620 30%,#202030 50%,#2a2a3c 70%,#363648 88%,#424258 100%);
  --mh-card:linear-gradient(-45deg,rgba(18,18,28,.92),rgba(24,24,36,.88));
  --mh-alt:rgba(20,20,30,.78);
  --mh-border:#2e2e3c;
  --mh-border-acc:#6a3a3a;
  --mh-text:#c8c8d8;
  --mh-text-sec:#9898a8;
  --mh-muted:#606070;
  --mh-accent:#c84848;
  --mh-accent-light:#e87878;
  --mh-accent-dark:#883030;
  --mh-red:#c84848;
  --mh-red-dark:#803030;
  --mh-green:#4a8a6a;
  --mh-radius:12px;
  --mh-shadow:0 4px 24px rgba(0,0,0,.6),0 0 0 1px rgba(200,72,72,.12);
  --taiji-black:#0a0a10;
  --taiji-white:#e8e8f0;
  --big-char-rgb:200,72,72;
  --rain-rgb:[[170,170,190],[190,190,210],[150,150,170],[180,180,200]];

  --qm-bg:var(--mh-bg);--qm-card:var(--mh-card);--qm-alt:var(--mh-alt);
  --qm-border:var(--mh-border);--qm-border-acc:var(--mh-border-acc);
  --qm-text:var(--mh-text);--qm-text-sec:var(--mh-text-sec);--qm-muted:var(--mh-muted);
  --qm-gold:var(--mh-accent);--qm-gold-light:var(--mh-accent-light);--qm-gold-dark:var(--mh-accent-dark);
  --qm-red:var(--mh-red);--qm-red-dark:var(--mh-red-dark);--qm-green:var(--mh-green);
  --qm-radius:var(--mh-radius);--qm-shadow:var(--mh-shadow);
  --qm-font:var(--mh-font);--qm-font-title:var(--mh-font-title);--qm-font-big:var(--mh-font-big);
}

/* ═══ 主题 5：竹月清风 ═══
   意象：独坐幽篁里，明月来相照
   基调：暗竹青 → 幽月白 → 清冷灰绿 */
[data-theme="zhuyue"] {
  --mh-bg:linear-gradient(155deg,#0c1614 0%,#12201c 15%,#1a2c28 30%,#243a34 50%,#304840 70%,#3c5850 88%,#48685e 100%);
  --mh-card:linear-gradient(-45deg,rgba(22,34,30,.92),rgba(30,44,40,.88));
  --mh-alt:rgba(24,36,32,.78);
  --mh-border:#2c3e36;
  --mh-border-acc:#6a9a7a;
  --mh-text:#c8e0d8;
  --mh-text-sec:#90afa0;
  --mh-muted:#588068;
  --mh-accent:#b8d8c0;
  --mh-accent-light:#d8f0e0;
  --mh-accent-dark:#789880;
  --mh-red:#d89898;
  --mh-red-dark:#886060;
  --mh-green:#6ab890;
  --mh-radius:12px;
  --mh-shadow:0 4px 24px rgba(0,0,0,.6),0 0 0 1px rgba(184,216,192,.12);
  --taiji-black:#0c1612;
  --taiji-white:#f0faf4;
  --big-char-rgb:184,216,192;
  --rain-rgb:[[160,200,180],[180,215,195],[140,185,160],[170,208,185]];

  --qm-bg:var(--mh-bg);--qm-card:var(--mh-card);--qm-alt:var(--mh-alt);
  --qm-border:var(--mh-border);--qm-border-acc:var(--mh-border-acc);
  --qm-text:var(--mh-text);--qm-text-sec:var(--mh-text-sec);--qm-muted:var(--mh-muted);
  --qm-gold:var(--mh-accent);--qm-gold-light:var(--mh-accent-light);--qm-gold-dark:var(--mh-accent-dark);
  --qm-red:var(--mh-red);--qm-red-dark:var(--mh-red-dark);--qm-green:var(--mh-green);
  --qm-radius:var(--mh-radius);--qm-shadow:var(--mh-shadow);
  --qm-font:var(--mh-font);--qm-font-title:var(--mh-font-title);--qm-font-big:var(--mh-font-big);
}

/* ═══ 主题 6：霜菊傲霜 ═══
   意象：待到秋来九月八，我花开后百花杀
   基调：深褐焦土 → 象牙白 → 秋菊金黄 */
[data-theme="shuangju"] {
  --mh-bg:linear-gradient(150deg,#1a1008 0%,#241a0e 15%,#302416 30%,#403020 50%,#504028 70%,#605038 88%,#706248 100%);
  --mh-card:linear-gradient(-45deg,rgba(36,24,14,.92),rgba(44,30,18,.88));
  --mh-alt:rgba(38,26,16,.78);
  --mh-border:#4a3820;
  --mh-border-acc:#a87838;
  --mh-text:#e8d8c0;
  --mh-text-sec:#b89870;
  --mh-muted:#786048;
  --mh-accent:#e0a848;
  --mh-accent-light:#f8d080;
  --mh-accent-dark:#a07030;
  --mh-red:#d89078;
  --mh-red-dark:#886050;
  --mh-green:#80b868;
  --mh-radius:12px;
  --mh-shadow:0 4px 24px rgba(0,0,0,.6),0 0 0 1px rgba(224,168,72,.12);
  --taiji-black:#1a0e04;
  --taiji-white:#faf0e0;
  --big-char-rgb:224,168,72;
  --rain-rgb:[[210,180,130],[225,200,155],[195,165,115],[218,188,140]];

  --qm-bg:var(--mh-bg);--qm-card:var(--mh-card);--qm-alt:var(--mh-alt);
  --qm-border:var(--mh-border);--qm-border-acc:var(--mh-border-acc);
  --qm-text:var(--mh-text);--qm-text-sec:var(--mh-text-sec);--qm-muted:var(--mh-muted);
  --qm-gold:var(--mh-accent);--qm-gold-light:var(--mh-accent-light);--qm-gold-dark:var(--mh-accent-dark);
  --qm-red:var(--mh-red);--qm-red-dark:var(--mh-red-dark);--qm-green:var(--mh-green);
  --qm-radius:var(--mh-radius);--qm-shadow:var(--mh-shadow);
  --qm-font:var(--mh-font);--qm-font-title:var(--mh-font-title);--qm-font-big:var(--mh-font-big);
}

/* ═══ 主题 7：松涧流泉 ═══
   意象：明月松间照，清泉石上流
   基调：古松暗绿 → 琥珀松脂 → 石上清泉 */
[data-theme="songjian"] {
  --mh-bg:linear-gradient(155deg,#0a1814 0%,#10211c 15%,#182e28 30%,#223c34 50%,#2e4c42 70%,#3a5c50 88%,#466c5e 100%);
  --mh-card:linear-gradient(-45deg,rgba(20,36,30,.92),rgba(28,44,38,.88));
  --mh-alt:rgba(22,38,32,.78);
  --mh-border:#2c4234;
  --mh-border-acc:#6a8a5a;
  --mh-text:#c8dcc8;
  --mh-text-sec:#90b098;
  --mh-muted:#587868;
  --mh-accent:#c89858;
  --mh-accent-light:#e8c080;
  --mh-accent-dark:#886838;
  --mh-red:#d89088;
  --mh-red-dark:#886050;
  --mh-green:#6ab870;
  --mh-radius:12px;
  --mh-shadow:0 4px 24px rgba(0,0,0,.6),0 0 0 1px rgba(200,152,88,.12);
  --taiji-black:#0a160e;
  --taiji-white:#f0faf0;
  --big-char-rgb:200,152,88;
  --rain-rgb:[[160,195,165],[180,210,185],[145,180,150],[170,202,175]];

  --qm-bg:var(--mh-bg);--qm-card:var(--mh-card);--qm-alt:var(--mh-alt);
  --qm-border:var(--mh-border);--qm-border-acc:var(--mh-border-acc);
  --qm-text:var(--mh-text);--qm-text-sec:var(--mh-text-sec);--qm-muted:var(--mh-muted);
  --qm-gold:var(--mh-accent);--qm-gold-light:var(--mh-accent-light);--qm-gold-dark:var(--mh-accent-dark);
  --qm-red:var(--mh-red);--qm-red-dark:var(--mh-red-dark);--qm-green:var(--mh-green);
  --qm-radius:var(--mh-radius);--qm-shadow:var(--mh-shadow);
  --qm-font:var(--mh-font);--qm-font-title:var(--mh-font-title);--qm-font-big:var(--mh-font-big);
}

/* ═══ 关键帧（梅花专属） ═══ */
@keyframes mh-fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes mh-pulseAccent{0%,100%{box-shadow:0 0 6px rgba(var(--big-char-rgb),.3),0 0 20px rgba(var(--big-char-rgb),.1)}50%{box-shadow:0 0 14px rgba(var(--big-char-rgb),.6),0 0 36px rgba(var(--big-char-rgb),.25)}}
@keyframes mh-petalFloat{0%,100%{transform:translateY(0) rotate(0deg);opacity:.6}25%{transform:translateY(-12px) rotate(3deg);opacity:.8}50%{transform:translateY(-6px) rotate(-2deg);opacity:.7}75%{transform:translateY(-16px) rotate(1deg);opacity:.85}}

/* ═══ 梅花特有主题按钮 ═══ */
.mh-theme-bar {
  position:fixed; top:16px; right:16px; z-index:200;
  display:flex; align-items:center; gap:8px;
  padding:6px 14px 6px 8px;
  background:var(--mh-alt);
  border:1px solid var(--mh-border);
  border-radius:24px;
  font-family:var(--mh-font);
  font-size:.72rem;
  letter-spacing:2px;
  color:var(--mh-muted);
  transition:all .35s;
  cursor:pointer;
}
.mh-theme-bar:hover {
  border-color:var(--mh-accent);
  color:var(--mh-accent-light);
  box-shadow:0 0 16px rgba(var(--big-char-rgb),.12);
}
.mh-theme-icon {
  width:22px; height:22px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%,var(--mh-accent-light),var(--mh-accent-dark));
  box-shadow:0 0 8px rgba(var(--big-char-rgb),.25);
  flex-shrink:0;
}
.mh-theme-label {
  font-size:.7rem;
  letter-spacing:3px;
  color:var(--mh-muted);
  transition:color .35s;
}
.mh-theme-bar:hover .mh-theme-label {
  color:var(--mh-accent-light);
}