/* ============================================================
   济世生命健康集团 · JS-API 品牌皮肤
   覆盖 Tailwind/shadcn 设计令牌，统一为济世深蓝 + 墨绿
   ============================================================ */

/* ---------- 设计令牌：浅色 ---------- */
:root,
[data-theme-preset] {
  --primary: #1D2A55 !important;
  --primary-foreground: #ffffff !important;
  --ring: #2A9C81 !important;
  --secondary-foreground: #1D2A55 !important;
  --sidebar-primary: #1D2A55 !important;
  --sidebar-primary-foreground: #ffffff !important;
  --sidebar-ring: #2A9C81 !important;
  --accent-foreground: #1D2A55 !important;
  --radius: 0.625rem;
  --chart-1: #1D2A55;
  --chart-2: #2A9C81;
  --chart-3: #5B72B0;
  --chart-4: #7FCDBA;
  --chart-5: #3D3A3A;
}

/* ---------- 设计令牌：深色 ---------- */
.dark,
.dark [data-theme-preset] {
  --primary: #4A62A8 !important;
  --primary-foreground: #ffffff !important;
  --ring: #2A9C81 !important;
  --sidebar-primary: #4A62A8 !important;
  --sidebar-primary-foreground: #ffffff !important;
  --sidebar-ring: #2A9C81 !important;
  --chart-1: #5B72B0;
  --chart-2: #2A9C81;
  --chart-3: #8FA8D9;
  --chart-4: #7FCDBA;
  --chart-5: #B0A9A0;
}

/* ---------- 品牌细节 ---------- */

/* 顶栏品牌渐变条（深蓝→墨绿） */
body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1D2A55 0%, #2A9C81 100%);
  z-index: 2147483000;
  pointer-events: none;
}

/* 顶栏/侧栏 LOGO：圆角应用图标观感 */
img[src*="logo.png"] {
  border-radius: 22%;
  object-fit: cover;
}

/* 文字选中色 */
::selection {
  background: #2A9C81;
  color: #fff;
}

/* 滚动条（WebKit） */
::-webkit-scrollbar-thumb {
  background: #c3c9d6;
  border-radius: 8px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #3a4660;
}

/* markdown 内容图片圆角（首页/关于页横幅） */
.prose img,
.markdown-body img,
[class*="markdown"] img {
  border-radius: 12px;
  max-width: 100%;
}

/* ============================================================
   内页横幅统一（v3）：统一成主页深蓝 Hero 风格
   路由标记 body[data-page] 由 jishi.js 写入
   ============================================================ */

:root {
  --jishi-navy: #1D2A55;
  --jishi-navy-deep: #141F40;
  --jishi-navy-light: #24356B;
  --jishi-green: #2A9C81;
}

