/* 盐都智算 · 覆盖 New API 默认壳层（经 brand-edge / gateway 注入） */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700&family=Manrope:wght@400;500;600;700&display=swap");

:root {
  --yd-ink: #152238;
  --yd-paper: #f5f7fa;
  --yd-panel: #ffffff;
  --yd-line: #d5dee8;
  --yd-mute: #5b6b7c;
  --yd-tide: #2f6f8f;
  --yd-deep: #0f1c2e;
  --yd-nav-h: 58px;
}

html.light,
html.light body,
html:not(.dark) body {
  background: var(--yd-paper) !important;
  color: var(--yd-ink) !important;
}

html.light .bg-background,
html:not(.dark) .bg-background {
  background: var(--yd-paper) !important;
}

/* 隐藏版本号与更新提示 */
header [class*="system-brand"] span.font-mono,
header [class*="system-brand"] .font-mono,
header [class*="system-brand"] [class*="bg-primary/10"],
header [class*="system-brand"] [class*="text-[10px]"],
header [class*="system-brand"] [data-slot="badge"] {
  display: none !important;
}

/* 通栏顶栏：浅色、轻阴影，告别胶囊 */
header.fixed.inset-x-0.top-0.z-50 > div {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: none !important;
}

header.fixed.inset-x-0.top-0.z-50 nav {
  height: var(--yd-nav-h) !important;
  min-height: var(--yd-nav-h) !important;
  border-radius: 0 !important;
  background: rgba(245, 247, 250, 0.92) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  box-shadow: 0 1px 0 var(--yd-line) !important;
  padding-left: clamp(18px, 4vw, 40px) !important;
  padding-right: clamp(14px, 3vw, 28px) !important;
  gap: 8px !important;
}

header.fixed nav a[href="/"] img {
  border-radius: 8px !important;
  width: 26px !important;
  height: 26px !important;
}

header.fixed nav a[href="/"] span {
  font-family: "Noto Serif SC", "Songti SC", Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  color: var(--yd-deep) !important;
  max-width: none !important;
}

header.fixed nav a.min-w-0.truncate {
  border-radius: 8px !important;
  font-family: "Manrope", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  padding: 7px 12px !important;
  color: var(--yd-mute) !important;
  background: transparent !important;
  box-shadow: none !important;
}

header.fixed nav a.min-w-0.truncate:hover {
  color: var(--yd-ink) !important;
  background: rgba(47, 111, 143, 0.08) !important;
}

header.fixed nav a.min-w-0.truncate.active,
header.fixed nav a.min-w-0.truncate[aria-current="page"] {
  color: var(--yd-tide) !important;
  background: rgba(47, 111, 143, 0.1) !important;
  box-shadow: none !important;
}

header.fixed nav .bg-border\/40,
header.fixed nav [class*="bg-border"] {
  display: none !important;
}

header.fixed nav button,
header.fixed nav [data-slot="button"] {
  border-radius: 8px !important;
  box-shadow: none !important;
}

header.fixed nav a[href="/sign-in"],
header.fixed nav a[href="/login"] {
  border-radius: 10px !important;
  background: var(--yd-deep) !important;
  color: #fff !important;
  border: none !important;
  height: 34px !important;
  padding: 0 14px !important;
  font-family: "Manrope", "PingFang SC", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 16px rgba(15, 28, 46, 0.14) !important;
}

header.fixed nav a[href="/sign-in"]:hover,
header.fixed nav a[href="/login"]:hover {
  background: #152238 !important;
  color: #fff !important;
}

header.fixed ~ div.fixed.inset-0.z-40 {
  background: rgba(15, 28, 46, 0.42) !important;
  backdrop-filter: blur(6px) !important;
}

header.fixed ~ div.fixed.inset-0.z-40 a,
header.fixed ~ div.fixed.inset-0.z-40 button {
  border-radius: 10px !important;
}

header.fixed ~ div.fixed.inset-0.z-40 a[href="/sign-in"],
header.fixed ~ div.fixed.inset-0.z-40 a[href="/login"] {
  background: var(--yd-deep) !important;
  color: #fff !important;
}

header.fixed.inset-x-0.top-0.z-50 ~ div.block.w-full,
header.fixed.inset-x-0.top-0.z-50 ~ main {
  padding-top: calc(var(--yd-nav-h) + 6px) !important;
}

