/* ===== 圣诞主题样式 - Medium强度版本 ===== */
/* 节后移除：删除此文件并在index.html中移除引用即可 */

/* ===== 主题变量定义 ===== */
.theme-christmas-red:root,
.theme-christmas-red {
  --christmas-green: #0B3D2E;
  --christmas-red: #8B1E2D;
  --christmas-gold: #F5D06F;
  --christmas-bg-dark: #1a1a1a;
  --christmas-text: #ffffff;
  --christmas-border: rgba(245, 208, 111, 0.3);
  
  --g: var(--christmas-gold);
  --g2: var(--christmas-red);
  --gold: var(--christmas-gold);
  --gold2: var(--christmas-red);
  --text: var(--christmas-text);
  --muted: var(--christmas-gold);
  --panel: var(--christmas-green);
  --bg: var(--christmas-bg-dark);
  --shadow: 0 12px 36px rgba(11, 61, 46, 0.5);
}

.theme-christmas-winter:root,
.theme-christmas-winter {
  --christmas-blue: #1e3a5f;
  --christmas-light-blue: #4a90e2;
  --christmas-silver: #c0c0c0;
  --christmas-white: #f0f8ff;
  --christmas-bg-dark: #0f1a2e;
  --christmas-text: #ffffff;
  --christmas-border: rgba(192, 192, 192, 0.3);
  
  --g: var(--christmas-silver);
  --g2: var(--christmas-light-blue);
  --gold: var(--christmas-silver);
  --gold2: var(--christmas-light-blue);
  --text: var(--christmas-text);
  --muted: var(--christmas-silver);
  --panel: var(--christmas-blue);
  --bg: var(--christmas-bg-dark);
  --shadow: 0 12px 36px rgba(30, 58, 95, 0.5);
}

/* ===== 强度档位控制 ===== */
[data-xmas="low"] { --xmas-intensity: 0.3; --xmas-opacity: 0.4; }
[data-xmas="medium"] { --xmas-intensity: 0.7; --xmas-opacity: 0.75; }
[data-xmas="high"] { --xmas-intensity: 1; --xmas-opacity: 0.9; }

/* 默认medium */
body:not([data-xmas]) { --xmas-intensity: 0.7; --xmas-opacity: 0.75; }

/* ============================================
   一、Header / 顶部区域 - 60-90px装饰横条
   ============================================ */

/* 版本1：红绿版Header */
.theme-christmas-red header.top {
  background: linear-gradient(90deg, var(--christmas-green), #0a2d22);
  border-top: 1.5px solid var(--christmas-gold);
  border-bottom: 1.5px solid var(--christmas-gold);
  box-shadow: 0 10px 25px rgba(11, 61, 46, 0.6);
}

/* 移除装饰横条 */
.theme-christmas-red header.top::before {
  display: none;
}

.theme-christmas-red header.top .wrap {
  position: relative;
  z-index: 1;
}

.theme-christmas-red header.top .glowline {
  background: linear-gradient(90deg, 
    transparent, 
    var(--christmas-gold), 
    transparent);
  opacity: 0.8;
  height: 1.5px;
}

/* 版本2：银蓝版Header */
.theme-christmas-winter header.top {
  background: linear-gradient(90deg, var(--christmas-blue), #152238);
  border-bottom: 2px solid var(--christmas-silver);
  box-shadow: 0 10px 25px rgba(30, 58, 95, 0.6);
}

/* 移除装饰横条 */
.theme-christmas-winter header.top::before {
  display: none;
}

.theme-christmas-winter header.top .wrap {
  position: relative;
  z-index: 1;
}

.theme-christmas-winter header.top .glowline {
  background: linear-gradient(90deg, 
    transparent, 
    var(--christmas-silver), 
    transparent);
  opacity: 0.6;
}

/* ============================================
   二、背景三层叠加
   ============================================ */

/* 版本1：原渐变 + 金粉遮罩 + 慢速飘雪 */
.theme-christmas-red #cyber-bg {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: -1 !important;
  background: 
    /* 第三层：慢速飘雪（密度中等、尺寸2-8px、速度慢） */
    radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.15) 2px, transparent 3px),
    radial-gradient(circle at 30% 40%, rgba(255, 255, 255, 0.12) 3px, transparent 4px),
    radial-gradient(circle at 50% 60%, rgba(255, 255, 255, 0.15) 4px, transparent 5px),
    radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.1) 5px, transparent 6px),
    radial-gradient(circle at 90% 80%, rgba(255, 255, 255, 0.12) 6px, transparent 7px),
    radial-gradient(circle at 20% 70%, rgba(255, 255, 255, 0.1) 3px, transparent 4px),
    radial-gradient(circle at 80% 50%, rgba(255, 255, 255, 0.15) 4px, transparent 5px),
    /* 第二层：金粉遮罩 */
    repeating-linear-gradient(
      0deg,
      rgba(245, 208, 111, 0.03) 0px,
      transparent 2px,
      rgba(245, 208, 111, 0.05) 4px,
      transparent 6px
    ),
    /* 第一层：原渐变 */
    radial-gradient(1400px 800px at 70% 10%, 
      var(--christmas-green) 0%, 
      var(--christmas-bg-dark) 50%,
      #000000 100%);
  background-size: 
    300px 300px, 250px 250px, 280px 280px, 320px 320px, 290px 290px, 270px 270px, 310px 310px,
    100% 100%,
    100% 100%;
  animation: snow-fall-slow 25s linear infinite;
}

