/**
 * gpt.77ai.org 极简黑主题覆盖
 * 把 987ai 原生的蓝/紫/靛配色统一改成黑底 + 翡翠绿 (#10B981) 强调色
 * 加载顺序在 app.css 之后,所有规则用 !important 强制覆盖编译后的 Tailwind 类
 */

/* ============ 颜色定义 ============ */
:root {
    --brand-black: #0A0A0A;
    --brand-zinc-900: #18181B;
    --brand-zinc-700: #3F3F46;
    --brand-zinc-300: #D4D4D8;
    --brand-zinc-100: #F4F4F5;
    --brand-zinc-50:  #FAFAFA;
    --brand-green: #10B981;
    --brand-green-dark: #059669;
    --brand-green-light: #D1FAE5;
    --brand-green-50: #ECFDF5;
}

/* ============ 背景:蓝/紫 → 黑/绿 ============ */
.bg-blue-50,
.bg-indigo-50,
.bg-sky-50         { background-color: var(--brand-zinc-50)   !important; }
.bg-blue-100       { background-color: var(--brand-green-light) !important; }
.bg-blue-400       { background-color: var(--brand-green)     !important; }
.bg-blue-500,
.bg-blue-600       { background-color: var(--brand-black)     !important; }

/* ============ 文字色 ============ */
.text-blue-100     { color: var(--brand-green-light) !important; }
.text-blue-400,
.text-indigo-400,
.text-purple-400   { color: var(--brand-green)       !important; }
.text-blue-500,
.text-blue-600,
.text-indigo-600,
.text-sky-700      { color: var(--brand-green-dark)  !important; }
.text-blue-700,
.text-blue-800,
.text-blue-900     { color: var(--brand-black)       !important; }

/* ============ 边框 ============ */
.border-blue-200   { border-color: var(--brand-zinc-300) !important; }
.border-blue-500   { border-color: var(--brand-green)    !important; }

/* ============ 渐变(hero / 按钮 / 装饰)============ */
/* 把所有 from-蓝/紫 → 黑;to-蓝/紫 → 绿;via-* → 中间过渡色 */
.from-blue-50      { --tw-gradient-from: var(--brand-zinc-50)   var(--tw-gradient-from-position) !important;
                     --tw-gradient-to: rgb(250 250 250 / 0)     var(--tw-gradient-to-position)   !important;
                     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)         !important; }
.from-blue-400     { --tw-gradient-from: var(--brand-zinc-700)  var(--tw-gradient-from-position) !important;
                     --tw-gradient-to: rgb(63 63 70 / 0)        var(--tw-gradient-to-position)   !important;
                     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)         !important; }
.from-blue-500     { --tw-gradient-from: var(--brand-black)     var(--tw-gradient-from-position) !important;
                     --tw-gradient-to: rgb(10 10 10 / 0)        var(--tw-gradient-to-position)   !important;
                     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)         !important; }
.from-purple-500   { --tw-gradient-from: var(--brand-zinc-900)  var(--tw-gradient-from-position) !important;
                     --tw-gradient-to: rgb(24 24 27 / 0)        var(--tw-gradient-to-position)   !important;
                     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)         !important; }
.to-blue-600       { --tw-gradient-to: var(--brand-green-dark)  var(--tw-gradient-to-position)   !important; }
.to-indigo-600     { --tw-gradient-to: var(--brand-green-dark)  var(--tw-gradient-to-position)   !important; }
.to-purple-50      { --tw-gradient-to: var(--brand-green-50)    var(--tw-gradient-to-position)   !important; }
.to-purple-500     { --tw-gradient-to: var(--brand-green)       var(--tw-gradient-to-position)   !important; }
.to-purple-600     { --tw-gradient-to: var(--brand-green-dark)  var(--tw-gradient-to-position)   !important; }
.via-indigo-50     { --tw-gradient-via-position: ; --tw-gradient-stops: var(--tw-gradient-from),
                     var(--brand-zinc-100) var(--tw-gradient-via-position),
                     var(--tw-gradient-to)                                                       !important; }

/* ============ 按钮 hover / focus ring 也补一下 ============ */
.hover\:bg-blue-600:hover { background-color: var(--brand-zinc-900) !important; }
.hover\:bg-blue-500:hover { background-color: var(--brand-zinc-900) !important; }
.hover\:text-blue-600:hover,
.hover\:text-blue-700:hover { color: var(--brand-green-dark) !important; }
.focus\:ring-blue-500:focus { --tw-ring-color: var(--brand-green) !important; }
.focus\:border-blue-500:focus { border-color: var(--brand-green) !important; }

/* ============ 字体微调(让它更像 OpenAI/Notion)============ */
body, html {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.01em;
}

/* ============ 顶部导航栏 / Logo 区域(微调让品牌可识别)============ */
/* Vue SPA 没法直接改 logo 文本,但可以隐藏原 logo 加伪元素文本 */
/* 留空让默认效果自然过渡,品牌靠 title + 配色就够了 */