diff --git a/orion-visor-ui/src/assets/style/global.less b/orion-visor-ui/src/assets/style/global.less
index 8eec5521..b8cafb69 100644
--- a/orion-visor-ui/src/assets/style/global.less
+++ b/orion-visor-ui/src/assets/style/global.less
@@ -89,6 +89,12 @@ body {
   }
 }
 
+// -- icon-button
+.icon-button {
+  padding: 0;
+  font-size: 16px;
+}
+
 // -- element
 .split-line {
   border-color: rgb(var(--gray-2));
@@ -128,6 +134,117 @@ body {
   cursor: pointer;
 }
 
+.p0 {
+  padding: 0;
+}
+
+.px0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.py0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.px2 {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+.px4 {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pl4 {
+  padding-left: 4px;
+}
+
+.pr4 {
+  padding-right: 4px;
+}
+
+.pt4 {
+  padding-top: 4px;
+}
+
+.pb4 {
+  padding-bottom: 4px;
+}
+
+.px4 {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.py4 {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+.pl8 {
+  padding-left: 8px;
+}
+
+.pr8 {
+  padding-right: 8px;
+}
+
+.pt8 {
+  padding-top: 8px;
+}
+
+.pb8 {
+  padding-bottom: 8px;
+}
+
+.px8 {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.py8 {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.pl12 {
+  padding-left: 12px;
+}
+
+.px12 {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+.pl16 {
+  padding-left: 16px;
+}
+
+.pr16 {
+  padding-right: 16px;
+}
+
+.pt16 {
+  padding-top: 16px;
+}
+
+.pb16 {
+  padding-bottom: 16px;
+}
+
+.px16 {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.py16 {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
 .m0 {
   margin: 0;
 }
@@ -204,6 +321,10 @@ body {
   margin-bottom: 8px;
 }
 
+.ml12 {
+  margin-left: 12px;
+}
+
 .ml16 {
   margin-left: 16px;
 }
diff --git a/orion-visor-ui/src/assets/style/host-terminal-layout.less b/orion-visor-ui/src/assets/style/host-terminal-layout.less
index 41df6880..bd6f2dbf 100644
--- a/orion-visor-ui/src/assets/style/host-terminal-layout.less
+++ b/orion-visor-ui/src/assets/style/host-terminal-layout.less
@@ -505,13 +505,12 @@ body[terminal-theme='dark'] .arco-modal-container {
   .terminal-sidebar-icon {
     width: var(--sidebar-icon-size);
     height: var(--sidebar-icon-size);
-    font-size: var(--sidebar-icon-font-size);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-sidebar-icon);
-    border-radius: 4px;
+    padding: 0;
     border: 1px solid transparent;
+    border-radius: 4px;
+    background: transparent;
+    color: var(--color-sidebar-icon);
+    font-size: var(--sidebar-icon-font-size);
     transition: 0.15s cubic-bezier(0, 0, 1, 1);
     cursor: pointer;
 
diff --git a/orion-visor-ui/src/assets/style/layout.less b/orion-visor-ui/src/assets/style/layout.less
index 9f9128db..d9bbb29a 100644
--- a/orion-visor-ui/src/assets/style/layout.less
+++ b/orion-visor-ui/src/assets/style/layout.less
@@ -174,9 +174,15 @@
   }
 }
 
-.card-header-icon-wrapper {
-  height: 27px;
-  padding: 6px;
+.card-header-button {
+  height: 26px;
+  padding: 0 8px;
+  user-select: none;
+}
+
+.card-header-icon-button {
+  height: 26px;
+  width: 26px;
   user-select: none;
 }
 
diff --git a/orion-visor-ui/src/components/exec/log/panel/log-item.vue b/orion-visor-ui/src/components/exec/log/panel/log-item.vue
index a9d809a9..3f586d21 100644
--- a/orion-visor-ui/src/components/exec/log/panel/log-item.vue
+++ b/orion-visor-ui/src/components/exec/log/panel/log-item.vue
@@ -36,65 +36,65 @@
       <!-- 右侧操作 -->
       <a-space class="log-header-right" :size="12">
         <!-- 搜索 -->
-        <span class="log-action click-icon-wrapper"
-              title="搜索"
-              @click="() => appender?.openSearch()">
+        <a-button class="log-action icon-button"
+                  title="搜索"
+                  @click="() => appender?.openSearch()">
           <icon-find-replace />
-        </span>
+        </a-button>
         <!-- 增大字号 -->
-        <span class="log-action click-icon-wrapper"
-              title="增大字号"
-              @click="() => appender?.addFontSize(1)">
+        <a-button class="log-action icon-button"
+                  title="增大字号"
+                  @click="() => appender?.addFontSize(1)">
           <icon-zoom-in />
-        </span>
+        </a-button>
         <!-- 减小字号 -->
-        <span class="log-action click-icon-wrapper"
-              title="减小字号"
-              @click="() => appender?.addFontSize(-1)">
+        <a-button class="log-action icon-button"
+                  title="减小字号"
+                  @click="() => appender?.addFontSize(-1)">
           <icon-zoom-out />
-        </span>
+        </a-button>
         <!-- 去顶部 -->
-        <span class="log-action click-icon-wrapper"
-              title="去顶部"
-              @click="() => appender?.toTop()">
+        <a-button class="log-action icon-button"
+                  title="去顶部"
+                  @click="() => appender?.toTop()">
           <icon-up />
-        </span>
+        </a-button>
         <!-- 去底部 -->
-        <span class="log-action click-icon-wrapper"
-              title="去底部"
-              @click="() => appender?.toBottom()">
+        <a-button class="log-action icon-button"
+                  title="去底部"
+                  @click="() => appender?.toBottom()">
           <icon-down />
-        </span>
+        </a-button>
         <!-- 全选 -->
-        <span class="log-action click-icon-wrapper"
-              title="全选"
-              @click="() => appender?.selectAll()">
+        <a-button class="log-action icon-button"
+                  title="全选"
+                  @click="() => appender?.selectAll()">
           <icon-expand />
-        </span>
+        </a-button>
         <!-- 复制 -->
-        <span class="log-action click-icon-wrapper"
-              title="复制"
-              @click="() => appender?.copy()">
+        <a-button class="log-action icon-button"
+                  title="复制"
+                  @click="() => appender?.copy()">
           <icon-copy />
-        </span>
+        </a-button>
         <!-- 复制全部 -->
-        <span class="log-action click-icon-wrapper"
-              title="复制全部"
-              @click="() => appender?.copyAll()">
+        <a-button class="log-action icon-button"
+                  title="复制全部"
+                  @click="() => appender?.copyAll()">
           <icon-brush />
-        </span>
+        </a-button>
         <!-- 清空 -->
-        <span class="log-action click-icon-wrapper"
-              title="清空"
-              @click="() => appender?.clear()">
+        <a-button class="log-action icon-button"
+                  title="清空"
+                  @click="() => appender?.clear()">
           <icon-delete />
-        </span>
+        </a-button>
         <!-- 下载 -->
-        <span class="log-action click-icon-wrapper"
-              title="下载"
-              @click="downloadLogFile(host.id)">
+        <a-button class="log-action icon-button"
+                  title="下载"
+                  @click="downloadLogFile(host.id)">
           <icon-download />
-        </span>
+        </a-button>
       </a-space>
     </div>
     <!-- 右键菜单 -->
@@ -255,7 +255,6 @@
     .log-action {
       width: 24px;
       height: 24px;
-      font-size: 16px;
     }
   }
 
diff --git a/orion-visor-ui/src/components/view/card-list/components/card-header.vue b/orion-visor-ui/src/components/view/card-list/components/card-header.vue
index 290781f1..46f6eba4 100644
--- a/orion-visor-ui/src/components/view/card-list/components/card-header.vue
+++ b/orion-visor-ui/src/components/view/card-list/components/card-header.vue
@@ -24,13 +24,13 @@
         <div class="card-list-handler-left">
           <a-space>
             <!-- 创建 -->
-            <div v-permission="addPermission"
-                 v-if="!handleVisible?.disableAdd"
-                 class="click-icon-wrapper card-header-icon-wrapper"
-                 title="创建"
-                 @click="bubblesEmitter(HeaderEmitter.ADD)">
+            <a-button v-permission="addPermission"
+                      v-if="!handleVisible?.disableAdd"
+                      class="icon-button card-header-icon-button"
+                      title="创建"
+                      @click="bubblesEmitter(HeaderEmitter.ADD)">
               <icon-plus />
-            </div>
+            </a-button>
             <!-- 左侧侧操作槽位 -->
             <slot name="leftHandle" />
           </a-space>
@@ -54,14 +54,14 @@
             </div>
             <!-- 过滤条件 -->
             <a-popover position="br" trigger="click" content-class="card-filter-wrapper">
-              <div v-if="!handleVisible?.disableFilter"
-                   ref="filterRef"
-                   class="click-icon-wrapper card-header-icon-wrapper"
-                   title="选择过滤条件">
+              <a-button v-if="!handleVisible?.disableFilter"
+                        ref="filterRef"
+                        class="icon-button card-header-icon-button"
+                        title="选择过滤条件">
                 <a-badge :count="filterCount as number" :dot-style="{zoom: '.75'}" :offset="[9, -6]">
                   <icon-filter />
                 </a-badge>
-              </div>
+              </a-button>
               <template #content>
                 <div class="card-filter-container">
                   <!-- 过滤表单 -->
@@ -77,19 +77,19 @@
               </template>
             </a-popover>
             <!-- 搜索 -->
-            <div v-if="!handleVisible?.disableSearch"
-                 class="click-icon-wrapper card-header-icon-wrapper"
-                 title="搜索"
-                 @click="bubblesEmitter(HeaderEmitter.SEARCH)">
+            <a-button v-if="!handleVisible?.disableSearch"
+                      class="icon-button card-header-icon-button"
+                      title="搜索"
+                      @click="bubblesEmitter(HeaderEmitter.SEARCH)">
               <icon-search />
-            </div>
+            </a-button>
             <!-- 重置 -->
-            <div v-if="!handleVisible?.disableReset"
-                 class="click-icon-wrapper card-header-icon-wrapper"
-                 title="重置"
-                 @click="bubblesEmitter(HeaderEmitter.RESET)">
+            <a-button v-if="!handleVisible?.disableReset"
+                      class="icon-button card-header-icon-button"
+                      title="重置"
+                      @click="bubblesEmitter(HeaderEmitter.RESET)">
               <icon-refresh />
-            </div>
+            </a-button>
           </a-space>
         </div>
       </div>
diff --git a/orion-visor-ui/src/views/asset/host-group/drawer/index.vue b/orion-visor-ui/src/views/asset/host-group/drawer/index.vue
index 55ee183b..df783856 100644
--- a/orion-visor-ui/src/views/asset/host-group/drawer/index.vue
+++ b/orion-visor-ui/src/views/asset/host-group/drawer/index.vue
@@ -25,17 +25,17 @@
             </div>
             <!-- 操作 -->
             <div class="tree-card-handler">
-              <div v-permission="['asset:host-group:create']"
-                   class="click-icon-wrapper handler-icon-wrapper"
-                   title="根节点添加"
-                   @click="addRootNode">
+              <a-button v-permission="['asset:host-group:create']"
+                        class="handler-icon-wrapper icon-button mr4"
+                        title="根节点添加"
+                        @click="addRootNode">
                 <icon-plus />
-              </div>
-              <div class="click-icon-wrapper handler-icon-wrapper"
-                   title="刷新"
-                   @click="refreshTree">
+              </a-button>
+              <a-button class="handler-icon-wrapper icon-button"
+                        title="刷新"
+                        @click="refreshTree">
                 <icon-refresh />
-              </div>
+              </a-button>
             </div>
           </div>
           <!-- 主机分组树 -->
@@ -177,9 +177,8 @@
       display: flex;
 
       .handler-icon-wrapper {
-        margin-left: 2px;
-        padding: 4px;
-        font-size: 16px;
+        width: 24px;
+        height: 24px;
         background: unset;
 
         &:hover {
diff --git a/orion-visor-ui/src/views/asset/host-identity/components/host-identity-card-list.vue b/orion-visor-ui/src/views/asset/host-identity/components/host-identity-card-list.vue
index e0038292..cbd77167 100644
--- a/orion-visor-ui/src/views/asset/host-identity/components/host-identity-card-list.vue
+++ b/orion-visor-ui/src/views/asset/host-identity/components/host-identity-card-list.vue
@@ -17,7 +17,7 @@
     <template #leftHandle>
       <!-- 角色授权 -->
       <a-button v-permission="['asset:host-identity:grant']"
-                class="card-header-icon-wrapper"
+                class="card-header-button"
                 @click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_IDENTITY_ROLE }})">
         角色授权
         <template #icon>
@@ -26,7 +26,7 @@
       </a-button>
       <!-- 用户授权 -->
       <a-button v-permission="['asset:host-identity:grant']"
-                class="card-header-icon-wrapper"
+                class="card-header-button"
                 @click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_IDENTITY_USER }})">
         用户授权
         <template #icon>
@@ -114,7 +114,7 @@
     <template #extra="{ record }">
       <a-space>
         <!-- 更多操作 -->
-        <a-dropdown trigger="hover">
+        <a-dropdown trigger="hover" :popup-max-height="false">
           <icon-more class="card-extra-icon" />
           <template #content>
             <!-- 修改 -->
diff --git a/orion-visor-ui/src/views/asset/host-key/components/host-key-card-list.vue b/orion-visor-ui/src/views/asset/host-key/components/host-key-card-list.vue
index 41cd9c7c..6652d11d 100644
--- a/orion-visor-ui/src/views/asset/host-key/components/host-key-card-list.vue
+++ b/orion-visor-ui/src/views/asset/host-key/components/host-key-card-list.vue
@@ -17,7 +17,7 @@
     <template #leftHandle>
       <!-- 角色授权 -->
       <a-button v-permission="['asset:host-key:grant']"
-                class="card-header-icon-wrapper"
+                class="card-header-button"
                 @click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_KEY_ROLE }})">
         角色授权
         <template #icon>
@@ -26,7 +26,7 @@
       </a-button>
       <!-- 用户授权 -->
       <a-button v-permission="['asset:host-key:grant']"
-                class="card-header-icon-wrapper"
+                class="card-header-button"
                 @click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_KEY_USER }})">
         用户授权
         <template #icon>