@keyframes snow-fall-slow {
  0% { 
    background-position: 
      0 0, 50px 30px, 100px 60px, 150px 90px, 200px 120px, 80px 150px, 180px 180px,
      0 0,
      0 0;
  }
  100% { 
    background-position: 
      0 2000px, 50px 2030px, 100px 2060px, 150px 2090px, 200px 2120px, 80px 2150px, 180px 2180px,
      0 0,
      0 0;
  }
}

/* 版本2：原渐变 + 雪雾遮罩 + 慢速飘雪 */
.theme-christmas-winter #cyber-bg {
  background: 
    /* 第三层：慢速飘雪 */
    radial-gradient(circle at 10% 20%, rgba(240, 248, 255, 0.5) 2px, transparent 3px),
    radial-gradient(circle at 30% 40%, rgba(240, 248, 255, 0.45) 3px, transparent 4px),
    radial-gradient(circle at 50% 60%, rgba(240, 248, 255, 0.5) 4px, transparent 5px),
    radial-gradient(circle at 70% 30%, rgba(240, 248, 255, 0.4) 5px, transparent 6px),
    radial-gradient(circle at 90% 80%, rgba(240, 248, 255, 0.45) 6px, transparent 7px),
    radial-gradient(circle at 20% 70%, rgba(240, 248, 255, 0.4) 3px, transparent 4px),
    radial-gradient(circle at 80% 50%, rgba(240, 248, 255, 0.5) 4px, transparent 5px),
    /* 第二层：雪雾遮罩 */
    repeating-linear-gradient(
      0deg,
      rgba(240, 248, 255, 0.08) 0px,
      transparent 5px,
      rgba(176, 196, 222, 0.1) 10px,
      transparent 15px
    ),
    /* 第一层：原渐变 */
    radial-gradient(1400px 800px at 70% 10%, 
      var(--christmas-blue) 0%, 
      #2a4a6f 30%,
      var(--christmas-bg-dark) 60%,
      #000000 100%);
  background-size: 
    300px 300px, 250px 250px, 280px 280px, 320px 320px, 290px 290px, 270px 270px, 310px 310px,
    100% 100%,
    100% 100%;
  animation: snow-fall-slow 25s linear infinite;
}

/* ============================================
   三、游戏卡片 - 18-24px角标贴片
   ============================================ */

/* 版本1：金色挂件/冬青角标 */
.theme-christmas-red .card {
  background: linear-gradient(135deg, 
    rgba(11, 61, 46, 0.8), 
    rgba(10, 45, 34, 0.9));
  border: 2px solid var(--christmas-green);
  box-shadow: 
    0 8px 20px rgba(11, 61, 46, 0.4),
    0 0 0 1px var(--christmas-gold) inset;
  position: relative;
  overflow: visible !important; /* 改为visible以显示角标SVG */
}

/* 确保卡片内容不溢出 */
.theme-christmas-red .card img {
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  display: block;
}

/* 左上角角标贴片（18-24px） */
.theme-christmas-red .card::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  width: 24px;
  height: 24px;
  background-image: url('../assets/xmas/wreath-svgrepo-com.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
  pointer-events: none;
  filter: drop-shadow(0 2px 4px rgba(245, 208, 111, 0.6));
  animation: badge-float 2s ease-in-out infinite;
}

@keyframes badge-float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(5deg); }
}

