/* 灵犀 AI 网关 · 亮/暗皮肤层（注入到 new-api） */
:root {
  --lx-bg: #f5f7fb;
  --lx-bg-elev: #ffffff;
  --lx-text: #1f2937;
  --lx-text-soft: #4b5563;
  --lx-text-mute: #6b7280;
  --lx-border: #e5e7eb;
  --lx-primary: #4f6ef7;
  --lx-primary-soft: #e0e7ff;
  --lx-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(15,23,42,.06);
}
html.lx-dark, html.lx-dark body {
  --lx-bg: #0a0d16;
  --lx-bg-elev: #111827;
  --lx-text: #e6eaf2;
  --lx-text-soft: #cbd5e1;
  --lx-text-mute: #94a3b8;
  --lx-border: #1f2937;
  --lx-primary: #7c7ff2;
  --lx-primary-soft: #1e1b4b;
  --lx-shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 28px rgba(0,0,0,.5);
}

/* ============ 通用基础 ============ */
html, body { background: var(--lx-bg) !important; color: var(--lx-text) !important; transition: background-color .25s ease, color .25s ease; }
* { border-color: var(--lx-border) !important; }

/* 顶部 nav/header */
.ant-layout, .ant-layout-header, .ant-layout-content, .ant-layout-sider,
header, .ant-menu, .ant-popover-inner, .ant-modal-content, .ant-drawer-content {
  background-color: var(--lx-bg-elev) !important;
  color: var(--lx-text) !important;
  border-color: var(--lx-border) !important;
}
.ant-layout-header { box-shadow: 0 1px 0 var(--lx-border) !important; }
.ant-menu-item, .ant-menu-submenu-title { color: var(--lx-text-soft) !important; }
.ant-menu-item-selected, .ant-menu-item-active { color: var(--lx-primary) !important; }

/* 卡片 */
.ant-card { background: var(--lx-bg-elev) !important; color: var(--lx-text) !important; border-color: var(--lx-border) !important; box-shadow: var(--lx-shadow) !important; }
.ant-card-head { border-bottom-color: var(--lx-border) !important; color: var(--lx-text) !important; }

/* 表格 */
.ant-table, .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
  background: var(--lx-bg-elev) !important; color: var(--lx-text) !important; border-bottom-color: var(--lx-border) !important;
}
.ant-table-thead > tr > th { background: var(--lx-bg) !important; color: var(--lx-text-soft) !important; font-weight: 600; }
.ant-table-tbody > tr:hover > td { background: rgba(79,110,247,.06) !important; }
.ant-table-row-selected > td { background: var(--lx-primary-soft) !important; }

/* 输入/按钮 */
.ant-input, .ant-input-affix-wrapper, .ant-select-selector, textarea.ant-input {
  background: var(--lx-bg-elev) !important; color: var(--lx-text) !important; border-color: var(--lx-border) !important;
}
.ant-input::placeholder, textarea::placeholder { color: var(--lx-text-mute) !important; }
.ant-btn { border-color: var(--lx-border) !important; }
.ant-btn-primary { background: var(--lx-primary) !important; border-color: var(--lx-primary) !important; color: #fff !important; }
.ant-btn-default, .ant-btn-secondary { background: var(--lx-bg-elev) !important; color: var(--lx-text) !important; }

/* 登录首页大块 */
body > #root, body > div { background-color: transparent; }
.ant-card-bordered, .ant-modal-header, .ant-modal-footer { border-color: var(--lx-border) !important; }
.ant-divider { border-color: var(--lx-border) !important; }

/* 文字色 */
h1, h2, h3, h4, h5, .ant-typography, .ant-typography h1, .ant-typography h2 {
  color: var(--lx-text) !important;
}
.ant-typography-secondary, .ant-form-item-extra, .ant-form-item-explain { color: var(--lx-text-mute) !important; }

/* 滚动条 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--lx-border); border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }

/* ============ 切换按钮 ============ */
#lx-theme-toggle {
  position: fixed; right: 22px; bottom: 22px; z-index: 999999;
  width: 46px; height: 46px; border-radius: 50%;
  background: var(--lx-primary); color: #fff;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid #ffffff40;
  box-shadow: 0 8px 24px rgba(79,110,247,.35);
  cursor: pointer; user-select: none;
  font-size: 22px; line-height: 1;
  transition: transform .2s ease, background .2s ease;
}
#lx-theme-toggle:hover { transform: scale(1.06) rotate(8deg); }
#lx-theme-toggle:active { transform: scale(.95); }
#lx-theme-toggle::after {
  content: ""; position: absolute; inset: -4px; border-radius: 50%;
  border: 1px dashed var(--lx-primary-soft); animation: lx-pulse 2.2s infinite;
  pointer-events: none;
}
@keyframes lx-pulse {
  0% { transform: scale(.9); opacity: .6; }
  100% { transform: scale(1.4); opacity: 0; }
}

