/* 路由 404 页（#/notfound · MSG 出演版） */
.page-notfound {
  max-width: 640px;
  margin: 0 auto;
  padding: 96px 24px 80px;
  text-align: center;
}
.nf-code {
  margin: 0;
  font-size: 96px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .08em;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--accent-cyan, #35e0ff);
  opacity: .55;
}
.nf-title {
  margin: 14px 0 22px;
  font-size: 18px;
  letter-spacing: .3em;
}
.nf-line {
  margin: 0 auto;
  max-width: 460px;
  padding: 18px 22px;
  border: 1px solid var(--line, rgba(140,170,255,.14));
  border-radius: var(--radius-lg, 22px);
  background: color-mix(in srgb, var(--panel, #101827) 84%, transparent);
}
.nf-line p { margin: 0; font-size: 14px; line-height: 1.9; color: var(--ink, #e6ecf7); }
.nf-line footer { margin-top: 10px; font-size: 11px; letter-spacing: .12em; color: var(--muted, #8a97b1); }
.nf-links {
  margin-top: 26px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.nf-links a {
  padding: 9px 20px;
  border: 1px solid var(--line, rgba(140,170,255,.25));
  border-radius: var(--radius-pill, 999px);
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--accent-cyan, #35e0ff);
  text-decoration: none;
  transition: background .2s, border-color .2s;
}
.nf-links a:hover { background: rgba(53,224,255,.08); border-color: var(--accent-cyan, #35e0ff); }
@media (max-width: 640px) {
  .nf-code { font-size: 64px; }
}