<!-- app/layouts/default.vue - 页面外壳，负责组合导航、内容区和页脚 -->
<script lang="ts" setup>
import AppFooter from "@/components/layout/AppFooter.vue";
import AppHeader from "@/components/layout/AppHeader.vue";
</script>

<template>
  <div class="min-h-screen bg-background text-foreground">
    <AppHeader />
    <main class="mx-auto min-h-[calc(100vh-8rem)] w-full max-w-7xl px-4 py-6 md:px-6">
      <slot />
    </main>
    <AppFooter />
  </div>
</template>
