feat: 初始化船长·HeiXiu 桌面应用项目（错误是svg的问题）

Electron + React 19 + TypeScript + Ant Design 6 + Tailwind CSS 4

  【核心架构】
  - Electron 主进程（窗口管理、平台检测、图标适配）
  - Vite 构建链（双产物 dist/ + dist-electron/）
  - 共享层 shared/（类型、常量、工具函数）
  - IPC 通信框架 + 安全守卫

  【主题系统】
  - 蓝紫渐变主题（亮色/暗色双模式）
  - Ant Design ConfigProvider 适配（lightAlgorithm / darkAlgorithm）
  - Tailwind CSS 4 @theme 指令 + CSS 变量
  - 设计令牌三处同步（tokens.ts / globals.css / antd-theme.ts）

  【导航栏】
  - 自定义 H5 导航栏替代系统菜单
  - 个人版/企业版双布局
  - 未登录拦截 + 事件总线驱动登录弹窗

  【登录注册】
  - Modal 弹层（Portal）+ Tabs 切换
  - 登录/注册表单动态字段渲染
  - 记住密码 / 自动登录 / 用户协议

  【更新系统】
  - 自定义 API 版本检查（替代 electron-updater generic provider）
  - 手动下载 + SHA512 校验 + spawn NSIS 安装
  - 渲染进程更新状态机 Hook（useUpdater）
  - 检查更新按钮 + 下载进度展示

  【构建工具链】
  - build.mjs 构建总管（--win/--mac/--linux --personal/--enterprise --build/--clean/--sign/--upload/--publish）
  - scripts/ 自动化脚本（clean / generate-update-info / upload-oss / publish-release）
  - electron-builder NSIS 安装器（可选路径、多版本打包）
  - update-info.json 自动生成（fileSize/sha512/changelog/releaseDate）

  【代码质量】
  - ESLint + TypeScript strict + Prettier
  - husky + lint-staged（提交前自动检查）
  - commitlint（规范提交信息）
  - Playwright E2E + Vitest 单元测试框架
  - rollup-plugin-visualizer 打包体积分析

  【文档】
  - README.md（快速开始 + 目录结构 + 命令速查）
  - UpdateA.md（发布手册：API/签名/发版流程/数据库）
  - CHANGELOG.md（更新日志）
  - .env.example（构建环境变量模板）

src/components/common/LegalTextModal.tsx

@@ -0,0 +1,77 @@
+// ============================================================
+// LegalTextModal — 协议/法律文本展示弹窗
+// 从 src/assets/legal/ 加载 .txt 文件，主题适配渲染
+// ============================================================
+
+import { Modal, Typography } from 'antd';
+import { FileTextOutlined } from '@ant-design/icons';
+
+import { useTheme } from '@/hooks/use-theme';
+
+// Vite ?raw 导入：将 .txt 内容作为字符串直接内联
+import serviceAgreement from '@/assets/legal/用户服务协议.txt?raw';
+import pointsAgreement from '@/assets/legal/积分充值服务协议.txt?raw';
+
+const { Paragraph } = Typography;
+
+/** 协议名称 → 文本内容映射 */
+const legalTexts: Record<string, { title: string; content: string }> = {
+   service: { title: '用户服务协议', content: serviceAgreement },
+   points: { title: '积分充值服务协议', content: pointsAgreement },
+};
+
+interface LegalTextModalProps {
+   open: boolean;
+   /** 协议标识：'service' | 'points' */
+   type: 'service' | 'points';
+   onClose: () => void;
+}
+
+export function LegalTextModal({ open, type, onClose }: LegalTextModalProps) {
+   const { isDark } = useTheme();
+   const legal = legalTexts[type];
+
+   if (!legal) return null;
+
+   return (
+      <Modal
+         open={open}
+         onCancel={onClose}
+         footer={null}
+         width={640}
+         centered
+         title={
+            <span className="flex items-center gap-2">
+               <FileTextOutlined />
+               {legal.title}
+            </span>
+         }
+         styles={{
+            body: {
+               maxHeight: '60vh',
+               overflowY: 'auto',
+               padding: '20px 24px',
+               background: isDark ? '#1A1730' : '#FFFFFF',
+               color: isDark ? '#E8E6F0' : '#1E1B4B',
+               fontSize: 14,
+               lineHeight: 2,
+               whiteSpace: 'pre-wrap',
+               wordBreak: 'break-word',
+               fontFamily: 'var(--font-family-base)',
+            },
+         }}
+      >
+         <Paragraph
+            style={{
+               color: isDark ? '#E8E6F0' : '#1E1B4B',
+               fontSize: 14,
+               lineHeight: 2,
+               whiteSpace: 'pre-wrap',
+               margin: 0,
+            }}
+         >
+            {legal.content}
+         </Paragraph>
+      </Modal>
+   );
+}