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

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

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),