<script lang="ts" setup></script>

<template>
  <div class="w-full h-full flex flex-col dark:bg-neutral-900/80">
    <div
      class="sticky top-0 w-full px-4 py-3 bg-white/30 backdrop-blur-2xl z-30 dark:bg-neutral-900/80"
    >
      <h1 class="font-medium">AI 智慧校园</h1>
    </div>
    <slot></slot>
  </div>
</template>

<style>
body {
  background-image: url("~/assets/image/pattern/mesh-7.png");
}
</style>
