/*
 * 南明离火 - 琉璃金辉主题 (Glazed Gold Theme)
 * 现代奢华设计，温暖而专业的配色方案
 * 设计理念：现代奢华 + 东方美学 + 专业科技感
 * 版本: 4.0
 * UI设计师: 南明离火设计团队
 */

/* ========================================
   琉璃金辉主题 - 通过data属性激活
   ======================================== */
[data-theme="warm"] {
  /* 基础颜色变量覆盖 - 琉璃金辉配色UI设计师优化版 */
  --nmlh-bg-primary: #1A1625;              /* 优化深紫色 - 更现代的深紫，减少厚重感 */
  --nmlh-bg-secondary: rgba(26, 22, 37, 0.95); /* 统一色调 - 增强透明度层次 */
  --nmlh-bg-tertiary: #2D2438;             /* 优化皇家紫 - 更柔和的中间色调 */

  /* 修复渐变背景上的文字颜色问题 - UI设计师优化版 */
  --nmlh-primary: #FFF8E7;                 /* 优化温暖象牙白 - 更纯净的暖白色，提升现代感 */
  --nmlh-secondary: #D4A574;               /* 优化温暖金色 - 降低饱和度，更柔和优雅 */

  /* 主要文字颜色 - 温暖明亮 (UI设计师优化版) */
  --nmlh-text-primary: #FFF8E7;            /* 优化温暖纯白 - 更纯净的暖白，提升可读性 */
  --nmlh-text-secondary: #E8D5B7;          /* 优化温暖浅金 - 更柔和的米金色，减少视觉疲劳 */
  --nmlh-text-muted: #C4A572;              /* 优化哑光金 - 降低饱和度，更舒适 */
  --nmlh-text-dark: #1A1625;               /* 优化深紫色文字 - 与新背景色一致 */

  /* 强调色系统 - 琉璃金辉 (UI设计师优化版) */
  --nmlh-text-gold: #C9A96E;               /* 优化经典金色 - 更柔和的香槟金，减少刺眼感 */
  --nmlh-text-gold-bright: #E6B800;        /* 优化悬停金色 - 更温暖的金黄，提升舒适度 */
  --nmlh-text-accent: #B8860B;             /* 优化深金色 - 更平衡的深金，增强可读性 */
  --nmlh-text-gold-dark: #8B7355;          /* 优化极深金色 - 更自然的深金棕 */
  --nmlh-text-danger: #CD5C5C;             /* 优化红色 - 更柔和的印第安红，适合暖色调 */
  --nmlh-text-success: #6B8E23;            /* 优化绿色 - 橄榄绿，更符合暖色调和谐 */
  --nmlh-text-warning: #DAA520;            /* 优化橙色 - 金麒麟色，更优雅的警告色 */
  --nmlh-text-info: #4682B4;               /* 优化蓝色 - 钢蓝色，与暖色调更协调 */

  /* 白色背景上的文字颜色 - 高对比度 (优化版) */
  --nmlh-text-light-primary: #3B3B3B;      /* 优化主文字 - 移除蓝调，更接近纯灰黑，增强对比 */
  --nmlh-text-light-secondary: #5C5C5C;    /* 优化次文字 - 提高亮度与柔和度 */
  --nmlh-text-light-muted: #9B8B76;        /* 优化弱化文字 - 更自然贴合主题金棕色系 */
  --nmlh-text-light-accent: #7A4E1D;       /* 优化强调色 - 更贴近焦糖棕，东方气质更浓 */

  /* 渐变背景 - 琉璃质感UI设计师优化版 */
  --nmlh-gradient-primary: linear-gradient(135deg, #1A1625 0%, #2D2438 50%, #1A1625 100%);  /* 优化主渐变 - 更现代的三点渐变，增强层次感 */
  --nmlh-gradient-secondary: linear-gradient(45deg, #E6D7C3 0%, #D4A574 100%); /* 优化次渐变 - 更柔和的米金渐变，减少视觉冲击 */
  --nmlh-gradient-accent: linear-gradient(90deg, #C9A96E 0%, #B8860B 100%);    /* 优化强调渐变 - 更平衡的金色渐变 */
  --nmlh-gradient-gold: linear-gradient(135deg, #E6D7C3 0%, #C9A96E 100%);     /* 优化金色高亮 - 更柔和的香槟金渐变 */

  /* 边框颜色 - 深度优化金色系 */
  --nmlh-border-primary: rgba(212, 175, 55, 0.4);     /* 增强主边框 - 适配深色背景，提升可见度 */
  --nmlh-border-secondary: rgba(140, 100, 30, 0.25);  /* 增强次边框 - 适配深色背景 */
  --nmlh-border-light: rgba(247, 243, 233, 0.2);      /* 增强浅边框 - 温暖象牙白，适配深色背景 */
  --nmlh-border-dark: rgba(44, 30, 63, 0.5);          /* 深紫边框 - 使用新的深紫色 */
  --nmlh-border-accent: rgba(212, 175, 55, 0.6);      /* 强调金色边框 */

  /* 阴影系统 - 优化版 */
  --nmlh-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.1);     /* 优化小阴影 - 提升性能且视觉轻盈 */
  --nmlh-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);   /* 优化中阴影 - 更柔和自然 */
  --nmlh-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);    /* 优化大阴影 - 减弱厚重感 */
  --nmlh-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.25);  /* 优化特大阴影 - 降低强度以防浮层显得突兀 */
  --nmlh-shadow-accent: 0 4px 16px rgba(212, 175, 55, 0.2); /* 金色强调阴影 */

  /* 卡片和表格背景 - 深色主题适配版 */
  --nmlh-bg-card: rgba(247, 243, 233, 0.95);  /* 半透明温暖象牙白卡片 - 适配深色背景 */
  --nmlh-bg-table: rgba(247, 243, 233, 0.9);  /* 半透明表格背景 - 适配深色背景 */
  --nmlh-bg-overlay: rgba(44, 30, 63, 0.85);  /* 深紫遮罩背景 - 使用新的深紫色 */
}