@@ -42,7 +42,7 @@
     <template #extra="{ record }">
       <a-space>
         <!-- 更多操作 -->
-        <a-dropdown trigger="hover">
+        <a-dropdown trigger="hover" :popup-max-height="false">
           <icon-more class="card-extra-icon" />
           <template #content>
             <!-- 详情 -->
diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue b/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue
index 79af02e0..063f708b 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue
@@ -17,7 +17,7 @@
     <template #leftHandle>
       <!-- 主机分组 -->
       <a-button v-permission="['asset:host-group:update']"
-                class="card-header-icon-wrapper"
+                class="card-header-button"
                 @click="emits('openHostGroup')">
         主机分组
         <template #icon>
@@ -26,7 +26,7 @@
       </a-button>
       <!-- 角色授权 -->
       <a-button v-permission="['asset:host-group:grant']"
-                class="card-header-icon-wrapper"
+                class="card-header-button"
                 @click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_GROUP_ROLE }})">
         角色授权
         <template #icon>
@@ -35,7 +35,7 @@
       </a-button>
       <!-- 用户授权 -->
       <a-button v-permission="['asset:host-group:grant']"
-                class="card-header-icon-wrapper"
+                class="card-header-button"
                 @click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_GROUP_USER }})">
         用户授权
         <template #icon>
