---
import Layout from "@/layouts/Layout.astro";
---

<Layout title="404">
  <div class="not-found">
    <h1>404 Not Found</h1>
    <a class="back-home" href="/">返回首页</a>
  </div>
</Layout>

<style>
  .not-found{
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    margin-top: -100px;
  }

  .back-home{
    background: black;
    color: white;
    padding: 10px 20px;
    border-radius: 12px;
  }
</style>