更新项目结构和配置

AGENTS.md

@@ -5,7 +5,7 @@ This file provides guidelines for agentic coding agents working in this reposito
 ## Tech Stack
 
 - **Framework**: Astro 5.7.3 - Static site generator
-- **Styling**: Tailwind CSS 3.4.19 with custom theme
+- **Styling**: Tailwind CSS 4.2.1 with custom theme
 - **Package Manager**: pnpm 10.29.2
 - **TypeScript**: 5.9.3 with @astrojs/check
 - **Icons**: FontAwesome 4.7.0 (CDN)
@@ -199,3 +199,10 @@ const { title, activeNav = 'home' } = Astro.props;
 - Build output: `dist/` directory
 - Static site generation - deploy to any static hosting
 - No server-side rendering requirements
+
+## Tailwind CSS v4
+
+项目使用 Tailwind CSS v4，配置方式与 v3 不同：
+- 使用 `@tailwindcss/vite` 插件替代 `@astrojs/tailwind` 集成
+- 主题配置通过 CSS 变量在 `src/styles/global.css` 中使用 `@theme inline` 语法定义
+- 不再需要 `tailwind.config.mjs` 文件