@@ -142,7 +142,7 @@
     <template #extra="{ record }">
       <a-space>
         <!-- 更多操作 -->
-        <a-dropdown trigger="hover">
+        <a-dropdown trigger="hover" :popup-max-height="false">
           <icon-more class="card-extra-icon" />
           <template #content>
             <!-- 修改 -->
@@ -182,6 +182,22 @@
                 <icon-delete /> 删除
               </span>
             </a-doption>
+            <!-- SSH -->
+            <a-doption v-if="record.type === hostType.SSH.type"
+                       v-permission="['asset:host-terminal:access']"
+                       @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: 'SSH' } })">
+              <span class="more-doption normal">
+                <icon-thunderbolt /> SSH
+              </span>
+            </a-doption>
+            <!-- SFTP -->
+            <a-doption v-if="record.type === hostType.SSH.type"
+                       v-permission="['asset:host-terminal:access']"
+                       @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: 'SFTP' } })">
+              <span class="more-doption normal">
+               <icon-folder /> SFTP
+              </span>
+            </a-doption>
           </template>
         </a-dropdown>
       </a-space>
@@ -202,12 +218,13 @@
   import { dataColor, objectTruthKeyCount, resetObject } from '@/utils';
   import { deleteHost, getHostPage, updateHostStatus } from '@/api/asset/host';
   import { Message, Modal } from '@arco-design/web-vue';
