refactor：删除已弃用的组件和样式，迁移到 Tailwind CSS

- 改进项目页面、网站页面、友链页面
- 从 styles.css 中移除全局样式。
- 添加 tailwind.config.ts 以配置 Tailwind CSS。
- 更新 tsconfig.json，加入 Vue 组件的新路径映射。

app/components/SitesSection.vue

@@ -0,0 +1,35 @@
+<template>
+    <section class="card panel flex flex-col gap-2.5">
+        <h2 class="m-0 mb-1 text-lg font-semibold">项目作品</h2>
+
+        <p class="text-sm text-white/60 mb-3">一些正在维护或已发布的项目 · Projects</p>
+
+        <div class="grid grid-cols-1 gap-4 w-full max-w-[1100px] mx-auto sm:grid-cols-2">
+            <article v-for="site in sites" :key="site.url"
+                class="rounded-[14px] border border-white/10 bg-gradient-to-br from-white/5 to-white/0 px-4 py-3.5 transition-all duration-200 hover:-translate-y-[3px] hover:border-blue-400/50 w-[290px] h-[145px] flex flex-col">
+                <div class="flex items-center justify-between mb-1.5">
+                    <h3 class="font-medium truncate">
+                        {{ site.name }}
+                    </h3>
+
+                    <span class="rounded-full px-2.5 py-1 text-xs bg-sky-400/15 text-green-300"> 在线 </span>
+                </div>
+
+                <p class="text-sm text-white/60 flex-1 overflow-hidden truncate-lines-2 mb-2">
+                    {{ site.desc }}
+                </p>
+
+                <a :href="site.url" target="_blank" rel="noreferrer"
+                    class="inline-flex items-center gap-1.5 mt-auto shrink-0 font-semibold text-blue-300 hover:text-blue-400 transition-all duration-200 hover:gap-2">
+                    查看 →
+                </a>
+            </article>
+        </div>
+    </section>
+</template>
+
+<script setup>
+defineProps({
+    sites: Array,
+});
+</script>