/* Netlify 公共徽章：始终固定在视口右下角 */
#nl-badge-frame,
#nl-hud-frame {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  right: max(14px, env(safe-area-inset-right, 0px)) !important;
  bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important;
  z-index: 2147483645 !important;
  margin: 0 !important;
}

/* 让回到顶部按钮位于 Netlify 徽章上方，避免重叠 */
body:has(#nl-badge-frame) .back-to-top,
body:has(#nl-hud-frame) .back-to-top {
  bottom: calc(max(14px, env(safe-area-inset-bottom, 0px)) + 108px);
}

@media (max-width: 760px) {
  #nl-badge-frame,
  #nl-hud-frame {
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body:has(#nl-badge-frame) .back-to-top,
  body:has(#nl-hud-frame) .back-to-top {
    bottom: calc(max(10px, env(safe-area-inset-bottom, 0px)) + 104px);
  }
}