用 WorkBuddy 做了4个"上班摸鱼不被发现"的小游戏，老板站在身后都看不出 #WorkBuddy#

┌─────────────────────────────────────────┐
│ [X] Q2季度销售报表 - 最终版.xlsx - Excel │  ← 标题栏（绿色）
├─────────────────────────────────────────┤
│ 文件 | 开始 | 插入 | 页面布局 | 数据...  │  ← Ribbon 标签
├─────────────────────────────────────────┤
│ 📂打开 │ 📋 │ ✂️ │ 📄 │  B I U │ 📊📈📉│  ← 工具栏
├─────────────────────────────────────────┤
│ A1 │ fx │ =SUM(A1:A3)                   │  ← 公式栏
├──┬──────────────────────────────────────┤
│ 1 │序号│区域│客户名称│4月销售│5月销售... │  ← 表头行
│ 2 │ 1  │华北区│万达集团│¥12,580│¥15,600│  │
│ 3 │ 2  │华东区│龙湖地产│¥8,340 │¥9,200 │  │
│ 4 │ 3  │华南区│保利地产│¥6,720 │¥7,650 │  │  ← 这就是游戏区
│   │    │     │       │       │       │  │
│25 │ 24 │华中区│中南建设│¥3,200 │¥4,100 │  │
├──┴──────────────────────────────────────┤
│ 就绪  总和: 0    Sheet1 Sheet2 Sheet3   │  ← 状态栏
└─────────────────────────────────────────┘

function handleFileUpload(file) {
  if (ext === 'xlsx' || ext === 'xls') {
    const reader = new FileReader();
    reader.onload = (e) => {
      const data = new Uint8Array(e.target.result);
      const workbook = XLSX.read(data, { type: 'array' });
      const firstSheet = workbook.Sheets[workbook.SheetNames[0]];
      const parsed = XLSX.utils.sheet_to_json(firstSheet, { header: 1, defval: '' });
      processUploadedData(parsed, name);
    };
    reader.readAsArrayBuffer(file);
  }
}

┌──────────────────────────────────────────┐
│ 📨 收件箱 - Outlook        🔍 搜索邮件... │
├──────────────────────────────────────────┤
│ 文件 | 收件箱 | 已发送 | 草稿 | 垃圾邮件  │
├──┬────────┬───────────────────────────────┤
│📨│📥收件箱 │ 张明  Q2报表审批              │
│📅│  (24)  │ 李华  会议安排通知             │
│👤│📤已发送 │ 王强  CRM升级汇报    ← 砖块   │
│⚙️│📝草稿   │ 赵磊  预算变更通知            │
│  │⭐重要   │ HR   年度体检通知             │
│  │🗑垃圾   │ IT部 VPN维护通知              │
│  │        │                              │
│  │        │         ⬆ 光标(球)            │
│  │        │     ▬▬▬▬▬▬▬▬ ← 筛选栏(挡板)   │
│  │        │ 筛选:全部|未读|重要 已清理:0封 │
└──┴────────┴───────────────────────────────┘

function toggleBossMode() {
  bossMode = !bossMode;
  document.getElementById('bossOverlay').classList.toggle('show', bossMode);
  if (bossMode && gameRunning && !gamePaused) gamePaused = true;
  if (!bossMode && gameRunning && gamePaused) gamePaused = false;
}

setInterval(() => {
  if (!bossMode) {
    const t = getActiveTheme();
    document.title = t.fileName + (Math.random() > 0.5 
      ? '.xlsx - Excel' 
      : '.xlsx - Excel - 已保存');
  } else {
    document.title = getActiveTheme().fileName + '.xlsx - Excel - 已保存';
  }
}, 8000);

.title-bar {
  background: #217346;  /* Excel 绿 */
  color: white; height: 32px;
  display: flex; align-items: center; padding: 0 12px;
}
.cell {  /* 每个单元格 */
  width: 60px; height: 22px;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  font-size: 10px; text-align: right; padding-right: 4px;
}
.cell.snake-head {  /* 蛇头 = 光标 */
  background: #0078d4 !important;  /* 选中蓝 */
}
.cell.snake-body {  /* 蛇身 = 选中区域 */
  background: #e8f5e9 !important;
  color: #2e7d32 !important;
}

