<template>
  <div id="app" class="min-h-screen bg-light-gray">
    <router-view />
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'

// 根组件逻辑
onMounted(() => {
  // 初始化Lucide图标
  if (window.lucide) {
    window.lucide.createIcons()
  }
})
</script>

<style>
#app {
  font-family: 'Noto Sans SC', system-ui, sans-serif;
  background-color: var(--light-gray);
  color: var(--text-dark);
}
</style>