diff --git a/src/app.scss b/src/app.scss
index bba470e..ae872ba 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -92,3 +92,12 @@ button[open-type="chooseAvatar"] {
 image {
   margin: 0; /* 全局设置图片的 margin */
 }
+
+/* 管理员面板功能项交互效果 */
+.admin-feature-item {
+  transition: transform 0.15s ease-in-out;
+}
+
+.admin-feature-item:active {
+  transform: scale(0.95);
+}
diff --git a/src/components/AdminPanel.tsx b/src/components/AdminPanel.tsx
index a019812..30aa14c 100644
--- a/src/components/AdminPanel.tsx
+++ b/src/components/AdminPanel.tsx
@@ -117,7 +117,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
             {adminFeatures.map((feature) => (
               <View
                 key={feature.id}
-                className={`${feature.color} border rounded-xl p-4 active:scale-95 transition-transform`}
+                className={`${feature.color} border rounded-xl p-4 admin-feature-item`}
                 onClick={feature.onClick}
               >
                 <View className="flex items-center mb-2">
diff --git a/tailwind.config.js b/tailwind.config.js
index ceb303b..d257697 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,11 +2,12 @@
 module.exports = {
   content: ['./src/**/*.{js,jsx,ts,tsx}'],
   darkMode: 'media', // or 'media' or 'class'
+  // 禁用 important 语法，微信小程序不支持 .\! 这样的选择器
   theme: {
     extend: {},
   },
   variants: {
-    extend: {},
+    // 禁用所有变体，避免生成微信小程序不支持的选择器
   },
   plugins: [],
   corePlugins: {
@@ -24,5 +25,11 @@ module.exports = {
     textIndent: false, // 禁用 text-indent
     writingMode: false, // 禁用 writing-mode
     hyphens: false, // 禁用 hyphens
+    // 禁用所有可能包含问题的变体
+    visibility: false, // 禁用 visibility 相关类，避免生成 .\!visible
+    // 禁用伪类和交互变体，避免生成 .active\: 等选择器
+    scale: false, // 禁用 scale 相关类，避免生成问题选择器
+    transform: false, // 禁用 transform 相关类
+    transitionProperty: false, // 禁用 transition 相关类
   },
 };