用途：这是 Tailwind CSS 的版本对比参考，逐节并列展示 v3 与 v4 差异，帮助选版本、决定是否升级、排查视觉回归与构建失败。
主要能力：给出决策树（浏览器基线是否可控、是否新项目、是否用到 corePlugins/safelist/separator/自定义前缀/运行时 resolveConfig/Sass 等）；对比引擎（v3 JIT 用 JavaScript，v4 Oxide 用 Rust + Lightning CSS）、配置方式（v3 的 tailwind.config.js 与 theme.extend，v4 的 @theme、@plugin、@source、@custom-variant）、CSS 入口（v3 三条 @tailwind 指令，v4 单条 @import "tailwindcss"）、默认行为变化（border-color、ring 宽度与颜色、placeholder、button cursor、hover 变体、outline-none 改名）、尺寸刻度整体下移一档（shadow/blur/rounded/drop-shadow/backdrop-blur）、无替代移除项（corePlugins、separator、resolveConfig、Sass/Less/Stylus）、变体堆叠顺序由右到左改为左到右、重命名工具类，以及 v4 新增指令。
使用方式：按决策树判断；升级可运行 npx @tailwindcss/upgrade（需 Node 20+），并可用 @config "./tailwind.config.js" 做部分升级；Vue/Svelte/CSS modules 的 scoped style 需加 @reference "../app.css"。
适用场景：新项目选型、v3 升级评估、升级后视觉与构建问题排查。
限制：v4 要求 Safari 16.4+、Chrome 111+、Firefox 128+；不支持 Sass/Less/Stylus 管线；corePlugins 与 separator 无 v4 替代；具体项目效果需自行验证。