fix: 列表页卡片与表格的切换点抬到 lg，补上用户管理的移动端视图

手机上"溢出屏幕"的两个真因（375 / 769 / 1100 三档实测）：

- 卡片↔表格切换卡在 md(768px)，而侧栏也在 768 出现，吃掉 224px 加 48px 内边距后
  内容区只剩 495px，渠道表自然宽 1097px —— 横屏手机、小平板、分屏（768~1023）
  整张表被塞进 495px 的盒子里横向滚。改为 lg(1024px) 起才用表格；769px 实测
  可见表格数为 0、docSW 等于视口宽。
- 用户管理页只有 720px 的表格、没有卡片回退，手机上只能横向滑整张表。
  补移动端卡片（用户名/邮箱、角色与状态、ID/余额/注册时间、编辑与调余额），
  表格改 hidden lg:block；1100px 实测 client=826 / scroll=826，铺满不滚。
- 顺带修掉上次改动留下的挤列问题：渠道表"近N小时"列被表格自动布局压到 95px
  （min-w 只约束整表、不保证单列），四个指标折成 4 行。该列加 min-w-[190px]、
  指标拆两行，并把 Key 并入名称行、启用并入健康行，8 列减到 6 列
  （colspan 同步 7→6），自然宽 1125 → 1053。

编辑渠道弹窗 375px 下无溢出元素。遗留：渠道表在 1024~1325 视口仍需容器内横向滚动
（6 列数据表的固有行为，不动整页），卡片列表在 640~1023 仍是单列。

web/src/views/admin/UsageView.vue

@@ -135,7 +135,7 @@ onMounted(load)
 
     <div class="card">
       <!-- 移动端：卡片列表 -->
-      <div class="space-y-3 p-3 md:hidden">
+      <div class="space-y-3 p-3 lg:hidden">
         <div v-for="l in logs" :key="l.id" class="card p-3">
           <div class="flex items-start justify-between gap-2">
             <div class="min-w-0">
@@ -159,7 +159,7 @@ onMounted(load)
       </div>
 
       <!-- 桌面端：表格 -->
-      <div class="hidden overflow-x-auto md:block">
+      <div class="hidden overflow-x-auto lg:block">
         <table class="w-full text-sm min-w-[760px]">
           <thead>
             <tr class="border-b border-edge text-left text-xs text-muted">