diff --git a/src/@layouts/components/TransitionExpand.vue b/src/@layouts/components/TransitionExpand.vue
index 5cae328a..65d1d838 100644
--- a/src/@layouts/components/TransitionExpand.vue
+++ b/src/@layouts/components/TransitionExpand.vue
@@ -85,7 +85,7 @@ export default defineComponent({
 <style scoped>
 * {
   backface-visibility: hidden;
-  perspective: 1000px;
+  perspective: 62.5rem;
   transform: translateZ(0);
   will-change: block-size;
 }
diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index 7330244a..aefe8fb0 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -53,7 +53,7 @@ async function installPlugin() {
       :style="{ background: `${props.plugin?.plugin_color}` }"
     >
       <VAvatar
-        size="128"
+        size="8rem"
         :class="{ shadow: isImageLoaded }"
       >
         <VImg
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index d28acff2..d0a2bf35 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -212,7 +212,7 @@ const dropdownItems = ref([
         </IconBtn>
       </div>
       <VAvatar
-        size="128"
+        size="8rem"
         :class="{ shadow: isImageLoaded }"
       >
         <VImg
@@ -236,7 +236,7 @@ const dropdownItems = ref([
   <!-- 插件配置页面 -->
   <VDialog
     v-model="pluginConfigDialog"
-    max-width="800"
+    max-width="50rem"
     scrollable
     persistent
   >
@@ -265,7 +265,7 @@ const dropdownItems = ref([
   <!-- 插件详情页面 -->
   <VDialog
     v-model="pluginInfoDialog"
-    max-width="1000"
+    max-width="62.5rem"
     scrollable
     persistent
   >
diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue
index de9ba997..6f2d24a4 100644
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -428,7 +428,7 @@ onMounted(() => {
   <!-- 站点编辑弹窗 -->
   <VDialog
     v-model="siteInfoDialog"
-    max-width="1000"
+    max-width="50rem"
     persistent
     scrollable
   >
@@ -559,7 +559,7 @@ onMounted(() => {
   <!-- 站点资源弹窗 -->
   <VDialog
     v-model="resourceDialog"
-    max-width="1280"
+    max-width="80rem"
     scrollable
   >
     <!-- Dialog Content -->
diff --git a/src/components/cards/SubscribeCard.vue b/src/components/cards/SubscribeCard.vue
index 154b581c..ebb3c642 100644
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -325,7 +325,7 @@ const dropdownItems = ref([
   <!-- 订阅编辑弹窗 -->
   <VDialog
     v-model="subscribeInfoDialog"
-    max-width="1000"
+    max-width="50rem"
     persistent
     scrollable
   >
diff --git a/src/components/filebrowser/List.vue b/src/components/filebrowser/List.vue
index 89ac67ad..17b309f2 100644
--- a/src/components/filebrowser/List.vue
+++ b/src/components/filebrowser/List.vue
@@ -613,7 +613,7 @@ onMounted(() => {
   <!-- 文件整理弹窗 -->
   <VDialog
     v-model="transferPopper"
-    max-width="800"
+    max-width="50rem"
     scrollable
   >
     <template #activator="{ props }">
@@ -744,7 +744,7 @@ onMounted(() => {
   <vDialog
     v-model="progressDialog"
     :scrim="false"
-    width="400"
+    width="25rem"
   >
     <vCard
       color="primary"
@@ -763,7 +763,7 @@ onMounted(() => {
   <!-- 识别结果对话框 -->
   <vDialog
     v-model="nameTestDialog"
-    width="800"
+    width="50rem"
   >
     <vCard>
       <DialogCloseBtn @click="nameTestDialog = false" />
@@ -775,7 +775,7 @@ onMounted(() => {
   <!-- TMDB ID搜索框 -->
   <vDialog
     v-model="tmdbSelectorDialog"
-    width="600"
+    width="40rem"
     scrollable
   >
     <TmdbSelectorCard
diff --git a/src/layouts/components/UserProfile.vue b/src/layouts/components/UserProfile.vue
index b8df89b2..49ec6734 100644
--- a/src/layouts/components/UserProfile.vue
+++ b/src/layouts/components/UserProfile.vue
@@ -172,7 +172,7 @@ const avatar = store.state.auth.avatar
   <!-- 重启进度框 -->
   <vDialog
     v-model="progressDialog"
-    width="400"
+    width="25rem"
   >
     <vCard
       color="primary"
diff --git a/src/views/reorganize/TransferHistoryView.vue b/src/views/reorganize/TransferHistoryView.vue
index 1cd3b5e6..8cb597ee 100644
--- a/src/views/reorganize/TransferHistoryView.vue
+++ b/src/views/reorganize/TransferHistoryView.vue
@@ -446,7 +446,7 @@ const dropdownItems = ref([
   <vDialog
     v-model="progressDialog"
     :scrim="false"
-    width="400"
+    width="25rem"
   >
     <vCard
       color="primary"
diff --git a/src/views/setting/AccountSettingAccount.vue b/src/views/setting/AccountSettingAccount.vue
index 92cc7cdb..e3f80d0b 100644
--- a/src/views/setting/AccountSettingAccount.vue
+++ b/src/views/setting/AccountSettingAccount.vue
@@ -408,7 +408,7 @@ onMounted(() => {
   <!-- 站点编辑弹窗 -->
   <VDialog
     v-model="addUserDialog"
-    max-width="800"
+    max-width="50rem"
     persistent
   >
     <!-- Dialog Content -->
diff --git a/src/views/site/SiteCardListView.vue b/src/views/site/SiteCardListView.vue
index a5165938..4e51fd4d 100644
--- a/src/views/site/SiteCardListView.vue
+++ b/src/views/site/SiteCardListView.vue
@@ -135,7 +135,7 @@ onBeforeMount(fetchData)
   <!-- Dialog Content -->
   <VDialog
     v-model="siteAddDialog"
-    max-width="800"
+    max-width="50rem"
     persistent
     scrollable
   >