-  import { hostStatusKey, hostTypeKey, tagColor } from '../types/const';
+  import { hostStatusKey, hostType, hostTypeKey, tagColor } from '../types/const';
   import { copy } from '@/hooks/copy';
   import { useDictStore } from '@/store';
   import { GrantKey, GrantRouteName } from '@/views/asset/grant/types/const';
   import useLoading from '@/hooks/loading';
   import fieldConfig from '../types/card.fields';
+  import { openNewRoute } from '@/router';
   import TagMultiSelector from '@/components/meta/tag/multi-selector/index.vue';
 
   const emits = defineEmits(['openAdd', 'openUpdate', 'openUpdateConfig', 'openHostGroup', 'openCopy']);
diff --git a/orion-visor-ui/src/views/exec/exec-template/components/exec-template-form-drawer.vue b/orion-visor-ui/src/views/exec/exec-template/components/exec-template-form-drawer.vue
index ccf7df84..66e08c54 100644
--- a/orion-visor-ui/src/views/exec/exec-template/components/exec-template-form-drawer.vue
+++ b/orion-visor-ui/src/views/exec/exec-template/components/exec-template-form-drawer.vue
@@ -132,11 +132,11 @@
                       <span>描述</span>
                     </template>
                   </a-input>
-                  <span class="parameter-item-close click-icon-wrapper"
-                        title="移除"
-                        @click="removeParameter(i)">
-                   <icon-close />
-                  </span>
+                  <a-button class="parameter-item-close icon-button"
+                            title="移除"
+                            @click="removeParameter(i)">
+                    <icon-close />
+                  </a-button>
                 </a-input-group>
               </template>
               <!-- 无参数 -->
@@ -373,7 +373,6 @@
         cursor: pointer;
         width: 32px;
         height: 32px;
-        font-size: 16px;
         background: var(--color-fill-2);
         display: flex;
         align-items: center;
diff --git a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue
index a376dcce..28e2e02a 100644
--- a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue
@@ -21,17 +21,17 @@
         <!-- 右侧按钮 -->
         <a-space size="small">
           <!-- 创建命令 -->
-          <span class="click-icon-wrapper snippet-header-icon"
-                title="创建命令"
-                @click="openAdd">
+          <a-button class="snippet-header-icon icon-button"
+                    title="创建命令"
+                    @click="openAdd">
             <icon-plus />
-          </span>
+          </a-button>
           <!-- 刷新 -->
-          <span class="click-icon-wrapper snippet-header-icon"
-                title="刷新"
-                @click="fetchData">
+          <a-button class="snippet-header-icon icon-button"
+                    title="刷新"
+                    @click="fetchData">
             <icon-refresh />
-          </span>
+          </a-button>
         </a-space>
       </div>
       <!-- 加载中 -->
@@ -321,7 +321,6 @@
       &-icon {
         width: 32px;
         height: 32px;
-        font-size: 16px;
       }
 
       &-input {
diff --git a/orion-visor-ui/src/views/host/terminal/components/layout/empty-recommend.vue b/orion-visor-ui/src/views/host/terminal/components/layout/empty-recommend.vue
index 6641dcd1..1e24109e 100644
--- a/orion-visor-ui/src/views/host/terminal/components/layout/empty-recommend.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/layout/empty-recommend.vue
@@ -25,11 +25,11 @@
                        content-class="terminal-tooltip-content"
                        arrow-class="terminal-tooltip-content"
                        content="跳转页面">
-              <span v-if="!handler.host"
-                    class="click-icon-wrapper"
-                    @click="openTab(handler)">
+              <a-button v-if="!handler.host"
+                        class="combined-handler-action icon-button"
+                        @click="openTab(handler)">
                 <icon-right />
-              </span>
+              </a-button>
             </a-tooltip>
             <!-- 打开 SSH -->
             <a-tooltip position="top"
@@ -38,11 +38,11 @@
                        content-class="terminal-tooltip-content"
                        arrow-class="terminal-tooltip-content"
                        content="打开 SSH">
-              <span v-if="handler.host"
-                    class="click-icon-wrapper"
-                    @click="openSession(handler.host as any, PanelSessionType.SSH)">
+              <a-button v-if="handler.host"
+                        class="combined-handler-action icon-button"
+                        @click="openSession(handler.host as any, PanelSessionType.SSH)">
                 <icon-thunderbolt />
-              </span>
+              </a-button>
             </a-tooltip>
             <!-- 打开 SFTP -->
             <a-tooltip position="top"
@@ -51,11 +51,11 @@
                        content-class="terminal-tooltip-content"
                        arrow-class="terminal-tooltip-content"
                        content="打开 SFTP">
-              <span v-if="handler.host"
-                    class="click-icon-wrapper"
-                    @click="openSession(handler.host as any, PanelSessionType.SFTP)">
+              <a-button v-if="handler.host"
+                        class="combined-handler-action icon-button"
+                        @click="openSession(handler.host as any, PanelSessionType.SFTP)">
                 <icon-folder />
-              </span>
+              </a-button>
             </a-tooltip>
           </div>
         </div>
@@ -138,7 +138,8 @@
   @container-height: 448px;
   @handler-height: 44px;
   @icon-size: @handler-height;
-  @actions-width: 80px;
+  @actions-width: 83px;
+  @action-size: 28px;
 
   .recommend-container {
     overflow: hidden;
@@ -211,16 +212,17 @@
       padding-right: 8px;
       align-items: center;
       justify-content: flex-end;
+    }
 
-      .click-icon-wrapper {
-        font-size: 18px;
-        padding: 4px;
-        border-radius: 4px;
-        margin: 0 4px;
+    &-action {
+      width: @action-size;
+      height: @action-size;
+      margin: 0 4px;
+      border-radius: 4px;
+      font-size: 18px;
 
-        &:hover {
-          background: var(--color-neutral-4);
-        }
+      &:hover {
+        background: var(--color-neutral-4);
       }
     }
   }
diff --git a/orion-visor-ui/src/views/host/terminal/components/layout/icon-actions.vue b/orion-visor-ui/src/views/host/terminal/components/layout/icon-actions.vue
index 7bf5e8b1..01f09e39 100644
--- a/orion-visor-ui/src/views/host/terminal/components/layout/icon-actions.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/layout/icon-actions.vue
@@ -11,15 +11,15 @@
       <div v-if="action.visible !== false"
            class="terminal-sidebar-icon-wrapper"
            :class="[ wrapperClass ]">
-        <div class="terminal-sidebar-icon"
-             :class="[
-               iconClass,
-               action.disabled === true ? 'disabled-item' : '',
-               action.checked === true ? 'checked-item' : '',
-             ]"
-             @click="action.disabled === true ? false : action.click()">
+        <a-button class="terminal-sidebar-icon"
+                  :class="[
+                    iconClass,
+                    action.checked === true ? 'checked-item' : '',
+                  ]"
+                  :disabled="action.disabled === true"
+                  @click="action.click()">
           <component :is="action.icon" :style="action?.iconStyle" />
