# 扯旋（丁二皇）

四川地方棋牌游戏「扯旋」（又名「丁二皇」）的网页版，**移动端竖屏**、类德州扑克高端大气 UI 风格。

> 当前阶段：**前台 UI**。先把界面做好，后续再开发发牌、下注、AI、比牌等核心逻辑。
>
> 在桌面浏览器中会以手机画布居中显示；在手机上自动铺满全屏。

## 技术栈

- React 19 + TypeScript
- Vite

## 本地运行

```bash
npm install
npm run dev      # 启动开发服务器 http://localhost:5173
npm run build    # 类型检查 + 生产构建
npm run lint     # ESLint 检查
```

## 当前已实现（UI）

- 移动端竖屏布局，手机画布自适应
- 德州扑克风格绿色牌桌、金色木质桌边、台面高光
- 6 人座位：5 名对手围绕上半部分，本人手牌叠入桌底
- 自定义扑克牌渲染（红/黑/大王、明牌/暗牌牌背，对手手牌叠放）
- 底池、簸簸数、底皮、轮次、芒果池信息展示
- 庄家标记、玩家状态（已丢 / 已敲 / 休）、本轮下注筹码
- 操作栏：丢 / 休 / 跟 / 大 / 敲，含加注滑块（触控友好）

> 目前界面由 `src/game/mockGame.ts` 中的示例数据驱动，尚未接入真实游戏逻辑。

## 游戏规则要点（备忘）

- 使用 32 张特制扑克牌，2–6 人，每人最多 4 张牌
- 共 3 轮发牌：第 1 轮 2 张暗牌，后 2 轮各 1 张明牌
- 每轮可选择 大 / 跟 / 敲 / 休 / 丢
- 最终未丢牌玩家将 4 张牌分为「头牌 / 尾牌」比大小，按「尾大吃皮」结算
- 牌型大小口诀：天地人和梅板三，斧十猫膏下四烂

## 目录结构

```
src/
  game/        # 类型、牌定义、示例数据
  components/  # 牌桌 / 座位 / 扑克牌 / 操作栏
  App.tsx      # 页面组装
```
