<!-- 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="flex h-screen flex-col overflow-hidden bg-background text-foreground"
  >
    <AppHeader class="shrink-0" />
    <main class="flex min-h-0 flex-1 flex-col overflow-y-auto">
      <div class="mx-auto w-full max-w-7xl flex-1 px-4 py-6 md:px-6">
        <slot />
      </div>
      <AppFooter />
    </main>
  </div>
</template>
