/* ============================================================
   New API · 翡翠玻璃 (Emerald Glass) 主题美化
   通过覆盖 shadcn/ui 主题变量 + 毛玻璃实现，随版本稳定
   作者: Operit  |  适配: api.aalily.site
   ============================================================ */

/* —— 背景图（铺满 + 固定）—— */
body{
  background:url(/background.webp) center/cover fixed no-repeat !important;
}
/* 背景之上叠一层深绿渐变罩，提升前景可读性 */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;
  background:linear-gradient(135deg,rgba(18,33,24,.55),rgba(12,22,16,.40)) !important;
  pointer-events:none;
}

/* —— 让根容器透明，露出背景 —— */
:root,.light,.dark{ --background:transparent !important; }
#root,#root>div,#root>div>div{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}

/* ============================================================
   翡翠玻璃配色 —— 亮色 / 暗色统一覆盖
   半透明 + 毛玻璃质感，绿色强调
   ============================================================ */
:root,.light,.dark{
  --radius: 1rem;

  /* 卡片 / 弹层：半透明深绿玻璃 */
  --card: rgba(28,42,33,.50) !important;
  --card-foreground: #eef6ef !important;
  --popover: rgba(24,36,28,.92) !important;
  --popover-foreground: #eef6ef !important;

  /* 主色：翡翠绿 */
  --primary: #5fa57a !important;
  --primary-foreground: #ffffff !important;

  /* 次要 / 柔和 / 强调背景 */
  --secondary: rgba(255,255,255,.10) !important;
  --secondary-foreground: #eef6ef !important;
  --muted: rgba(255,255,255,.07) !important;
  --muted-foreground: #bcd3c2 !important;
  --accent: rgba(126,199,154,.22) !important;
  --accent-foreground: #ffffff !important;

  /* 语义色 */
  --success: #7ec79a !important;
  --success-foreground: #08130c !important;
  --warning: #d8b15a !important;
  --info: #6fb8c7 !important;
  --destructive: #d98a8a !important;

  /* 边框 / 输入 / 焦点环：嫩绿描边 */
  --border: rgba(190,225,200,.22) !important;
  --input: rgba(190,225,200,.20) !important;
  --ring: rgba(126,199,154,.55) !important;

  /* 侧边栏：更深一档的玻璃 */
  --sidebar: rgba(20,32,24,.55) !important;
  --sidebar-foreground: #d7e8dc !important;
  --sidebar-primary: #7ec79a !important;
  --sidebar-primary-foreground: #08130c !important;
  --sidebar-accent: rgba(126,199,154,.18) !important;
  --sidebar-accent-foreground: #ffffff !important;
  --sidebar-border: rgba(190,225,200,.18) !important;

  /* 图表配色（绿系渐变） */
  --chart-1:#7ec79a !important; --chart-2:#5fa57a !important;
  --chart-3:#3f9d6a !important; --chart-4:#b9d39c !important; --chart-5:#2f6b48 !important;

  --foreground:#eef6ef !important;
}

/* ============================================================
   毛玻璃质感 —— 给卡片 / 侧边栏 / 弹层 / 表格 上 backdrop-blur
   用属性 / 常见 shadcn 容器选择器命中
   ============================================================ */
[class*="bg-card"], [class*="bg-sidebar"], [class*="bg-popover"],
[data-slot="card"], [role="dialog"], .bg-card, .bg-popover{
  backdrop-filter: blur(20px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
  border:1px solid var(--border) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.20) !important;
}

/* 卡片悬浮微动效 */
[data-slot="card"]{ transition:transform .25s, box-shadow .25s !important; }
[data-slot="card"]:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.30) !important;
}

/* 侧边栏单独加强模糊 */
[class*="bg-sidebar"], [data-sidebar]{
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
}

/* 表格行 hover 高亮 */
tbody tr:hover{ background:rgba(126,199,154,.10) !important; }

/* 主按钮渐变 + 发光 */
button[class*="bg-primary"]:not([data-slot="switch"]):not([data-slot="checkbox"]):not([data-slot="radio-group-item"]), .bg-primary{
  background:linear-gradient(135deg,#7ec79a,#2f6b48) !important;
  box-shadow:0 6px 16px rgba(47,107,72,.40) !important;
  border:none !important;
}

/* 输入框玻璃化 */
input,textarea,[class*="bg-input"]:not([data-slot="switch"]):not([data-slot="checkbox"]):not([data-slot="radio-group-item"]){
  background:rgba(255,255,255,.08) !important;
  border:1px solid var(--border) !important;
  color:var(--foreground) !important;
}

/* 滚动条美化 */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(126,199,154,.35);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:rgba(126,199,154,.55)}
::-webkit-scrollbar-track{background:transparent}
/* ============================================================
   开关 / 复选 / 单选 状态可读性修复（2026-09-06）
   Base UI 控件（<button data-slot=...>）类名含 bg-primary / bg-input
   子串，曾被上面的泛匹配规则统一涂色：开/关外观完全相同，
   且浅色模式下旋钮随 --background:transparent 一起消失。
   ============================================================ */
button[data-slot="switch"]{
  border:1px solid var(--border) !important;
  box-shadow:none !important;
}
button[data-slot="switch"][data-unchecked]{
  background:rgba(233,242,236,.35) !important;
}
button[data-slot="switch"][data-checked]{
  background:linear-gradient(135deg,#7ec79a,#2f6b48) !important;
  box-shadow:0 0 10px rgba(126,199,154,.45) !important;
}
[data-slot="switch-thumb"]{
  background:#ffffff !important;
  box-shadow:0 1px 3px rgba(0,0,0,.4) !important;
}
button[data-slot="checkbox"][data-unchecked],
button[data-slot="radio-group-item"][data-unchecked]{
  background:rgba(233,242,236,.16) !important;
  border-color:rgba(190,225,200,.45) !important;
}