.dialog-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  background: rgba(0, 0, 0, 0.7);
}

.dialog-content {
  position: fixed;
  top: 50%;
  left: 50%;
  max-height: 100vh;
  max-width: 100vw;
  z-index: var(--z-modal);
  transform: translate(-50%, -50%);
  border-radius: 0.75rem;

  /* 用 inset box-shadow 模拟边框 */
  box-shadow:
    0 0 0 1px rgba(118, 106, 150, 1) inset,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);

  background: linear-gradient(
    180deg,
    rgba(35, 25, 60, 1) 0%,
    rgba(26, 23, 34, 1) 100%
  );
  padding: 30px;
}