-        </div>
+        </a-button>
       </div>
     </a-tooltip>
   </div>
@@ -44,5 +44,7 @@
 </script>
 
 <style lang="less" scoped>
-
+  .terminal-sidebar-icon[disabled]:hover {
+    background: var(--color-secondary-disabled);
+  }
 </style>
diff --git a/orion-visor-ui/src/views/host/terminal/components/new-connection/host-list-modal.vue b/orion-visor-ui/src/views/host/terminal/components/new-connection/host-list-modal.vue
index f0c602ce..45681f9c 100644
--- a/orion-visor-ui/src/views/host/terminal/components/new-connection/host-list-modal.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/new-connection/host-list-modal.vue
@@ -47,10 +47,10 @@
                            content-class="terminal-tooltip-content"
                            arrow-class="terminal-tooltip-content"
                            content="打开 SSH">
-                  <span class="click-icon-wrapper"
-                        @click="clickHost(item, PanelSessionType.SSH)">
+                  <a-button class="host-item-action icon-button"
+                            @click="clickHost(item, PanelSessionType.SSH)">
                     <icon-thunderbolt />
-                  </span>
+                  </a-button>
                 </a-tooltip>
                 <!-- 打开 SFTP -->
                 <a-tooltip position="top"
@@ -59,10 +59,10 @@
                            content-class="terminal-tooltip-content"
                            arrow-class="terminal-tooltip-content"
                            content="打开 SFTP">
-                  <span class="click-icon-wrapper"
-                        @click="clickHost(item, PanelSessionType.SFTP)">
+                  <a-button class="host-item-action icon-button"
+                            @click="clickHost(item, PanelSessionType.SFTP)">
                     <icon-folder />
-                  </span>
+                  </a-button>
                 </a-tooltip>
               </div>
             </div>
@@ -141,6 +141,7 @@
   @item-height: 54px;
   @item-padding-y: 4px;
   @item-padding-x: 12px;
+  @action-size: 32px;
 
   .host-list-wrapper {
     padding: 12px;
@@ -215,16 +216,17 @@
       height: 100%;
       align-items: center;
       justify-content: flex-end;
+    }
 
-      .click-icon-wrapper {
-        font-size: 22px;
-        padding: 4px;
-        border-radius: 4px;
-        margin: 0 4px;
+    &-action {
+      width: @action-size;
+      height: @action-size;
+      margin: 0 4px;
+      border-radius: 4px;
+      font-size: 22px;
 
-        &:hover {
-          background: var(--color-neutral-4);
-        }
+      &:hover {
+        background: var(--color-neutral-4);
       }
     }
   }
diff --git a/orion-visor-ui/src/views/host/terminal/components/new-connection/host-list-view.vue b/orion-visor-ui/src/views/host/terminal/components/new-connection/host-list-view.vue
index 10d46b2c..b8caa96b 100644
--- a/orion-visor-ui/src/views/host/terminal/components/new-connection/host-list-view.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/new-connection/host-list-view.vue
@@ -119,9 +119,9 @@
                          arrow-class="terminal-tooltip-content"
                          content="打开 SSH">
                 <div class="terminal-sidebar-icon-wrapper">
-                  <div class="terminal-sidebar-icon" @click="openSession(item, PanelSessionType.SSH)">
+                  <a-button class="terminal-sidebar-icon" @click="openSession(item, PanelSessionType.SSH)">
                     <icon-thunderbolt />
-                  </div>
+                  </a-button>
                 </div>
               </a-tooltip>
               <!-- 打开 SFTP -->
@@ -132,9 +132,9 @@
                          arrow-class="terminal-tooltip-content"
                          content="打开 SFTP">
                 <div class="terminal-sidebar-icon-wrapper">
-                  <div class="terminal-sidebar-icon" @click="openSession(item, PanelSessionType.SFTP)">
+                  <a-button class="terminal-sidebar-icon" @click="openSession(item, PanelSessionType.SFTP)">
                     <icon-folder />
-                  </div>
+                  </a-button>
                 </div>
               </a-tooltip>
               <!-- 主机设置 -->
@@ -145,9 +145,9 @@
                          arrow-class="terminal-tooltip-content"
                          content="主机设置">
                 <div class="terminal-sidebar-icon-wrapper">
-                  <div class="terminal-sidebar-icon" @click="openSetting(item)">
+                  <a-button class="terminal-sidebar-icon" @click="openSetting(item)">
                     <icon-settings />
-                  </div>
+                  </a-button>
                 </div>
               </a-tooltip>
               <!-- 收藏 -->
