/* ============================================
   优云智算 - 品牌主题增强层
   通过 nginx sub_filter 注入，覆盖 new-api 默认样式
   ============================================ */

/* ---------- 主题变量 ---------- */
:root {
    --brand-1: #00d294;   /* 主品牌青绿 */
    --brand-2: #2563eb;   /* 科技蓝 */
    --brand-grad: linear-gradient(135deg, #00d294 0%, #2563eb 100%);
    --brand-grad-soft: linear-gradient(135deg, rgba(0,210,148,.08) 0%, rgba(37,99,235,.08) 100%);
    --bg-glow: radial-gradient(1200px 400px at 50% -100px, rgba(0,210,148,.10), transparent 60%);
}

/* ---------- 全局背景微光 ---------- */
body {
    background:
        radial-gradient(900px 350px at 80% -80px, rgba(37,99,235,.07), transparent 60%),
        radial-gradient(900px 350px at 15% -80px, rgba(0,210,148,.09), transparent 60%),
        var(--background) !important;
}

/* ---------- 品牌主色覆盖 ---------- */
:root, .light {
    --primary: #009683 !important;
    --primary-foreground: #fff !important;
    --ring: #00b38f !important;
}
.dark {
    --primary: #00d294 !important;
    --ring: #00d294 !important;
}

/* 按钮/链接/激活态使用渐变 */
button:not([class*="ghost"]),
a[class*="button"] {
    transition: all .2s ease;
}
button:hover:not([class*="ghost"]),
a[class*="button"]:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px -6px rgba(0, 145, 130, .5);
}

/* ---------- 导航栏毛玻璃 ---------- */
header, [class*="header"] {
    background: color-mix(in oklch, var(--background) 82%, transparent) !important;
    backdrop-filter: blur(12px) saturate(160%);
    -webkit-backdrop-filter: blur(12px) saturate(160%);
    border-bottom: 1px solid color-mix(in oklch, var(--border) 70%, transparent) !important;
}

/* ---------- 卡片质感 ---------- */
[class*="card"] {
    border-radius: 16px !important;
    border-color: color-mix(in oklch, var(--border) 80%, transparent) !important;
    transition: transform .25s ease, box-shadow .25s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 8px 24px -12px rgba(0,0,0,.08);
}
[class*="card"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.06), 0 16px 40px -16px rgba(0,145,130,.18);
}

/* ---------- 首页 Hero 区 ---------- */
/* 渐变标题 */
h1, [class*="hero"] h1, [class*="landing"] h1 {
    background: var(--brand-grad);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* ---------- 模型广场卡片 ---------- */
[class*="model"] [class*="card"] {
    border-top: 3px solid transparent;
    background:
        linear-gradient(var(--card), var(--card)) padding-box,
        var(--brand-grad-soft) border-box;
}
[class*="model"] [class*="card"]:hover {
    border-top-color: var(--brand-1);
}

/* ---------- 统计卡片数字渐变 ---------- */
[class*="stat"], [class*="metric"] {
    font-weight: 700;
}

/* ---------- 滚动条美化 ---------- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb {
    background: color-mix(in oklch, var(--primary) 45%, transparent);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover { background: var(--primary); }

/* ---------- 选中态 ---------- */
::selection {
    background: rgba(0, 210, 148, .25);
}

/* ---------- Logo 圆润化 ---------- */
img[src*="logo"], img[src*="favicon"] {
    border-radius: 10px;
}

/* ---------- 表格行 hover ---------- */
tr:hover {
    background: color-mix(in oklch, var(--primary) 4%, var(--background)) !important;
}

/* ---------- 标签 pill 化 ---------- */
[class*="badge"], [class*="tag"] {
    border-radius: 999px !important;
}

/* ---------- 暗色模式卡片发光边 ---------- */
.dark [class*="card"] {
    box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.5);
}