/* ──────────────────────────────────────────────────────────────────────
   全站统一页脚 · 云崽松果
   基准取自「云崽安全分享」底部：12px 单行信息，16px 猫头标内嵌于
   「© 2026」与公司名称之间（全站统一位置），
   信息顺序为「版权 · 页面/版本 · 软件使用协议 · 免责声明 · 邮箱」，
   官网链接不单独出现——直接挂在公司名称上（这是全站统一口径）。

   颜色一律继承 currentColor、分隔线用半透明灰，因此不需要为每页单独配色，
   浅色页、深色页都能自适应；品牌图按明暗主题描黑 / 反白（同安全分享）。

   用法（标记由 /assets/js/yz-footer.js 填，文案只改一处）：
     <link rel="stylesheet" href="/assets/css/yz-footer.css?v=20261105">
     <footer class="yz-foot" data-yz-foot data-yz-app="云崽松果 · 网页发布"></footer>
     <script src="/assets/js/yz-footer.js?v=20261105" defer></script>
   变体：
     .yz-foot--inline  卡片内嵌（无上边框 / 无外边距，如登录页、404）
     .yz-foot--on-dark 始终深色的页面（如 mcp.html）强制反白品牌图
   ────────────────────────────────────────────────────────────────────── */
.yz-foot {
  max-width: 920px;
  margin: 32px auto 0;
  padding: 16px 20px 30px;
  border-top: 1px solid rgba(128, 128, 128, .22);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  font-size: 12px;
  line-height: 1.75;
  color: inherit;
  opacity: .72;
  text-align: left;
}
.yz-foot .yzf-logo {
  height: 16px;
  width: auto;
  display: inline-block;
  vertical-align: -4px;
  margin: 0 5px 0 3px;
  filter: brightness(0);            /* 浅色底：描黑，与安全分享一致 */
}
[data-theme="dark"] .yz-foot .yzf-logo,
[data-bs-theme="dark"] .yz-foot .yzf-logo,
.yz-foot--on-dark .yzf-logo {
  filter: brightness(0) invert(1);  /* 深色底：反白 */
}
.yz-foot .yzf-copy { white-space: nowrap; }
.yz-foot .yzf-ver {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .2px;
}
.yz-foot a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(128, 128, 128, .38);
  transition: border-color .2s;
}
.yz-foot a:hover { border-bottom-color: currentColor; }
.yz-foot .yzf-sep { margin: 0 6px; opacity: .45; }

/* 卡片内嵌：登录 / 注册 / 404 这类居中卡片，不需要上下留白与分隔线 */
.yz-foot--inline {
  margin: 0;
  padding: 0;
  border-top: none;
  justify-content: center;
  gap: 6px 8px;
  text-align: center;
  opacity: .8;
}
.yz-foot--inline .yzf-copy { white-space: normal; }

@media (max-width: 560px) {
  .yz-foot { padding: 14px 16px 24px; gap: 6px 8px; font-size: 11.5px; }
}