引入 Tailwind CSS 和 shadcn/ui

entrypoints/options/main.tsx

@@ -1,6 +1,7 @@
 import ReactDOM from 'react-dom/client';
 import AppRoot from '@/providers/AppRoot';
 import '@/i18n';
+import '@/src/index.css';
 import App from './App';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(

entrypoints/popup/App.tsx

@@ -6,6 +6,7 @@ import { SnackbarProvider } from '@/components/GlobalSnackbar';
 import { Box } from '@mui/material';
 import { getEntryPointType } from '@/config/features';
 import { useMemo } from 'react';
+import { Button } from '@/components/ui/button';
 
 export default function App() {
   // 打开Chrome扩展选项页面，需确保manifest中已配置options_page或options_ui
@@ -63,6 +64,9 @@ export default function App() {
           <ErrorBoundary>
             <RouterContainer />
           </ErrorBoundary>
+          <Button variant="outline" className="m-4">
+            测试 Tailwind CSS 按钮
+          </Button>
         </Box>
       </SnackbarProvider>
     </RouterProvider>

entrypoints/popup/main.tsx

@@ -1,6 +1,7 @@
 import ReactDOM from 'react-dom/client';
 import AppRoot from '@/providers/AppRoot';
 import '@/i18n';
+import '@/src/index.css';
 import App from './App.tsx';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(

entrypoints/sidepanel/main.tsx

@@ -1,6 +1,7 @@
 import ReactDOM from 'react-dom/client';
 import AppRoot from '@/providers/AppRoot';
 import '@/i18n';
+import '@/src/index.css';
 import App from './App.tsx';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(