/* ═══════════════════════════════════════════════════════
   蕾塞（Reze）夜间主题 — AI Studio Proxy 控制台
   电锯人 · 炸弹恶魔 · 紫罗兰与硝烟
   通过覆盖 Tailwind v4 主题变量整体换肤，加载于 index.css 之后
   ═══════════════════════════════════════════════════════ */

:root {
  /* 灰阶 → 暗夜紫灰（页面底色、卡片、边框、次要文字） */
  --color-gray-50:  #191322;
  --color-gray-100: #1e1728;
  --color-gray-200: #2c2240;
  --color-gray-300: #3a2c50;
  --color-gray-400: #a89bc0;
  --color-gray-500: #b6a9cf;
  --color-gray-600: #c4b8da;
  --color-gray-900: #ece6f5;
  --color-gray-700: #cdbfe3;
  --color-gray-800: #d8cdec;

  /* 主色（原绿色）→ 蕾塞的紫罗兰 */
  --color-brand-50:  #2a1f3d;
  --color-brand-100: #34264e;
  --color-brand-200: #4a3568;
  --color-brand-300: #6d4f97;
  --color-brand-400: #a383d4;
  --color-brand-500: #9d6fd4;
  --color-brand-600: #c9a2ef;
  --color-brand-700: #ab7cd8;

  /* 错误色（rose）→ 炸弹红粉，压暗以融入夜间 */
  --color-rose-50:  #3d1a26;
  --color-rose-100: #4d1f2e;
  --color-rose-200: #6b2a3d;
  --color-rose-300: #9c4058;
  --color-rose-500: #d94f6e;
  --color-rose-600: #e0617f;
  --color-rose-700: #c94e6c;
  --color-rose-800: #f2a3b5;
}

/* ── 基底与氛围 ─────────────────────────────── */
html, body {
  background-color: #14101c !important;
  color: #ece6f5;
}
body {
  background-image:
    radial-gradient(1100px 520px at 18% -10%, rgba(157, 111, 212, 0.16), transparent 60%),
    radial-gradient(900px 480px at 92% 108%, rgba(217, 79, 110, 0.10), transparent 55%) !important;
  background-attachment: fixed !important;
}

/* 登录卡片 / 各类白底面板 → 暗夜卡面 */
.bg-white { background-color: #241b30 !important; }
.focus\:bg-white:focus { background-color: #2a2040 !important; }
.bg-gray-50 { background-color: #191322 !important; }
.bg-gray-100 { background-color: #1e1728 !important; }
.bg-gray-100\/90 { background-color: rgba(30, 23, 40, 0.92) !important; }
.bg-gray-200 { background-color: #2c2240 !important; }
.bg-gray-200\/60 { background-color: rgba(44, 34, 64, 0.6) !important; }

/* 深色底元素（统计块等）微调为紫灰，避免与文字冲突 */
.bg-gray-700 { background-color: #322546 !important; }
.bg-gray-800 { background-color: #281e3a !important; }
.bg-gray-900 { background-color: #1e1728 !important; }

/* 文字可读性（标签/正文在暗底上的紫白） */
.text-gray-700 { color: #cdbfe3 !important; }
.text-gray-600 { color: #b9acd0 !important; }
.text-gray-900 { color: #ece6f5 !important; }

/* 卡片描边与分隔线 */
.border-gray-100 { border-color: #322546 !important; }
.border-gray-200 { border-color: #3a2c50 !important; }
.border-gray-300 { border-color: #4a3568 !important; }

/* 阴影柔化为紫晕 */
.shadow-xl { box-shadow: 0 20px 45px -18px rgba(0, 0, 0, 0.65) !important; }

/* 滚动条 */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: #191322; }
::-webkit-scrollbar-thumb { background: #3a2c50; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #4a3568; }

/* 输入框光标与选区 */
input, textarea { caret-color: #9d6fd4; }
::selection { background: rgba(157, 111, 212, 0.45); color: #fff; }

/* ── 补漏：带透明度的白色表面（顶栏等） ────────── */
.bg-white\/60 { background-color: rgba(36, 27, 48, 0.72) !important; }
.bg-white\/70 { background-color: rgba(36, 27, 48, 0.80) !important; }
.bg-white\/80 { background-color: rgba(36, 27, 48, 0.86) !important; }
.bg-white\/90 { background-color: rgba(36, 27, 48, 0.92) !important; }

/* ── 文字对比度保险：品牌色文字强制亮紫 ────────── */
.text-brand-600 { color: #c9a2ef !important; }
.text-brand-700 { color: #b993e8 !important; }
.text-brand-800 { color: #c9a8ec !important; }

/* ── 补漏：深灰阶文字（芯片/下拉当前值/分类名） ── */
.text-gray-700 { color: #cdbfe3 !important; }
.text-gray-800 { color: #d8cdec !important; }