/* ============================================================
   CLQIAO.COM 全站统一视觉调性 — Binance 暖炭灰体系
   策略: 分层提亮 + 实色可见边框, 保留赛博朋克绿主调
   注入方式: 各页 </head> 前 <link>, 删除即整体回退
   ver: 20260531
   ============================================================ */
:root {
    --clq-bg-0: #121110;   /* 页面底  暖黑      */
    --clq-bg-1: #1c1a18;   /* 卡片底  暖炭灰(浮起)*/
    --clq-bg-2: #26231f;   /* 高层/按钮底       */
    --clq-bd:   #36322c;   /* 暖灰边框(清晰可见) */
    --clq-bd-h: rgba(34, 197, 94, 0.5);
    --clq-green: #22c55e;
}

/* ---------- 页面底色: 暖黑, 告别死黑#080a0f ---------- */
html body {
    background-color: var(--clq-bg-0) !important;
}
/* 背景聚光灯辉光保留, 略调暖 */
body::after {
    background: radial-gradient(circle at 50% 30%, rgba(34,197,94,0.06) 0%, transparent 60%) !important;
}

/* ---------- 核心面板三层: 暖炭灰底 + 可见描边 ---------- */
.glass-panel {
    background: rgba(28, 26, 24, 0.78) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.light-panel {
    background: var(--clq-bg-1) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    backdrop-filter: blur(8px) !important;
}
.neon-card {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.neon-card:hover {
    border-color: var(--clq-bd-h) !important;
    box-shadow: 0 0 32px rgba(34, 197, 94, 0.14) !important;
    transform: translateY(-2px) !important;
}

/* ---------- 硬编码深色背景任意值 → 统一暖炭灰(含 /90 /95 透明变体) ---------- */
[class*="bg-[#080a0f]"],
[class*="bg-[#0b0e14]"],
[class*="bg-[#0d0f14]"],
[class*="bg-[#0b1120]"],
[class*="bg-[#07090c]"] {
    background-color: var(--clq-bg-1) !important;
}
/* 注: text-[#080a0f](绿底黑字)不在此列, 不受影响 */

/* ---------- 中和 slate 冷蓝灰: 背景 ---------- */
[class*="bg-slate-900"] { background-color: var(--clq-bg-1) !important; }
[class*="bg-slate-800"] { background-color: var(--clq-bg-2) !important; }

/* ---------- 中和 slate 冷蓝灰: 边框 → 暖灰可见描边 ---------- */
[class*="border-slate-800"],
[class*="border-slate-700"],
[class*="border-slate-600"] {
    border-color: var(--clq-bd) !important;
}
/* 注: border-green/yellow/cyan 等彩色强调描边一律保留, 不在此覆盖 */


/* ---------- 策略卡 hover 交互: 上浮 + 绿光 + 边框高亮 (仅 strategies.html 的 #view-card) ---------- */
#view-card > .glass-panel {
    transition: transform 0.35s cubic-bezier(0.16,1,0.3,1),
                box-shadow 0.35s ease,
                border-color 0.35s ease !important;
    will-change: transform;
}
#view-card > .glass-panel:hover {
    transform: translateY(-6px) scale(1.012) !important;
    border-color: rgba(34,197,94,0.55) !important;
    box-shadow: 0 12px 38px rgba(0,0,0,0.55), 0 0 30px rgba(34,197,94,0.18) !important;
    background: rgba(32,30,27,0.92) !important;
}


/* ---------- 列表行 hover 交互: 绿色微底纹 + 左侧高亮条 (strategies/observations 的 #view-list) ---------- */
#view-list tbody tr {
    transition: background-color 0.22s ease, box-shadow 0.22s ease !important;
    position: relative;
}
#view-list tbody tr:hover {
    background: rgba(34,197,94,0.06) !important;
    box-shadow: inset 3px 0 0 0 rgba(34,197,94,0.85) !important;
}