<script setup lang="ts">
// 无需额外的脚本逻辑
</script>

<template>
    <div class="w-full top-0 left-0 bg-gray-50 dark:bg-gray-900">
        <!-- 欢迎卡片 -->
        <div
            class="bg-slate-200 dark:bg-slate-600 rounded-lg border border-gray-200 dark:border-gray-700 p-2 sm:p-4 shadow-sm">

            <h1 class="text-xl font-bold text-gray-900 dark:text-white mb-2">
                Hi 👋, 欢迎使用简单文档系统
            </h1>
            <!-- 编号列表 -->
            <div class="mt-2 text-base text-gray-700 dark:text-gray-300">
                1. 登录网站！<br>
                2. 创建文档，为文档添加文章！<br>
                3. 拖拽文章标题进行排序，分享文档！
            </div>
        </div>
    </div>
</template>
