/* ===== 博客前端共享样式（所有主题通用） ===== */
.nb-topbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;   /* 三栏均分：左/中/右 */
  align-items: center;
  gap: 8px;
  max-width: 1080px;
  margin: 0 auto;
  padding: 12px 16px;
  font-size: 14px;
}
.nb-topbar a { text-decoration: none; }
.nb-topbar-left {
  justify-self: start; min-width: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  opacity: .8;
}
.nb-topbar-center {
  justify-self: center;
  padding: 4px 16px; border-radius: 999px;
  border: 1px solid currentColor; opacity: .85;
  white-space: nowrap;
}
.nb-topbar-right {
  justify-self: end;
  padding: 4px 16px; border-radius: 999px;
  font-weight: 600; white-space: nowrap;
}
.nb-topbar a:hover { opacity: 1; }
@media (max-width: 640px) {
  .nb-topbar { padding: 10px 12px; font-size: 13px; gap: 6px; }
  .nb-topbar-left { font-size: 12px; }
  .nb-topbar-center, .nb-topbar-right { padding: 3px 12px; }
}
/* 页脚沉底兜底（主题自定义样式可覆盖） */
body { display: flex; flex-direction: column; min-height: 100vh; }
body > main { flex: 1 0 auto; }
body > footer { margin-top: auto; }