/* 右下角角标（可选，随机显示） */
.theme-christmas-red .card:nth-child(2n)::after {
  content: "";
  position: absolute;
  bottom: -12px;
  right: -12px;
  width: 20px;
  height: 20px;
  background-image: url('../assets/xmas/christmas-present-christmas-tree-svgrepo-com.svg');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
  pointer-events: none;
  filter: drop-shadow(0 2px 4px rgba(245, 208, 111, 0.6));
  opacity: 1; /* 恢复正常不透明度 */
}

.theme-christmas-red .card:hover {
  border-color: var(--christmas-gold);
  box-shadow: 
    0 12px 30px rgba(11, 61, 46, 0.6),
    0 0 25px rgba(245, 208, 111, 0.4),
    0 0 0 2px var(--christmas-gold) inset;
  transform: translateY(-4px);
}

.theme-christmas-red .card:hover::before,
.theme-christmas-red .card:hover::after {
  transform: scale(1.2);
  filter: drop-shadow(0 4px 8px rgba(245, 208, 111, 0.9));
}

/* 版本2：雪花徽章角标 */
.theme-christmas-winter .card {
  background: linear-gradient(135deg, 
    rgba(30, 58, 95, 0.8), 
    rgba(15, 26, 46, 0.9));
  border: 2px solid var(--christmas-silver);
  box-shadow: 
    0 8px 20px rgba(30, 58, 95, 0.4),
    inset 0 1px 0 rgba(192, 192, 192, 0.2);
  position: relative;
  overflow: visible;
}

.theme-christmas-winter .card::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  width: 24px;
  height: 24px;
  background-image: url('../assets/xmas/snowman-svgrepo-com.svg');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
  pointer-events: none;
  filter: drop-shadow(0 2px 4px rgba(192, 192, 192, 0.6));
  animation: badge-float 2s ease-in-out infinite;
}

.theme-christmas-winter .card:nth-child(2n)::after {
  content: "";
  position: absolute;
  bottom: -12px;
  right: -12px;
  width: 28px; /* 放大角标 */
  height: 28px;
  background-image: url('../assets/xmas/christmas-sock-christmas-svgrepo-com.svg');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
  pointer-events: none;
  filter: drop-shadow(0 2px 4px rgba(192, 192, 192, 0.6));
  opacity: 1; /* 恢复正常不透明度 */
}

.theme-christmas-winter .card:hover {
  border-color: var(--christmas-silver);
  box-shadow: 
    0 12px 30px rgba(30, 58, 95, 0.6),
    0 0 25px rgba(192, 192, 192, 0.4),
    inset 0 1px 0 rgba(192, 192, 192, 0.4);
  transform: translateY(-4px);
}

.theme-christmas-winter .card:hover::before,
.theme-christmas-winter .card:hover::after {
  transform: scale(1.2);
  filter: drop-shadow(0 4px 8px rgba(192, 192, 192, 0.9));
}

/* ============================================
   四、计时器面板主题化
   ============================================ */

/* 版本1：酒红渐变底 + 金边 */
.theme-christmas-red .countdown-box {
  background: linear-gradient(135deg, 
    rgba(139, 30, 45, 0.95), /* 酒红 */
    rgba(107, 21, 32, 0.9),
    rgba(139, 30, 45, 0.95));
  border: 3px solid var(--christmas-gold); /* 金边 */
  box-shadow: 
    0 10px 30px rgba(11, 61, 46, 0.5),
    0 0 20px rgba(245, 208, 111, 0.4), /* 金色外发光 */
    inset 0 1px 0 rgba(245, 208, 111, 0.3);
  position: relative;
  overflow: visible;
}

.theme-christmas-red .countdown-box::before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 28px;
  height: 28px;
  background-image: url('../assets/xmas/wreath-svgrepo-com.svg');
  background-size: contain;
  z-index: 2;
  pointer-events: none;
  filter: drop-shadow(0 3px 6px rgba(245, 208, 111, 0.7));
}

.theme-christmas-red .countdown-box::after {
  content: "";
  position: absolute;
  bottom: -15px;
  right: -15px;
  width: 28px;
  height: 28px;
  background-image: url('../assets/xmas/bauble-christmas-svgrepo-com.svg');
  background-size: contain;
  z-index: 2;
  pointer-events: none;
  filter: drop-shadow(0 3px 6px rgba(245, 208, 111, 0.7));
  opacity: 1; /* 恢复正常不透明度 */
}

.theme-christmas-red .countdown div {
  background: rgba(11, 61, 46, 0.9);
  border: 2px solid var(--christmas-gold);
  color: var(--christmas-text);
  box-shadow: 
    0 0 10px rgba(245, 208, 111, 0.3),
    inset 0 0 8px rgba(245, 208, 111, 0.2);
}

