chore(deps): upgrade Tailwind to v4

AGENTS.md

@@ -27,7 +27,7 @@ Guidance for coding agents working in this repository.
 - `entrypoints/devtools-panel/lang.ts`: typed wrapper around `browser.i18n.getMessage`.
 - `public/_locales/en/messages.json`: English extension and panel messages.
 - `public/_locales/zh_CN/messages.json`: Simplified Chinese extension and panel messages.
-- `assets/main.css`: Tailwind layers and small global Element Plus table overrides.
+- `assets/main.css`: Tailwind CSS v4 import and small global Element Plus table overrides.
 - `public/icon/`: extension icons.
 - `.github/renovate.json5`: dependency update policy.
 

assets/main.css

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 body {
  padding: 16px;
@@ -10,4 +8,4 @@ body {
 
 .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
  background-color: inherit !important;
-}
+}

package.json

@@ -28,14 +28,13 @@
  },
  "devDependencies": {
  "@antfu/eslint-config": "^3.12.0",
+ "@tailwindcss/vite": "^4.3.0",
  "@types/chrome": "^0.0.280",
  "@vueuse/core": "^12.0.0",
  "@wxt-dev/module-vue": "^1.0.3",
- "autoprefixer": "^10.4.20",
  "conventional-changelog-cli": "^5.0.0",
  "eslint": "^9.17.0",
- "postcss": "^8.4.49",
- "tailwindcss": "^3.4.17",
+ "tailwindcss": "^4.3.0",
  "typescript": "5.6.3",
  "vue-tsc": "^2.1.10",
  "wxt": "^0.20.26"