/* ========================================
   琉璃金辉主题特殊效果
   ======================================== */

/* 页面主体背景 - 琉璃金辉主题UI设计师优化版 */
[data-theme="warm"] body {
  background: linear-gradient(135deg, #1A1625 0%, #2D2438 50%, #1A1625 100%) !important;  /* 优化深紫渐变 - 更现代的层次感，减少厚重感 */
  color: #FFF8E7 !important;       /* 优化温暖象牙白文字，更纯净的暖白色 */
}

[data-theme="warm"] .nmlh-container,
[data-theme="warm"] .container-fluid {
  background: transparent !important;
}

/* 导航栏 - 琉璃金辉主题UI设计师优化版 */
[data-theme="warm"] .nmlh-navbar {
  background: linear-gradient(135deg, #1A1625 0%, #2D2438 50%, #1A1625 100%) !important;  /* 优化深紫渐变 - 与页面背景一致 */
  border-bottom: 1px solid rgba(201, 169, 110, 0.4);  /* 优化金色边框 - 更柔和的香槟金 */
  box-shadow: 0 4px 12px rgba(26, 22, 37, 0.3);       /* 优化深紫阴影 - 减少厚重感 */
  color: #FFF8E7 !important;  /* 优化温暖象牙白文字 */
}

[data-theme="warm"] .nmlh-navbar-brand {
  color: var(--nmlh-text-gold) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

[data-theme="warm"] .nmlh-navbar-link {
  color: var(--nmlh-text-secondary) !important;
  transition: all 0.3s ease;
}

[data-theme="warm"] .nmlh-navbar-link:hover,
[data-theme="warm"] .nmlh-navbar-link.active {
  color: var(--nmlh-text-gold) !important;
  background: rgba(255, 179, 71, 0.15) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* 卡片暖色主题 */
.nmlh-card-warm {
  background: var(--nmlh-bg-card-warm) !important;
  border: 1px solid var(--nmlh-border-light-dark-warm);
  box-shadow: var(--nmlh-shadow-md-warm);
  color: var(--nmlh-text-light-primary-warm);
}

/* 按钮暖色主题 */
.nmlh-btn-primary-warm {
  background: var(--nmlh-gradient-secondary-warm) !important;
  border: none;
  color: var(--nmlh-text-primary-warm) !important;
  box-shadow: var(--nmlh-shadow-sm-warm);
  transition: all 0.3s ease;
}

.nmlh-btn-primary-warm:hover {
  transform: translateY(-1px);
  box-shadow: var(--nmlh-shadow-md-warm);
  filter: brightness(1.05);
}

.nmlh-btn-outline-warm {
  background: transparent !important;
  border: 2px solid var(--nmlh-secondary-warm) !important;
  color: var(--nmlh-secondary-warm) !important;
  transition: all 0.3s ease;
}

.nmlh-btn-outline-warm:hover {
  background: var(--nmlh-secondary-warm) !important;
  color: var(--nmlh-text-primary-warm) !important;
}

/* 表格暖色主题 */
.nmlh-table-warm {
  background: var(--nmlh-bg-table-warm) !important;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--nmlh-shadow-sm-warm);
}

.nmlh-table-warm th {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: var(--nmlh-text-light-primary-warm) !important;
  border-bottom: 2px solid var(--nmlh-border-light-dark-warm);
  font-weight: 600;
}

.nmlh-table-warm td {
  color: var(--nmlh-text-light-primary-warm) !important;
  border-bottom: 1px solid var(--nmlh-border-light-dark-warm);
}

.nmlh-table-warm tr:hover {
  background: rgba(230, 126, 34, 0.05) !important;
}

/* 文字颜色工具类 */
.nmlh-text-primary-warm { color: var(--nmlh-text-primary-warm) !important; }
.nmlh-text-secondary-warm { color: var(--nmlh-text-secondary-warm) !important; }
.nmlh-text-muted-warm { color: var(--nmlh-text-muted-warm) !important; }
.nmlh-text-gold-warm { color: var(--nmlh-text-gold-warm) !important; }
.nmlh-text-accent-warm { color: var(--nmlh-text-accent-warm) !important; }

.nmlh-text-light-primary-warm { color: var(--nmlh-text-light-primary-warm) !important; }
.nmlh-text-light-secondary-warm { color: var(--nmlh-text-light-secondary-warm) !important; }
.nmlh-text-light-muted-warm { color: var(--nmlh-text-light-muted-warm) !important; }
.nmlh-text-light-accent-warm { color: var(--nmlh-text-light-accent-warm) !important; }

/* 背景颜色工具类 */
.nmlh-bg-primary-warm { background: var(--nmlh-bg-primary-warm) !important; }
.nmlh-bg-secondary-warm { background: var(--nmlh-bg-secondary-warm) !important; }
.nmlh-bg-card-warm { background: var(--nmlh-bg-card-warm) !important; }

/* 主标题 - 琉璃金辉风格 */
[data-theme="warm"] .main-title {
  color: var(--nmlh-text-gold) !important;  /* 经典金色 */
  text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4) !important;  /* 金色光晕 */
  font-weight: 700;
  transition: all 0.3s ease;
}

[data-theme="warm"] .main-title:hover {
  color: var(--nmlh-text-gold-bright) !important;  /* 明亮金色 */
  text-shadow: 0 4px 12px rgba(255, 215, 0, 0.5) !important;  /* 增强金色光晕 */
  transform: translateY(-1px) scale(1.01);
}

/* 特殊组件暖色主题 - 基于实际MD5搜索卡片优化 */
.md5-search-card-warm {
  background: rgba(26, 43, 71, 0.92) !important;
  border: 1px solid var(--nmlh-border-primary-warm);
  box-shadow:
    0 8px 24px rgba(26, 43, 71, 0.15),
    0 4px 12px rgba(255, 127, 80, 0.12),
    inset 0 1px 0 rgba(255, 127, 80, 0.3);
  backdrop-filter: blur(15px);
  border-radius: var(--nmlh-radius-lg);
}

.md5-search-card-warm:hover {
  border-color: var(--nmlh-gold-warm);
  box-shadow:
    0 12px 32px rgba(26, 43, 71, 0.2),
    0 6px 16px rgba(255, 127, 80, 0.15),
    inset 0 1px 0 rgba(255, 179, 71, 0.4);
  transform: translateY(-2px);
}

/* MD5输入框暖色主题 */
.md5-input-warm {
  background: rgba(255, 248, 240, 0.95) !important;
  color: var(--nmlh-text-light-primary-warm) !important;
  border: none;
  border-radius: 0 var(--nmlh-radius-md) var(--nmlh-radius-md) 0;
}

.md5-input-warm:focus {
  background: rgba(255, 248, 240, 0.98) !important;
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 0 3px rgba(255, 140, 0, 0.3);
}

.md5-input-warm::placeholder {
  color: rgba(139, 69, 19, 0.7) !important;
}

/* MD5搜索图标暖色主题 */
.md5-search-icon-warm {
  background: linear-gradient(135deg, #FF8C00 0%, #FFB347 100%) !important;
  color: var(--nmlh-primary-warm) !important;
}

.md5-search-icon-warm:hover {
  background: linear-gradient(135deg, #FF6347 0%, #FF8C00 100%) !important;
}

/* MD5搜索按钮暖色主题 */
.md5-search-btn-warm {
  background: var(--nmlh-gradient-gold-warm) !important;
  color: var(--nmlh-primary-warm) !important;
  border: none;
}

/* 移动端菜单暖色主题 */
.nmlh-mobile-menu-warm {
  background: rgba(27, 54, 93, 0.95) !important;
  backdrop-filter: blur(10px);
}

.nmlh-mobile-header-warm {
  background: rgba(230, 126, 34, 0.1);
  border-bottom: 1px solid var(--nmlh-border-primary-warm);
}

.nmlh-mobile-title-warm {
  color: var(--nmlh-text-gold-warm);
}

.nmlh-mobile-link-warm {
  color: var(--nmlh-text-secondary-warm);
  transition: all 0.3s ease;
}

.nmlh-mobile-link-warm:hover,
.nmlh-mobile-link-warm.active {
  background: rgba(230, 126, 34, 0.1);
  color: var(--nmlh-text-gold-warm);
}

/* 响应式优化 */
@media (max-width: 768px) {
  .nmlh-navbar-warm {
    padding: 0.75rem 1rem;
  }
  
  .nmlh-card-warm {
    margin: 0.5rem;
    border-radius: 12px;
  }
}

@media (max-width: 576px) {
  .nmlh-btn-primary-warm,
  .nmlh-btn-outline-warm {
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
  }
}

/* ========================================
   首页页脚专用样式优化 - 琉璃金辉主题 (UI设计师优化版)
   ======================================== */
html[data-theme="warm"] footer,
body[data-theme="warm"] footer,
[data-theme="warm"] footer {
  /* 优化奢华紫金渐变 - UI设计师优化版，更现代柔和 */
  background: linear-gradient(135deg,
    rgba(26, 22, 37, 0.95) 0%,     /* 优化深紫基调 - 更现代 */
    rgba(45, 36, 56, 0.92) 50%,    /* 优化皇家紫过渡 - 更柔和 */
    rgba(26, 22, 37, 0.95) 100%    /* 回归优化深紫，形成层次 */
  ) !important;

  /* 优化金辉边框 - UI设计师优化版，更柔和的璀璨感 */
  border-top: 2px solid transparent !important;
  border-image: linear-gradient(90deg,
    rgba(201, 169, 110, 0.6) 0%,   /* 优化金色起点 - 香槟金 */
    rgba(230, 184, 0, 0.7) 50%,    /* 优化亮金中点 - 减少刺眼感 */
    rgba(201, 169, 110, 0.6) 100%  /* 优化金色终点 - 香槟金 */
  ) 1 !important;

  /* 奢华模糊效果 */
  backdrop-filter: blur(20px) saturate(1.2) !important;

  /* 微妙阴影增强层次感 */
  box-shadow:
    0 -4px 20px rgba(44, 30, 63, 0.3),
    inset 0 1px 0 rgba(212, 175, 55, 0.1) !important;
}

/* 页脚文字样式 - 琉璃金辉主题优化 */
html[data-theme="warm"] footer .nmlh-text-muted,
body[data-theme="warm"] footer .nmlh-text-muted,
[data-theme="warm"] footer .nmlh-text-muted {
  color: #F7F3E9 !important;  /* 温暖象牙白 - 与主题一致 */
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(44, 30, 63, 0.5) !important;  /* 微妙阴影增强可读性 */
}

/* 页脚链接样式 - 琉璃金辉质感 */
html[data-theme="warm"] footer .nmlh-text-gold,
body[data-theme="warm"] footer .nmlh-text-gold,
[data-theme="warm"] footer .nmlh-text-gold {
  color: #FFD700 !important;  /* 璀璨金色 - 体现琉璃金辉 */
  font-weight: 600 !important;
  text-shadow: 0 0 8px rgba(255, 215, 0, 0.3) !important;  /* 金色光晕效果 */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 页脚链接悬停效果 - 奢华交互 */
html[data-theme="warm"] footer .nmlh-text-gold:hover,
body[data-theme="warm"] footer .nmlh-text-gold:hover,
[data-theme="warm"] footer .nmlh-text-gold:hover {
  color: #FFF700 !important;  /* 更亮的金色 */
  background: linear-gradient(90deg,
    rgba(255, 215, 0, 0.15) 0%,
    rgba(255, 215, 0, 0.25) 50%,
    rgba(255, 215, 0, 0.15) 100%
  ) !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.6) !important;  /* 增强光晕 */
  transform: translateY(-1px) scale(1.02) !important;  /* 微妙缩放效果 */
  border-radius: 4px !important;
  padding: 2px 6px !important;
}