/* ============================================================
   AI降维纪元 · 墨金主题 — dl.jiangweijiyuan.com（视频解析）
   注入方式：nginx sub_filter 尾部挂载；强调色 翡翠 #35d99a
   ============================================================ */

/* ---------- 基础变量（覆盖 Next.js 默认暗紫） ---------- */
:root {
  color-scheme: dark;
  --background: #0d1017;
  --foreground: #e8ecf3;
  --glass-1: rgba(255, 255, 255, 0.035);
  --glass-2: rgba(255, 255, 255, 0.06);
  --glass-3: rgba(255, 255, 255, 0.1);
  --accent: #35d99a;
  --success: #22c55e;
  --error: #ef4444;
  --warning: #f59e0b;
  --text-primary: #e8ecf3;
  --text-secondary: #a6adba;
  --text-muted: #707a89;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.14);
  --border-strong: rgba(255, 255, 255, 0.22);
  --shadow-glow: 0 0 60px rgba(53, 217, 154, 0.12);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.38);
}

/* ---------- 渐变文字 / 发光文字：紫粉 → 翡翠 ---------- */
.gradient-text {
  background-image: linear-gradient(135deg, #35d99a, #8ff0cd 55%, #eafff6) !important;
}
.glow-text {
  text-shadow: 0 0 40px rgba(53, 217, 154, 0.35) !important;
}

/* ---------- 彩虹描边卡片：靛紫 → 翡翠 ---------- */
.iridescent-border::before {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.05) 25%,
    rgba(53, 217, 154, 0.28) 50%,
    rgba(255, 255, 255, 0.05) 75%,
    rgba(255, 255, 255, 0.1)
  ) !important;
}

/* ---------- 主按钮渐变：indigo→purple → 翡翠系 ---------- */
.from-indigo-500 {
  --tw-gradient-from: #35d99a var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(53 217 154 / 0) var(--tw-gradient-to-position) !important;
}
.to-purple-600 {
  --tw-gradient-to: #189a6c var(--tw-gradient-to-position) !important;
}
.from-purple-500 {
  --tw-gradient-from: #35d99a var(--tw-gradient-from-position) !important;
}
.to-pink-500 {
  --tw-gradient-to: #8ff0cd var(--tw-gradient-to-position) !important;
}

/* ---------- 背景光斑：紫粉 → 翡翠 ---------- */
.orb-1 {
  background-color: rgba(53, 217, 154, 0.2) !important;
}
.orb-2 {
  background-color: rgba(24, 130, 92, 0.2) !important;
}
.orb-3 {
  background-color: rgba(143, 240, 205, 0.12) !important;
}

/* ---------- 顶栏 web component（site-navbar） ---------- */
.sn-root {
  --sn-accent: #35d99a;
  --sn-bg: rgba(13, 16, 23, 0.72);
  --sn-border: rgba(255, 255, 255, 0.1);
  --sn-primary: #e8ecf3;
  --sn-secondary: #a6adba;
  --sn-hover-bg: rgba(255, 255, 255, 0.07);
}

/* ---------- 细节体验 ---------- */
::selection {
  background: rgba(53, 217, 154, 0.3);
  color: #eafff6;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 8px;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(53, 217, 154, 0.45);
}
*::-webkit-scrollbar-track {
  background: transparent;
}