/* ============================================================
   曜火品牌主题 · 注入层（Yohoo Token）
   由 nginx 反代注入（yaohuotech.com / console.yaohuotech.com / api.yaohuotech.com），
   不修改 new-api 源码。

   分两层：
     A. CSS 变量层 —— 覆盖 new-api 自带主题系统（控制台内部页面基本都读这套变量）
     B. 落地页层 —— 前台首页用的是 Tailwind 工具类 + 内联渐变，不读变量，
        只能按类名精确覆盖（见文件下半部分）
   ============================================================ */

/* ============================================================
   A. 主题变量层（控制台 / 登录页）
   ============================================================ */
:root {
  /* 主色 */
  --primary: #C71722 !important;
  --primary-foreground: #FFFFFF !important;
  --ring: #C71722 !important;
  --secondary-foreground: #8A0E16 !important;

  /* 次级高亮（沿用其暗色主题的 color-mix 公式，保证是"淡底"而不是"实色块"） */
  --accent: color-mix(in oklch, #C71722 12%, #FFFFFF) !important;
  --accent-foreground: #8A0E16 !important;

  /* 侧栏 */
  --sidebar-primary: #C71722 !important;
  --sidebar-primary-foreground: #FFFFFF !important;
  --sidebar-accent: #FDF0F1 !important;
  --sidebar-accent-foreground: #A6111B !important;

  /* 概览页图表配色 */
  --overview-accent-1: #C71722 !important;
  --overview-accent-2: #E0818A !important;
  --overview-accent-3: #A8A296 !important;
}

/* 深色模式下提亮一档，保证对比度 */
.dark, [data-theme="dark"], html.dark {
  --primary: #E0343F !important;
  --sidebar-primary: #E0343F !important;
  --sidebar-accent: color-mix(in oklch, #E0343F 24%, #000000) !important;
  --sidebar-accent-foreground: #FFD9DC !important;
  --accent: color-mix(in oklch, #E0343F 20%, #000000) !important;
}

/* ============================================================
   B. 落地页层（前台首页）
   首页 hero 用的是 Tailwind 工具类，实测元素：
     · 渐变标题 span: class="bg-gradient-to-r from-blue-400 via-violet-400 to-purple-500 bg-clip-text text-transparent"
     · 徽标「人工智能应用基座」span: 自身无 class，父级为
       "landing-animate-fade-up mb-5 inline-flex items-center gap-1.5 rounded-..."
     · 背景光晕 div: "pointer-events-none absolute inset-0 -z-10 opacity-25 dark:opacity-[0.12]"
                     "absolute inset-0 -z-10 opacity-20 dark:opacity-[0.08]"
   这些都不读 --primary，必须按类名覆盖。
   ============================================================ */

/* B1. Hero 渐变标题：蓝 → 紫  改成  品牌红渐变 */
[class*="bg-gradient-to-r"][class*="from-blue-400"],
[class*="bg-gradient-to-r"][class*="from-blue-400"][class*="to-purple-500"] {
  background-image: linear-gradient(to right, #E8636C 0%, #C71722 52%, #8A0E16 100%) !important;
}

/* B2. Hero 徽标「人工智能应用基座」：蓝字 + 淡蓝底 → 品牌红 */
[class*="landing-animate-fade-up"][class*="mb-5"] {
  background-color: rgba(199, 23, 34, 0.06) !important;
  border-color: rgba(199, 23, 34, 0.22) !important;
}
[class*="landing-animate-fade-up"][class*="mb-5"] span {
  color: #C71722 !important;
}

/* B3. 背景光晕：蓝色 radial-gradient → 品牌红（保持原几何与透明度） */
[class*="-z-10"][class*="inset-0"][class*="opacity-25"] {
  background-image:
    radial-gradient(60% 50% at 20% 20%, rgba(199, 23, 34, 0.55) 0%, rgba(0, 0, 0, 0) 70%),
    radial-gradient(50% 40% at 80% 15%, rgba(199, 23, 34, 0.34) 0%, rgba(0, 0, 0, 0) 70%) !important;
}
[class*="-z-10"][class*="inset-0"][class*="opacity-20"] {
  background-image:
    radial-gradient(50% 50% at 30% 50%, rgba(199, 23, 34, 0.42) 0%, rgba(0, 0, 0, 0) 70%),
    radial-gradient(40% 40% at 70% 40%, rgba(199, 23, 34, 0.26) 0%, rgba(0, 0, 0, 0) 70%) !important;
}

/* B4. 主 CTA「开始使用」若落到深色实底，统一品牌红 */
[class*="bg-foreground"][class*="text-background"] {
  background-color: #C71722 !important;
  color: #FFFFFF !important;
}