/* =========================================================
   EXTRAS · 404 与成功页
========================================================= */

/* =========================
   404 页
========================= */
.notfound-hero{padding-bottom:100px}
.notfound-hero h1{max-width:820px}
.notfound-actions{
  display:flex;align-items:center;gap:26px;
  margin-top:44px;flex-wrap:wrap;
}
.notfound-links{
  margin-top:56px;padding-top:28px;
  border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:14px 26px;
  font-size:12px;color:var(--muted);
  letter-spacing:.04em;
}
.notfound-links span{
  color:var(--muted);letter-spacing:.12em;
}
.notfound-links a{
  color:var(--ink-soft);
  transition:color .25s;
  position:relative;
}
.notfound-links a:hover{color:var(--gold)}
.notfound-latest{padding-top:110px}

/* =========================
   成功页
========================= */
.success-page{padding:170px 0 150px;background:var(--paper)}
.success-hero{max-width:820px;margin:0 auto}
.success-icon{
  width:80px;height:80px;
  margin-bottom:38px;
}
.success-icon svg{width:100%;height:100%}
.success-kicker{
  display:inline-flex;align-items:center;gap:12px;
  font-size:10px;color:var(--gold);letter-spacing:.25em;
  text-transform:uppercase;margin-bottom:26px;
}
.success-kicker::before{
  content:"";width:32px;height:1px;background:var(--gold);
}
.success-hero h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(40px,4.8vw,64px);
  line-height:1.12;letter-spacing:-.035em;
  margin-bottom:28px;
}
.success-hero h1 em{color:var(--gold);font-style:normal}
.success-lead{
  color:#4A4234;font-size:16px;line-height:2.1;
  max-width:620px;margin-bottom:60px;
}

.success-notes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  margin-bottom:60px;
}
.success-note{
  padding:34px 30px 36px;
  border-right:1px solid var(--line);
}
.success-note:last-child{border-right:none}
.success-note .note-label{
  font-size:9px;color:var(--gold);
  letter-spacing:.22em;text-transform:uppercase;
  margin-bottom:16px;
}
.success-note p{
  color:#7A7265;font-size:13px;line-height:1.9;
}

.success-actions{
  display:flex;align-items:center;gap:26px;
  flex-wrap:wrap;
}

/* =========================
   响应式
========================= */
@media(max-width:900px){
  .success-notes{
    grid-template-columns:1fr;
  }
  .success-note{
    border-right:none;
    border-bottom:1px solid var(--line);
  }
  .success-note:last-child{border-bottom:none}
}

@media(max-width:720px){
  .notfound-hero{padding:140px 0 70px}
  .notfound-hero h1{font-size:36px}
  .notfound-links{margin-top:40px;gap:12px 20px}
  .notfound-latest{padding-top:80px}

  .success-page{padding:130px 0 100px}
  .success-icon{width:60px;height:60px;margin-bottom:28px}
  .success-hero h1{font-size:32px}
  .success-lead{font-size:15px;margin-bottom:44px}
  .success-note{padding:26px 22px 28px}
  .success-actions{gap:20px}
}