.dark header.fixed.inset-x-0.top-0.z-50 nav {
  background: rgba(15, 28, 46, 0.92) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.dark header.fixed nav a[href="/"] span {
  color: #f5f7fa !important;
}

.dark header.fixed nav a.min-w-0.truncate {
  color: #9db0c0 !important;
}

.dark header.fixed nav a.min-w-0.truncate:hover,
.dark header.fixed nav a.min-w-0.truncate.active,
.dark header.fixed nav a.min-w-0.truncate[aria-current="page"] {
  color: #e8f2f8 !important;
  background: rgba(47, 111, 143, 0.22) !important;
}

.dark header.fixed nav a[href="/sign-in"],
.dark header.fixed nav a[href="/login"] {
  background: #e8f2f8 !important;
  color: var(--yd-deep) !important;
}

/* ---------- 模型广场 /pricing：与首页同一套气质 ---------- */
header.fixed.inset-x-0.top-0.z-50 ~ div.relative {
  padding-top: calc(var(--yd-nav-h) + 4px) !important;
  background:
    radial-gradient(900px 420px at 12% -10%, rgba(47, 111, 143, 0.12), transparent 55%),
    radial-gradient(700px 380px at 92% 8%, rgba(21, 34, 56, 0.05), transparent 50%),
    linear-gradient(180deg, #f8fafc 0%, var(--yd-paper) 45%, #eef3f7 100%) !important;
}

/* 去掉 New API 顶部装饰光带 */
header.fixed ~ div.relative > .pointer-events-none.absolute.inset-x-0.top-0 {
  opacity: 0 !important;
  display: none !important;
}

/* 标题区 */
div.relative .mx-auto.mb-5.max-w-3xl,
div.relative header.mx-auto.mb-5.max-w-3xl {
  text-align: left !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 18px !important;
}

div.relative h1.text-\[clamp\(2rem\,5\.5vw\,3\.5rem\)\],
div.relative h1[class*="tracking-tight"] {
  font-family: "Noto Serif SC", "Songti SC", Georgia, serif !important;
  color: var(--yd-deep) !important;
  letter-spacing: -0.01em !important;
  font-weight: 700 !important;
}

div.relative .text-muted-foreground\/80,
div.relative .text-muted-foreground\/60 {
  color: var(--yd-mute) !important;
  max-width: 36em !important;
  margin-left: 0 !important;
}

/* 弱化偏营销的副文案，保留启用数量说明 */
div.relative header.mx-auto.mb-5.max-w-3xl > p.text-muted-foreground\/60,
div.relative .mx-auto.mb-5.max-w-3xl > p.text-muted-foreground\/60 {
  display: none !important;
}

/* 搜索框 */
div.relative input.h-10.w-full,
div.relative input[class*="rounded-lg"].h-10 {
  border-radius: 12px !important;
  border-color: var(--yd-line) !important;
  background: var(--yd-panel) !important;
  box-shadow: 0 8px 20px rgba(21, 34, 56, 0.04) !important;
  font-family: "Manrope", "PingFang SC", sans-serif !important;
}

div.relative input.h-10.w-full:focus,
div.relative input[class*="rounded-lg"].h-10:focus {
  border-color: rgba(47, 111, 143, 0.45) !important;
  --tw-ring-color: rgba(47, 111, 143, 0.18) !important;
}

div.relative .relative.mx-auto.mt-4.max-w-2xl,
div.relative .relative.mx-auto.mt-4.max-w-2xl.sm\:mt-6 {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 筛选侧栏 + 工具条卡片 */
div.relative aside.bg-card,
div.relative .bg-card.rounded-xl.border {
  background: var(--yd-panel) !important;
  border-color: var(--yd-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(21, 34, 56, 0.04) !important;
}

div.relative aside.bg-card {
  top: calc(var(--yd-nav-h) + 16px) !important;
}

/* 模型卡片 */
div.relative [data-slot="card"].group\/card,
div.relative .group\/card.bg-card {
  background: var(--yd-panel) !important;
  color: var(--yd-ink) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(21, 34, 56, 0.04) !important;
  --tw-ring-color: var(--yd-line) !important;
  ring-color: var(--yd-line) !important;
  border: 1px solid var(--yd-line) !important;
  transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
}

div.relative [data-slot="card"].group\/card:hover,
div.relative .group\/card.bg-card:hover {
  border-color: #b7c9d8 !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(21, 34, 56, 0.07) !important;
}

div.relative [data-slot="card"] h3,
div.relative .group\/card h3 {
  font-family: "Manrope", "PingFang SC", sans-serif !important;
  color: var(--yd-deep) !important;
  font-weight: 700 !important;
}

/* 卡片左侧字母徽标 */
div.relative [data-slot="card"] .bg-muted\/50,
div.relative .group\/card .bg-muted\/50 {
  background: rgba(47, 111, 143, 0.1) !important;
  border-radius: 10px !important;
  color: var(--yd-tide) !important;
}

div.relative [data-slot="card"] .bg-muted\/50 span,
div.relative .group\/card .bg-muted\/50 span {
  color: var(--yd-tide) !important;
}

/* 价格数字与标签 */
div.relative [data-slot="card"] .text-primary,
div.relative .group\/card .text-primary {
  color: var(--yd-tide) !important;
}

div.relative [data-slot="badge"],
div.relative .group\/card [class*="rounded-full"] {
  border-radius: 8px !important;
}

/* 筛选胶囊：用潮水色替代默认主色蓝 */
div.relative aside [data-slot="badge"],
div.relative aside button[data-state],
div.relative aside .bg-primary,
div.relative aside [class*="bg-primary"] {
  background: rgba(47, 111, 143, 0.12) !important;
  color: var(--yd-tide) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

div.relative aside .bg-primary\/10,
div.relative aside [class*="bg-primary/10"] {
  background: rgba(47, 111, 143, 0.1) !important;
  color: var(--yd-tide) !important;
}

div.relative aside .text-primary,
div.relative .min-w-0 .text-primary {
  color: var(--yd-tide) !important;
}

/* 主按钮：详情等 */
div.relative [data-slot="card"] a[data-slot="button"],
div.relative [data-slot="card"] button[data-slot="button"],
div.relative .group\/card a[data-slot="button"],
div.relative .group\/card button[data-slot="button"] {
  border-radius: 10px !important;
  font-family: "Manrope", "PingFang SC", sans-serif !important;
  font-weight: 700 !important;
}

/* 筛选标题 */
div.relative aside h2,
div.relative aside .font-semibold {
  font-family: "Manrope", "PingFang SC", sans-serif !important;
  color: var(--yd-deep) !important;
}

div.relative .grid.gap-4.xl\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

div.relative .relative.mx-auto.w-full.max-w-\[1800px\] {
  max-width: 1120px !important;
}