@@ -158,10 +158,10 @@
                          arrow-class="terminal-tooltip-content"
                          content="收藏">
                 <div class="terminal-sidebar-icon-wrapper">
-                  <div class="terminal-sidebar-icon" @click="setFavorite(item)">
+                  <a-button class="terminal-sidebar-icon" @click="setFavorite(item)">
                     <icon-star-fill class="favorite" v-if="item.favorite" />
                     <icon-star v-else />
-                  </div>
+                  </a-button>
                 </div>
               </a-tooltip>
             </div>
diff --git a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue
index 9cc5c589..db61ce2b 100644
--- a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue
@@ -21,17 +21,17 @@
         <!-- 右侧侧按钮 -->
         <a-space size="small">
           <!-- 创建路径 -->
-          <span class="click-icon-wrapper path-header-icon"
-                title="创建路径"
-                @click="openAdd">
+          <a-button class="path-header-icon icon-button"
+                    title="创建路径"
+                    @click="openAdd">
             <icon-plus />
-          </span>
+          </a-button>
           <!-- 刷新 -->
-          <span class="click-icon-wrapper path-header-icon"
-                title="刷新"
-                @click="fetchData">
+          <a-button class="path-header-icon icon-button"
+                    title="刷新"
+                    @click="fetchData">
             <icon-refresh />
-          </span>
+          </a-button>
         </a-space>
       </div>
       <!-- 加载中 -->
@@ -328,7 +328,6 @@
       &-icon {
         width: 32px;
         height: 32px;
-        font-size: 16px;
       }
 
       &-input {
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/shortcut/terminal-shortcut-keys-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/shortcut/terminal-shortcut-keys-block.vue
index b9906e17..c255c446 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/shortcut/terminal-shortcut-keys-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/shortcut/terminal-shortcut-keys-block.vue
@@ -29,28 +29,28 @@
             <span v-else class="disabled-key">已禁用</span>
           </div>
           <!-- 操作 -->
-          <a-space class="shortcut-actions-container">
+          <a-space class="shortcut-actions">
             <!-- 屏蔽 -->
-            <div class="click-icon-wrapper"
-                 v-if="item.enabled"
-                 title="屏蔽"
-                 @click="updateEnabledStatus(item, false)">
+            <a-button class="shortcut-action icon-button"
+                      v-if="item.enabled"
+                      title="屏蔽"
+                      @click="updateEnabledStatus(item, false)">
               <icon-message-banned />
-            </div>
+            </a-button>
             <!-- 恢复 -->
-            <div class="click-icon-wrapper"
-                 v-if="!item.enabled"
-                 title="恢复"
-                 @click="updateEnabledStatus(item, true)">
+            <a-button class="shortcut-action icon-button"
+                      v-if="!item.enabled"
+                      title="恢复"
+                      @click="updateEnabledStatus(item, true)">
               <icon-message />
-            </div>
+            </a-button>
             <!-- 设置 -->
-            <div class="click-icon-wrapper"
-                 v-if="!item.editable && item.enabled"
-                 title="设置"
-                 @click="setEditableStatus(item)">
+            <a-button class="shortcut-action icon-button"
+                      v-if="!item.editable && item.enabled"
+                      title="设置"
+                      @click="setEditableStatus(item)">
               <icon-settings />
-            </div>
+            </a-button>
           </a-space>
           <!-- 描述 -->
           <div class="shortcut-desc">
@@ -121,7 +121,7 @@
       &:hover {
         background: var(--color-neutral-3);
 
-        .shortcut-actions-container {
+        .shortcut-actions {
           display: flex;
         }
 
@@ -149,16 +149,17 @@
       font-size: 12px;
     }
 
-    .shortcut-actions-container {
+    .shortcut-actions {
       display: none;
+    }
 
-      .click-icon-wrapper {
-        font-size: 18px;
-        padding: 4px;
+    .shortcut-action {
+      width: 28px;
+      height: 28px;
+      font-size: 18px;
 
-        &:hover {
-          background: var(--color-neutral-4);
-        }
+      &:hover {
+        background: var(--color-neutral-4);
       }
     }
 
@@ -166,5 +167,4 @@
       color: var(--color-neutral-6);
     }
   }
-
 </style>
diff --git a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-editor-header.vue b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-editor-header.vue
index c0455602..e29cf520 100644
--- a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-editor-header.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-editor-header.vue
@@ -27,10 +27,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="保存">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="emits('save')">
+        <a-button class="header-action-icon icon-button"
+                  @click="emits('save')">
           <icon-save />
-        </span>
+        </a-button>
       </a-tooltip>
       <!-- 关闭 -->
       <a-tooltip position="top"
@@ -40,10 +40,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="关闭">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="emits('close')">
+        <a-button class="header-action-icon icon-button"
+                  @click="emits('close')">
           <icon-close />
-        </span>
+        </a-button>
       </a-tooltip>
     </a-space>
   </div>
@@ -96,8 +96,6 @@
   }
 
   .header-action-icon {
-    font-size: 16px;
-    padding: 4px;
     width: @action-size;
     height: @action-size;
   }
diff --git a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table-header.vue b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table-header.vue
index 2d8eaa49..62cb5890 100644
--- a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table-header.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table-header.vue
@@ -11,10 +11,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="返回上级">
-        <span class="click-icon-wrapper header-action-icon mr8"
-              @click="backParentPath">
+        <a-button class="header-action-icon icon-button mr8"
+                  @click="backParentPath">
           <icon-left />
-        </span>
+        </a-button>
       </a-tooltip>
       <!-- 当前路径 -->
       <div class="sftp-path-container"
@@ -62,10 +62,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="重连">
-        <span class="click-icon-wrapper header-action-icon ml8"
-              @click="reConnect">
+        <a-button class="header-action-icon icon-button ml8"
+                  @click="reConnect">
           <icon-refresh />
-        </span>
+        </a-button>
       </a-tooltip>
     </div>
     <!-- 路径编辑模式-右侧操作 -->
@@ -78,10 +78,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="进入">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="doChangePath">
+        <a-button class="header-action-icon icon-button"
+                  @click="doChangePath">
           <icon-right />
-        </span>
+        </a-button>
       </a-tooltip>
       <!-- 取消 -->
       <a-tooltip position="top"
@@ -91,10 +91,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="取消">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="setPathEditable(false)">
+        <a-button class="header-action-icon icon-button"
+                  @click="setPathEditable(false)">
           <icon-stop />
-        </span>
+        </a-button>
       </a-tooltip>
     </a-space>
     <!-- 非路径编辑模式-右侧操作 -->
@@ -107,10 +107,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="刷新">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="loadFileList()">
+        <a-button class="header-action-icon icon-button"
+                  @click="loadFileList()">
           <icon-refresh />
-        </span>
+        </a-button>
       </a-tooltip>
       <!-- 显示隐藏文件 -->
       <a-tooltip position="top"
@@ -120,11 +120,11 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  :content="showHiddenFile ? '不显示隐藏文件' : '显示隐藏文件'">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="toggleShowHiddenFile">
+        <a-button class="header-action-icon icon-button"
+                  @click="toggleShowHiddenFile">
           <icon-eye-invisible v-if="showHiddenFile" />
           <icon-eye v-else />
-        </span>
+        </a-button>
       </a-tooltip>
       <!-- 创建文件 -->
       <a-tooltip position="top"
@@ -134,10 +134,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="创建文件">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="createFile">
+        <a-button class="header-action-icon icon-button"
+                  @click="createFile">
           <icon-drive-file />
-        </span>
+        </a-button>
       </a-tooltip>
       <!-- 创建文件夹 -->
       <a-tooltip position="top"
@@ -147,10 +147,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="创建文件夹">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="createDir">
+        <a-button class="header-action-icon icon-button"
+                  @click="createDir">
           <icon-folder-add />
-        </span>
+        </a-button>
       </a-tooltip>
       <!-- 删除选中文件 -->
       <a-tooltip position="top"
@@ -160,10 +160,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="删除选中文件">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="deleteSelectFiles">
+        <a-button class="header-action-icon icon-button"
+                  @click="deleteSelectFiles">
           <icon-delete />
-        </span>
+        </a-button>
       </a-tooltip>
       <!-- 上传 -->
       <a-tooltip position="top"
@@ -173,10 +173,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="上传">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="openSftpUploadModal">
+        <a-button class="header-action-icon icon-button"
+                  @click="openSftpUploadModal">
           <icon-upload />
-        </span>
+        </a-button>
       </a-tooltip>
       <!-- 下载 -->
       <a-tooltip position="top"
@@ -186,10 +186,10 @@
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="下载">
-        <span class="click-icon-wrapper header-action-icon"
-              @click="downloadFile">
+        <a-button class="header-action-icon icon-button"
+                  @click="downloadFile">
           <icon-download />
-        </span>
+        </a-button>
       </a-tooltip>
     </a-space>
   </div>
@@ -371,8 +371,6 @@
   }
 
   .header-action-icon {
-    font-size: 16px;
-    padding: 4px;
     width: @action-size;
     height: @action-size;
   }
