feat: 品牌统一 LokiStack + 全站中英 i18n + 用户批量删除 + 主题定时切换与浅色侧栏

- 品牌: Go 模块/数据文件/二进制/构建部署资产全部 opsx→lokistack;前端 localStorage 命名空间迁移(读旧写新,含按用户 id 前缀迁移);修复 nginx upstream 与 Makefile 引用已改名服务的断裂
- i18n: react-i18next 落地,common + 11 个页面域命名空间全站中英(菜单/顶栏/登录/列表页/表单/确认弹窗/状态徽章);设置页语言即时切换;修复词典自注册导致的循环导入白屏
- 用户管理: 批量删除(POST /users/batch-delete,不删自己/最后管理员,部分失败不阻断)+ 行复选/全选/批量工具条
- 主题: 浅色侧栏(中性灰激活态)、四态模式(浅色/深色/跟随系统/定时切换,按时区判定)、顶栏太阳月亮二态、设置页紧凑分段选择器
- UI: 登录记住用户名、CardActionButton 统一五页卡片操作钮、shadcn Badge 替换手写徽章、语义色修正
- 清理: 移除主机 Web 终端(前后端)、k8s-helm/Helm 遗留代码与字段、README 重写精简
- 修复: 侧栏与日志告警 order 重复、路由标题 i18n key 未翻译、词典双逗号等

frontend/src/pages/hosts/components/HostCard.tsx

@@ -1,15 +1,15 @@
 import { memo } from 'react'
-import { Monitor, RefreshCw, Trash2, Eye, Terminal, Pencil } from 'lucide-react'
-import { Button } from '@/components/ui/button'
+import { Monitor, RefreshCw, Trash2, Eye, Pencil } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
 import { StatusBadge } from '@/components/StatusBadge'
 import { ResourceCard } from '@/components/ResourceCard'
+import { CardActionButton } from '@/components/CardActionButton'
 import type { Host } from '@/types'
 
 interface HostCardProps {
   host: Host
   validating: number | null
   onViewInfo: (h: Host) => void
-  onOpenTerminal: (h: Host) => void
   onValidate: (id: number) => void
   onDelete: (h: Host) => void
   onEdit: (h: Host) => void
@@ -17,37 +17,33 @@ interface HostCardProps {
 
 /** 主机卡片 — 统一 ResourceCard 样式 */
 export const HostCard = memo(function HostCard({
-  host, validating, onViewInfo, onOpenTerminal, onValidate, onDelete, onEdit,
+  host, validating, onViewInfo, onValidate, onDelete, onEdit,
 }: HostCardProps) {
+  const { t } = useTranslation('hosts')
   return (
     <ResourceCard
       icon={Monitor}
-      iconClassName="text-purple-500"
+      iconClassName="text-info"
       title={host.name}
       badges={<StatusBadge status={host.status} />}
       fields={[
-        { label: '地址', value: `${host.hostIP}:${host.port}` },
-        { label: '用户', value: host.user },
-        { label: '认证', value: host.authType === 'key' ? 'SSH 密钥' : '密码' },
-        { label: '系统', value: `${host.os || '未知'} / ${host.arch || '未知'}` },
+        { label: t('fields.address'), value: `${host.hostIP}:${host.port}` },
+        { label: t('fields.user'), value: host.user },
+        { label: t('fields.auth'), value: host.authType === 'key' ? t('fields.authKey') : t('fields.authPassword') },
+        { label: t('fields.os'), value: `${host.os || t('fields.unknown')} / ${host.arch || t('fields.unknown')}` },
       ]}
       actions={
         <>
-          <Button variant="outline" size="sm" aria-label={'编辑主机 ' + host.name} onClick={() => onEdit(host)}>
-            <Pencil className="size-3.5" />
-          </Button>
-          <Button variant="outline" size="sm" className="flex-1 text-xs" onClick={() => onViewInfo(host)}>
-            <Eye className="size-3 mr-1" />详情
-          </Button>
-          <Button variant="outline" size="sm" className="flex-1 text-xs" onClick={() => onOpenTerminal(host)}>
-            <Terminal className="size-3 mr-1" />终端
-          </Button>
-          <Button variant="outline" size="sm" aria-label={`验证主机 ${host.name}`} disabled={validating === host.id} onClick={() => onValidate(host.id)}>
-            <RefreshCw className={`size-3 ${validating === host.id ? 'animate-spin' : ''}`} />
-          </Button>
-          <Button variant="outline" size="sm" aria-label={`删除主机 ${host.name}`} className="text-destructive hover:text-destructive hover:bg-destructive/10" onClick={() => onDelete(host)}>
-            <Trash2 className="size-3.5" />
-          </Button>
+          <CardActionButton icon={Pencil} ariaLabel={t('actions.editAria', { name: host.name })} onClick={() => onEdit(host)} />
+          <CardActionButton icon={Eye} label={t('actions.detail')} onClick={() => onViewInfo(host)} />
+          <CardActionButton
+            icon={RefreshCw}
+            ariaLabel={t('actions.validateAria', { name: host.name })}
+            spinning={validating === host.id}
+            disabled={validating === host.id}
+            onClick={() => onValidate(host.id)}
+          />
+          <CardActionButton icon={Trash2} ariaLabel={t('actions.deleteAria', { name: host.name })} destructive onClick={() => onDelete(host)} />
         </>
       }
     />