.sgzx-page-bg {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.98) 0 12%, rgba(231, 246, 255, 0.72) 31%, transparent 58%),
    radial-gradient(circle at 20% 70%, rgba(117, 196, 255, 0.25), transparent 34%),
    radial-gradient(circle at 80% 62%, rgba(72, 170, 245, 0.18), transparent 36%),
    linear-gradient(180deg, #f3faff 0%, #e6f4ff 45%, #f8fcff 100%);
}

.sgzx-page-bg::before,
.sgzx-page-bg::after {
  content: "";
  position: absolute;
  inset: -8% -4%;
  pointer-events: none;
}

.sgzx-page-bg::before {
  background:
    linear-gradient(rgba(60, 154, 232, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(60, 154, 232, 0.08) 1px, transparent 1px);
  background-size: 96px 96px;
  mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5), transparent 68%);
}

.sgzx-page-bg::after {
  background:
    radial-gradient(ellipse at 50% 92%, rgba(255, 255, 255, 0.78), transparent 22%),
    radial-gradient(ellipse at 50% 92%, rgba(57, 160, 255, 0.25), transparent 48%);
  filter: blur(6px);
}