npm - @aiyiran/myclaw - Versions diffs - 1.1.89 → 1.1.91 - Mend

@aiyiran/myclaw 1.1.89 → 1.1.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package//345/234/260/344/270/213/345/237/216/345/244/247/345/206/222/351/231/251/1.html ADDED Viewed

@@ -0,0 +1,1756 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>魔幻探索地下城 Demo</title>
+    <style>
+      :root {
+        --bg: #101722;
+        --panel: rgba(17, 24, 39, 0.82);
+        --text: #f8f5e9;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        margin: 0;
+        font-family: "Trebuchet MS", "Microsoft YaHei", sans-serif;
+        background: radial-gradient(
+          circle at top,
+          #1f3b2d 0%,
+          #101722 45%,
+          #091018 100%
+        );
+        color: var(--text);
+        min-height: 100vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        overflow: hidden;
+      }
+      .wrap {
+        display: flex;
+        gap: 18px;
+        align-items: flex-start;
+        padding: 18px;
+        flex-wrap: wrap;
+        justify-content: center;
+      }
+      canvas {
+        border: 3px solid rgba(246, 196, 83, 0.75);
+        border-radius: 14px;
+        box-shadow:
+          0 14px 40px rgba(0, 0, 0, 0.35),
+          0 0 25px rgba(246, 196, 83, 0.18);
+        background: #1b2a1d;
+        image-rendering: pixelated;
+      }
+      .panel {
+        width: 320px;
+        background: var(--panel);
+        border: 1px solid rgba(255, 255, 255, 0.08);
+        border-radius: 16px;
+        padding: 16px;
+        backdrop-filter: blur(8px);
+        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
+      }
+      h1 {
+        font-size: 22px;
+        margin: 0 0 10px;
+        color: #ffe7a3;
+      }
+      .tip,
+      .stat,
+      li {
+        line-height: 1.5;
+      }
+      .stat {
+        margin: 10px 0;
+        padding: 10px 12px;
+        border-radius: 10px;
+        background: rgba(255, 255, 255, 0.05);
+      }
+      ul {
+        margin: 8px 0 0;
+        padding-left: 18px;
+      }
+      .loot-log {
+        margin-top: 12px;
+        min-height: 90px;
+        padding: 10px 12px;
+        border-radius: 10px;
+        background: rgba(125, 211, 252, 0.08);
+        border: 1px solid rgba(125, 211, 252, 0.15);
+        color: #d9f4ff;
+      }
+      .hint {
+        color: #c7d2fe;
+        font-size: 14px;
+      }
+      .action-btn {
+        width: 100%;
+        margin-top: 12px;
+        border: 0;
+        border-radius: 12px;
+        padding: 12px 16px;
+        font-size: 15px;
+        cursor: pointer;
+        font-family: inherit;
+        font-weight: 700;
+        background: linear-gradient(180deg, #7dd3fc, #38bdf8);
+        color: #082f49;
+        box-shadow: 0 8px 20px rgba(56, 189, 248, 0.25);
+      }
+      .pause-mask {
+        position: absolute;
+        inset: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: rgba(3, 6, 15, 0.55);
+        color: #fff1b5;
+        font-size: 28px;
+        font-weight: 800;
+        letter-spacing: 2px;
+        border-radius: 14px;
+        pointer-events: none;
+      }
+      .menu-overlay {
+        position: fixed;
+        inset: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: rgba(3, 6, 15, 0.86);
+        z-index: 20;
+        padding: 24px;
+      }
+      .menu-card {
+        width: min(920px, 96vw);
+        background: rgba(17, 24, 39, 0.96);
+        border: 1px solid rgba(255, 255, 255, 0.08);
+        border-radius: 20px;
+        overflow: hidden;
+        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
+      }
+      .menu-video {
+        width: 100%;
+        display: block;
+        background: #000;
+        max-height: 58vh;
+        object-fit: cover;
+      }
+      .menu-content {
+        padding: 18px;
+      }
+      .menu-title {
+        margin: 0 0 10px;
+        color: #ffe7a3;
+        font-size: 28px;
+      }
+      .menu-actions {
+        display: flex;
+        gap: 12px;
+        flex-wrap: wrap;
+        margin-top: 14px;
+      }
+      .menu-btn {
+        border: 0;
+        border-radius: 12px;
+        padding: 12px 18px;
+        font-size: 16px;
+        cursor: pointer;
+        font-family: inherit;
+        font-weight: 700;
+      }
+      .menu-btn.primary {
+        background: linear-gradient(180deg, #f6c453, #d89a2b);
+        color: #23180a;
+      }
+      .menu-btn.secondary {
+        background: rgba(125, 211, 252, 0.12);
+        color: #d9f4ff;
+        border: 1px solid rgba(125, 211, 252, 0.25);
+      }
+      .menu-help {
+        margin-top: 14px;
+        padding: 12px;
+        border-radius: 12px;
+        background: rgba(255, 255, 255, 0.04);
+        line-height: 1.6;
+        color: #dbeafe;
+        display: none;
+      }
+      .hidden {
+        display: none !important;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="menuOverlay" class="menu-overlay">
+      <div class="menu-card">
+        <video
+          id="introVideo"
+          class="menu-video"
+          src="./intro.mp4"
+          autoplay
+          muted
+          loop
+          playsinline
+          controls
+        ></video>
+        <div class="menu-content">
+          <h2 class="menu-title">魔幻探索地下城</h2>
+          <div>在森林与地下城中探索、开箱、战斗，并一步步走向更深层。</div>
+          <div class="menu-actions">
+            <button id="startGameBtn" class="menu-btn primary">开始游戏</button>
+            <button id="showHelpBtn" class="menu-btn secondary">
+              游戏说明
+            </button>
+          </div>
+          <div id="menuHelp" class="menu-help">
+            <div>1. 用 WASD 或方向键移动。</div>
+            <div>2. 按 E / 空格 互动，开宝箱、进门、上下楼梯。</div>
+            <div>3. 按 J 攻击敌人。</div>
+            <div>4. 地图比屏幕大，镜头会跟着你移动。</div>
+            <div>5. 进入地下城后，每层都要找到向下楼梯才能继续深入。</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="wrap">
+      <div style="position: relative">
+        <canvas id="game" width="960" height="720"></canvas>
+        <div id="pauseMask" class="pause-mask hidden">
+          图签查看中，游戏已暂停
+        </div>
+      </div>
+      <aside class="panel">
+        <h1>魔幻探索地下城 Demo</h1>
+        <div class="tip">
+          先在地表找到地下城入口。进入后，每一层都要找到楼梯才能继续前进。
+        </div>
+        <div class="stat">地点：<span id="floorLabel">地表森林</span></div>
+        <div class="stat">金币：<span id="gold">0</span></div>
+        <div class="stat">
+          生命：<span id="hp">100</span> / <span id="maxHp">100</span>
+        </div>
+        <div class="stat">攻击力：<span id="attack">12</span></div>
+        <div class="stat">连斩数：<span id="combo">0</span></div>
+        <div class="stat">
+          已收集物品：
+          <ul id="inventory"></ul>
+        </div>
+        <div class="stat">
+          已收集龙卡：
+          <ul id="cardInventory"></ul>
+        </div>
+        <div class="loot-log" id="lootLog">
+          欢迎来到森林遗迹，找到发光的地下城入口吧。
+        </div>
+        <button id="viewCodexBtn" class="action-btn">查看图签</button>
+        <p class="hint">操作：WASD / 方向键移动，E / 空格互动，J 攻击</p>
+      </aside>
+    </div>
+    <script>
+      const menuOverlayEl = document.getElementById("menuOverlay");
+      const introVideoEl = document.getElementById("introVideo");
+      const startGameBtn = document.getElementById("startGameBtn");
+      const showHelpBtn = document.getElementById("showHelpBtn");
+      const menuHelpEl = document.getElementById("menuHelp");
+      const canvas = document.getElementById("game");
+      const ctx = canvas.getContext("2d");
+      const goldEl = document.getElementById("gold");
+      const hpEl = document.getElementById("hp");
+      const maxHpEl = document.getElementById("maxHp");
+      const attackEl = document.getElementById("attack");
+      const comboEl = document.getElementById("combo");
+      const floorLabelEl = document.getElementById("floorLabel");
+      const inventoryEl = document.getElementById("inventory");
+      const cardInventoryEl = document.getElementById("cardInventory");
+      const lootLogEl = document.getElementById("lootLog");
+      const viewCodexBtn = document.getElementById("viewCodexBtn");
+      const pauseMask = document.getElementById("pauseMask");
+      const tileSize = 48;
+      const viewportCols = 20;
+      const viewportRows = 15;
+      const keys = new Set();
+      const SAVE_KEY = "dragonDungeonSave";
+      const lootTable = [
+        {
+          name: "金币",
+          type: "gold",
+          min: 12,
+          max: 32,
+          color: "#f6c453",
+          weight: 4,
+        },
+        {
+          name: "生命药水",
+          type: "heal",
+          value: 30,
+          color: "#ef4444",
+          weight: 3,
+        },
+        {
+          name: "骑士护符",
+          type: "maxHp",
+          value: 18,
+          color: "#fb7185",
+          weight: 2,
+        },
+        {
+          name: "锋利符文",
+          type: "attack",
+          value: 5,
+          color: "#a78bfa",
+          weight: 2,
+        },
+        { name: "宝石", type: "item", color: "#22d3ee", weight: 1 },
+        { name: "稀有遗物", type: "item", color: "#f59e0b", weight: 1 },
+      ];
+      const cardLootTable = [
+        { name: "晨曦龙", rarity: "N", color: "#d1d5db", weight: 34 },
+        { name: "曙光龙", rarity: "R", color: "#60a5fa", weight: 24 },
+        { name: "焚焰龙", rarity: "R", color: "#f97316", weight: 20 },
+        { name: "星尘龙", rarity: "SR", color: "#c084fc", weight: 12 },
+        { name: "梦境龙", rarity: "SR", color: "#67e8f9", weight: 7 },
+        { name: "灾厄龙", rarity: "SSR", color: "#fbbf24", weight: 3 },
+      ];
+      const chestDropConfig = {
+        cardDropRate: 0.2,
+      };
+      const inventory = new Map();
+      const cardInventory = new Map();
+      const particles = [];
+      const popups = [];
+      const enemies = [];
+      const groundLoots = [];
+      let gold = 0;
+      let messageTimer = 0;
+      let currentMessage = "欢迎来到森林遗迹，找到发光的地下城入口吧。";
+      let spawnTimer = 1.2;
+      let attackCooldown = 0;
+      let hurtCooldown = 0;
+      let gameTime = 0;
+      let combo = 0;
+      let comboTimer = 0;
+      let currentFloor = 0;
+      let scene = "surface";
+      let interactionLock = 0;
+      let isPaused = false;
+      const saveData = createDefaultSave();
+      const player = {
+        x: tileSize * 2.5,
+        y: tileSize * 2.5,
+        size: 26,
+        speed: 170,
+        dirX: 0,
+        dirY: 1,
+        hp: 130,
+        maxHp: 130,
+        attack: 18,
+        attackArc: 0,
+        lifeSteal: 2,
+      };
+      const world = {
+        map: [],
+        cols: viewportCols,
+        rows: viewportRows,
+        chests: [],
+        stairsUp: null,
+        stairsDown: null,
+        entrance: null,
+      };
+      function getCamera() {
+        const worldWidth = world.cols * tileSize;
+        const worldHeight = world.rows * tileSize;
+        const cameraX = Math.max(
+          0,
+          Math.min(player.x - canvas.width / 2, worldWidth - canvas.width),
+        );
+        const cameraY = Math.max(
+          0,
+          Math.min(player.y - canvas.height / 2, worldHeight - canvas.height),
+        );
+        return { x: cameraX, y: cameraY };
+      }
+      function setMessage(text) {
+        currentMessage = text;
+        lootLogEl.textContent = text;
+        messageTimer = 3;
+      }
+      function setPaused(paused) {
+        isPaused = paused;
+        pauseMask.classList.toggle("hidden", !paused);
+        if (!paused) {
+          setMessage("你回到了地下城，继续冒险吧。");
+        }
+      }
+      function createDefaultSave() {
+        return {
+          version: 1,
+          player: {
+            gold: 0,
+            hp: 130,
+            maxHp: 130,
+            attack: 18,
+            combo: 0,
+            lifeSteal: 2,
+          },
+          progress: {
+            scene: "surface",
+            currentFloor: 0,
+            openedChestIds: [],
+            lastSavedAt: Date.now(),
+          },
+          inventory: { items: {}, cards: {} },
+          cardBook: { unlocked: [], seen: [] },
+          stats: {
+            totalChestsOpened: 0,
+            totalCardsCollected: 0,
+            totalGoldCollected: 0,
+          },
+        };
+      }
+      function updateStats() {
+        goldEl.textContent = gold;
+        hpEl.textContent = Math.max(0, Math.round(player.hp));
+        maxHpEl.textContent = Math.round(player.maxHp);
+        attackEl.textContent = Math.round(player.attack);
+        comboEl.textContent = combo;
+        floorLabelEl.textContent =
+          scene === "surface" ? "地表森林" : `地下城 ${currentFloor} 层`;
+      }
+      function syncMapsToSave() {
+        saveData.inventory.items = Object.fromEntries(inventory.entries());
+        saveData.inventory.cards = Object.fromEntries(cardInventory.entries());
+        saveData.player.gold = gold;
+        saveData.player.hp = Math.round(player.hp);
+        saveData.player.maxHp = Math.round(player.maxHp);
+        saveData.player.attack = Math.round(player.attack);
+        saveData.player.combo = combo;
+        saveData.player.lifeSteal = player.lifeSteal;
+        saveData.progress.scene = scene;
+        saveData.progress.currentFloor = currentFloor;
+        saveData.progress.lastSavedAt = Date.now();
+      }
+      function saveGame() {
+        syncMapsToSave();
+        localStorage.setItem(SAVE_KEY, JSON.stringify(saveData));
+      }
+      function loadGame() {
+        try {
+          const raw = localStorage.getItem(SAVE_KEY);
+          if (!raw) return;
+          const parsed = JSON.parse(raw);
+          if (!parsed || typeof parsed !== "object") return;
+          const defaults = createDefaultSave();
+          saveData.version = parsed.version || defaults.version;
+          saveData.player = { ...defaults.player, ...(parsed.player || {}) };
+          saveData.progress = {
+            ...defaults.progress,
+            ...(parsed.progress || {}),
+          };
+          saveData.inventory = {
+            items: { ...(parsed.inventory?.items || {}) },
+            cards: { ...(parsed.inventory?.cards || {}) },
+          };
+          saveData.cardBook = {
+            unlocked: [...(parsed.cardBook?.unlocked || [])],
+            seen: [...(parsed.cardBook?.seen || [])],
+          };
+          saveData.stats = { ...defaults.stats, ...(parsed.stats || {}) };
+          gold = saveData.player.gold || 0;
+          player.hp = saveData.player.hp || 130;
+          player.maxHp = saveData.player.maxHp || 130;
+          player.attack = saveData.player.attack || 18;
+          player.lifeSteal = saveData.player.lifeSteal || 2;
+          combo = saveData.player.combo || 0;
+          scene = saveData.progress.scene || "surface";
+          currentFloor = saveData.progress.currentFloor || 0;
+          inventory.clear();
+          for (const [name, count] of Object.entries(saveData.inventory.items))
+            inventory.set(name, count);
+          cardInventory.clear();
+          for (const [name, data] of Object.entries(saveData.inventory.cards))
+            cardInventory.set(name, data);
+        } catch (err) {
+          console.warn("读取存档失败", err);
+        }
+      }
+      function addInventory(name) {
+        inventory.set(name, (inventory.get(name) || 0) + 1);
+        renderInventory();
+        saveGame();
+      }
+      function addCard(name, rarity, source = "chest") {
+        const existing = cardInventory.get(name);
+        if (existing) {
+          existing.count += 1;
+        } else {
+          cardInventory.set(name, {
+            count: 1,
+            firstGetAt: Date.now(),
+            rarity,
+            source,
+          });
+        }
+        if (!saveData.cardBook.unlocked.includes(name))
+          saveData.cardBook.unlocked.push(name);
+        if (!saveData.cardBook.seen.includes(name))
+          saveData.cardBook.seen.push(name);
+        saveData.stats.totalCardsCollected += 1;
+        renderCardInventory();
+        saveGame();
+      }
+      function renderInventory() {
+        inventoryEl.innerHTML = "";
+        if (inventory.size === 0) {
+          const li = document.createElement("li");
+          li.textContent = "还没有物品";
+          inventoryEl.appendChild(li);
+          return;
+        }
+        for (const [name, count] of inventory.entries()) {
+          const li = document.createElement("li");
+          li.textContent = `${name} x${count}`;
+          inventoryEl.appendChild(li);
+        }
+      }
+      function renderCardInventory() {
+        cardInventoryEl.innerHTML = "";
+        if (cardInventory.size === 0) {
+          const li = document.createElement("li");
+          li.textContent = "还没有龙卡";
+          cardInventoryEl.appendChild(li);
+          return;
+        }
+        for (const [name, data] of cardInventory.entries()) {
+          const li = document.createElement("li");
+          li.textContent = `[${data.rarity}] ${name} x${data.count}`;
+          cardInventoryEl.appendChild(li);
+        }
+      }
+      function clearFloorEntities() {
+        enemies.length = 0;
+        groundLoots.length = 0;
+        particles.length = 0;
+        popups.length = 0;
+        combo = 0;
+        comboTimer = 0;
+        spawnTimer = 0.6;
+      }
+      function randomFloorTile() {
+        const r = Math.random();
+        if (r < 0.08) return "crystal";
+        if (r < 0.16) return "moss";
+        return "floor";
+      }
+      function generateSurface() {
+        const map = [];
+        const cols = 30;
+        const rows = 22;
+        for (let y = 0; y < rows; y++) {
+          const row = [];
+          for (let x = 0; x < cols; x++) {
+            let tile = "grass";
+            if (x === 0 || y === 0 || x === cols - 1 || y === rows - 1)
+              tile = "tree";
+            if (
+              (x > 4 && x < cols - 5 && y === Math.floor(rows / 2)) ||
+              (y > 4 && y < rows - 4 && x === Math.floor(cols / 2))
+            )
+              tile = "path";
+            if (
+              (x === 7 && y === 7) ||
+              (x === cols - 8 && y === rows - 7) ||
+              (x === 10 && y === rows - 5) ||
+              (x === cols - 10 && y === 6)
+            )
+              tile = "rock";
+            if (
+              (x === 5 && y === rows - 6) ||
+              (x === Math.floor(cols / 2) + 2 && y === 5) ||
+              (x === cols - 6 && y === Math.floor(rows / 2) + 1)
+            )
+              tile = "flower";
+            row.push(tile);
+          }
+          map.push(row);
+        }
+        world.map = map;
+        world.cols = cols;
+        world.rows = rows;
+        world.chests = [
+          {
+            id: "surface-4-4",
+            x: 4,
+            y: 4,
+            opened: false,
+            glow: Math.random() * Math.PI * 2,
+          },
+          {
+            id: `surface-${cols - 5}-4`,
+            x: cols - 5,
+            y: 4,
+            opened: false,
+            glow: Math.random() * Math.PI * 2,
+          },
+          {
+            id: `surface-5-${rows - 5}`,
+            x: 5,
+            y: rows - 5,
+            opened: false,
+            glow: Math.random() * Math.PI * 2,
+          },
+          {
+            id: `surface-${cols - 6}-${rows - 6}`,
+            x: cols - 6,
+            y: rows - 6,
+            opened: false,
+            glow: Math.random() * Math.PI * 2,
+          },
+          {
+            id: `surface-${Math.floor(cols / 2) + 3}-${Math.floor(rows / 2) - 3}`,
+            x: Math.floor(cols / 2) + 3,
+            y: Math.floor(rows / 2) - 3,
+            opened: false,
+            glow: Math.random() * Math.PI * 2,
+          },
+        ];
+        for (const chest of world.chests)
+          chest.opened = saveData.progress.openedChestIds.includes(chest.id);
+        world.entrance = {
+          x: Math.floor(cols / 2),
+          y: Math.floor(rows / 2) + 2,
+          glow: Math.random() * Math.PI * 2,
+        };
+        world.stairsUp = null;
+        world.stairsDown = null;
+      }
+      function carveRoom(map, x, y, w, h) {
+        for (let yy = y; yy < y + h; yy++) {
+          for (let xx = x; xx < x + w; xx++) {
+            if (
+              xx > 0 &&
+              yy > 0 &&
+              xx < world.cols - 1 &&
+              yy < world.rows - 1
+            ) {
+              map[yy][xx] = randomFloorTile();
+            }
+          }
+        }
+      }
+      function carveHall(map, x1, y1, x2, y2) {
+        let x = x1;
+        let y = y1;
+        while (x !== x2) {
+          map[y][x] = "floor";
+          x += x < x2 ? 1 : -1;
+        }
+        while (y !== y2) {
+          map[y][x] = "floor";
+          y += y < y2 ? 1 : -1;
+        }
+        map[y][x] = "floor";
+      }
+      function randomOpenTile(map) {
+        for (let i = 0; i < 200; i++) {
+          const x = 1 + Math.floor(Math.random() * (world.cols - 2));
+          const y = 1 + Math.floor(Math.random() * (world.rows - 2));
+          if (["floor", "moss", "crystal"].includes(map[y][x])) return { x, y };
+        }
+        return { x: 2, y: 2 };
+      }
+      function generateDungeonFloor(floor, fromDirection = "down") {
+        world.cols = 34;
+        world.rows = 26;
+        const map = Array.from({ length: world.rows }, () =>
+          Array.from({ length: world.cols }, () => "wall"),
+        );
+        const rooms = [];
+        const roomCount = 6 + Math.floor(Math.random() * 4);
+        for (let i = 0; i < roomCount; i++) {
+          const w = 3 + Math.floor(Math.random() * 4);
+          const h = 3 + Math.floor(Math.random() * 4);
+          const x = 1 + Math.floor(Math.random() * (world.cols - w - 2));
+          const y = 1 + Math.floor(Math.random() * (world.rows - h - 2));
+          carveRoom(map, x, y, w, h);
+          rooms.push({
+            x,
+            y,
+            w,
+            h,
+            cx: Math.floor(x + w / 2),
+            cy: Math.floor(y + h / 2),
+          });
+        }
+        for (let i = 1; i < rooms.length; i++) {
+          carveHall(
+            map,
+            rooms[i - 1].cx,
+            rooms[i - 1].cy,
+            rooms[i].cx,
+            rooms[i].cy,
+          );
+        }
+        const upRoom = rooms[0] || { cx: 2, cy: 2 };
+        const downRoom = rooms[rooms.length - 1] || {
+          cx: world.cols - 3,
+          cy: world.rows - 3,
+        };
+        const stairsUp = {
+          x: upRoom.cx,
+          y: upRoom.cy,
+          glow: Math.random() * Math.PI * 2,
+        };
+        const stairsDown = {
+          x: downRoom.cx,
+          y: downRoom.cy,
+          glow: Math.random() * Math.PI * 2,
+        };
+        if (stairsUp.x === stairsDown.x && stairsUp.y === stairsDown.y) {
+          const other = randomOpenTile(map);
+          stairsDown.x = other.x;
+          stairsDown.y = other.y;
+        }
+        const chests = [];
+        for (let i = 0; i < 4; i++) {
+          const spot = randomOpenTile(map);
+          if (
+            (spot.x === stairsUp.x && spot.y === stairsUp.y) ||
+            (spot.x === stairsDown.x && spot.y === stairsDown.y)
+          )
+            continue;
+          const chestId = `floor${floor}-${spot.x}-${spot.y}-${i}`;
+          chests.push({
+            id: chestId,
+            x: spot.x,
+            y: spot.y,
+            opened: false,
+            glow: Math.random() * Math.PI * 2,
+          });
+        }
+        world.map = map;
+        world.chests = chests;
+        world.entrance = null;
+        world.stairsUp =
+          floor === 1 && fromDirection === "down"
+            ? {
+                x: stairsUp.x,
+                y: stairsUp.y,
+                glow: stairsUp.glow,
+                exitToSurface: true,
+              }
+            : stairsUp;
+        world.stairsDown = stairsDown;
+        for (const chest of world.chests)
+          chest.opened = saveData.progress.openedChestIds.includes(chest.id);
+      }
+      function isBlocked(tileX, tileY) {
+        if (
+          tileX < 0 ||
+          tileY < 0 ||
+          tileX >= world.cols ||
+          tileY >= world.rows
+        )
+          return true;
+        const tile = world.map[tileY][tileX];
+        return ["tree", "rock", "wall", "void"].includes(tile);
+      }
+      function burstParticles(x, y, color, count = 18) {
+        for (let i = 0; i < count; i++) {
+          particles.push({
+            x,
+            y,
+            vx: (Math.random() - 0.5) * 120,
+            vy: (Math.random() - 0.8) * 120,
+            life: 0.9 + Math.random() * 0.4,
+            color,
+            size: 2 + Math.random() * 4,
+          });
+        }
+      }
+      function pickWeighted(table) {
+        const totalWeight = table.reduce(
+          (sum, item) => sum + (item.weight || 1),
+          0,
+        );
+        let roll = Math.random() * totalWeight;
+        for (const item of table) {
+          roll -= item.weight || 1;
+          if (roll <= 0) return item;
+        }
+        return table[0];
+      }
+      function pickLoot() {
+        return pickWeighted(lootTable);
+      }
+      function pickCardLoot() {
+        return pickWeighted(cardLootTable);
+      }
+      function tryOpenChest() {
+        const playerTileX = Math.floor(player.x / tileSize);
+        const playerTileY = Math.floor(player.y / tileSize);
+        const chest = world.chests.find(
+          (c) =>
+            !c.opened &&
+            Math.abs(c.x - playerTileX) + Math.abs(c.y - playerTileY) <= 1,
+        );
+        if (!chest) {
+          setMessage("附近没有能互动的宝箱。");
+          return;
+        }
+        chest.opened = true;
+        if (chest.id && !saveData.progress.openedChestIds.includes(chest.id))
+          saveData.progress.openedChestIds.push(chest.id);
+        saveData.stats.totalChestsOpened += 1;
+        if (Math.random() < chestDropConfig.cardDropRate) {
+          const card = pickCardLoot();
+          addCard(card.name, card.rarity, "chest");
+          setMessage(`你打开宝箱，获得了龙卡【${card.name}】！`);
+          popups.push({
+            x: chest.x * tileSize + 24,
+            y: chest.y * tileSize + 10,
+            text: `[${card.rarity}] ${card.name}`,
+            color: card.color,
+            life: 1.8,
+          });
+          updateStats();
+          burstParticles(
+            chest.x * tileSize + 24,
+            chest.y * tileSize + 24,
+            card.color,
+            24,
+          );
+          saveGame();
+          return;
+        }
+        const loot = pickLoot();
+        if (loot.type === "gold") {
+          const amount =
+            Math.floor(Math.random() * (loot.max - loot.min + 1)) + loot.min;
+          gold += amount;
+          saveData.stats.totalGoldCollected += amount;
+          setMessage(`你打开宝箱，获得了 ${amount} 枚金币！`);
+          popups.push({
+            x: chest.x * tileSize + 24,
+            y: chest.y * tileSize + 10,
+            text: `+${amount} 金币`,
+            color: loot.color,
+            life: 1.4,
+          });
+        } else if (loot.type === "heal") {
+          player.hp = Math.min(player.maxHp, player.hp + loot.value);
+          addInventory(loot.name);
+          setMessage(`你打开宝箱，恢复了 ${loot.value} 点生命！`);
+          popups.push({
+            x: chest.x * tileSize + 24,
+            y: chest.y * tileSize + 10,
+            text: `+${loot.value} 生命`,
+            color: loot.color,
+            life: 1.6,
+          });
+        } else if (loot.type === "maxHp") {
+          player.maxHp += loot.value;
+          player.hp = Math.min(player.maxHp, player.hp + loot.value + 8);
+          addInventory(loot.name);
+          setMessage(`你获得 ${loot.name}，最大生命 +${loot.value}！`);
+          popups.push({
+            x: chest.x * tileSize + 24,
+            y: chest.y * tileSize + 10,
+            text: `生命上限 +${loot.value}`,
+            color: loot.color,
+            life: 1.6,
+          });
+        } else if (loot.type === "attack") {
+          player.attack += loot.value;
+          addInventory(loot.name);
+          setMessage(`你获得 ${loot.name}，攻击力 +${loot.value}！`);
+          popups.push({
+            x: chest.x * tileSize + 24,
+            y: chest.y * tileSize + 10,
+            text: `攻击 +${loot.value}`,
+            color: loot.color,
+            life: 1.6,
+          });
+        } else {
+          addInventory(loot.name);
+          setMessage(`你打开宝箱，找到了 ${loot.name}！`);
+          popups.push({
+            x: chest.x * tileSize + 24,
+            y: chest.y * tileSize + 10,
+            text: loot.name,
+            color: loot.color,
+            life: 1.6,
+          });
+        }
+        updateStats();
+        burstParticles(
+          chest.x * tileSize + 24,
+          chest.y * tileSize + 24,
+          loot.color,
+          18,
+        );
+        saveGame();
+      }
+      function makeEnemyType() {
+        const roll = Math.random();
+        if (roll < 0.55)
+          return {
+            name: "小史莱姆",
+            color: "#7c3aed",
+            eye: "#fca5a5",
+            hpMul: 1,
+            speed: 1.05,
+            damage: 1,
+            reward: 1,
+            vision: 1,
+          };
+        if (roll < 0.85)
+          return {
+            name: "野狼",
+            color: "#ef4444",
+            eye: "#fee2e2",
+            hpMul: 1.5,
+            speed: 1.18,
+            damage: 2,
+            reward: 1.5,
+            vision: 1.08,
+          };
+        return {
+          name: "重甲魔物",
+          color: "#f59e0b",
+          eye: "#fff7ed",
+          hpMul: 2.3,
+          speed: 0.82,
+          damage: 4,
+          reward: 2.4,
+          vision: 0.92,
+        };
+      }
+      function spawnEnemy() {
+        if (enemies.length >= 16) return;
+        let tries = 0;
+        while (tries < 30) {
+          tries++;
+          const tx = 1 + Math.floor(Math.random() * (world.cols - 2));
+          const ty = 1 + Math.floor(Math.random() * (world.rows - 2));
+          if (isBlocked(tx, ty)) continue;
+          const px = tx * tileSize + tileSize / 2;
+          const py = ty * tileSize + tileSize / 2;
+          if (Math.hypot(px - player.x, py - player.y) < 220) continue;
+          const stageBoost = Math.min(
+            18,
+            Math.floor((gameTime + currentFloor * 12) / 28) * 2,
+          );
+          const type = makeEnemyType();
+          const baseHp = 18 + stageBoost;
+          enemies.push({
+            x: px,
+            y: py,
+            hp: Math.round(baseHp * type.hpMul),
+            maxHp: Math.round(baseHp * type.hpMul),
+            speed: (72 + Math.random() * 22) * type.speed,
+            vision: (scene === "surface" ? 210 : 185) * type.vision,
+            damage: 4 + Math.floor(stageBoost / 5) + type.damage,
+            attackCooldown: 0,
+            wander: Math.random() * Math.PI * 2,
+            reward: Math.round((10 + Math.floor(stageBoost / 2)) * type.reward),
+            color: type.color,
+            eye: type.eye,
+            name: type.name,
+            potionDropRate:
+              type.name === "重甲魔物"
+                ? 0.8
+                : type.name === "野狼"
+                  ? 0.45
+                  : 0.22,
+          });
+          return;
+        }
+      }
+      function dropPotion(x, y, enemy) {
+        if (Math.random() > enemy.potionDropRate) return;
+        groundLoots.push({
+          x,
+          y,
+          type: "potion",
+          heal:
+            enemy.name === "重甲魔物" ? 34 : enemy.name === "野狼" ? 24 : 18,
+          color: "#ef4444",
+          glow: Math.random() * Math.PI * 2,
+        });
+        popups.push({
+          x,
+          y: y - 18,
+          text: "掉了血药!",
+          color: "#fecaca",
+          life: 1.0,
+        });
+      }
+      function tryAttack() {
+        if (attackCooldown > 0 || player.hp <= 0) return;
+        attackCooldown = 0.2;
+        player.attackArc = 0.24;
+        let hit = false;
+        for (let i = enemies.length - 1; i >= 0; i--) {
+          const enemy = enemies[i];
+          const dx = enemy.x - player.x;
+          const dy = enemy.y - player.y;
+          const dist = Math.hypot(dx, dy);
+          const dirDot =
+            dist === 0
+              ? 1
+              : (dx / dist) * player.dirX + (dy / dist) * player.dirY;
+          if (dist < 88 && dirDot > -0.55) {
+            hit = true;
+            const comboBonus = Math.min(18, combo * 0.8);
+            const damage = Math.round(player.attack + comboBonus);
+            enemy.hp -= damage;
+            popups.push({
+              x: enemy.x,
+              y: enemy.y - 12,
+              text: `-${damage}`,
+              color: "#fca5a5",
+              life: 0.9,
+            });
+            burstParticles(enemy.x, enemy.y, "#ef4444", 10);
+            if (enemy.hp <= 0) {
+              enemies.splice(i, 1);
+              gold += enemy.reward;
+              saveData.stats.totalGoldCollected += enemy.reward;
+              combo += 1;
+              comboTimer = 2.8;
+              player.hp = Math.min(
+                player.maxHp,
+                player.hp + player.lifeSteal + Math.floor(combo / 4),
+              );
+              popups.push({
+                x: enemy.x,
+                y: enemy.y - 24,
+                text: `+${enemy.reward} 金币`,
+                color: "#f6c453",
+                life: 1.0,
+              });
+              popups.push({
+                x: enemy.x,
+                y: enemy.y - 42,
+                text: `${combo} 连斩!`,
+                color: "#fde68a",
+                life: 1.0,
+              });
+              burstParticles(enemy.x, enemy.y, "#f6c453", 16);
+              dropPotion(enemy.x, enemy.y, enemy);
+            }
+          }
+        }
+        setMessage(hit ? "你挥剑击中了敌人！" : "你挥了一下剑。");
+        updateStats();
+      }
+      function tryUseStairsOrEntrance() {
+        const tileX = Math.floor(player.x / tileSize);
+        const tileY = Math.floor(player.y / tileSize);
+        if (
+          scene === "surface" &&
+          world.entrance &&
+          tileX === world.entrance.x &&
+          tileY === world.entrance.y
+        ) {
+          currentFloor = 1;
+          scene = "dungeon";
+          generateDungeonFloor(currentFloor, "down");
+          clearFloorEntities();
+          player.x = world.stairsUp.x * tileSize + tileSize / 2;
+          player.y = world.stairsUp.y * tileSize + tileSize / 2;
+          setMessage("你进入了地下城 1 层，去寻找向下的楼梯吧。");
+          updateStats();
+          return true;
+        }
+        if (
+          scene === "dungeon" &&
+          world.stairsDown &&
+          tileX === world.stairsDown.x &&
+          tileY === world.stairsDown.y
+        ) {
+          currentFloor += 1;
+          generateDungeonFloor(currentFloor, "down");
+          clearFloorEntities();
+          player.x = world.stairsUp.x * tileSize + tileSize / 2;
+          player.y = world.stairsUp.y * tileSize + tileSize / 2;
+          setMessage(`你进入了地下城 ${currentFloor} 层，这一层又变了。`);
+          updateStats();
+          return true;
+        }
+        if (
+          scene === "dungeon" &&
+          world.stairsUp &&
+          tileX === world.stairsUp.x &&
+          tileY === world.stairsUp.y
+        ) {
+          if (world.stairsUp.exitToSurface) {
+            scene = "surface";
+            currentFloor = 0;
+            generateSurface();
+            clearFloorEntities();
+            player.x = world.entrance.x * tileSize + tileSize / 2;
+            player.y = (world.entrance.y - 1) * tileSize + tileSize / 2;
+            setMessage("你回到了地表森林。");
+            updateStats();
+            return true;
+          }
+          currentFloor = Math.max(1, currentFloor - 1);
+          generateDungeonFloor(currentFloor, "up");
+          clearFloorEntities();
+          player.x = world.stairsDown.x * tileSize + tileSize / 2;
+          player.y = world.stairsDown.y * tileSize + tileSize / 2;
+          setMessage(`你回到了地下城 ${currentFloor} 层。`);
+          updateStats();
+          return true;
+        }
+        return false;
+      }
+      function drawTile(x, y, type) {
+        const px = x * tileSize;
+        const py = y * tileSize;
+        if (type === "grass" || type === "flower") {
+          const g = ctx.createLinearGradient(px, py, px, py + tileSize);
+          g.addColorStop(0, "#3d8f43");
+          g.addColorStop(1, "#245b2d");
+          ctx.fillStyle = g;
+          ctx.fillRect(px, py, tileSize, tileSize);
+          ctx.fillStyle = "rgba(255,255,255,0.06)";
+          for (let i = 0; i < 4; i++)
+            ctx.fillRect(px + 6 + i * 10, py + 8 + (i % 2) * 10, 2, 10);
+          if (type === "flower") {
+            ctx.fillStyle = "#f472b6";
+            ctx.beginPath();
+            ctx.arc(px + 22, py + 20, 4, 0, Math.PI * 2);
+            ctx.fill();
+            ctx.fillStyle = "#fde68a";
+            ctx.beginPath();
+            ctx.arc(px + 26, py + 28, 4, 0, Math.PI * 2);
+            ctx.fill();
+          }
+        } else if (type === "path") {
+          const g = ctx.createLinearGradient(px, py, px, py + tileSize);
+          g.addColorStop(0, "#8e8a7a");
+          g.addColorStop(1, "#666253");
+          ctx.fillStyle = g;
+          ctx.fillRect(px, py, tileSize, tileSize);
+          ctx.fillStyle = "rgba(255,255,255,0.08)";
+          ctx.fillRect(px + 4, py + 5, tileSize - 10, 9);
+          ctx.fillRect(px + 10, py + 23, tileSize - 18, 8);
+        } else if (type === "tree") {
+          ctx.fillStyle = "#234a2b";
+          ctx.fillRect(px, py, tileSize, tileSize);
+          ctx.fillStyle = "#6b4f2b";
+          ctx.fillRect(px + 20, py + 26, 8, 16);
+          ctx.fillStyle = "#2f8f46";
+          ctx.beginPath();
+          ctx.arc(px + 24, py + 18, 16, 0, Math.PI * 2);
+          ctx.fill();
+          ctx.beginPath();
+          ctx.arc(px + 14, py + 22, 10, 0, Math.PI * 2);
+          ctx.fill();
+          ctx.beginPath();
+          ctx.arc(px + 34, py + 22, 10, 0, Math.PI * 2);
+          ctx.fill();
+        } else if (type === "rock") {
+          const g = ctx.createLinearGradient(px, py, px, py + tileSize);
+          g.addColorStop(0, "#3f6d3d");
+          g.addColorStop(1, "#274c2d");
+          ctx.fillStyle = g;
+          ctx.fillRect(px, py, tileSize, tileSize);
+          ctx.fillStyle = "#7a7f87";
+          ctx.beginPath();
+          ctx.moveTo(px + 12, py + 34);
+          ctx.lineTo(px + 18, py + 18);
+          ctx.lineTo(px + 32, py + 14);
+          ctx.lineTo(px + 38, py + 30);
+          ctx.lineTo(px + 28, py + 38);
+          ctx.closePath();
+          ctx.fill();
+        } else if (type === "wall") {
+          const g = ctx.createLinearGradient(px, py, px, py + tileSize);
+          g.addColorStop(0, "#3b3b48");
+          g.addColorStop(1, "#1d1d28");
+          ctx.fillStyle = g;
+          ctx.fillRect(px, py, tileSize, tileSize);
+          ctx.fillStyle = "rgba(255,255,255,0.05)";
+          ctx.fillRect(px + 4, py + 6, tileSize - 8, 6);
+        } else if (type === "floor" || type === "moss" || type === "crystal") {
+          const g = ctx.createLinearGradient(px, py, px, py + tileSize);
+          g.addColorStop(0, "#6b6556");
+          g.addColorStop(1, "#40392f");
+          ctx.fillStyle = g;
+          ctx.fillRect(px, py, tileSize, tileSize);
+          ctx.fillStyle = "rgba(255,255,255,0.06)";
+          ctx.fillRect(px + 6, py + 8, 14, 8);
+          ctx.fillRect(px + 24, py + 22, 12, 8);
+          if (type === "moss") {
+            ctx.fillStyle = "#3f7f4b";
+            ctx.fillRect(px + 12, py + 28, 14, 7);
+          }
+          if (type === "crystal") {
+            ctx.fillStyle = "#7dd3fc";
+            ctx.beginPath();
+            ctx.moveTo(px + 24, py + 12);
+            ctx.lineTo(px + 30, py + 26);
+            ctx.lineTo(px + 24, py + 34);
+            ctx.lineTo(px + 18, py + 26);
+            ctx.closePath();
+            ctx.fill();
+          }
+        }
+      }
+      function drawChest(chest, time) {
+        const px = chest.x * tileSize;
+        const py = chest.y * tileSize;
+        const glow = 0.5 + Math.sin(time * 0.004 + chest.glow) * 0.5;
+        if (!chest.opened) {
+          ctx.fillStyle = `rgba(246, 196, 83, ${0.1 + glow * 0.12})`;
+          ctx.beginPath();
+          ctx.arc(px + 24, py + 24, 24 + glow * 5, 0, Math.PI * 2);
+          ctx.fill();
+        }
+        ctx.fillStyle = chest.opened ? "#8b6b3e" : "#9a6a32";
+        ctx.fillRect(px + 10, py + 20, 28, 18);
+        ctx.fillStyle = chest.opened ? "#a98c58" : "#c79b3a";
+        ctx.fillRect(px + 10, py + 16, 28, 8);
+        ctx.fillStyle = "#f7d36a";
+        ctx.fillRect(px + 22, py + 20, 4, 10);
+        if (chest.opened) {
+          ctx.strokeStyle = "#d6b15a";
+          ctx.lineWidth = 3;
+          ctx.beginPath();
+          ctx.moveTo(px + 10, py + 17);
+          ctx.lineTo(px + 4, py + 10);
+          ctx.stroke();
+        }
+      }
+      function drawStairs(stairs, kind, time) {
+        if (!stairs) return;
+        const px = stairs.x * tileSize;
+        const py = stairs.y * tileSize;
+        const glow = 0.5 + Math.sin(time * 0.004 + stairs.glow) * 0.5;
+        const color = kind === "down" ? "#60a5fa" : "#c084fc";
+        ctx.fillStyle = `rgba(${kind === "down" ? "96,165,250" : "192,132,252"}, ${0.16 + glow * 0.12})`;
+        ctx.beginPath();
+        ctx.arc(px + 24, py + 24, 20 + glow * 4, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.fillStyle = "#5b5347";
+        ctx.fillRect(px + 8, py + 12, 32, 24);
+        ctx.fillStyle = color;
+        for (let i = 0; i < 4; i++)
+          ctx.fillRect(px + 12, py + 14 + i * 5, 24, 2);
+        ctx.fillStyle = "#eef2ff";
+        ctx.font = "bold 18px sans-serif";
+        ctx.fillText(kind === "down" ? "↓" : "↑", px + 18, py + 31);
+      }
+      function drawEntrance(time) {
+        if (!world.entrance) return;
+        const px = world.entrance.x * tileSize;
+        const py = world.entrance.y * tileSize;
+        const glow = 0.5 + Math.sin(time * 0.004 + world.entrance.glow) * 0.5;
+        ctx.fillStyle = `rgba(99, 102, 241, ${0.15 + glow * 0.16})`;
+        ctx.beginPath();
+        ctx.arc(px + 24, py + 24, 22 + glow * 6, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.fillStyle = "#312e81";
+        ctx.fillRect(px + 10, py + 8, 28, 30);
+        ctx.fillStyle = "#818cf8";
+        ctx.fillRect(px + 15, py + 12, 18, 20);
+        ctx.fillStyle = "#eef2ff";
+        ctx.font = "bold 18px sans-serif";
+        ctx.fillText("门", px + 15, py + 31);
+      }
+      function drawPlayer() {
+        const x = player.x;
+        const y = player.y;
+        ctx.fillStyle = "rgba(0,0,0,0.25)";
+        ctx.beginPath();
+        ctx.ellipse(x, y + 16, 13, 7, 0, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.fillStyle = hurtCooldown > 0 ? "#f87171" : "#3b82f6";
+        ctx.fillRect(x - 9, y - 8, 18, 20);
+        ctx.fillStyle = "#dbeafe";
+        ctx.fillRect(x - 6, y - 14, 12, 10);
+        ctx.fillStyle = "#f0c9a4";
+        ctx.beginPath();
+        ctx.arc(x, y - 16, 8, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.fillStyle = "#f6c453";
+        ctx.fillRect(x - 8, y - 24, 16, 5);
+        ctx.fillStyle = "#1f2937";
+        ctx.fillRect(x - 11, y + 12, 7, 12);
+        ctx.fillRect(x + 4, y + 12, 7, 12);
+        ctx.fillStyle = "#93c5fd";
+        ctx.fillRect(x + 10, y - 5, 4, 16);
+        if (player.attackArc > 0) {
+          ctx.strokeStyle = "#fde68a";
+          ctx.lineWidth = 5;
+          ctx.beginPath();
+          ctx.arc(
+            x + player.dirX * 20,
+            y + player.dirY * 10,
+            26,
+            -0.8 + Math.atan2(player.dirY, player.dirX),
+            0.8 + Math.atan2(player.dirY, player.dirX),
+          );
+          ctx.stroke();
+        }
+      }
+      function drawEnemy(enemy) {
+        ctx.fillStyle = "rgba(0,0,0,0.22)";
+        ctx.beginPath();
+        ctx.ellipse(enemy.x, enemy.y + 12, 12, 6, 0, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.fillStyle = enemy.color;
+        ctx.beginPath();
+        ctx.arc(
+          enemy.x,
+          enemy.y,
+          enemy.name === "重甲魔物" ? 17 : enemy.name === "野狼" ? 13 : 14,
+          0,
+          Math.PI * 2,
+        );
+        ctx.fill();
+        ctx.fillStyle = enemy.eye;
+        ctx.beginPath();
+        ctx.arc(enemy.x - 4, enemy.y - 2, 2.3, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.beginPath();
+        ctx.arc(enemy.x + 4, enemy.y - 2, 2.3, 0, Math.PI * 2);
+        ctx.fill();
+        if (enemy.name === "重甲魔物") {
+          ctx.strokeStyle = "#fff7ed";
+          ctx.lineWidth = 2;
+          ctx.strokeRect(enemy.x - 10, enemy.y - 10, 20, 20);
+        }
+        ctx.fillStyle = "#1f2937";
+        ctx.fillRect(enemy.x - 10, enemy.y - 22, 20, 4);
+        ctx.fillStyle = "#ef4444";
+        ctx.fillRect(
+          enemy.x - 10,
+          enemy.y - 22,
+          Math.max(0, 20 * (enemy.hp / enemy.maxHp)),
+          4,
+        );
+      }
+      function drawGroundLoot(loot, time) {
+        const bob = Math.sin(time * 0.005 + loot.glow) * 4;
+        ctx.fillStyle = "rgba(239,68,68,0.18)";
+        ctx.beginPath();
+        ctx.arc(loot.x, loot.y, 16, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.fillStyle = "#ef4444";
+        ctx.fillRect(loot.x - 7, loot.y - 10 + bob, 14, 20);
+        ctx.fillStyle = "#fee2e2";
+        ctx.fillRect(loot.x - 3, loot.y - 6 + bob, 6, 12);
+        ctx.fillStyle = "#fff1f2";
+        ctx.fillRect(loot.x - 1, loot.y - 2 + bob, 2, 4);
+      }
+      function drawFog(camera) {
+        const radius = scene === "surface" ? 280 : 220;
+        const px = player.x - camera.x;
+        const py = player.y - camera.y;
+        const grad = ctx.createRadialGradient(px, py, 70, px, py, radius);
+        grad.addColorStop(0, "rgba(0,0,0,0)");
+        grad.addColorStop(0.55, "rgba(0,0,0,0.18)");
+        grad.addColorStop(
+          1,
+          scene === "surface" ? "rgba(3, 6, 15, 0.74)" : "rgba(2, 4, 12, 0.82)",
+        );
+        ctx.fillStyle = grad;
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+      }
+      function update(dt) {
+        if (isPaused) return;
+        gameTime += dt;
+        if (player.hp <= 0) return;
+        let dx = 0;
+        let dy = 0;
+        if (keys.has("ArrowLeft") || keys.has("a") || keys.has("A")) dx -= 1;
+        if (keys.has("ArrowRight") || keys.has("d") || keys.has("D")) dx += 1;
+        if (keys.has("ArrowUp") || keys.has("w") || keys.has("W")) dy -= 1;
+        if (keys.has("ArrowDown") || keys.has("s") || keys.has("S")) dy += 1;
+        if (dx || dy) {
+          const len = Math.hypot(dx, dy) || 1;
+          dx /= len;
+          dy /= len;
+          player.dirX = dx;
+          player.dirY = dy;
+          const nextX = player.x + dx * player.speed * dt;
+          const nextY = player.y + dy * player.speed * dt;
+          const tileX = Math.floor(nextX / tileSize);
+          const tileY = Math.floor(player.y / tileSize);
+          if (!isBlocked(tileX, tileY)) player.x = nextX;
+          const tileX2 = Math.floor(player.x / tileSize);
+          const tileY2 = Math.floor(nextY / tileSize);
+          if (!isBlocked(tileX2, tileY2)) player.y = nextY;
+        }
+        spawnTimer += dt;
+        const spawnInterval =
+          scene === "surface"
+            ? gameTime < 40
+              ? 1.6
+              : gameTime < 90
+                ? 1.3
+                : 1.1
+            : gameTime < 40
+              ? 1.3
+              : gameTime < 90
+                ? 1.0
+                : 0.85;
+        if (spawnTimer > spawnInterval) {
+          spawnTimer = 0;
+          spawnEnemy();
+        }
+        if (attackCooldown > 0) attackCooldown -= dt;
+        if (hurtCooldown > 0) hurtCooldown -= dt;
+        if (interactionLock > 0) interactionLock -= dt;
+        if (player.attackArc > 0) player.attackArc -= dt;
+        if (comboTimer > 0) {
+          comboTimer -= dt;
+          if (comboTimer <= 0) combo = 0;
+        }
+        for (let i = groundLoots.length - 1; i >= 0; i--) {
+          const loot = groundLoots[i];
+          loot.glow += dt * 6;
+          if (Math.hypot(loot.x - player.x, loot.y - player.y) < 28) {
+            player.hp = Math.min(player.maxHp, player.hp + loot.heal);
+            popups.push({
+              x: loot.x,
+              y: loot.y - 16,
+              text: `+${loot.heal} 生命`,
+              color: "#fecaca",
+              life: 1.0,
+            });
+            burstParticles(loot.x, loot.y, "#ef4444", 12);
+            groundLoots.splice(i, 1);
+            setMessage("你捡到了补血药！");
+            updateStats();
+            saveGame();
+          }
+        }
+        for (const enemy of enemies) {
+          const dxToPlayer = player.x - enemy.x;
+          const dyToPlayer = player.y - enemy.y;
+          const dist = Math.hypot(dxToPlayer, dyToPlayer);
+          enemy.attackCooldown -= dt;
+          let moveX = 0;
+          let moveY = 0;
+          if (dist < enemy.vision) {
+            moveX = dxToPlayer / (dist || 1);
+            moveY = dyToPlayer / (dist || 1);
+          } else {
+            enemy.wander += dt;
+            moveX = Math.cos(enemy.wander) * 0.35;
+            moveY = Math.sin(enemy.wander * 0.8) * 0.35;
+          }
+          const nextX = enemy.x + moveX * enemy.speed * dt;
+          const nextY = enemy.y + moveY * enemy.speed * dt;
+          const tileX = Math.floor(nextX / tileSize);
+          const tileY = Math.floor(enemy.y / tileSize);
+          if (!isBlocked(tileX, tileY)) enemy.x = nextX;
+          const tileX2 = Math.floor(enemy.x / tileSize);
+          const tileY2 = Math.floor(nextY / tileSize);
+          if (!isBlocked(tileX2, tileY2)) enemy.y = nextY;
+          if (dist < 40 && enemy.attackCooldown <= 0) {
+            enemy.attackCooldown = 1.7;
+            player.hp -= enemy.damage;
+            hurtCooldown = 0.25;
+            popups.push({
+              x: player.x,
+              y: player.y - 20,
+              text: `-${enemy.damage}`,
+              color: "#fb7185",
+              life: 0.8,
+            });
+            burstParticles(player.x, player.y, "#fb7185", 8);
+            combo = 0;
+            comboTimer = 0;
+            if (player.hp <= 0) {
+              player.hp = 0;
+              setMessage("你被敌人击倒了，刷新页面可以重新开始。");
+            } else {
+              setMessage("敌人打中了你，小心一点！");
+            }
+            updateStats();
+            saveGame();
+          }
+        }
+        for (let i = particles.length - 1; i >= 0; i--) {
+          const p = particles[i];
+          p.life -= dt;
+          p.x += p.vx * dt;
+          p.y += p.vy * dt;
+          p.vy += 180 * dt;
+          if (p.life <= 0) particles.splice(i, 1);
+        }
+        for (let i = popups.length - 1; i >= 0; i--) {
+          const p = popups[i];
+          p.life -= dt;
+          p.y -= 24 * dt;
+          if (p.life <= 0) popups.splice(i, 1);
+        }
+        if (messageTimer > 0) {
+          messageTimer -= dt;
+          if (messageTimer <= 0) lootLogEl.textContent = currentMessage;
+        }
+      }
+      function render(time) {
+        const camera = getCamera();
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        ctx.save();
+        ctx.translate(-camera.x, -camera.y);
+        for (let y = 0; y < world.rows; y++) {
+          for (let x = 0; x < world.cols; x++) drawTile(x, y, world.map[y][x]);
+        }
+        ctx.fillStyle = "rgba(255,255,255,0.07)";
+        for (let x = 0; x <= world.cols; x++)
+          ctx.fillRect(x * tileSize, 0, 1, world.rows * tileSize);
+        for (let y = 0; y <= world.rows; y++)
+          ctx.fillRect(0, y * tileSize, world.cols * tileSize, 1);
+        for (const chest of world.chests) drawChest(chest, time);
+        drawEntrance(time);
+        drawStairs(world.stairsUp, "up", time);
+        drawStairs(world.stairsDown, "down", time);
+        for (const loot of groundLoots) drawGroundLoot(loot, time);
+        for (const enemy of enemies) drawEnemy(enemy);
+        drawPlayer();
+        ctx.restore();
+        for (const p of particles) {
+          ctx.globalAlpha = Math.max(p.life, 0);
+          ctx.fillStyle = p.color;
+          ctx.fillRect(p.x, p.y, p.size, p.size);
+        }
+        ctx.globalAlpha = 1;
+        for (const popup of popups) {
+          ctx.globalAlpha = Math.max(popup.life / 1.6, 0);
+          ctx.fillStyle = popup.color;
+          ctx.font = "bold 20px sans-serif";
+          ctx.fillText(popup.text, popup.x - 18, popup.y);
+        }
+        ctx.globalAlpha = 1;
+        drawFog(camera);
+        const tileX = Math.floor(player.x / tileSize);
+        const tileY = Math.floor(player.y / tileSize);
+        const nearChest = world.chests.find(
+          (c) =>
+            !c.opened && Math.abs(c.x - tileX) + Math.abs(c.y - tileY) <= 1,
+        );
+        const onEntrance =
+          world.entrance &&
+          tileX === world.entrance.x &&
+          tileY === world.entrance.y;
+        const onStairsUp =
+          world.stairsUp &&
+          tileX === world.stairsUp.x &&
+          tileY === world.stairsUp.y;
+        const onStairsDown =
+          world.stairsDown &&
+          tileX === world.stairsDown.x &&
+          tileY === world.stairsDown.y;
+        if (nearChest || onEntrance || onStairsUp || onStairsDown) {
+          ctx.fillStyle = "rgba(17,24,39,0.75)";
+          ctx.fillRect(300, 18, 360, 36);
+          ctx.fillStyle = "#fff1b5";
+          ctx.font = "bold 18px sans-serif";
+          let text = "按 E 或 空格 互动";
+          if (nearChest) text = "按 E 或 空格 打开宝箱";
+          if (onEntrance) text = "按 E 或 空格 进入地下城";
+          if (onStairsDown) text = "按 E 或 空格 前往下一层";
+          if (onStairsUp)
+            text = world.stairsUp.exitToSurface
+              ? "按 E 或 空格 返回地表"
+              : "按 E 或 空格 返回上一层";
+          ctx.fillText(text, 332, 42);
+        }
+        if (player.hp <= 0) {
+          ctx.fillStyle = "rgba(0,0,0,0.55)";
+          ctx.fillRect(0, 0, canvas.width, canvas.height);
+          ctx.fillStyle = "#fff1b5";
+          ctx.font = "bold 38px sans-serif";
+          ctx.fillText("你倒下了", 390, 320);
+          ctx.font = "20px sans-serif";
+          ctx.fillText("刷新页面可以重新开始", 365, 360);
+        }
+      }
+      function loop(now) {
+        const dt = Math.min((now - loop.last) / 1000, 0.033);
+        loop.last = now;
+        update(dt);
+        render(now);
+        requestAnimationFrame(loop);
+      }
+      loop.last = performance.now();
+      function initGameWorld() {
+        loadGame();
+        if (scene === "dungeon" && currentFloor > 0) {
+          generateDungeonFloor(currentFloor, "down");
+          player.x = world.stairsUp.x * tileSize + tileSize / 2;
+          player.y = world.stairsUp.y * tileSize + tileSize / 2;
+        } else {
+          scene = "surface";
+          currentFloor = 0;
+          generateSurface();
+          player.x = tileSize * 3.5;
+          player.y = tileSize * 3.5;
+        }
+        renderInventory();
+        renderCardInventory();
+        updateStats();
+        saveGame();
+      }
+      function startGame() {
+        menuOverlayEl.classList.add("hidden");
+        introVideoEl.pause();
+        requestAnimationFrame(loop);
+      }
+      showHelpBtn.addEventListener("click", () => {
+        const visible = menuHelpEl.style.display === "block";
+        menuHelpEl.style.display = visible ? "none" : "block";
+        showHelpBtn.textContent = visible ? "游戏说明" : "收起说明";
+      });
+      startGameBtn.addEventListener("click", startGame);
+      viewCodexBtn.addEventListener("click", () => {
+        saveGame();
+        setPaused(true);
+        setMessage("正在打开图签页面...");
+        const codexWin = window.open(
+          "../remix/万物图签：我的AI卡牌宇宙_1508/index.html",
+          "_blank",
+        );
+        if (!codexWin) {
+          setMessage("图签没有打开，可能被浏览器拦截了弹窗。");
+          setPaused(false);
+          return;
+        }
+        codexWin.focus();
+        setMessage("图签已打开，返回游戏后按任意键继续。");
+        const watcher = setInterval(() => {
+          if (codexWin.closed) {
+            clearInterval(watcher);
+            setPaused(false);
+          }
+        }, 500);
+      });
+      window.addEventListener("keydown", (e) => {
+        if (!menuOverlayEl.classList.contains("hidden")) {
+          if (e.key === "Enter") startGame();
+          return;
+        }
+        if (isPaused) {
+          e.preventDefault();
+          setPaused(false);
+          return;
+        }
+        keys.add(e.key);
+        if (e.key === " " || e.key === "e" || e.key === "E") {
+          e.preventDefault();
+          if (interactionLock > 0) return;
+          interactionLock = 0.2;
+          if (!tryUseStairsOrEntrance()) tryOpenChest();
+        }
+        if (e.key === "j" || e.key === "J") {
+          e.preventDefault();
+          tryAttack();
+        }
+      });
+      window.addEventListener("keyup", (e) => keys.delete(e.key));
+      initGameWorld();
+    </script>
+  </body>
+</html>