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

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

app/components/AuthProviders.vue

@@ -323,7 +323,7 @@ var fe = {
           }
           return (
             onMounted(async () => {
-              ((A = window.matchMedia(`(min-width: 761px)`)),
+              ((A = window.matchMedia(`(min-width: 769px)`)),
                 j(),
                 A.addEventListener(`change`, j),
                 await D().catch(() => {}));

app/components/HostList.vue

@@ -1544,7 +1544,8 @@ var Ye = {
                               type: `submit`,
                               label: `搜索`,
                               icon: `pi pi-search`,
-                              size: `small`,
+                              severity: `secondary`,
+                              outlined: ``,
                               disabled: unref(P),
                             },
                             null,

app/components/RichTextEditor.vue

@@ -5,6 +5,7 @@ import { renderList } from "vue";
 import { onMounted } from "vue";
 import { normalizeClass } from "vue";
 import { mergeModels } from "vue";
+import { renderSlot } from "vue";
 import { useModel } from "vue";
 import { watch } from "vue";
 import { ref } from "vue";
@@ -204,6 +205,7 @@ var g = [`aria-label`],
                         ),
                         64,
                       )),
+                      renderSlot(t.$slots, `toolbar-end`, {}, void 0, !0),
                     ],
                     8,
                     g,

app/components/RingProgress.vue

@@ -84,7 +84,7 @@ var u = [`width`, `height`, `viewBox`],
                         cy: o.size / 2,
                         r: unref(g),
                         fill: `none`,
-                        stroke: `#0ea5e9`,
+                        stroke: `#2563eb`,
                         "stroke-width": 6,
                         "stroke-linecap": `round`,
                         "stroke-dasharray": unref(_),

app/components/home/HomeConsumeTrend.vue

@@ -116,7 +116,7 @@ var x = {
             }
           });
           // 图表选项随月份数据与主题更新，ChartBox 负责图表实例的生命周期。
-          let z = computed(() => (P.isDark.value ? `#618dff` : `#0052d9`)),
+          let z = computed(() => (P.isDark.value ? `#60a5fa` : `#2563eb`)),
             B = computed(() => ({
               grid: {
                 left: 4,

app/components/home/HomeWalletCard.vue

@@ -159,16 +159,29 @@ var C = {
                           label: `充值`,
                           icon: `pi pi-plus`,
                           disabled: unref(k),
+                          severity: unref(k) ? `secondary` : void 0,
+                          outlined: unref(k),
                           title: unref(k) ? `站点已关闭充值` : void 0,
                           onClick: (i[1] ||= (e) => (N.value = !0)),
                         },
                         null,
                         8,
-                        [`disabled`, `title`],
+                        [`disabled`, `severity`, `outlined`, `title`],
                       ),
                     ],
                     2,
                   ),
+                  unref(k)
+                    ? (openBlock(),
+                      createElementBlock(
+                        `div`,
+                        {
+                          key: 0,
+                          class: `wallet-hint`,
+                        },
+                        `站点暂未开放充值`,
+                      ))
+                    : createCommentVNode(``, !0),
                 ]),
                 createVNode(
                   S,

app/components/instance/InstanceMonitor.vue

@@ -94,7 +94,7 @@ var O = defineAsyncComponent(() =>
           let g = a,
             y = useApi(),
             S = useTheme_t(),
-            U = computed(() => (S.isDark.value ? `#38bdf8` : `#0ea5e9`)),
+            U = computed(() => (S.isDark.value ? `#60a5fa` : `#2563eb`)),
             W = ref([]),
             G = ref(!1),
             K = ref(``),

app/components/instance/InstanceOverview.vue

@@ -244,7 +244,7 @@ var le = defineAsyncComponent(() =>
     key: 3,
     class: `network-chart-state`,
   },
-  k = `#3b82f6`,
+  k = `#f59e0b`,
   A = Object.assign(
     _plugin_vue_export_helper_t(
       defineComponent({
@@ -275,7 +275,7 @@ var le = defineAsyncComponent(() =>
               configuration_display_n(x.module, x.info.raw, x.host),
             ),
             N = computed(() => instance_status_n(x.host, x.info.powerStatus)),
-            P = computed(() => (j.isDark.value ? `#38bdf8` : `#0ea5e9`)),
+            P = computed(() => (j.isDark.value ? `#60a5fa` : `#2563eb`)),
             F = ref(null),
             I = ref(!1),
             L = ref(!1),