/* 灵犀 AURORA · 错误页 */

.er-body{
  background:
    radial-gradient(110% 80% at 50% 0%,rgba(28,33,66,.85),transparent 62%),
    linear-gradient(180deg,var(--bg-0),var(--bg-1));
  min-height:100vh;
}
.er-main{
  position:relative;overflow:hidden;
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:56px 20px;
}
.er-g1{top:-200px;left:-150px}
.er-g2{bottom:-200px;right:-130px}
.er-inner{position:relative;z-index:2;text-align:center;max-width:560px}

.er-logo{justify-content:center;margin-bottom:30px}

.er-code{
  font-size:clamp(96px,26vw,190px);
  line-height:.94;font-weight:800;letter-spacing:-.05em;
  margin-bottom:8px;
  filter:drop-shadow(0 0 44px rgba(109,94,252,.36));
}
.er-title{font-size:clamp(21px,4.2vw,30px);margin-bottom:12px}
.er-msg{font-size:15px;color:var(--tx-2);line-height:1.85;max-width:420px;margin:0 auto}

.er-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:32px 0 26px}

.er-links{
  display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;
  padding-top:22px;border-top:1px solid var(--line);
}
.er-links a{font-size:13.5px;color:var(--tx-2)}
@media (hover:hover) and (pointer:fine){
  .er-links a:hover{color:var(--tx-0)}
}
.er-note{display:block;margin-top:22px;font-size:12px}

@media (max-width:768px){
  .er-main{padding:40px 16px;min-height:100vh}
  .er-code{font-size:clamp(84px,30vw,120px)}
  .er-msg{font-size:14px}
  .er-btns{gap:10px;margin:26px 0 22px}
  .er-btns .au-btn{width:100%}
  .er-links{gap:8px 14px}
  .er-logo{margin-bottom:22px}
}