function renderGrid() {
  // 先恢复所有单元格为原始数据
  for (let r = 0; r < ROWS; r++) {
    for (let c = 0; c < COLS; c++) {
      cells[r][c].className = 'cell';
      cells[r][c].textContent = cellData[r][c];
    }
  }
  
  // 渲染蛇头（伪装成光标箭头）
  const head = snake[0];
  cells[head.y][head.x].className = 'cell cursor-head';
  cells[head.y][head.x].innerHTML = '<svg>...</svg>'; // 光标SVG
  
  // 渲染蛇身（伪装成选中区域）
  snake.slice(1).forEach(seg => {
    cells[seg.y][seg.x].className = 'cell snake-body';
    cells[seg.y][seg.x].textContent = '■';
  });
  
  // 渲染食物（伪装成高亮数据）
  cells[food.y][food.x].className = 'cell food';
  cells[food.y][food.x].textContent = '¥99,999';
  
  // 公式栏显示"公式"（实际是蛇的位置）
  document.getElementById('cellRef').textContent = COL_LABELS[head.x] + (head.y + 1);
  document.getElementById('formulaText').textContent = 
    `=SUM(${COL_LABELS[head.x]}1:${COL_LABELS[head.x]}${snake.length})`;
}

function move(direction) {
  // 旋转网格，使移动方向统一变成"向左"
  let rotated = rotateGrid(grid, direction);
  
  // 合并每一行（向左合并）
  for (let r = 0; r < SIZE; r++) {
    const row = rotated[r].filter(v => v !== 0); // 去零
    const newRow = [];
    let i = 0;
    while (i < row.length) {
      if (i + 1 < row.length && row[i] === row[i + 1]) {
        newRow.push(row[i] * 2);  // 合并
        i += 2;
      } else {
        newRow.push(row[i]);
        i++;
      }
    }
    while (newRow.length < SIZE) newRow.push(0);
    rotated[r] = newRow;
  }
  
  // 反旋转回来
  grid = unrotateGrid(rotated, direction);
}

for (let i = 0; i < bricks.length; i++) {
  if (!bricks[i].alive) continue;
  const b = bricks[i];
  // AABB 碰撞检测
  if (ballX + BALL_R > b.x && ballX - BALL_R < b.x + BRICK_W &&
      ballY + BALL_R > b.y && ballY - BALL_R < b.y + BRICK_H) {
    bricks[i].alive = false;
    brickElements[i].classList.add('destroyed'); // 播放消失动画
    score++;
    
    // 判断碰撞方向，决定反弹方向
    const overlapLeft = ballX + BALL_R - b.x;
    const overlapRight = b.x + BRICK_W - (ballX - BALL_R);
    const overlapTop = ballY + BALL_R - b.y;
    const overlapBottom = b.y + BRICK_H - (ballY - BALL_R);
    
    if (Math.min(overlapLeft, overlapRight) < Math.min(overlapTop, overlapBottom))
      ballDX = -ballDX;  // 水平反弹
    else
      ballDY = -ballDY;  // 垂直反弹
    break;
  }
}

const FAKE_CODE_LINES = [
  '<span class="keyword">import</span> { <span class="type">Database</span> } <span class="keyword">from</span> <span class="string">"./database"</span>;',
  '<span class="keyword">export class</span> <span class="type">UserService</span> {',
  '  <span class="keyword">private</span> db: <span class="type">Database</span>;',
  '  <span class="comment">/** 获取用户信息 */</span>',
  '  <span class="keyword">async</span> <span class="function">getUser</span>(id: <span class="type">string</span>): <span class="type">Promise</span>&lt;<span class="type">User</span>&gt; {',
  // ... 42行 TypeScript 代码
];

做一个伪装成 Excel 的贪吃蛇游戏，要求：
1. 界面完全模拟 Excel（标题栏、Ribbon、公式栏、状态栏）
2. 蛇头是光标箭头，蛇身是选中单元格，食物是黄色高亮
3. ESC 键切换到假 Excel 报表界面
4. 标签页标题动态变化模拟"已保存"状态
5. 支持5种伪装场景（销售/人事/项目/库存/预算）
6. 支持上传 CSV/XLSX 文件用真实数据渲染

<script src="https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js"></script>

tickInterval = Math.max(SPEED_MIN, TICK_BASE - score * 2);
clearInterval(timer);
timer = setInterval(gameTick, tickInterval);