.theme-christmas-red .countdown div span {
  color: var(--christmas-gold);
  text-shadow: 
    0 0 10px rgba(245, 208, 111, 0.8),
    0 0 20px rgba(245, 208, 111, 0.4);
}

/* 版本2：玻璃拟态 + 冷光描边 */
.theme-christmas-winter .countdown-box {
  background: 
    linear-gradient(135deg, 
      rgba(30, 58, 95, 0.4), 
      rgba(74, 144, 226, 0.3),
      rgba(30, 58, 95, 0.4));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 2px solid rgba(192, 192, 192, 0.5); /* 冷光描边 */
  box-shadow: 
    0 10px 30px rgba(30, 58, 95, 0.5),
    0 0 25px rgba(192, 192, 192, 0.3), /* 冷光外发光 */
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: visible;
}

.theme-christmas-winter .countdown-box::before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 32px; /* 放大角标 */
  height: 32px;
  background-image: url('../assets/xmas/santa-claus-svgrepo-com.svg');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  filter: drop-shadow(0 3px 6px rgba(192, 192, 192, 0.7));
}

.theme-christmas-winter .countdown-box::after {
  content: "";
  position: absolute;
  bottom: -15px;
  right: -15px;
  width: 32px; /* 放大角标 */
  height: 32px;
  background-image: url('../assets/xmas/bell-svgrepo-com.svg');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  filter: drop-shadow(0 3px 6px rgba(192, 192, 192, 0.7));
}

