用途：把 Tailwind CSS 接入 Astro、SvelteKit、Nuxt、Remix 四个元框架。它们底层都用 Vite，但各自封装了配置层与入口约定，因此接线方式因框架而异，v3 与 v4 路径也不同。
主要能力：按框架与 Tailwind 主版本给出对应集成方案。v4 统一走 @tailwindcss/vite 插件加单个 CSS 文件 @import "tailwindcss";；v3 使用各框架专属集成：Astro 用 @astrojs/tailwind，SvelteKit 与 Remix 用 tailwindcss PostCSS 插件，Nuxt 用 @nuxtjs/tailwindcss 模块。同时给出入口 CSS 位置约定：Astro 为 src/styles/global.css，SvelteKit 为 src/app.css，Nuxt v4 为 app/assets/css/main.css，Remix 为 app/tailwind.css。
使用方式：v4 下安装 tailwindcss 与 @tailwindcss/vite，在框架 Vite 配置的 plugins 中注册，并导入入口 CSS。v3 下 Astro 运行 npx astro add tailwind；SvelteKit 与 Remix 安装 tailwindcss@3 postcss autoprefixer 后运行 npx tailwindcss init -p（Remix 用 --ts -p）；Nuxt 安装 @nuxtjs/tailwindcss 并加入 modules。Remix 必须用 LinksFunction 引用样式，且导入需带 ?url。
适用场景：为上述框架新建或迁移 Tailwind 项目、排查类名不生效问题。
限制：Nuxt 模块尚未支持 v4，v4 必须用 Vite 插件；不要同时安装模块与插件；不要混用 v3 指令与 v4 指令；@astrojs/tailwind 仅支持 v3。Svelte 与 Nuxt 组件 scoped 样式中的 @apply 需 @reference 解析令牌。