[x-cloak] { display: none !important; }

.unfold-modal__backdrop {
  position: fixed; inset: 0; z-index: 50;
  background: rgb(15 23 42 / 0.6);
}
.unfold-modal__dialog {
  position: fixed; z-index: 51; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: min(640px, calc(100vw - 2rem));
  max-height: 85vh; overflow: auto;
  padding: 24px; border-radius: 8px;
  background: #fff; color: #0f172a;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / .35);
}
.unfold-modal__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.unfold-modal__title { margin: 0; font-size: 16px; font-weight: 600; }
.unfold-modal__close { border: 0; background: transparent; font-size: 24px; line-height: 1; cursor: pointer; }
.unfold-modal__body { font-size: 14px; line-height: 1.7; }

/* 深色模式（Unfold 通常是 html.dark，也兼容系统级偏好） */
html.dark .unfold-modal__dialog,
body.dark .unfold-modal__dialog { background: #0f172a; color: #e2e8f0; }
@media (prefers-color-scheme: dark) {
  .unfold-modal__dialog { background: #0f172a; color: #e2e8f0; }
}