* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background: #f2f7fc;
  color: #174e78;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.8;
}
main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 24px;
  text-align: center;
}
h1 { margin: 0; font-size: clamp(28px, 4vw, 48px); font-weight: 500; letter-spacing: 3px; }
.divider { width: 40px; height: 2px; background: #5988ad; margin: 28px 0; }
.intro { margin: 0; font-size: 16px; color: #496882; }
.notice { margin: 40px 0 0; font-size: 12px; color: #5c7185; }
footer {
  padding: 22px 20px;
  border-top: 1px solid #dbe6f0;
  background: #eaf1f8;
  text-align: center;
  font-size: 14px;
  color: #405e78;
}
footer p { margin: 0 0 4px; }
footer a { color: #264f73; text-underline-offset: 4px; }
a:focus-visible { outline: 2px solid #174e78; outline-offset: 5px; }
@media (max-width: 480px) {
  main { padding: 56px 20px; }
  h1 { letter-spacing: 1px; }
  .intro { max-width: 260px; font-size: 15px; }
  .notice { max-width: 260px; }
}