/* ===== 炯鹏AI 品牌化 · new-api 登录/注册及全站通用升级 ===== */
/* 页面背景氛围 */
html:not(.lx-dark) body{
  background:radial-gradient(1200px 600px at 78% -8%,rgba(79,139,255,.10),transparent 60%),
             radial-gradient(1000px 560px at 12% 2%,rgba(34,211,238,.10),transparent 55%),
             var(--lx-bg) !important;
}
html.lx-dark body{
  background:radial-gradient(1100px 560px at 80% -6%,rgba(79,139,255,.14),transparent 60%),
             radial-gradient(900px 520px at 10% 0%,rgba(34,211,238,.10),transparent 55%),
             var(--lx-bg) !important;
}
/* 主按钮品牌渐变 */
.ant-btn-primary,.ant-btn-link{
  background:linear-gradient(96deg,#22d3ee,#4f8bff 45%,#7c5cff) !important;
  border:none !important; box-shadow:0 6px 18px rgba(79,139,255,.28) !important;
}
/* 输入聚焦 */
.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{
  border-color:#4f8bff !important; box-shadow:0 0 0 2px rgba(79,139,255,.15) !important;
}
/* 登录/注册/卡片容器圆润 */
.ant-card,.ant-modal-content,.ant-modal-header,.ant-drawer-content{border-radius:16px !important}
/* 顶部品牌文字强化 */
html:not(.lx-dark) .ant-menu-light,html:not(.lx-dark) .ant-menu{background:transparent !important}
/* 全局圆点高亮色 */
.ant-checkbox-checked .ant-checkbox-inner,.ant-switch-checked,.ant-radio-checked .ant-radio-inner{background:#4f8bff !important;border-color:#4f8bff !important}
/* 链接与标签主色 */
a,.ant-typography a{color:#4f8bff !important}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#4f8bff !important}
/* 表格表头浅色渐变 */
.ant-table-thead>tr>th{background:linear-gradient(180deg,rgba(79,139,255,.07),rgba(79,139,255,.03)) !important}
/* 数字/强调 */
.ant-statistic-content-value{color:var(--lx-primary) !important}

/* ===== 炯鹏AI 模型广场（覆盖 /pricing 渲染） ===== */
#lx-mg{position:fixed;inset:0;z-index:99999;background:#0b101d;color:#e8eef8;overflow:auto;padding:22px 26px 60px;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
html.lx-dark #lx-mg{background:#0b101d;color:#e8eef8}
html:not(.lx-dark) #lx-mg{background:#f4f7fb;color:#0f172a}
#lx-mg .top{display:flex;align-items:center;gap:16px;max-width:1160px;margin:0 auto;flex-wrap:wrap}
#lx-mg .brand{font-weight:800;font-size:19px}
#lx-mg .brand em{font-style:normal;background:linear-gradient(96deg,#22d3ee,#4f8bff,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
#lx-mg input.s{flex:1;min-width:220px;border:1px solid rgba(148,163,184,.3);background:rgba(255,255,255,.05);color:inherit;border-radius:10px;padding:9px 14px;font-size:14px;outline:none}
html:not(.lx-dark) #lx-mg input.s{background:#fff;border-color:#d7dde8}
#lx-mg .cls{margin-left:auto;border:1px solid rgba(148,163,184,.3);background:none;color:inherit;border-radius:10px;padding:8px 16px;cursor:pointer;font-size:14px}
#lx-mg .meta{max-width:1160px;margin:8px auto 6px;font-size:12px;opacity:.55}
#lx-mg .wrap{max-width:1160px;margin:8px auto}
#lx-mg .vcard{border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:18px 20px;margin:14px 0;background:rgba(255,255,255,.02)}
html:not(.lx-dark) #lx-mg .vcard{background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.05)}
#lx-mg .vh{display:flex;align-items:baseline;gap:10px;font-size:16px;font-weight:700}
#lx-mg .vh .cnt{font-size:12px;opacity:.55;font-weight:400}
#lx-mg .models{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#lx-mg .m{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:5px 12px;font-size:12.5px;font-family:Consolas,Menlo,monospace}
#lx-mg .m .pr{color:#67e8f9;font-family:inherit}
html:not(.lx-dark) #lx-mg .m .pr{color:#0369a1}
#lx-mg .m:hover{border-color:#4f8bff}
#lx-mg .tag{display:inline-block;background:linear-gradient(96deg,#22d3ee,#4f8bff,#7c5cff);color:#04101a;border-radius:8px;padding:0 8px;font-size:11px;font-weight:800;margin-right:2px}
#lx-mg .empty{opacity:.6;padding:30px;text-align:center}