diff --git a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table.vue b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table.vue
index 12e228ff..ad112634 100644
--- a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table.vue
@@ -62,10 +62,10 @@
                    content-class="terminal-tooltip-content"
                    arrow-class="terminal-tooltip-content"
                    content="复制路径">
-          <span class="click-icon-wrapper row-action-icon"
-                @click="copy(record.path, true)">
+          <a-button class="icon-button row-action-icon"
+                    @click="copy(record.path, true)">
             <icon-copy />
-          </span>
+          </a-button>
         </a-tooltip>
         <!-- 编辑内容 -->
         <a-tooltip v-if="canEditable(record.size, record.attr)"
@@ -76,10 +76,10 @@
                    content-class="terminal-tooltip-content"
                    arrow-class="terminal-tooltip-content"
                    content="编辑内容">
-          <span class="click-icon-wrapper row-action-icon"
-                @click="editFile(record)">
+          <a-button class="icon-button row-action-icon"
+                    @click="editFile(record)">
             <icon-edit />
-          </span>
+          </a-button>
         </a-tooltip>
         <!-- 删除 -->
         <a-tooltip position="top"
@@ -88,10 +88,10 @@
                    content-class="terminal-tooltip-content"
                    arrow-class="terminal-tooltip-content"
                    content="删除">
-          <span class="click-icon-wrapper row-action-icon"
-                @click="deleteFile(record.path)">
+          <a-button class="icon-button row-action-icon"
+                    @click="deleteFile(record.path)">
             <icon-delete />
-          </span>
+          </a-button>
         </a-tooltip>
         <!-- 下载 -->
         <a-tooltip position="top"
@@ -100,10 +100,10 @@
                    content-class="terminal-tooltip-content"
                    arrow-class="terminal-tooltip-content"
                    content="下载">
-          <span class="click-icon-wrapper row-action-icon"
-                @click="downloadFile(record.path)">
+          <a-button class="icon-button row-action-icon"
+                    @click="downloadFile(record.path)">
             <icon-download />
-          </span>
+          </a-button>
         </a-tooltip>
         <!-- 移动 -->
         <a-tooltip position="top"
@@ -112,10 +112,10 @@
                    content-class="terminal-tooltip-content"
                    arrow-class="terminal-tooltip-content"
                    content="移动">
-          <span class="click-icon-wrapper row-action-icon"
-                @click="moveFile(record.path)">
+          <a-button class="icon-button row-action-icon"
+                    @click="moveFile(record.path)">
             <icon-paste />
