diff --git a/src/components/cards/CustomRuleCard.vue b/src/components/cards/CustomRuleCard.vue
index 90467aa9..419429d4 100644
--- a/src/components/cards/CustomRuleCard.vue
+++ b/src/components/cards/CustomRuleCard.vue
@@ -107,7 +107,7 @@ function onClose() {
       </VCardText>
     </VCard>
     <VDialog v-if="ruleInfoDialog" v-model="ruleInfoDialog" scrollable max-width="40rem">
-      <VCard :title="t('customRule.title', { id: props.rule.id })" class="rounded-t">
+      <VCard :title="t('customRule.title', { id: props.rule.id })">
         <VDialogCloseBtn v-model="ruleInfoDialog" />
         <VDivider />
         <VCardText>
diff --git a/src/components/cards/FilterRuleGroupCard.vue b/src/components/cards/FilterRuleGroupCard.vue
index 58198c5e..cf29c568 100644
--- a/src/components/cards/FilterRuleGroupCard.vue
+++ b/src/components/cards/FilterRuleGroupCard.vue
@@ -220,7 +220,7 @@ function onClose() {
       </VCardText>
     </VCard>
     <VDialog v-if="groupInfoDialog" v-model="groupInfoDialog" scrollable max-width="80rem">
-      <VCard :title="`${props.group.name} - ${t('filterRule.title')}`" class="rounded-t">
+      <VCard :title="`${props.group.name} - ${t('filterRule.title')}`">
         <VDialogCloseBtn v-model="groupInfoDialog" />
         <VDivider />
         <VCardItem class="pt-1">
diff --git a/src/components/cards/MediaServerCard.vue b/src/components/cards/MediaServerCard.vue
index 2dcb4350..e648113e 100644
--- a/src/components/cards/MediaServerCard.vue
+++ b/src/components/cards/MediaServerCard.vue
@@ -200,7 +200,7 @@ onMounted(() => {
       </VCardText>
     </VCard>
     <VDialog v-if="mediaServerInfoDialog" v-model="mediaServerInfoDialog" scrollable max-width="40rem">
-      <VCard :title="`${props.mediaserver.name} - ${t('common.config')}`" class="rounded-t">
+      <VCard :title="`${props.mediaserver.name} - ${t('common.config')}`">
         <VDialogCloseBtn v-model="mediaServerInfoDialog" />
         <VDivider />
         <VCardText>
diff --git a/src/components/cards/NotificationChannelCard.vue b/src/components/cards/NotificationChannelCard.vue
index 41b9e80e..324219b6 100644
--- a/src/components/cards/NotificationChannelCard.vue
+++ b/src/components/cards/NotificationChannelCard.vue
@@ -135,7 +135,7 @@ function onClose() {
       </VCardText>
     </VCard>
     <VDialog v-if="notificationInfoDialog" v-model="notificationInfoDialog" scrollable max-width="40rem">
-      <VCard :title="`${props.notification.name} - ${t('notification.config')}`" class="rounded-t">
+      <VCard :title="`${props.notification.name} - ${t('notification.config')}`">
         <VDialogCloseBtn v-model="notificationInfoDialog" />
         <VDivider />
         <VCardText>
diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue
index a1f91301..f1e89c44 100644
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -293,9 +293,7 @@ onMounted(() => {
       </div>
 
       <!-- 右侧操作按钮区 -->
-      <VSheet
-        class="site-card-actions absolute inset-y-0 right-0 z-20 flex flex-col py-2 px-1 transform translate-x-full transition-transform duration-200"
-      >
+      <VSheet class="site-card-actions absolute inset-y-0 right-0 z-20 flex flex-col py-2 px-1 transform duration-300">
         <!-- 测试按钮 -->
         <VBtn
           icon
@@ -386,12 +384,6 @@ onMounted(() => {
 </template>
 
 <style scoped>
-.site-card:hover {
-  .site-card-actions {
-    transform: translateX(0);
-  }
-}
-
 .site-status-indicator {
   position: absolute;
   z-index: 1;
@@ -430,15 +422,15 @@ onMounted(() => {
 
 /* 上传下载条样式 */
 .upload-bar {
+  animation: pulse-width 2s infinite;
   background: linear-gradient(90deg, #4d79ff, #07f);
   box-shadow: 0 0 4px rgba(0, 119, 255, 50%);
-  animation: pulse-width 2s infinite;
 }
 
 .download-bar {
+  animation: pulse-width 2s infinite;
   background: linear-gradient(90deg, #42d392, #00b77e);
   box-shadow: 0 0 4px rgba(0, 183, 126, 50%);
-  animation: pulse-width 2s infinite;
 }
 
 /* 测试状态点样式 */
@@ -446,22 +438,22 @@ onMounted(() => {
   position: absolute;
   z-index: 1;
   border-radius: 50%;
+  block-size: 70%;
   content: '';
-  height: 70%;
-  width: 70%;
-  top: 15%;
-  left: 15%;
+  inline-size: 70%;
+  inset-block-start: 15%;
+  inset-inline-start: 15%;
 }
 
 .pulse-dot::after {
   position: absolute;
   z-index: 2;
   border-radius: 50%;
+  block-size: 100%;
   content: '';
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
+  inline-size: 100%;
+  inset-block-start: 0;
+  inset-inline-start: 0;
 }
 
 .pulse-dot.error::before {
@@ -508,11 +500,11 @@ onMounted(() => {
 .spinner-circle {
   position: absolute;
   border: 1px solid rgba(var(--v-theme-primary), 0.2);
-  border-top-color: rgba(var(--v-theme-primary), 1);
   border-radius: 50%;
-  width: 100%;
-  height: 100%;
   animation: spin 0.8s linear infinite;
+  block-size: 100%;
+  border-block-start-color: rgba(var(--v-theme-primary), 1);
+  inline-size: 100%;
 }
 
 /* 动画关键帧 */
@@ -522,6 +514,7 @@ onMounted(() => {
     opacity: 0.85;
     transform: scaleX(0.95);
   }
+
   50% {
     opacity: 1;
     transform: scaleX(1.05);
@@ -532,9 +525,11 @@ onMounted(() => {
   0% {
     box-shadow: 0 0 0 0 rgba(var(--v-theme-error), 0.6);
   }
+
   70% {
     box-shadow: 0 0 0 10px rgba(var(--v-theme-error), 0);
   }
+
   100% {
     box-shadow: 0 0 0 0 rgba(var(--v-theme-error), 0);
   }
@@ -544,9 +539,11 @@ onMounted(() => {
   0% {
     box-shadow: 0 0 0 0 rgba(var(--v-theme-warning), 0.6);
   }
+
   70% {
     box-shadow: 0 0 0 10px rgba(var(--v-theme-warning), 0);
   }
+
   100% {
     box-shadow: 0 0 0 0 rgba(var(--v-theme-warning), 0);
   }
@@ -556,9 +553,11 @@ onMounted(() => {
   0% {
     box-shadow: 0 0 0 0 rgba(var(--v-theme-success), 0.6);
   }
+
   70% {
     box-shadow: 0 0 0 10px rgba(var(--v-theme-success), 0);
   }
+
   100% {
     box-shadow: 0 0 0 0 rgba(var(--v-theme-success), 0);
   }
@@ -568,9 +567,11 @@ onMounted(() => {
   0% {
     box-shadow: 0 0 0 0 rgba(var(--v-theme-secondary), 0.6);
   }
+
   70% {
     box-shadow: 0 0 0 10px rgba(var(--v-theme-secondary), 0);
   }
+
   100% {
     box-shadow: 0 0 0 0 rgba(var(--v-theme-secondary), 0);
   }
@@ -580,6 +581,7 @@ onMounted(() => {
   0% {
     transform: rotate(0deg);
   }
+
   100% {
     transform: rotate(360deg);
   }
@@ -589,8 +591,22 @@ onMounted(() => {
   from {
     opacity: 0;
   }
+
   to {
     opacity: 1;
   }
 }
+
+.site-card-actions {
+  opacity: 0;
+  transform: translateX(100%);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  visibility: hidden;
+}
+
+.site-card:hover .site-card-actions {
+  opacity: 1;
+  transform: translateX(0);
+  visibility: visible;
+}
 </style>
diff --git a/src/components/dialog/AlistConfigDialog.vue b/src/components/dialog/AlistConfigDialog.vue
index af6d8796..39c190a5 100644
--- a/src/components/dialog/AlistConfigDialog.vue
+++ b/src/components/dialog/AlistConfigDialog.vue
@@ -34,7 +34,7 @@ async function savaAlistConfig() {
 
 <template>
   <VDialog width="50rem" scrollable max-height="85vh">
-    <VCard :title="t('dialog.alistConfig.title')" class="rounded-t">
+    <VCard :title="t('dialog.alistConfig.title')">
       <VDialogCloseBtn @click="emit('close')" />
       <VCardText>
         <VRow>
diff --git a/src/components/dialog/AliyunAuthDialog.vue b/src/components/dialog/AliyunAuthDialog.vue
index eb3b6782..9f8e4979 100644
--- a/src/components/dialog/AliyunAuthDialog.vue
+++ b/src/components/dialog/AliyunAuthDialog.vue
@@ -89,7 +89,7 @@ onUnmounted(() => {
 
 <template>
   <VDialog width="40rem" scrollable max-height="85vh">
-    <VCard :title="t('dialog.aliyunAuth.loginTitle')" class="rounded-t">
+    <VCard :title="t('dialog.aliyunAuth.loginTitle')">
       <VDialogCloseBtn @click="emit('close')" />
       <VCardText class="pt-2 flex flex-col items-center">
         <div class="my-6 rounded text-center p-3 border">
diff --git a/src/components/dialog/ImportCodeDialog.vue b/src/components/dialog/ImportCodeDialog.vue
index 198cab59..f6124861 100644
--- a/src/components/dialog/ImportCodeDialog.vue
+++ b/src/components/dialog/ImportCodeDialog.vue
@@ -25,7 +25,7 @@ function handleImport() {
 
 <template>
   <VDialog width="40rem" scrollable max-height="85vh">
-    <VCard :title="props.title" class="rounded-t">
+    <VCard :title="props.title">
       <VDialogCloseBtn @click="emit('close')" />
       <VCardText class="pt-2">
         <VTextarea v-model="codeString" />
diff --git a/src/components/dialog/PluginConfigDialog.vue b/src/components/dialog/PluginConfigDialog.vue
index a4a98071..3f030913 100644
--- a/src/components/dialog/PluginConfigDialog.vue
+++ b/src/components/dialog/PluginConfigDialog.vue
@@ -150,11 +150,7 @@ onBeforeMount(async () => {
 <template>
   <VDialog scrollable max-width="60rem" :fullscreen="!display.mdAndUp.value">
     <!-- Vuetify 渲染模式 -->
-    <VCard
-      v-if="renderMode === 'vuetify'"
-      :title="`${props.plugin?.plugin_name} - ${t('dialog.pluginConfig.title')}`"
-      class="rounded-t"
-    >
+    <VCard v-if="renderMode === 'vuetify'" :title="`${props.plugin?.plugin_name} - ${t('dialog.pluginConfig.title')}`">
       <VDialogCloseBtn @click="emit('close')" />
       <VDivider />
       <LoadingBanner v-if="!isRefreshed" class="mt-5" />
diff --git a/src/components/dialog/PluginDataDialog.vue b/src/components/dialog/PluginDataDialog.vue
index 797140ab..8b6564f9 100644
--- a/src/components/dialog/PluginDataDialog.vue
+++ b/src/components/dialog/PluginDataDialog.vue
@@ -120,7 +120,7 @@ onMounted(() => {
 <template>
   <VDialog scrollable max-width="80rem" :fullscreen="!display.mdAndUp.value">
     <!-- Vuetify 渲染模式 -->
-    <VCard v-if="renderMode === 'vuetify'" :title="`${props.plugin?.plugin_name}`" class="rounded-t">
+    <VCard v-if="renderMode === 'vuetify'" :title="`${props.plugin?.plugin_name}`">
       <VDialogCloseBtn @click="emit('close')" />
       <LoadingBanner v-if="!isRefreshed" class="mt-5" />
       <VCardText v-else class="min-h-40">
diff --git a/src/components/dialog/PluginMarketSettingDialog.vue b/src/components/dialog/PluginMarketSettingDialog.vue
index e1b7dc08..19eb4c4a 100644
--- a/src/components/dialog/PluginMarketSettingDialog.vue
+++ b/src/components/dialog/PluginMarketSettingDialog.vue
@@ -45,7 +45,7 @@ onMounted(() => {
 
 <template>
   <VDialog width="50rem" scrollable max-height="85vh">
-    <VCard class="rounded-t">
+    <VCard>
       <VCardItem>
         <VCardTitle>
           <VIcon icon="mdi-store-cog" class="me-2" />
diff --git a/src/components/dialog/RcloneConfigDialog.vue b/src/components/dialog/RcloneConfigDialog.vue
index b0790f5b..2013da6f 100644
--- a/src/components/dialog/RcloneConfigDialog.vue
+++ b/src/components/dialog/RcloneConfigDialog.vue
@@ -42,7 +42,7 @@ async function savaRcloneConfig() {
 
 <template>
   <VDialog width="50rem" scrollable max-height="85vh">
-    <VCard :title="t('dialog.rcloneConfig.title')" class="rounded-t">
+    <VCard :title="t('dialog.rcloneConfig.title')">
       <VDialogCloseBtn @click="emit('close')" />
       <VCardText>
         <VRow>
diff --git a/src/components/dialog/ReorganizeDialog.vue b/src/components/dialog/ReorganizeDialog.vue
index ec95fd76..931a689a 100644
--- a/src/components/dialog/ReorganizeDialog.vue
+++ b/src/components/dialog/ReorganizeDialog.vue
@@ -250,7 +250,7 @@ onUnmounted(() => {
 
 <template>
   <VDialog scrollable max-width="45rem" :fullscreen="!display.mdAndUp.value">
-    <VCard :title="dialogTitle" class="rounded-t">
+    <VCard :title="dialogTitle">
       <VDialogCloseBtn @click="emit('close')" />
       <VDivider />
       <VCardText>
diff --git a/src/components/dialog/SiteAddEditDialog.vue b/src/components/dialog/SiteAddEditDialog.vue
index a151ed71..9d37f9e2 100644
--- a/src/components/dialog/SiteAddEditDialog.vue
+++ b/src/components/dialog/SiteAddEditDialog.vue
@@ -152,7 +152,6 @@ onMounted(async () => {
       :title="`${props.oper === 'add' ? t('site.actions.add') : t('site.actions.edit')}${t('site.title')}${
         props.oper !== 'add' ? ` - ${siteForm.name}` : ''
       }`"
-      class="rounded-t"
     >
       <VDialogCloseBtn @click="emit('close')" />
       <VDivider />
diff --git a/src/components/dialog/SiteUserDataDialog.vue b/src/components/dialog/SiteUserDataDialog.vue
index 2a457860..e7aec9ad 100644
--- a/src/components/dialog/SiteUserDataDialog.vue
+++ b/src/components/dialog/SiteUserDataDialog.vue
@@ -283,7 +283,7 @@ onBeforeMount(async () => {
 
 <template>
   <VDialog scrollable eager max-width="80rem" :fullscreen="!display.mdAndUp.value">
-    <VCard class="rounded-t">
+    <VCard>
       <VCardItem>
         <VCardTitle
           >{{ t('dialog.siteUserData.title') }} - {{ props.site?.name }}
diff --git a/src/components/dialog/SubscribeEditDialog.vue b/src/components/dialog/SubscribeEditDialog.vue
index 158a4254..2468bcc9 100644
--- a/src/components/dialog/SubscribeEditDialog.vue
+++ b/src/components/dialog/SubscribeEditDialog.vue
@@ -292,7 +292,6 @@ onMounted(() => {
                 : '',
             })
       "
-      class="rounded-t"
     >
       <VCardText>
         <VDialogCloseBtn @click="emit('close')" />
diff --git a/src/components/dialog/SubscribeFilesDialog.vue b/src/components/dialog/SubscribeFilesDialog.vue
index 3ec45437..4de17fa3 100644
--- a/src/components/dialog/SubscribeFilesDialog.vue
+++ b/src/components/dialog/SubscribeFilesDialog.vue
@@ -80,7 +80,7 @@ onBeforeMount(() => {
 </script>
 <template>
   <VDialog scrollable max-width="80rem" :fullscreen="!display.mdAndUp.value">
-    <VCard class="rounded-t">
+    <VCard>
       <VCardItem class="my-2">
         <VDialogCloseBtn @click="emit('close')" />
       </VCardItem>
diff --git a/src/components/dialog/SubscribeShareDialog.vue b/src/components/dialog/SubscribeShareDialog.vue
index e3306a12..2c52f590 100644
--- a/src/components/dialog/SubscribeShareDialog.vue
+++ b/src/components/dialog/SubscribeShareDialog.vue
@@ -60,7 +60,6 @@ const $toast = useToast()
       :title="`${t('dialog.subscribeShare.shareSubscription')} - ${props.sub?.name} ${
         props.sub?.season ? t('dialog.subscribeShare.season', { number: props.sub?.season }) : ''
       }`"
-      class="rounded-t"
     >
       <VCardText>
         <VDialogCloseBtn @click="emit('close')" />
diff --git a/src/components/dialog/U115AuthDialog.vue b/src/components/dialog/U115AuthDialog.vue
index 6f8ac5c2..a9162bd0 100644
--- a/src/components/dialog/U115AuthDialog.vue
+++ b/src/components/dialog/U115AuthDialog.vue
@@ -96,7 +96,7 @@ onUnmounted(() => {
 
 <template>
   <VDialog width="40rem" scrollable max-height="85vh">
-    <VCard :title="t('dialog.u115Auth.loginTitle')" class="rounded-t">
+    <VCard :title="t('dialog.u115Auth.loginTitle')">
       <VDialogCloseBtn @click="emit('close')" />
       <VCardText class="pt-2 flex flex-col items-center">
         <div class="my-6 rounded text-center p-3 border">
diff --git a/src/components/dialog/UserAddEditDialog.vue b/src/components/dialog/UserAddEditDialog.vue
index 0a05ab76..cbb4b605 100644
--- a/src/components/dialog/UserAddEditDialog.vue
+++ b/src/components/dialog/UserAddEditDialog.vue
@@ -295,7 +295,6 @@ onMounted(() => {
       :title="`${props.oper === 'add' ? t('dialog.userAddEdit.add') : t('dialog.userAddEdit.edit')}${
         props.oper !== 'add' ? ` - ${userName}` : ''
       }`"
-      class="rounded-t"
     >
       <VDialogCloseBtn @click="emit('close')" />
       <VDivider />
diff --git a/src/components/dialog/UserAuthDialog.vue b/src/components/dialog/UserAuthDialog.vue
index 7d9a970f..1b79f040 100644
--- a/src/components/dialog/UserAuthDialog.vue
+++ b/src/components/dialog/UserAuthDialog.vue
@@ -134,7 +134,7 @@ onMounted(async () => {
 
 <template>
   <VDialog width="40rem" max-height="85vh">
-    <VCard :title="t('dialog.userAuth.title')" class="rounded-t">
+    <VCard :title="t('dialog.userAuth.title')">
       <VDialogCloseBtn @click="emit('close')" />
       <VCardText>
         <VRow>
diff --git a/src/components/dialog/WorkflowAddEditDialog.vue b/src/components/dialog/WorkflowAddEditDialog.vue
index 3ba9f241..a49f7820 100644
--- a/src/components/dialog/WorkflowAddEditDialog.vue
+++ b/src/components/dialog/WorkflowAddEditDialog.vue
@@ -86,7 +86,7 @@ async function editWorkflow() {
 
 <template>
   <VDialog scrollable :close-on-back="false" eager max-width="30rem" :fullscreen="!display.mdAndUp.value">
-    <VCard :title="title" class="rounded-t">
+    <VCard :title="title">
       <VDialogCloseBtn @click="emit('close')" />
       <VDivider />
       <VCardText>
diff --git a/tailwind.config.js b/tailwind.config.js
index 5b47e6d8..9d5c86f6 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+  important: true,
   theme: {
     extend: {},
   },
diff --git a/vite.config.ts b/vite.config.ts
index 6a7c1df7..7d3f5c10 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -200,5 +200,8 @@ export default defineConfig({
         quietDeps: true,
       },
     },
+    postcss: {
+      plugins: [require('tailwindcss'), require('autoprefixer')],
+    },
   },
 })