/* 季节皮肤：由超管开启后 body.skin-* 生效；与 body.light 正交 */

:root {
  --skin-accent: #07c160;
  --skin-accent-soft: rgba(7, 193, 96, 0.12);
  --skin-accent-mid: rgba(7, 193, 96, 0.28);
}

/* ---------- 通用：用皮肤强调色覆盖主按钮 / Tab ---------- */
body.skin-valentine,
body.skin-halloween,
body.skin-cny,
body.skin-christmas {
  --skin-on: 1;
}

body[class*="skin-"] .tab.active,
body[class*="skin-"] .nav-ico.is-on,
body[class*="skin-"] .chat-pin-lab,
body[class*="skin-"] .sheet-item.is-on,
body[class*="skin-"] .search-bar .cancel,
body[class*="skin-"] .emoji-dock-store,
body[class*="skin-"] .reply-bar-title {
  color: var(--skin-accent) !important;
}
body[class*="skin-"] .reply-bar-main {
  border-left-color: var(--skin-accent) !important;
}
body[class*="skin-"] #btn-send,
body[class*="skin-"] .auth-btn,
body[class*="skin-"] .btn-sm,
body[class*="skin-"] .emoji-send,
body[class*="skin-"] .stk-cat.on,
body[class*="skin-"] .stk-item-btn,
body[class*="skin-"] #btn-voice-hold.recording {
  background: var(--skin-accent) !important;
}
body[class*="skin-"] .mc-actions div + div,
body[class*="skin-"] .sheet-add,
body[class*="skin-"] .sheet-confirm {
  color: var(--skin-accent) !important;
}
body[class*="skin-"] .stk-tab.on::after {
  background: var(--skin-accent) !important;
}
body[class*="skin-"] .badge:not(.dot) {
  background: var(--skin-accent) !important;
}

/* 氛围层 */
#seasonal-fx {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 50;
  overflow: hidden;
}
#seasonal-fx .sfx-bit {
  position: absolute;
  top: -12%;
  font-size: 14px;
  line-height: 1;
  opacity: 0.55;
  animation: sfx-fall linear infinite;
  will-change: transform;
  user-select: none;
}
@keyframes sfx-fall {
  0% { transform: translate3d(0, -10vh, 0) rotate(0deg); opacity: 0; }
  12% { opacity: 0.55; }
  100% { transform: translate3d(12px, 110vh, 0) rotate(360deg); opacity: 0.15; }
}

/* ---------- 情人节 ---------- */
body.skin-valentine {
  --skin-accent: #e84a7f;
  --skin-accent-soft: rgba(232, 74, 127, 0.14);
  --skin-accent-mid: rgba(232, 74, 127, 0.3);
}
body.skin-valentine.light {
  --bg: #f7e8ef;
  --bg-list: #fff5f8;
  --bg-elev: #ffe8f0;
  --bg-elev2: #ffd6e4;
  --bg-soft: #fff0f5;
  --bg-card: #fff7fa;
  --press: #ffe0eb;
  --border: #f3c9d8;
}
body.skin-valentine:not(.light) {
  --bg: #1a0f14;
  --bg-list: #24141c;
  --bg-elev: #3a1f2c;
  --bg-elev2: #4a2838;
  --bg-soft: #2a1822;
  --bg-card: #2e1a24;
  --press: #3a2430;
  --border: #4a2a38;
}
body.skin-valentine #screen-main,
body.skin-valentine #screen-chat {
  background-image:
    radial-gradient(ellipse at 12% 8%, rgba(232, 74, 127, 0.18), transparent 42%),
    radial-gradient(ellipse at 88% 0%, rgba(255, 150, 180, 0.12), transparent 40%);
}
body.skin-valentine .me-head {
  background:
    linear-gradient(135deg, rgba(232, 74, 127, 0.22), transparent 55%),
    var(--bg-list);
}
body.skin-valentine .tabbar {
  border-top-color: rgba(232, 74, 127, 0.25);
  box-shadow: 0 -6px 20px rgba(232, 74, 127, 0.08);
}

/* ---------- 万圣节 ---------- */
body.skin-halloween {
  --skin-accent: #e67e22;
  --skin-accent-soft: rgba(230, 126, 34, 0.16);
  --skin-accent-mid: rgba(155, 89, 182, 0.35);
}
body.skin-halloween.light {
  --bg: #efe6f4;
  --bg-list: #f7f0fa;
  --bg-elev: #ece0f5;
  --bg-elev2: #e0d0ef;
  --bg-soft: #f3ebf8;
  --bg-card: #faf5fc;
  --press: #e8dcf2;
  --border: #d8c4e8;
}
body.skin-halloween:not(.light) {
  --bg: #120c18;
  --bg-list: #1a1224;
  --bg-elev: #2a1a3a;
  --bg-elev2: #3a2550;
  --bg-soft: #1e1530;
  --bg-card: #221830;
  --press: #2e2040;
  --border: #3a2850;
  --text: #e8dcc8;
  --text-strong: #ffe8c8;
}
body.skin-halloween #screen-main,
body.skin-halloween #screen-chat {
  background-image:
    radial-gradient(ellipse at 80% 10%, rgba(230, 126, 34, 0.2), transparent 45%),
    radial-gradient(ellipse at 10% 90%, rgba(142, 68, 173, 0.22), transparent 50%);
}
body.skin-halloween .tabbar {
  border-top-color: rgba(230, 126, 34, 0.3);
}
body.skin-halloween .me-head {
  background:
    linear-gradient(120deg, rgba(142, 68, 173, 0.35), rgba(230, 126, 34, 0.15) 60%, transparent),
    var(--bg-list);
}