-          </span>
+          </a-button>
         </a-tooltip>
         <!-- 提权 -->
         <a-tooltip position="top"
@@ -124,10 +124,10 @@
                    content-class="terminal-tooltip-content"
                    arrow-class="terminal-tooltip-content"
                    content="提权">
-          <span class="click-icon-wrapper row-action-icon"
-                @click="chmodFile(record.path, record.permission)">
+          <a-button class="icon-button row-action-icon"
+                    @click="chmodFile(record.path, record.permission)">
             <icon-user-group />
-          </span>
+          </a-button>
         </a-tooltip>
       </a-space>
     </template>
@@ -304,8 +304,8 @@
   }
 
   .row-action-icon {
-    font-size: 16px;
-    padding: 4px;
+    width: 26px;
+    height: 26px;
     background: unset;
 
     &:hover {
diff --git a/orion-visor-ui/src/views/host/terminal/components/transfer/transfer-drawer.vue b/orion-visor-ui/src/views/host/terminal/components/transfer/transfer-drawer.vue
index c0015414..3baedb93 100644
--- a/orion-visor-ui/src/views/host/terminal/components/transfer/transfer-drawer.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/transfer/transfer-drawer.vue
@@ -17,16 +17,17 @@
         <!-- 左侧按钮 -->
         <a-space size="small">
           <!-- 清空 -->
-          <span class="click-icon-wrapper transfer-header-icon"
-                title="清空"
-                @click="removeAllTask">
+          <a-button class="transfer-header-icon icon-button"
+                    title="清空"
+                    @click="removeAllTask">
             <icon-close />
-          </span>
+          </a-button>
         </a-space>
         <!-- 右侧数量 -->
         <a-space size="small">
           <a-tag v-for="option in toOptions(transferStatusKey)"
-                 class="pointer"
+                 class="pointer px12"
+                 size="large"
                  :color="option.color as string"
                  :title="option.label"
                  :bordered="option.value === filterStatus"
@@ -144,7 +145,6 @@
       &-icon {
         width: 32px;
         height: 32px;
-        font-size: 16px;
       }
 
       .status-count {
diff --git a/orion-visor-ui/src/views/job/exec-job/components/exec-job-form-drawer.vue b/orion-visor-ui/src/views/job/exec-job/components/exec-job-form-drawer.vue
index 68a6d121..2040a42e 100644
--- a/orion-visor-ui/src/views/job/exec-job/components/exec-job-form-drawer.vue
+++ b/orion-visor-ui/src/views/job/exec-job/components/exec-job-form-drawer.vue
@@ -164,11 +164,11 @@
                       <span>描述</span>
                     </template>
                   </a-input>
-                  <span class="parameter-item-close click-icon-wrapper"
-                        title="移除"
-                        @click="removeParameter(i)">
-                   <icon-close />
-                  </span>
+                  <a-button class="parameter-item-close icon-button"
+                            title="移除"
+                            @click="removeParameter(i)">
+                    <icon-close />
+                  </a-button>
                 </a-input-group>
               </template>
               <!-- 无参数 -->
@@ -485,7 +485,6 @@
         cursor: pointer;
         width: 32px;
         height: 32px;
-        font-size: 16px;
         background: var(--color-fill-2);
         display: flex;
         align-items: center;
diff --git a/orion-visor-ui/src/views/system/dict-key/components/dict-key-form-modal.vue b/orion-visor-ui/src/views/system/dict-key/components/dict-key-form-modal.vue
index f537bba5..1c927741 100644
--- a/orion-visor-ui/src/views/system/dict-key/components/dict-key-form-modal.vue
+++ b/orion-visor-ui/src/views/system/dict-key/components/dict-key-form-modal.vue
@@ -52,11 +52,11 @@
           <!-- 操作按钮 -->
           <div class="extra-action">
             <!-- 删除 -->
-            <span class="click-icon-wrapper minus-icon-wrapper"
-                  title="移除参数"
-                  @click="removeExtraParam(index)">
+            <a-button class="minus-icon-wrapper icon-button"
+                      title="移除参数"
+                      @click="removeExtraParam(index)">
               <icon-minus />
-            </span>
+            </a-button>
           </div>
         </a-form-item>
         <!-- 参数操作 -->
@@ -253,13 +253,13 @@
     height: 32px;
     margin-left: 8px;
     font-size: 18px;
-    padding: 6px;
   }
 
   .param-addition {
     margin-bottom: 20px;
     justify-content: flex-end;
     cursor: pointer;
+    font-size: 18px;
     user-select: none;
   }
 </style>
diff --git a/sql/init-4-data.sql b/sql/init-4-data.sql
index c5d198be..fa227926 100644
--- a/sql/init-4-data.sql
+++ b/sql/init-4-data.sql
@@ -8,6 +8,9 @@ INSERT INTO `system_role` VALUES (1, '管理员', 'admin', 1, '2023-07-16 21:13:
 -- 角色用户关联
 INSERT INTO `system_user_role` VALUES (1, 1, 1, '2023-07-16 21:15:49', '2023-07-17 18:18:02', '1', '1', 0);
 
+-- 系统设置
+INSERT INTO `system_setting` VALUES (1, 'SFTP', 'previewSize', '{\"value\": 2}', '2024-09-27 17:33:05', '2024-09-27 17:33:21', '1', '1', 0);
+
 -- 字典项
 INSERT INTO `dict_key` VALUES (1, 'operatorLogModule', 'STRING', '[]', '操作日志模块', '2023-10-21 02:04:22', '2023-10-30 14:11:38', '1', '1', 0);
 INSERT INTO `dict_key` VALUES (2, 'operatorLogType', 'STRING', '[]', '操作日志类型', '2023-10-21 02:06:04', '2023-10-21 02:06:04', '1', '1', 0);