/* SILO 全站统一页脚。
 *
 * 同一份样式要在两套设计令牌下工作：文档站走 Docsy/Bootstrap 的 --bs-*，
 * 首页与下载页走 landing-v3 的 --ink / --line / --silk 等。所以这里先在
 * .silo-footer 上做一层映射：--bs-* 有定义就用它，没有就回落到 landing 令牌，
 * 再没有才用硬编码值。两边各自的深浅色切换（data-bs-theme / data-theme）
 * 都作用在这些底层令牌上，页脚跟着变，不需要各写一套。
 *
 * 标记见 layouts/_partials/footer.html，全站三类模板共用。
 */

.silo-footer {
  --sf-line: var(--bs-border-color, var(--line, rgba(48, 74, 105, 0.14)));
  --sf-bg: var(--bs-secondary-bg, var(--bg-soft, transparent));
  --sf-ink: var(--bs-body-color, var(--ink, #16222e));
  --sf-soft: var(--bs-secondary-color, var(--ink-soft, #3d4e61));
  --sf-mute: var(--bs-tertiary-color, var(--ink-mute, #66788c));
  --sf-hover: var(--bs-link-hover-color, var(--pg-strong, #1d588c));
  --sf-silk: var(--silo-silk, var(--silk, #5d7189));
  --sf-mono: var(--bs-font-monospace, var(--font-mono, ui-monospace, monospace));
  --sf-sans: var(--bs-font-sans-serif, var(--font-body, sans-serif));
  --sf-mark: var(--silo-mark-gradient, var(--wordmark-gradient, none));

  margin-top: 3rem;
  border-top: 1px solid var(--sf-line);
  background: var(--sf-bg);
  font-size: 0.9rem;
}

.silo-footer a {
  color: var(--sf-soft);
  text-decoration: none;
  transition: color 150ms ease;
}

.silo-footer a:hover {
  color: var(--sf-hover);
}

.silo-footer__container {
  max-width: 1280px;
  margin: 0 auto;
  /* 上下留白对称：栅格上方与版权条下方的空间保持同一量级 */
  padding: clamp(2.25rem, 3.6vw, 3rem) 1.75rem 1.75rem;
}

.silo-footer__grid {
  display: grid;
  grid-template-columns: 2.2fr repeat(4, 1fr);
  gap: 2rem 1.5rem;
  margin-bottom: 2rem;
}

.silo-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
}

.silo-footer__logo img,
.silo-footer__logo svg {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 0.35rem;
}

.silo-footer__logo span {
  font-family: 'Chakra Petch', var(--sf-sans);
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: 0.2em;
  margin-right: -0.2em; /* 抵消末位字距，让渐变正好收在 O 上 */
  background: var(--sf-mark);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

@media (forced-colors: active) {
  .silo-footer__logo span {
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
  }
}

/* 打印时背景图形常被丢弃，回落成实色，避免商标整个消失 */
@media print {
  .silo-footer__logo span {
    color: #1d588c;
    -webkit-text-fill-color: #1d588c;
  }
}

/* 品牌块的三段小字：字号压到丝印级，让左栏高度与右侧链接列齐平 */
.silo-footer__tagline {
  margin: 0.7rem 0 0.4rem;
  font-size: 0.82rem;
  line-height: 1.6;
  color: var(--sf-soft);
}

/* landing 定义了 --brand-* 并带深色覆盖；文档站没有，回落到亮色品牌值 */
.silo-footer__tagline .ini-p { color: var(--brand-p, #2f6793); font-weight: 700; }
.silo-footer__tagline .ini-i { color: var(--brand-i, #419edb); font-weight: 700; }
.silo-footer__tagline .ini-g { color: var(--brand-g, #ffa269); font-weight: 700; }
.silo-footer__tagline .ini-s { color: var(--brand-s, #6f747c); font-weight: 700; }
.silo-footer__tagline .ini-t { color: var(--brand-t, #de372c); font-weight: 700; }
.silo-footer__tagline .ini-y { color: var(--brand-y, #53ac79); font-weight: 700; }

.silo-footer__origin {
  margin: 0 0 0.35rem;
  font-size: 0.8rem;
  line-height: 1.65;
  color: var(--sf-soft);
}

.silo-footer__legal {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.6;
  color: var(--sf-mute);
}

.silo-footer__legal sup {
  font-size: 0.7em;
}

/* 这两行里的链接没有其他视觉提示，给一条克制的下划线 */
.silo-footer__origin a,
.silo-footer__legal a {
  text-decoration: underline;
  text-decoration-color: var(--sf-line);
  text-underline-offset: 2px;
}

.silo-footer__origin a:hover,
.silo-footer__legal a:hover {
  text-decoration-color: currentColor;
}

.silo-footer__title {
  margin: 0 0 0.85rem;
  font-family: var(--sf-mono);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--sf-silk);
}

.silo-footer__links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.silo-footer__links li {
  margin-bottom: 0.64rem;
}

.silo-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--sf-line);
  font-size: 0.8rem;
  color: var(--sf-mute);
}

.silo-footer__lang {
  display: flex;
  gap: 0.9rem;
}

/* Bootstrap 断点：lg / sm */
@media (max-width: 991.98px) {
  .silo-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .silo-footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 575.98px) {
  .silo-footer__bottom {
    flex-direction: column;
    text-align: center;
  }
}

/* 文档站靠 Bootstrap 的 .d-print-none 隐藏页脚；首页与下载页没有那套工具类 */
@media print {
  .silo-footer {
    display: none;
  }
}

/* 深色下这两个品牌色对比度不够。landing 早有同名覆盖（html[data-theme="dark"] .ini-p，
 * 特异度高于上面的基础规则，自动生效）；文档站走 data-bs-theme，这里补上同样的值，
 * 让页脚在两边的深色表现完全一致。 */
[data-bs-theme='dark'] .silo-footer__tagline .ini-p { color: #4d89ba; }
[data-bs-theme='dark'] .silo-footer__tagline .ini-s { color: #8b93a0; }