/* ---------- A. 模型广场 /pricing：装饰层 → 主页式深蓝圆角 Hero ---------- */
body[data-page="pricing"] .pointer-events-none.absolute.inset-x-0.top-0 {
  opacity: 1 !important;
  top: 76px !important;
  left: max(16px, calc((100% - 1800px) / 2)) !important;
  right: max(16px, calc((100% - 1800px) / 2)) !important;
  width: auto !important;
  height: var(--jishi-banner-h, 380px) !important;
  border-radius: 24px !important;
  overflow: hidden;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background:
    radial-gradient(52% 72% at 85% 6%, rgba(42, 156, 129, 0.40) 0%, transparent 62%),
    radial-gradient(42% 62% at 68% 96%, rgba(91, 114, 176, 0.35) 0%, transparent 64%),
    radial-gradient(46% 60% at 6% 12%, rgba(42, 156, 129, 0.20) 0%, transparent 58%),
    linear-gradient(118deg, #141F40 0%, #1D2A55 58%, #24356B 100%) !important;
  box-shadow:
    0 20px 48px -22px rgba(20, 31, 64, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* 横幅右侧：白色 lockup 水印（透明底） */
body[data-page="pricing"] .pointer-events-none.absolute.inset-x-0.top-0::after {
  content: "";
  position: absolute;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);
  width: 330px;
  height: 78px;
  background: url("/skin/jishi-watermark.png") center / contain no-repeat;
  opacity: 0.16;
  pointer-events: none;
}

/* 横幅内文字：白标题 + 浅色副标题 */
body[data-page="pricing"] header {
  position: relative;
  z-index: 1;
}
body[data-page="pricing"] header h1 {
  color: #fff !important;
  text-shadow: 0 2px 14px rgba(10, 16, 34, 0.45);
}
body[data-page="pricing"] header p {
  color: rgba(226, 233, 248, 0.78) !important;
}

/* 玻璃搜索框 */
body[data-page="pricing"] header input {
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
  backdrop-filter: blur(6px);
}
body[data-page="pricing"] header input::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
}
body[data-page="pricing"] header input:focus {
  border-color: rgba(86, 200, 168, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(42, 156, 129, 0.25) !important;
}
body[data-page="pricing"] header svg {
  color: rgba(255, 255, 255, 0.72);
}

/* 横幅下方内容层抬起（卡片压在横幅下缘之上） */
body[data-page="pricing"] header + div {
  position: relative;
  z-index: 1;
}

/* ---------- B. 控制台 / 登录页：顶部装饰渐变重着色为济世色系 ---------- */
:root {
  --overview-accent-1: #2A9C81 !important;
  --overview-accent-2: #5B72B0 !important;
}
[class*="ellipse_48%_120%_at_78%"] {
  background-image:
    radial-gradient(48% 130% at 78% 0%, rgba(42, 156, 129, 0.16) 0%, transparent 62%),
    radial-gradient(40% 110% at 10% 30%, rgba(91, 114, 176, 0.13) 0%, transparent 60%),
    linear-gradient(112deg, rgba(29, 42, 85, 0.09) 0%, rgba(36, 53, 107, 0.07) 45%, rgba(42, 156, 129, 0.09) 100%) !important;
}

/* ---------- C2. 排行榜 /rankings：与模型广场同款深蓝圆角 Hero ---------- */
body[data-page="rankings"] .pointer-events-none.absolute.inset-x-0.top-0 {
  opacity: 1 !important;
  top: 76px !important;
  left: max(16px, calc((100% - 1800px) / 2)) !important;
  right: max(16px, calc((100% - 1800px) / 2)) !important;
  width: auto !important;
  height: var(--jishi-banner-h, 240px) !important;
  border-radius: 24px !important;
  overflow: hidden;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background:
    radial-gradient(52% 72% at 85% 6%, rgba(42, 156, 129, 0.40) 0%, transparent 62%),
    radial-gradient(42% 62% at 68% 96%, rgba(91, 114, 176, 0.35) 0%, transparent 64%),
    radial-gradient(46% 60% at 6% 12%, rgba(42, 156, 129, 0.20) 0%, transparent 58%),
    linear-gradient(118deg, #141F40 0%, #1D2A55 58%, #24356B 100%) !important;
  box-shadow:
    0 20px 48px -22px rgba(20, 31, 64, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* 横幅右侧：白色 lockup 水印（透明底） */
body[data-page="rankings"] .pointer-events-none.absolute.inset-x-0.top-0::after {
  content: "";
  position: absolute;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);
  width: 300px;
  height: 71px;
  background: url("/skin/jishi-watermark.png") center / contain no-repeat;
  opacity: 0.16;
  pointer-events: none;
}

/* 标题 + 副标题白字 */
body[data-page="rankings"] h1 {
  color: #fff !important;
  text-shadow: 0 2px 14px rgba(10, 16, 34, 0.45);
}
body[data-page="rankings"] .space-y-2:has(> h1) :is(p, div, span) {
  color: rgba(226, 233, 248, 0.78) !important;
}

/* 周期切换标签（今天/本周/本月/全年）：容器由 jishi.js 标记 data-jishi="tabs" */
[data-jishi="tabs"] :is(button, a, span) {
  color: rgba(226, 233, 248, 0.78);
}
[data-jishi="tabs"] :is([data-state="active"], .bg-background),
[data-jishi="tabs"] :is([data-state="active"], .bg-background) :is(button, a, span, div) {
  color: #1D2A55 !important;
}
[data-jishi="tabs"] :is([data-state="active"], .bg-background) {
  background: #fff !important;
}

/* 横幅之上的内容层抬起（避免被定位横幅盖住） */
body[data-page="rankings"] div.relative:has(> .pointer-events-none.absolute.inset-x-0.top-0) > :not(.pointer-events-none) {
  position: relative;
  z-index: 1;
}

/* ---------- C3. 控制台 /dashboard：onboarding 区块 → 主页式深蓝 Hero ---------- */
/* 容器整体深蓝渐变（deco 的父级，overflow-hidden 已有） */
body[data-page="dashboard"] div.relative.h-full:has(> [class*="ellipse_48%_120%_at_78%"]) {
  background:
    radial-gradient(52% 90% at 88% 0%, rgba(42, 156, 129, 0.30) 0%, transparent 60%),
    radial-gradient(45% 70% at 70% 100%, rgba(91, 114, 176, 0.26) 0%, transparent 62%),
    linear-gradient(118deg, #141F40 0%, #1D2A55 58%, #24356B 100%) !important;
  border-radius: 18px;
  box-shadow: 0 20px 48px -24px rgba(20, 31, 64, 0.45);
}
/* 原 radial 装饰层：改为济世绿蓝光弧（叠加在深蓝底上） */
body[data-page="dashboard"] [class*="ellipse_48%_120%_at_78%"] {
  opacity: 1 !important;
  background:
    radial-gradient(48% 120% at 78% 0%, rgba(42, 156, 129, 0.22) 0%, transparent 62%),
    radial-gradient(40% 110% at 10% 30%, rgba(91, 114, 176, 0.16) 0%, transparent 60%) !important;
}
/* 去掉白色渐隐遮罩层 */
body[data-page="dashboard"] div.relative.h-full:has(> [class*="ellipse_48%_120%_at_78%"]) > .from-background\/35 {
  opacity: 0 !important;
}
/* 左列标题 + 副标题白字 */
body[data-page="dashboard"] div:has(> [class*="ellipse_48%_120%_at_78%"]) .min-w-0.flex-col > div:first-child :is(h1, h2, h3) {
  color: #fff !important;
  text-shadow: 0 2px 14px rgba(10, 16, 34, 0.4);
}
body[data-page="dashboard"] div:has(> [class*="ellipse_48%_120%_at_78%"]) .min-w-0.flex-col > div:first-child p {
  color: rgba(226, 233, 248, 0.75) !important;
}
/* 标题块内的小标签 / 副标题（眉题「开始使用」等）提亮 */
body[data-page="dashboard"] .min-w-0.flex-col > div:first-child > div:first-child :is(div, span) {
  color: rgba(226, 233, 248, 0.65) !important;
}
/* 步骤行是白色半透明卡（bg-background/70 + 深色文字），保持原样即可读 */