:root { color-scheme: light; font-family: "Segoe UI", "Microsoft YaHei", sans-serif; }
* { box-sizing: border-box; }
body {
  min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px;
  color: #172033; background: radial-gradient(circle at top, #eaf4ff, #f6f8fb 55%);
}
.card {
  width: min(560px, 100%); padding: 52px 44px; text-align: center;
  background: rgba(255,255,255,.94); border: 1px solid #dce5ef; border-radius: 22px;
  box-shadow: 0 24px 70px rgba(45, 68, 96, .14);
}
.mark {
  width: 68px; height: 68px; margin: 0 auto 22px; display: grid; place-items: center;
  color: white; font-size: 34px; font-weight: 700; border-radius: 50%; background: #1677ff;
}
h1 { margin: 0 0 16px; font-size: 32px; letter-spacing: .04em; }
p { margin: 0; color: #526175; font-size: 17px; line-height: 1.8; }
.notice { margin-top: 28px; padding-top: 22px; border-top: 1px solid #e7edf4; font-size: 13px; color: #7a8798; }
@media (max-width: 520px) { .card { padding: 40px 24px; } h1 { font-size: 27px; } }