/* ---------- 华人新年 ---------- */
body.skin-cny {
  --skin-accent: #d42b2b;
  --skin-accent-soft: rgba(212, 43, 43, 0.14);
  --skin-accent-mid: rgba(212, 43, 43, 0.32);
}
body.skin-cny.light {
  --bg: #f6e8e4;
  --bg-list: #fff6f2;
  --bg-elev: #ffe8e0;
  --bg-elev2: #ffd5c8;
  --bg-soft: #fff0ea;
  --bg-card: #fff8f5;
  --press: #ffe0d4;
  --border: #f0cfc4;
}
body.skin-cny:not(.light) {
  --bg: #1a0c0c;
  --bg-list: #241212;
  --bg-elev: #3a1a1a;
  --bg-elev2: #4a2222;
  --bg-soft: #2a1515;
  --bg-card: #2e1616;
  --press: #3a2020;
  --border: #4a2828;
  --text-strong: #ffe8c8;
}
body.skin-cny #screen-main,
body.skin-cny #screen-chat {
  background-image:
    radial-gradient(ellipse at 50% -10%, rgba(212, 43, 43, 0.28), transparent 48%),
    radial-gradient(ellipse at 100% 80%, rgba(245, 215, 110, 0.12), transparent 40%);
}
body.skin-cny .me-head {
  background:
    linear-gradient(135deg, rgba(212, 43, 43, 0.35), rgba(245, 215, 110, 0.12) 50%, transparent),
    var(--bg-list);
}
body.skin-cny .tabbar {
  border-top-color: rgba(212, 43, 43, 0.28);
  box-shadow: 0 -4px 16px rgba(212, 43, 43, 0.1);
}
body.skin-cny .tab.active {
  text-shadow: 0 0 12px rgba(245, 215, 110, 0.35);
}

/* ---------- 圣诞节 ---------- */
body.skin-christmas {
  --skin-accent: #c0392b;
  --skin-accent-soft: rgba(192, 57, 43, 0.14);
  --skin-accent-mid: rgba(26, 122, 76, 0.28);
}
body.skin-christmas.light {
  --bg: #e6efe9;
  --bg-list: #f4faf6;
  --bg-elev: #e4f0e8;
  --bg-elev2: #d4e6da;
  --bg-soft: #eef6f0;
  --bg-card: #f7fcf8;
  --press: #ddeee3;
  --border: #c8ddd0;
}
body.skin-christmas:not(.light) {
  --bg: #0c1612;
  --bg-list: #12201a;
  --bg-elev: #1a3026;
  --bg-elev2: #244034;
  --bg-soft: #15261e;
  --bg-card: #182820;
  --press: #1e342a;
  --border: #2a4034;
}
body.skin-christmas #screen-main,
body.skin-christmas #screen-chat {
  background-image:
    radial-gradient(ellipse at 15% 0%, rgba(192, 57, 43, 0.18), transparent 42%),
    radial-gradient(ellipse at 90% 10%, rgba(26, 122, 76, 0.22), transparent 45%);
}
body.skin-christmas .me-head {
  background:
    linear-gradient(120deg, rgba(26, 122, 76, 0.3), rgba(192, 57, 43, 0.18) 55%, transparent),
    var(--bg-list);
}
body.skin-christmas .tabbar {
  border-top: 2px solid transparent;
  border-image: linear-gradient(90deg, #1a7a4c, #c0392b, #1a7a4c) 1;
}
body.skin-christmas .tab.active {
  color: #1a7a4c !important;
}
body.light.skin-christmas .tab.active {
  color: #0e6b3c !important;
}
body.skin-christmas #btn-send,
body.skin-christmas .auth-btn,
body.skin-christmas .btn-sm {
  background: linear-gradient(135deg, #1a7a4c, #c0392b) !important;
}

/* 登录/闪屏页也带一点氛围 */
body[class*="skin-"] #screen-auth,
body[class*="skin-"] #screen-splash {
  background-image:
    radial-gradient(ellipse at 50% 0%, var(--skin-accent-soft), transparent 55%);
}