.theme-christmas-winter .countdown div {
  background: rgba(30, 58, 95, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 2px solid rgba(192, 192, 192, 0.4);
  color: var(--christmas-text);
  box-shadow: 
    0 0 10px rgba(192, 192, 192, 0.2),
    inset 0 0 8px rgba(255, 255, 255, 0.1);
}

.theme-christmas-winter .countdown div span {
  color: var(--christmas-silver);
  text-shadow: 
    0 0 10px rgba(192, 192, 192, 0.8),
    0 0 20px rgba(192, 192, 192, 0.4);
}

/* ============================================
   五、主CTA按钮 - 节日专属形态
   ============================================ */

/* 版本1：内发光/外发光 + hover扫光 */
.theme-christmas-red .btn-gold,
.theme-christmas-red .btn-green {
  background: linear-gradient(135deg, var(--christmas-red), #6b1520);
  border: 2px solid var(--christmas-gold);
  box-shadow: 
    0 0 20px rgba(245, 208, 111, 0.6), /* 外发光 */
    inset 0 0 15px rgba(245, 208, 111, 0.4), /* 内发光 */
    0 4px 15px rgba(139, 30, 45, 0.4);
  position: relative;
  overflow: hidden;
}

/* Register按钮 - 保持默认位置 */
.theme-christmas-red .fab {
  position: fixed !important;
  right: 16px !important;
  bottom: 18px !important;
  background: linear-gradient(135deg, var(--christmas-red), #6b1520);
  border: 2px solid var(--christmas-gold);
  box-shadow: 
    0 0 20px rgba(245, 208, 111, 0.6), /* 外发光 */
    inset 0 0 15px rgba(245, 208, 111, 0.4), /* 内发光 */
    0 4px 15px rgba(139, 30, 45, 0.4);
  padding: 12px 22px !important;
  border-radius: 999px !important;
  overflow: hidden;
  color: #ffffff !important; /* 确保文字为白色 */
  z-index: 999 !important; /* 确保在最上层 */
  font-weight: 900 !important;
  letter-spacing: 0.3px !important;
}

/* 扫光效果 */
.theme-christmas-red .btn-gold::before,
.theme-christmas-red .btn-green::before,
.theme-christmas-red .fab::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(245, 208, 111, 0.6), 
    transparent);
  transition: left 0.5s ease;
}

.theme-christmas-red .btn-gold:hover::before,
.theme-christmas-red .btn-green:hover::before,
.theme-christmas-red .fab:hover::before {
  left: 100%;
}

.theme-christmas-red .btn-gold:hover,
.theme-christmas-red .btn-green:hover,
.theme-christmas-red .fab:hover {
  background: linear-gradient(135deg, #a02535, var(--christmas-red));
  box-shadow: 
    0 0 30px rgba(245, 208, 111, 0.8), /* 增强外发光 */
    inset 0 0 20px rgba(245, 208, 111, 0.6), /* 增强内发光 */
    0 6px 20px rgba(139, 30, 45, 0.6);
  transform: translateY(-2px);
  color: #ffffff !important; /* hover时保持白色文字 */
}

/* 版本2：内发光/外发光 + hover扫光 */
.theme-christmas-winter .btn-gold,
.theme-christmas-winter .btn-green {
  background: linear-gradient(135deg, var(--christmas-blue), #2d5aa0);
  border: 2px solid var(--christmas-silver);
  box-shadow: 
    0 0 20px rgba(192, 192, 192, 0.5), /* 外发光 */
    inset 0 0 15px rgba(192, 192, 192, 0.3), /* 内发光 */
    0 4px 15px rgba(74, 144, 226, 0.4);
  position: relative;
  overflow: hidden;
}

/* Register按钮 - 保持默认位置 */
.theme-christmas-winter .fab {
  position: fixed !important;
  right: 16px !important;
  bottom: 18px !important;
  background: linear-gradient(135deg, var(--christmas-blue), #2d5aa0);
  border: 2px solid var(--christmas-silver);
  box-shadow: 
    0 0 20px rgba(192, 192, 192, 0.5), /* 外发光 */
    inset 0 0 15px rgba(192, 192, 192, 0.3), /* 内发光 */
    0 4px 15px rgba(74, 144, 226, 0.4);
  padding: 12px 22px !important;
  border-radius: 999px !important;
  overflow: hidden;
  color: #ffffff !important; /* 确保文字为白色 */
  z-index: 999 !important; /* 确保在最上层 */
  font-weight: 900 !important;
  letter-spacing: 0.3px !important;
}

.theme-christmas-winter .btn-gold::before,
.theme-christmas-winter .btn-green::before,
.theme-christmas-winter .fab::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(192, 192, 192, 0.5), 
    transparent);
  transition: left 0.5s ease;
}

.theme-christmas-winter .btn-gold:hover::before,
.theme-christmas-winter .btn-green:hover::before,
.theme-christmas-winter .fab:hover::before {
  left: 100%;
}

.theme-christmas-winter .btn-gold:hover,
.theme-christmas-winter .btn-green:hover,
.theme-christmas-winter .fab:hover {
  background: linear-gradient(135deg, #5ba0e8, var(--christmas-light-blue));
  box-shadow: 
    0 0 30px rgba(192, 192, 192, 0.7), /* 增强外发光 */
    inset 0 0 20px rgba(192, 192, 192, 0.5), /* 增强内发光 */
    0 6px 20px rgba(74, 144, 226, 0.6);
  transform: translateY(-2px);
  color: #ffffff !important; /* hover时保持白色文字 */
}

/* ============================================
   装饰横条在header上方，不影响main的padding-top
   main保持原有padding-top即可
   ============================================ */

/* ============================================
   修复红绿版本的布局问题
   ============================================ */

/* 确保grid容器可以显示角标 */
.theme-christmas-red .grid {
  overflow: visible !important; /* 允许角标显示 */
  position: relative;
}

/* 确保section容器正常 */
.theme-christmas-red .section.wrap {
  overflow: visible !important;
  position: relative;
}

/* 确保main区域正常 */
.theme-christmas-red main {
  padding-top: 86px !important; /* 保持原有padding-top */
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .theme-christmas-red main {
    padding-top: 96px !important; /* 移动端保持原有padding-top */
  }
}

/* 确保body有正确的背景 */
.theme-christmas-red body {
  background: transparent !important; /* 背景由#cyber-bg负责 */
  min-height: 100vh;
  overflow-x: hidden; /* 防止横向滚动 */
}

/* ============================================
   其他元素样式
   ============================================ */

/* 标题样式 */
.theme-christmas-red .title {
  color: var(--christmas-text);
  text-shadow: 
    0 0 10px rgba(245, 208, 111, 0.5),
    0 2px 4px rgba(0, 0, 0, 0.5);
}

.theme-christmas-winter .title {
  color: var(--christmas-text);
  text-shadow: 
    0 0 10px rgba(192, 192, 192, 0.5),
    0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Banner轮播区 */
.theme-christmas-red .promo-box {
  border: 2px solid var(--christmas-gold);
  box-shadow: 
    0 8px 25px rgba(245, 208, 111, 0.3),
    0 0 15px rgba(139, 30, 45, 0.2);
}

.theme-christmas-winter .promo-box {
  border: 1.5px solid var(--christmas-silver);
  box-shadow: 
    0 8px 25px rgba(192, 192, 192, 0.25),
    0 0 20px rgba(74, 144, 226, 0.15);
}

/* 导航按钮（保持克制） */
.theme-christmas-red .nav-btn {
  background: linear-gradient(135deg, 
    rgba(11, 61, 46, 0.8), 
    rgba(10, 45, 34, 0.9));
  border: 2px solid var(--christmas-border);
}

.theme-christmas-red .nav-btn:hover {
  border-color: var(--christmas-gold);
  box-shadow: 0 8px 20px rgba(245, 208, 111, 0.3);
}

.theme-christmas-red .nav-btn-domain {
  color: var(--christmas-gold);
  text-shadow: 0 0 8px rgba(245, 208, 111, 0.5);
}

.theme-christmas-winter .nav-btn {
  background: linear-gradient(135deg, 
    rgba(30, 58, 95, 0.8), 
    rgba(15, 26, 46, 0.9));
  border: 2px solid var(--christmas-border);
}

.theme-christmas-winter .nav-btn:hover {
  border-color: var(--christmas-silver);
  box-shadow: 0 8px 20px rgba(192, 192, 192, 0.3);
}

.theme-christmas-winter .nav-btn-domain {
  color: var(--christmas-silver);
  text-shadow: 0 0 8px rgba(192, 192, 192, 0.5);
}

/* Footer */
.theme-christmas-red .footer {
  background: linear-gradient(180deg, 
    rgba(11, 61, 46, 0.95), 
    rgba(10, 45, 34, 1));
  border-top: 3px solid var(--christmas-gold);
}

.theme-christmas-winter .footer {
  background: linear-gradient(180deg, 
    rgba(30, 58, 95, 0.95), 
    rgba(15, 26, 46, 1));
  border-top: 3px solid var(--christmas-silver);
}

/* 浮动Logo按钮 - 保持与默认版本相同的边框粗细 */
.theme-christmas-red .logo-fab {
  border: 3px solid var(--christmas-gold) !important; /* 保持3px，与默认版本一致 */
  box-shadow: 
    0 8px 25px rgba(11, 61, 46, 0.6),
    0 0 20px rgba(245, 208, 111, 0.4);
}

.theme-christmas-winter .logo-fab {
  border: 3px solid var(--christmas-silver) !important; /* 保持3px，与默认版本一致 */
  box-shadow: 
    0 8px 25px rgba(30, 58, 95, 0.6),
    0 0 20px rgba(192, 192, 192, 0.4);
}

/* 社交图标 */
.theme-christmas-red .social a,
.theme-christmas-winter .social a {
  border: none;
  box-shadow: none;
}

.theme-christmas-red .social a:hover,
.theme-christmas-winter .social a:hover {
  border: none;
  box-shadow: none;
  transform: scale(1.1);
}

/* 主题切换器 */
.theme-switcher {
  position: fixed;
  top: 80px;
  right: 20px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: rgba(11, 61, 46, 0.9);
  padding: 10px;
  border-radius: 8px;
  border: 2px solid var(--christmas-gold);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.theme-christmas-winter .theme-switcher {
  background: rgba(30, 58, 95, 0.9);
  border-color: var(--christmas-silver);
}

.theme-switcher button {
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  border: 1px solid rgba(245, 208, 111, 0.3);
  color: var(--christmas-text);
  cursor: pointer;
  border-radius: 50%;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  line-height: 1;
}

.theme-christmas-winter .theme-switcher button {
  border-color: rgba(192, 192, 192, 0.3);
}

.theme-switcher button:hover {
  background: rgba(245, 208, 111, 0.2);
  border-color: var(--christmas-gold);
  transform: scale(1.1);
}

.theme-christmas-winter .theme-switcher button:hover {
  background: rgba(192, 192, 192, 0.2);
  border-color: var(--christmas-silver);
  transform: scale(1.1);
}

.theme-switcher button.active {
  background: var(--christmas-red);
  border-color: var(--christmas-gold);
  color: var(--christmas-gold);
  transform: scale(1.15);
}

.theme-christmas-winter .theme-switcher button.active {
  background: var(--christmas-light-blue);
  border-color: var(--christmas-silver);
  color: var(--christmas-silver);
  transform: scale(1.15);
}

/* 响应式 */
@media (max-width: 768px) {
  /* 装饰横条已移除，无需响应式调整 */
}
  
  .theme-switcher {
    top: 70px;
    right: 10px;
    padding: 8px;
    gap: 6px;
  }
  
  .theme-switcher button {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }
}