<script setup lang="ts">
useSeoMeta({ title: '404 页面不存在' })
</script>

<template>
  <div class="flex min-h-[70vh] flex-col items-center justify-center gap-4 px-4 anim-fade-in-up">
    <h1 class="text-6xl font-bold" style="color: var(--color-text-secondary)">404</h1>
    <p style="color: var(--color-text-secondary)">页面不存在</p>
    <NuxtLink to="/" class="btn-pill btn-primary mt-2">返回首页</NuxtLink>
  </div>
</template>
