/*
 * Cloud Realm — 二开覆盖样式
 *
 * 只放两类东西：
 *   1. 原模板没有、我们新增的结构所需的样式（如厂商跑马灯的文字块）
 *   2. 落地页接入控制台后需要微调的地方
 * 不要在这里重写模板本身的设计；要改设计就改 style.css。
 * 本文件在 style.css 之后加载，所以同名选择器天然覆盖。
 */

/* 跑马灯里的模型厂商标识（来自 @lobehub/icons，单色 currentColor）。
   各家标识宽高比差得远（OpenAI 约 3.8:1，Kimi 约 3.1:1），所以只锁高度让宽度
   自适应，再靠 .brand-wrapper 原有的 200px 行高做垂直居中。
   颜色写死在 SVG 里：这些是通过 <img> 加载的，外部 CSS 的 color 传不进去，
   currentColor 只会回落到黑色。 */
.wpr-brand-area .section-inner .right-marquee-area .brand-wrapper .brand-logo {
  height: 28px;
  width: auto;
  max-width: 150px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .wpr-brand-area .section-inner .right-marquee-area .brand-wrapper .brand-logo {
    height: 22px;
    max-width: 130px;
  }
}

/* 页脚版权由后台「页脚 HTML」接管时，管理员填的往往是一段富文本。
   继承页脚字色，并把内嵌链接压成同一种表现，避免蹦出浏览器默认蓝。 */
.copyright-area .copyright a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* --------------------------------------------------------------------------
 * 品牌组合标
 *
 * 原模板的 4 个 logo 文件把品牌名画成了矢量路径，改不了字，所以拆成
 * 「品牌标（logo-mark.png）+ 文字」两部分：
 * 文字用页面已加载的 Space Grotesk 排，随主题字色走，也方便后台改站名时替换。
 * 三个尺寸对应页头、对比区、页脚三个槽位。
 * -------------------------------------------------------------------------- */
.cr-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 0.34em;
  font-size: var(--cr-wordmark-size);
  line-height: 1;
  white-space: nowrap;
}

.cr-wordmark-mark {
  width: 1.28em;
  height: 1.28em;
  flex: 0 0 auto;
  object-fit: contain;
}

.cr-wordmark-text {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 1em;
  letter-spacing: -0.035em;
  color: var(--color-heading-1);
}

.cr-wordmark--sm {
  --cr-wordmark-size: 23px;
}

.cr-wordmark--md {
  --cr-wordmark-size: 30px;
}

.cr-wordmark--lg {
  --cr-wordmark-size: 88px;
}

@media (max-width: 991px) {
  .cr-wordmark--lg {
    --cr-wordmark-size: 56px;
  }
}

@media (max-width: 575px) {
  .cr-wordmark--lg {
    --cr-wordmark-size: 34px;
  }

  .cr-wordmark--sm {
    --cr-wordmark-size: 20px;
  }
}

/* 后台配了站点 logo 时由 site-bridge.js 换上来。后台传的是任意尺寸的位图，
   不像内置符号那样自带比例，靠 object-fit 兜住不让它撑变形。 */
.cr-wordmark-mark[src]:not([src$='.svg']) {
  border-radius: 4px;
}

/* 页头按钮按登录态二选一（site-bridge.js 切 hidden 属性）。
   必须写 !important：浏览器默认样式表里的 [hidden]{display:none} 属于 UA 层，
   而 style.css 的 .wpr-btn{display:flex} 是作者层，作者层优先——不压掉的话
   两个按钮会同时显示出来。 */
[data-landing-auth][hidden] {
  display: none !important;
}