/* Match the Bilibili button width to the text links immediately above it. */
.garden-footer .footer-social-links,
.resource-footer .footer-social-links {
  display: grid;
  justify-items: start;
  width: max-content;
  max-width: 100%;
}
.garden-footer .footer-social-links { gap: 7px; }
.resource-footer .footer-social-links { gap: 14px; }
.garden-footer a.footer-bilibili,
.resource-footer a.footer-bilibili {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: stretch;
  box-sizing: border-box;
  height: 28px;
  padding: 3px 0;
  border: 1px solid rgb(255 255 255 / 28%);
  border-radius: 8px;
  background: rgb(255 255 255 / 10%);
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease;
}
.footer-bilibili img { display: block; width: 20px; height: 20px; object-fit: contain; }
.garden-footer a.footer-bilibili:hover,
.resource-footer a.footer-bilibili:hover {
  background: rgb(255 255 255 / 22%);
  border-color: rgb(255 255 255 / 60%);
  text-decoration: none;
}
.footer-bilibili:focus-visible { outline: 2px solid #f1dfb3; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { a.footer-bilibili { transition: none; } }