feat(ui): 优化控制台响应式布局与视觉体验

- 统一页面标题、圆角、字体和响应式断点，调整暗色主题及图表配色
- 新增表格列标签插件，在窄屏下将表格转换为卡片布局，优化实例、订单、工单等列表展示
- 支持移动端点击订单行进入详情，并完善订单凭据的打印布局
- 在财务中心展示本月及累计消费，补充充值关闭时的提示
- 优化工单详情布局，将附件上传入口整合至富文本编辑器工具栏
- 调整实例操作按钮、SSH 密钥操作及安全菜单图标
- 为多个页面显式导入 definePageMeta，完善页面元数据声明

app/pages/security/domains/index.vue

@@ -2,6 +2,7 @@
 /**
  * 域名白名单：按主机及审核状态查询记录；提交前必须加载可用主机、实名认证状态和当前主机对应的动态表单。
  */
+import { definePageMeta } from "#imports";
 import "~/assets/styles/domains.GiD6NSti.css";
 definePageMeta({
   alias: [`/security/domain-whitelist`],

app/pages/security/groups/index.vue

@@ -2,6 +2,7 @@
 /**
  * 安全组：组列表、出入站规则与实例关联共用页面；主列表、规则、已关联和可关联主机分别用请求代次隔离，批量关联保留失败目标供重试。
  */
+import { definePageMeta } from "#imports";
 import "~/assets/styles/PageInfoNotice._16xRFrB.css";
 import "~/assets/styles/groups.Buw8nwl1.css";
 definePageMeta({

app/pages/security/ssh-keys/index.vue

@@ -325,24 +325,27 @@ onBeforeUnmount(() => {
             }}</span>
           </template>
         </Column>
-        <Column header="操作" style="width: 200px">
+        <Column header="操作" style="width: 240px">
           <template #body="{ data }">
             <div class="row-actions" data-v-31489433>
               <Button
                 :label="copiedKeyId === data.id ? '已复制' : '复制'"
+                :icon="copiedKeyId === data.id ? 'pi pi-check' : 'pi pi-copy'"
                 size="small"
                 severity="secondary"
-                outlined
+                text
                 @click="copyPublicKey(data)"
               />
               <Button
                 label="编辑"
+                icon="pi pi-pencil"
                 size="small"
                 severity="secondary"
                 text
                 @click="openEditDialog(data)"
               />
               <Button
+                label="删除"
                 icon="pi pi-trash"
                 aria-label="删除密钥"
                 size="small"