async function updateCards(cardList) {  // card.children 包含不同状态的子节点：背景底图、锁定容器、可解锁图、已解锁图、标题、图标、点击区  for (var index = 0; index < cardList.length; index++) {    var card = cardList[index];    var children = card.children;    var cardImage = getNode(children[3].id);       // 已解锁图片    var iconImage = getNode(children[5].id);       // 图标    if (card.isUnlocked && isPlayingAnimation) {      // 解锁动画      gsap.to('#' + iconImage.id, {        opacity: 0, duration: 0.4,        onComplete: function () { iconImage.visible = false; }      });      gsap.to('#' + cardImage.id, {        opacity: 1, duration: 1.8,        onComplete: function () {          cardImage.style = Object.assign({}, cardImage.style, { opacity: 1 });        }      });    }  }}

解锁动画结束后（~2秒）→ window._debug = undefined（onComplete 未执行！）打开详情弹窗后 → window._debug 出现了（onComplete 此时才执行）

cardImage.style = Object.assign({}, cardImage.style, { opacity: 1 }); // MNode 立即为 1gsap.fromTo('#' + cardImage.id, { opacity: 0 }, { opacity: 1, duration: 1.8 }); // DOM 从 0 渐变

// var：整个函数共享同一个变量for (var i = 0; i < 3; i++) {  setTimeout(function() { console.log(i); }, 100);}// 输出：3, 3, 3（都是循环结束后的值）// let：每次迭代创建独立变量for (let i = 0; i < 3; i++) {  setTimeout(function() { console.log(i); }, 100);}// 输出：0, 1, 2（各自迭代时的值）

for (var index = 0; index < 3; index++) {  var cardImage = getNode(items[3].id);   // var → 函数作用域  var iconImage = getNode(items[5].id);   // var → 函数作用域  if (shouldAnimate(index)) {    gsap.to('#' + cardImage.id, {         // 选择器字符串 → 立即求值 → 正确      onComplete: function () {        cardImage.style.opacity = 1;      // 闭包引用 → 延迟求值 → 错误！      }    });    gsap.to('#' + iconImage.id, {      onComplete: function () {        iconImage.visible = false;        // 闭包引用 → 延迟求值 → 错误！      }    });  }}

解锁卡片1 (index=0):  → cardImage 指向卡片1 → gsap.to 启动（选择器正确）  → 循环继续 → cardImage 被覆盖为卡片3  → onComplete 执行 → cardImage.style.opacity=1 设置的是卡片3  → 卡片1 的 MNode.style.opacity 从未变为 1（仍是 0）  → 打开详情弹窗 → 框架 DOM 同步 → 从卡片1 MNode 读到 opacity=0 → DOM 重置

解锁卡片1 (index=0):  → iconImage 指向卡片1 → gsap.to 启动（选择器正确）  → 循环继续 → iconImage 被覆盖为卡片3  → onComplete 执行 → iconImage.visible=false 隐藏的是卡片3的图标

项目规则："不要用新语法特性"（本意是禁止 ES2020+）          ↓ AI 过度解读文档模板：代码示例全用 var（历史习惯，但无 for+异步回调场景，模板本身不出 bug）          ↓ AI 模仿模板风格AI 生成代码：所有变量统一用 var 做机械替换          ↓ "for 循环 + gsap onComplete" 场景触发闭包陷阱 → Bug

for (let index = 0; index < cardList.length; index++) {  let cardImage = getNode(items[3].id);  let iconImage = getNode(items[5].id);  // 每次迭代的 onComplete 闭包捕获各自独立的变量}

// 立即设 MNode.style.opacity = 1（防止 reconciliation 重置）cardImage.style = Object.assign({}, cardImage.style, { opacity: 1 });// 用 fromTo 强制 DOM 从 0 开始动画（保留视觉效果）gsap.fromTo('#' + cardImage.id, { opacity: 0 }, { opacity: 1, duration: 1.8 });