/**
 * 群聊红包/转账功能模块
 * 支持拼手气红包、指定成员红包、群聊转账
 */

import { getSettings } from './config.js';
import { requestSave } from './save-manager.js';
import { showToast } from './toast.js';
import { escapeHtml, sleep } from './utils.js';
import { refreshChatList, getUserAvatarHTML } from './ui.js';
import { deductFromWallet, addToWallet, getWalletBalance, generateRedPacketId } from './red-packet.js';
import { generateTransferId } from './transfer.js';
import { getCurrentGroupIndex, enforceGroupChatMemberLimit, appendGroupMessage, showGroupTypingIndicator, hideGroupTypingIndicator } from './group-chat.js';
import { buildSystemPrompt } from './ai.js';

// ============ 状态变量 ============

// 群红包状态
let groupRedPacketType = 'random'; // 'random' | 'designated'
let groupRedPacketAmount = '';
let groupRedPacketCount = '';
let groupRedPacketMessage = '恭喜发财，大吉大利';
let groupRedPacketSelectedMembers = []; // 指定成员红包的目标成员ID列表

// 群转账状态
let groupTransferAmount = '';
let groupTransferDescription = '';
let groupTransferTargetMemberId = null;

// 待领取的群红包
let pendingGroupRedPacket = null;
let pendingGroupRedPacketIndex = -1;

// ============ 工具函数 ============

function getTimeStr() {
  const now = new Date();
  return `${now.getFullYear()}-${(now.getMonth()+1).toString().padStart(2,'0')}-${now.getDate().toString().padStart(2,'0')} ${now.getHours().toString().padStart(2,'0')}:${now.getMinutes().toString().padStart(2,'0')}`;
}

/**
 * 随机分配红包金额（拼手气）
 * @param {number} totalAmount 总金额
 * @param {number} count 红包个数
 * @returns {number[]} 每个红包的金额数组
 */
function distributeRandomAmounts(totalAmount, count) {
  if (count <= 0 || totalAmount <= 0) return [];
  if (count === 1) return [totalAmount];

  const amounts = [];
  let remaining = Math.round(totalAmount * 100); // 转为分，避免浮点数精度问题
  const minAmount = 1; // 最小1分

  for (let i = 0; i < count - 1; i++) {
    const maxForThis = remaining - (count - i - 1) * minAmount;
    if (maxForThis <= minAmount) {
      amounts.push(minAmount);
      remaining -= minAmount;
      continue;
    }

    // 20% 概率只给 0.01 元（1分）
    if (Math.random() < 0.2) {
      amounts.push(minAmount);
      remaining -= minAmount;
      continue;
    }

    // 正常随机分配（使用二倍均值法变体）
    const avgRemaining = remaining / (count - i);
    const maxRandom = Math.min(maxForThis, Math.floor(avgRemaining * 2));
    const randomAmount = Math.max(minAmount, Math.floor(Math.random() * maxRandom));
    amounts.push(randomAmount);
    remaining -= randomAmount;
  }

  // 最后一个红包拿走剩余金额
  amounts.push(remaining);

  // 打乱顺序
  for (let i = amounts.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [amounts[i], amounts[j]] = [amounts[j], amounts[i]];
  }

  // 转回元
  return amounts.map(a => a / 100);
}

// ============ 群红包类型选择页面 ============

/**
 * 显示群红包类型选择页面
 */
export function showGroupRedPacketTypePage() {
  const page = document.getElementById('wechat-group-rp-type-page');
  if (!page) {
    createGroupRedPacketPages();
  }

  // 重置状态
  groupRedPacketType = 'random';
  groupRedPacketAmount = '';
  groupRedPacketCount = '';
  groupRedPacketMessage = '恭喜发财，大吉大利';
  groupRedPacketSelectedMembers = [];

  document.getElementById('wechat-group-rp-type-page')?.classList.remove('hidden');
}

/**
 * 隐藏群红包类型选择页面
 */
export function hideGroupRedPacketTypePage() {
  document.getElementById('wechat-group-rp-type-page')?.classList.add('hidden');
}

// ============ 拼手气红包页面 ============

/**
 * 显示拼手气红包页面
 */
export function showGroupRandomRedPacketPage() {
  hideGroupRedPacketTypePage();
  groupRedPacketType = 'random';
  groupRedPacketAmount = '';
  groupRedPacketCount = '';

  const page = document.getElementById('wechat-group-random-rp-page');
  if (page) {
    page.classList.remove('hidden');
    updateGroupRandomRedPacketDisplay();
  }
}

/**
 * 隐藏拼手气红包页面
 */
export function hideGroupRandomRedPacketPage() {
  document.getElementById('wechat-group-random-rp-page')?.classList.add('hidden');
  document.getElementById('wechat-group-rp-keyboard')?.classList.add('hidden');
}

/**
 * 更新拼手气红包显示
 */
function updateGroupRandomRedPacketDisplay() {
  const amountEl = document.getElementById('wechat-group-rp-amount-value');
  const countEl = document.getElementById('wechat-group-rp-count-value');
  const totalEl = document.getElementById('wechat-group-rp-total-display');

  if (amountEl) {
    amountEl.textContent = groupRedPacketAmount || '0.00';
  }
  if (countEl) {
    countEl.textContent = groupRedPacketCount || '0';
  }
  if (totalEl) {
    const amount = parseFloat(groupRedPacketAmount) || 0;
    totalEl.textContent = '¥' + amount.toFixed(2);
  }
}

// ============ 指定成员红包页面 ============

/**
 * 显示指定成员红包页面
 */
export function showGroupDesignatedRedPacketPage() {
  hideGroupRedPacketTypePage();
  groupRedPacketType = 'designated';
  groupRedPacketAmount = '';
  groupRedPacketSelectedMembers = [];

  const settings = getSettings();
  const groupIndex = getCurrentGroupIndex();
  const groupChat = settings.groupChats?.[groupIndex];
  if (!groupChat) return;

  const { memberIds } = enforceGroupChatMemberLimit(groupChat);
  const members = memberIds.map(id => settings.contacts.find(c => c.id === id)).filter(Boolean);

  // 渲染成员列表
  const listContainer = document.getElementById('wechat-group-designated-member-list');
  if (listContainer) {
    listContainer.innerHTML = members.map(member => {
      const firstChar = member.name?.charAt(0) || '?';
      const avatarHtml = member.avatar
        ? `<img src="${member.avatar}" style="width: 100%; height: 100%; object-fit: cover;">`
        : firstChar;

      return `
        <div class="wechat-group-designated-member-item" data-member-id="${member.id}">
          <div class="wechat-group-designated-member-check">
            <input type="checkbox" data-member-id="${member.id}">
          </div>
          <div class="wechat-group-designated-member-avatar">${avatarHtml}</div>
          <div class="wechat-group-designated-member-name">${escapeHtml(member.name)}</div>
        </div>
      `;
    }).join('');

    // 绑定点击事件
    listContainer.querySelectorAll('.wechat-group-designated-member-item').forEach(item => {
      item.addEventListener('click', (e) => {
        const checkbox = item.querySelector('input[type="checkbox"]');
        if (e.target !== checkbox) {
          checkbox.checked = !checkbox.checked;
        }
        updateGroupDesignatedSelection();
      });
    });
  }

  document.getElementById('wechat-group-designated-rp-page')?.classList.remove('hidden');
  updateGroupDesignatedRedPacketDisplay();
}

/**
 * 更新指定成员选择
 */
function updateGroupDesignatedSelection() {
  const checkboxes = document.querySelectorAll('#wechat-group-designated-member-list input[type="checkbox"]:checked');
  groupRedPacketSelectedMembers = Array.from(checkboxes).map(cb => cb.dataset.memberId);

  const countEl = document.getElementById('wechat-group-designated-count');
  if (countEl) {
    countEl.textContent = groupRedPacketSelectedMembers.length;
  }
}

/**
 * 隐藏指定成员红包页面
 */
export function hideGroupDesignatedRedPacketPage() {
  document.getElementById('wechat-group-designated-rp-page')?.classList.add('hidden');
  document.getElementById('wechat-group-designated-keyboard')?.classList.add('hidden');
}

/**
 * 更新指定成员红包显示
 */
function updateGroupDesignatedRedPacketDisplay() {
  const amountEl = document.getElementById('wechat-group-designated-amount-value');
  const countEl = document.getElementById('wechat-group-designated-count');
  const totalEl = document.getElementById('wechat-group-designated-total-display');

  const amount = parseFloat(groupRedPacketAmount) || 0;
  const count = groupRedPacketSelectedMembers.length;

  if (amountEl) {
    amountEl.textContent = groupRedPacketAmount || '0.00';
  }
  if (countEl) {
    countEl.textContent = count;
  }
  if (totalEl) {
    totalEl.textContent = '¥' + (amount * count).toFixed(2);
  }
}

// ============ 群转账成员选择页面 ============

/**
 * 显示群转账成员选择页面
 */
export function showGroupTransferSelectPage() {
  groupTransferAmount = '';
  groupTransferDescription = '';
  groupTransferTargetMemberId = null;

  const settings = getSettings();
  const groupIndex = getCurrentGroupIndex();
  const groupChat = settings.groupChats?.[groupIndex];
  if (!groupChat) return;

  const { memberIds } = enforceGroupChatMemberLimit(groupChat);
  const members = memberIds.map(id => settings.contacts.find(c => c.id === id)).filter(Boolean);

  // 渲染成员列表
  const listContainer = document.getElementById('wechat-group-transfer-member-list');
  if (listContainer) {
    listContainer.innerHTML = members.map(member => {
      const firstChar = member.name?.charAt(0) || '?';
      const avatarHtml = member.avatar
        ? `<img src="${member.avatar}" style="width: 100%; height: 100%; object-fit: cover;">`
        : firstChar;

      return `
        <div class="wechat-group-transfer-member-item" data-member-id="${member.id}">
          <div class="wechat-group-transfer-member-avatar">${avatarHtml}</div>
          <div class="wechat-group-transfer-member-name">${escapeHtml(member.name)}</div>
          <div class="wechat-group-transfer-member-arrow">
            <svg viewBox="0 0 24 24" width="16" height="16"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" fill="none"/></svg>
          </div>
        </div>
      `;
    }).join('');

    // 绑定点击事件
    listContainer.querySelectorAll('.wechat-group-transfer-member-item').forEach(item => {
      item.addEventListener('click', () => {
        groupTransferTargetMemberId = item.dataset.memberId;
        hideGroupTransferSelectPage();
        showGroupTransferAmountPage();
      });
    });
  }

  document.getElementById('wechat-group-transfer-select-page')?.classList.remove('hidden');
}

/**
 * 隐藏群转账成员选择页面
 */
export function hideGroupTransferSelectPage() {
  document.getElementById('wechat-group-transfer-select-page')?.classList.add('hidden');
}

// ============ 群转账金额输入页面 ============

/**
 * 显示群转账金额输入页面
 */
export function showGroupTransferAmountPage() {
  const settings = getSettings();
  const targetMember = settings.contacts?.find(c => c.id === groupTransferTargetMemberId);
  if (!targetMember) {
    showToast('请先选择转账对象', 'info');
    return;
  }

  // 更新页面标题显示目标成员
  const titleEl = document.getElementById('wechat-group-transfer-target-name');
  if (titleEl) {
    titleEl.textContent = `向 ${targetMember.name} 转账`;
  }

  groupTransferAmount = '';
  groupTransferDescription = '';

  document.getElementById('wechat-group-transfer-amount-page')?.classList.remove('hidden');
  updateGroupTransferAmountDisplay();
}

/**
 * 隐藏群转账金额输入页面
 */
export function hideGroupTransferAmountPage() {
  document.getElementById('wechat-group-transfer-amount-page')?.classList.add('hidden');
  document.getElementById('wechat-group-transfer-keyboard')?.classList.add('hidden');
}

/**
 * 更新群转账金额显示
 */
function updateGroupTransferAmountDisplay() {
  const amountEl = document.getElementById('wechat-group-transfer-amount-value');
  const displayEl = document.getElementById('wechat-group-transfer-amount-display');

  const amount = parseFloat(groupTransferAmount) || 0;

  if (amountEl) {
    amountEl.textContent = groupTransferAmount || '0.00';
  }
  if (displayEl) {
    displayEl.textContent = '¥' + amount.toFixed(2);
  }
}

// ============ 键盘处理 ============

let currentKeyboardTarget = null; // 'random-amount' | 'random-count' | 'designated-amount' | 'transfer-amount'

/**
 * 显示数字键盘
 */
export function showGroupKeyboard(target) {
  currentKeyboardTarget = target;

  let keyboardId;
  if (target === 'random-amount' || target === 'random-count') {
    keyboardId = 'wechat-group-rp-keyboard';
  } else if (target === 'designated-amount') {
    keyboardId = 'wechat-group-designated-keyboard';
  } else if (target === 'transfer-amount') {
    keyboardId = 'wechat-group-transfer-keyboard';
  }

  const keyboard = document.getElementById(keyboardId);
  if (keyboard) {
    keyboard.classList.remove('hidden');
  }
}

/**
 * 隐藏数字键盘
 */
export function hideGroupKeyboard() {
  document.getElementById('wechat-group-rp-keyboard')?.classList.add('hidden');
  document.getElementById('wechat-group-designated-keyboard')?.classList.add('hidden');
  document.getElementById('wechat-group-transfer-keyboard')?.classList.add('hidden');
  currentKeyboardTarget = null;
}

/**
 * 处理键盘输入
 */
export function handleGroupKeyboardInput(key) {
  if (!currentKeyboardTarget) return;

  let currentValue;
  let isCount = currentKeyboardTarget === 'random-count';

  if (currentKeyboardTarget === 'random-amount') {
    currentValue = groupRedPacketAmount;
  } else if (currentKeyboardTarget === 'random-count') {
    currentValue = groupRedPacketCount;
  } else if (currentKeyboardTarget === 'designated-amount') {
    currentValue = groupRedPacketAmount;
  } else if (currentKeyboardTarget === 'transfer-amount') {
    currentValue = groupTransferAmount;
  }

  if (key === 'backspace') {
    currentValue = currentValue.slice(0, -1);
  } else if (key === 'confirm') {
    hideGroupKeyboard();
    return;
  } else if (key === '.') {
    if (isCount) return; // 红包个数不允许小数点
    if (!currentValue.includes('.') && currentValue.length > 0) {
      currentValue += '.';
    }
  } else {
    if (isCount) {
      // 红包个数：整数，最多2位
      if (currentValue.length < 2) {
        currentValue += key;
      }
    } else {
      // 金额
      const dotIndex = currentValue.indexOf('.');
      if (dotIndex !== -1) {
        if (currentValue.length - dotIndex <= 2) {
          currentValue += key;
        }
      } else {
        if (currentValue.length < 6) {
          currentValue += key;
        }
      }
    }
  }

  // 更新状态
  if (currentKeyboardTarget === 'random-amount') {
    groupRedPacketAmount = currentValue;
    updateGroupRandomRedPacketDisplay();
  } else if (currentKeyboardTarget === 'random-count') {
    groupRedPacketCount = currentValue;
    updateGroupRandomRedPacketDisplay();
  } else if (currentKeyboardTarget === 'designated-amount') {
    groupRedPacketAmount = currentValue;
    updateGroupDesignatedRedPacketDisplay();
  } else if (currentKeyboardTarget === 'transfer-amount') {
    groupTransferAmount = currentValue;
    updateGroupTransferAmountDisplay();
  }
}

// ============ 密码验证 ============

let pendingGroupAction = null; // { type: 'random-rp' | 'designated-rp' | 'transfer', ... }

/**
 * 显示群聊密码输入弹窗
 */
export function showGroupPasswordModal(actionType, extraData = {}) {
  pendingGroupAction = { type: actionType, ...extraData };

  const modal = document.getElementById('wechat-group-password-modal');
  if (modal) {
    modal.classList.remove('hidden');
    // 清空密码
    const dots = modal.querySelectorAll('.wechat-password-dot');
    dots.forEach(dot => dot.classList.remove('filled'));
    modal.dataset.password = '';
  }
}

/**
 * 隐藏群聊密码输入弹窗
 */
export function hideGroupPasswordModal() {
  const modal = document.getElementById('wechat-group-password-modal');
  if (modal) {
    modal.classList.add('hidden');
  }
  pendingGroupAction = null;
}

/**
 * 处理密码输入
 */
export function handleGroupPasswordInput(key) {
  const modal = document.getElementById('wechat-group-password-modal');
  if (!modal) return;

  let password = modal.dataset.password || '';

  if (key === 'backspace') {
    password = password.slice(0, -1);
  } else if (password.length < 6) {
    password += key;
  }

  modal.dataset.password = password;

  // 更新密码点显示
  const dots = modal.querySelectorAll('.wechat-password-dot');
  dots.forEach((dot, index) => {
    dot.classList.toggle('filled', index < password.length);
  });

  // 6位密码输入完成，验证
  if (password.length === 6) {
    const settings = getSettings();
    const correctPassword = settings.paymentPassword || '666666';
    if (password === correctPassword) {
      hideGroupPasswordModal();
      executeGroupAction();
    } else {
      showToast('密码错误', 'info');
      modal.dataset.password = '';
      dots.forEach(dot => dot.classList.remove('filled'));
    }
  }
}

/**
 * 执行群聊操作
 */
async function executeGroupAction() {
  if (!pendingGroupAction) return;

  const actionType = pendingGroupAction.type;

  if (actionType === 'random-rp') {
    await sendGroupRandomRedPacket();
  } else if (actionType === 'designated-rp') {
    await sendGroupDesignatedRedPacket();
  } else if (actionType === 'transfer') {
    await sendGroupTransfer();
  }

  pendingGroupAction = null;
}

// ============ 发送群红包 ============

/**
 * 提交拼手气红包（显示密码输入）
 */
export function submitGroupRandomRedPacket() {
  const amount = parseFloat(groupRedPacketAmount) || 0;
  const count = parseInt(groupRedPacketCount) || 0;

  if (amount <= 0) {
    showToast('请输入红包金额', 'info');
    return;
  }
  if (count <= 0) {
    showToast('请输入红包个数', 'info');
    return;
  }
  if (amount > 200) {
    showToast('单个红包最多200元', 'info');
    return;
  }
  if (amount > getWalletBalance()) {
    showToast('余额不足', 'info');
    return;
  }

  // 获取祝福语
  const messageInput = document.getElementById('wechat-group-rp-message');
  if (messageInput && messageInput.value.trim()) {
    groupRedPacketMessage = messageInput.value.trim();
  }

  showGroupPasswordModal('random-rp');
}

/**
 * 发送拼手气红包
 */
async function sendGroupRandomRedPacket() {
  const amount = parseFloat(groupRedPacketAmount) || 0;
  const count = parseInt(groupRedPacketCount) || 0;

  // 扣款
  const result = deductFromWallet(amount);
  if (!result.success) {
    showToast(result.message, 'info');
    return;
  }

  hideGroupRandomRedPacketPage();

  const settings = getSettings();
  const groupIndex = getCurrentGroupIndex();
  const groupChat = settings.groupChats?.[groupIndex];
  if (!groupChat) return;

  const { memberIds } = enforceGroupChatMemberLimit(groupChat);
  const members = memberIds.map(id => settings.contacts.find(c => c.id === id)).filter(Boolean);

  // 分配金额
  const distributedAmounts = distributeRandomAmounts(amount, count);

  // 创建红包信息
  const rpInfo = {
    id: generateRedPacketId(),
    type: 'random',
    totalAmount: amount,
    count: count,
    message: groupRedPacketMessage,
    senderName: settings.userName || 'User',
    distributedAmounts: distributedAmounts,
    claimedBy: [], // { memberId, memberName, amount, claimedAt }
    status: 'pending',
    expireAt: Date.now() + 24 * 60 * 60 * 1000
  };

  // 保存到聊天记录
  if (!groupChat.chatHistory) groupChat.chatHistory = [];
  groupChat.chatHistory.push({
    role: 'user',
    content: `[群红包] ${groupRedPacketMessage}`,
    time: getTimeStr(),
    timestamp: Date.now(),
    isGroupRedPacket: true,
    groupRedPacketInfo: rpInfo
  });

  // 显示红包消息
  appendGroupRedPacketMessage('user', rpInfo);
  requestSave();
  refreshChatList();

  // AI 领取红包（随机延迟）
  await processAIClaimGroupRedPacket(rpInfo, groupChat, members);
}

/**
 * 提交指定成员红包（显示密码输入）
 */
export function submitGroupDesignatedRedPacket() {
  const amount = parseFloat(groupRedPacketAmount) || 0;
  const count = groupRedPacketSelectedMembers.length;

  if (amount <= 0) {
    showToast('请输入红包金额', 'info');
    return;
  }
  if (count <= 0) {
    showToast('请选择接收成员', 'info');
    return;
  }
  if (amount > 200) {
    showToast('单个红包最多200元', 'info');
    return;
  }

  const totalAmount = amount * count;
  if (totalAmount > getWalletBalance()) {
    showToast('余额不足', 'info');
    return;
  }

  // 获取祝福语
  const messageInput = document.getElementById('wechat-group-designated-message');
  if (messageInput && messageInput.value.trim()) {
    groupRedPacketMessage = messageInput.value.trim();
  }

  showGroupPasswordModal('designated-rp');
}

/**
 * 发送指定成员红包
 */
async function sendGroupDesignatedRedPacket() {
  const amount = parseFloat(groupRedPacketAmount) || 0;
  const count = groupRedPacketSelectedMembers.length;
  const totalAmount = amount * count;

  // 扣款
  const settings = getSettings();
  const current = getWalletBalance();
  if (totalAmount > current) {
    showToast('余额不足', 'info');
    return;
  }

  settings.walletAmount = (current - totalAmount).toFixed(2);
  requestSave();

  hideGroupDesignatedRedPacketPage();

  const groupIndex = getCurrentGroupIndex();
  const groupChat = settings.groupChats?.[groupIndex];
  if (!groupChat) return;

  const { memberIds } = enforceGroupChatMemberLimit(groupChat);
  const members = memberIds.map(id => settings.contacts.find(c => c.id === id)).filter(Boolean);

  // 获取指定成员名称
  const targetMembers = groupRedPacketSelectedMembers.map(id => {
    const member = settings.contacts.find(c => c.id === id);
    return member?.name || '未知';
  });

  // 创建红包信息
  const rpInfo = {
    id: generateRedPacketId(),
    type: 'designated',
    totalAmount: totalAmount,
    amountPerPerson: amount,
    count: count,
    message: groupRedPacketMessage,
    senderName: settings.userName || 'User',
    targetMemberIds: [...groupRedPacketSelectedMembers],
    targetMemberNames: targetMembers,
    claimedBy: [],
    status: 'pending',
    expireAt: Date.now() + 24 * 60 * 60 * 1000
  };

  // 保存到聊天记录
  if (!groupChat.chatHistory) groupChat.chatHistory = [];
  groupChat.chatHistory.push({
    role: 'user',
    content: `[专属红包] 给${targetMembers.join('、')}的红包`,
    time: getTimeStr(),
    timestamp: Date.now(),
    isGroupRedPacket: true,
    groupRedPacketInfo: rpInfo
  });

  // 显示红包消息
  appendGroupRedPacketMessage('user', rpInfo);
  requestSave();
  refreshChatList();

  // AI 领取红包
  await processAIClaimGroupRedPacket(rpInfo, groupChat, members);
}

// ============ 发送群转账 ============

/**
 * 提交群转账（显示密码输入）
 */
export function submitGroupTransfer() {
  const amount = parseFloat(groupTransferAmount) || 0;

  if (amount <= 0) {
    showToast('请输入转账金额', 'info');
    return;
  }
  if (amount > getWalletBalance()) {
    showToast('余额不足', 'info');
    return;
  }

  // 获取转账说明
  const descInput = document.getElementById('wechat-group-transfer-description');
  if (descInput && descInput.value.trim()) {
    groupTransferDescription = descInput.value.trim();
  }

  showGroupPasswordModal('transfer');
}

/**
 * 发送群转账
 */
async function sendGroupTransfer() {
  const amount = parseFloat(groupTransferAmount) || 0;

  // 扣款
  const settings = getSettings();
  const current = getWalletBalance();
  if (amount > current) {
    showToast('余额不足', 'info');
    return;
  }

  settings.walletAmount = (current - amount).toFixed(2);
  requestSave();

  hideGroupTransferAmountPage();

  const groupIndex = getCurrentGroupIndex();
  const groupChat = settings.groupChats?.[groupIndex];
  if (!groupChat) return;

  const targetMember = settings.contacts?.find(c => c.id === groupTransferTargetMemberId);
  if (!targetMember) return;

  // 创建转账信息
  const tfInfo = {
    id: generateTransferId(),
    amount: amount,
    description: groupTransferDescription || '',
    senderName: settings.userName || 'User',
    targetMemberId: groupTransferTargetMemberId,
    targetMemberName: targetMember.name,
    status: 'pending',
    receivedAt: null,
    refundedAt: null,
    expireAt: Date.now() + 24 * 60 * 60 * 1000
  };

  // 保存到聊天记录
  if (!groupChat.chatHistory) groupChat.chatHistory = [];
  groupChat.chatHistory.push({
    role: 'user',
    content: `[转账] 向${targetMember.name}发起了一笔转账`,
    time: getTimeStr(),
    timestamp: Date.now(),
    isGroupTransfer: true,
    groupTransferInfo: tfInfo
  });

  // 显示转账消息
  appendGroupTransferMessage('user', tfInfo);
  requestSave();
  refreshChatList();

  // AI 收款
  await processAIReceiveGroupTransfer(tfInfo, groupChat, targetMember);
}

// ============ AI 领取红包 ============

/**
 * AI 领取群红包
 */
async function processAIClaimGroupRedPacket(rpInfo, groupChat, members) {
  // 随机延迟 2-5 秒
  const claimDelay = 2000 + Math.random() * 3000;
  await sleep(claimDelay);

  const settings = getSettings();
  const timeStr = getTimeStr();

  if (rpInfo.type === 'random') {
    // 拼手气红包：按顺序领取
    const availableMembers = members.filter(m => !rpInfo.claimedBy.some(c => c.memberId === m.id));
    const claimCount = Math.min(availableMembers.length, rpInfo.distributedAmounts.length - rpInfo.claimedBy.length);

    for (let i = 0; i < claimCount; i++) {
      const member = availableMembers[i];
      const amountIndex = rpInfo.claimedBy.length;
      const claimAmount = rpInfo.distributedAmounts[amountIndex];

      rpInfo.claimedBy.push({
        memberId: member.id,
        memberName: member.name,
        amount: claimAmount,
        claimedAt: Date.now()
      });

      // 更新界面
      updateGroupRedPacketBubbleStatus(rpInfo.id);

      // 显示领取提示
      appendGroupRedPacketClaimNotice(member.name, settings.userName || 'User');

      // AI 感谢消息
      await sleep(800 + Math.random() * 500);
      showGroupTypingIndicator(member.name, member.id);
      await sleep(600 + Math.random() * 400);
      hideGroupTypingIndicator();

      try {
        const thankMsg = await generateAIThankMessage(member, rpInfo, claimAmount);
        if (thankMsg) {
          groupChat.chatHistory.push({
            role: 'assistant',
            content: thankMsg,
            characterName: member.name,
            characterId: member.id,
            time: timeStr,
            timestamp: Date.now()
          });
          appendGroupMessage('assistant', thankMsg, member.name, member.id);
        }
      } catch (e) {
        console.error('[可乐] AI感谢红包失败:', e);
      }

      if (i < claimCount - 1) {
        await sleep(1000 + Math.random() * 1000);
      }
    }

    // 检查是否全部领完
    if (rpInfo.claimedBy.length >= rpInfo.count) {
      rpInfo.status = 'claimed';
    }
  } else if (rpInfo.type === 'designated') {
    // 指定成员红包：只有指定成员可以领取
    for (const memberId of rpInfo.targetMemberIds) {
      const member = members.find(m => m.id === memberId);
      if (!member) continue;
      if (rpInfo.claimedBy.some(c => c.memberId === memberId)) continue;

      rpInfo.claimedBy.push({
        memberId: member.id,
        memberName: member.name,
        amount: rpInfo.amountPerPerson,
        claimedAt: Date.now()
      });

      // 更新界面
      updateGroupRedPacketBubbleStatus(rpInfo.id);

      // 显示领取提示
      appendGroupRedPacketClaimNotice(member.name, settings.userName || 'User');

      // AI 感谢消息
      await sleep(800 + Math.random() * 500);
      showGroupTypingIndicator(member.name, member.id);
      await sleep(600 + Math.random() * 400);
      hideGroupTypingIndicator();

      try {
        const thankMsg = await generateAIThankMessage(member, rpInfo, rpInfo.amountPerPerson);
        if (thankMsg) {
          groupChat.chatHistory.push({
            role: 'assistant',
            content: thankMsg,
            characterName: member.name,
            characterId: member.id,
            time: timeStr,
            timestamp: Date.now()
          });
          appendGroupMessage('assistant', thankMsg, member.name, member.id);
        }
      } catch (e) {
        console.error('[可乐] AI感谢红包失败:', e);
      }

      await sleep(1000 + Math.random() * 1000);
    }

    // 检查是否全部领完
    if (rpInfo.claimedBy.length >= rpInfo.count) {
      rpInfo.status = 'claimed';
    }
  }

  requestSave();
  refreshChatList();
}

/**
 * AI 收取群转账
 */
async function processAIReceiveGroupTransfer(tfInfo, groupChat, targetMember) {
  // 随机延迟 2-5 秒
  const receiveDelay = 2000 + Math.random() * 3000;
  await sleep(receiveDelay);

  const settings = getSettings();
  const timeStr = getTimeStr();

  // 更新转账状态
  tfInfo.status = 'received';
  tfInfo.receivedAt = Date.now();

  // 更新界面
  updateGroupTransferBubbleStatus(tfInfo.id, 'received');

  // AI 感谢消息
  await sleep(500);
  showGroupTypingIndicator(targetMember.name, targetMember.id);
  await sleep(600 + Math.random() * 400);
  hideGroupTypingIndicator();

  try {
    const thankMsg = await generateAITransferThankMessage(targetMember, tfInfo);
    if (thankMsg) {
      groupChat.chatHistory.push({
        role: 'assistant',
        content: thankMsg,
        characterName: targetMember.name,
        characterId: targetMember.id,
        time: timeStr,
        timestamp: Date.now()
      });
      appendGroupMessage('assistant', thankMsg, targetMember.name, targetMember.id);
    }
  } catch (e) {
    console.error('[可乐] AI感谢转账失败:', e);
  }

  requestSave();
  refreshChatList();
}

// ============ AI 消息生成 ============

/**
 * 生成 AI 红包感谢消息
 */
async function generateAIThankMessage(member, rpInfo, claimAmount) {
  if (!member.useCustomApi || !member.customApiUrl || !member.customModel) {
    // 没有配置独立API，返回简单消息
    return `谢谢红包！抢到了${claimAmount.toFixed(2)}元~`;
  }

  try {
    const systemPrompt = buildSystemPrompt(member, { allowStickers: false, allowMusicShare: false, allowCallRequests: false });
    const userPrompt = `用户给群里发了一个${rpInfo.totalAmount}元的红包，祝福语是"${rpInfo.message}"。你抢到了${claimAmount.toFixed(2)}元，请自然地表示感谢，不要使用任何特殊格式标签。回复要简短自然（10字以内）。`;

    const chatUrl = member.customApiUrl.replace(/\/+$/, '') + '/chat/completions';
    const headers = { 'Content-Type': 'application/json' };
    if (member.customApiKey) {
      headers['Authorization'] = `Bearer ${member.customApiKey}`;
    }

    const response = await fetch(chatUrl, {
      method: 'POST',
      headers,
      body: JSON.stringify({
        model: member.customModel,
        messages: [
          { role: 'system', content: systemPrompt },
          { role: 'user', content: userPrompt }
        ],
        temperature: 1,
        max_tokens: 256
      })
    });

    if (!response.ok) {
      throw new Error('API请求失败');
    }

    const data = await response.json();
    let reply = data.choices?.[0]?.message?.content || '';
    // 取第一条消息
    reply = reply.split('|||')[0].trim();
    // 移除可能的格式标签
    reply = reply.replace(/^\[.*?\]\s*/, '').trim();

    return reply || `谢谢红包！${claimAmount.toFixed(2)}元~`;
  } catch (e) {
    console.error('[可乐] AI红包感谢消息生成失败:', e);
    return `谢谢红包！抢到了${claimAmount.toFixed(2)}元~`;
  }
}

/**
 * 生成 AI 转账感谢消息
 */
async function generateAITransferThankMessage(member, tfInfo) {
  if (!member.useCustomApi || !member.customApiUrl || !member.customModel) {
    return `收到转账${tfInfo.amount.toFixed(2)}元，谢谢~`;
  }

  try {
    const systemPrompt = buildSystemPrompt(member, { allowStickers: false, allowMusicShare: false, allowCallRequests: false });
    const userPrompt = tfInfo.description
      ? `用户给你转账了${tfInfo.amount}元，备注是"${tfInfo.description}"，请自然地表示感谢，不要使用任何特殊格式标签。回复要简短自然（10字以内）。`
      : `用户给你转账了${tfInfo.amount}元，请自然地表示感谢，不要使用任何特殊格式标签。回复要简短自然（10字以内）。`;

    const chatUrl = member.customApiUrl.replace(/\/+$/, '') + '/chat/completions';
    const headers = { 'Content-Type': 'application/json' };
    if (member.customApiKey) {
      headers['Authorization'] = `Bearer ${member.customApiKey}`;
    }

    const response = await fetch(chatUrl, {
      method: 'POST',
      headers,
      body: JSON.stringify({
        model: member.customModel,
        messages: [
          { role: 'system', content: systemPrompt },
          { role: 'user', content: userPrompt }
        ],
        temperature: 1,
        max_tokens: 256
      })
    });

    if (!response.ok) {
      throw new Error('API请求失败');
    }

    const data = await response.json();
    let reply = data.choices?.[0]?.message?.content || '';
    reply = reply.split('|||')[0].trim();
    reply = reply.replace(/^\[.*?\]\s*/, '').trim();

    return reply || `收到啦，谢谢~`;
  } catch (e) {
    console.error('[可乐] AI转账感谢消息生成失败:', e);
    return `收到转账${tfInfo.amount.toFixed(2)}元，谢谢~`;
  }
}

// ============ UI 渲染 ============

/**
 * 追加群红包消息到界面
 */
export function appendGroupRedPacketMessage(role, rpInfo) {
  const messagesContainer = document.getElementById('wechat-chat-messages');
  if (!messagesContainer) return;

  const messageDiv = document.createElement('div');
  messageDiv.className = `wechat-message ${role === 'user' ? 'self' : ''}`;

  const isDesignated = rpInfo.type === 'designated';
  const isClaimed = rpInfo.status === 'claimed' || (rpInfo.claimedBy && rpInfo.claimedBy.length >= rpInfo.count);
  const statusClass = isClaimed ? 'claimed' : '';

  // 指定成员红包显示特殊样式
  const designatedLabel = isDesignated ? `<div class="wechat-group-rp-designated-label">给${rpInfo.targetMemberNames?.join('、') || '指定成员'}的红包</div>` : '';

  const bubbleHTML = `
    <div class="wechat-group-red-packet-bubble ${statusClass}" data-rp-id="${rpInfo.id}">
      <div class="wechat-group-rp-icon">
        <svg viewBox="0 0 24 24" width="40" height="40"><rect x="4" y="2" width="16" height="20" rx="2" fill="#e74c3c"/><rect x="4" y="8" width="16" height="4" fill="#c0392b"/><circle cx="12" cy="10" r="3" fill="#f1c40f"/></svg>
      </div>
      <div class="wechat-group-rp-info">
        <div class="wechat-group-rp-message">${escapeHtml(rpInfo.message || '恭喜发财，大吉大利')}</div>
        ${designatedLabel}
        <div class="wechat-group-rp-status ${statusClass ? '' : 'hidden'}">${isClaimed ? '已领完' : ''}</div>
      </div>
    </div>
    <div class="wechat-group-rp-footer">群红包</div>
  `;

  if (role === 'user') {
    messageDiv.innerHTML = `
      <div class="wechat-message-avatar">${getUserAvatarHTML()}</div>
      <div class="wechat-message-content">${bubbleHTML}</div>
    `;
  } else {
    const settings = getSettings();
    const contact = settings.contacts?.find(c => c.name === rpInfo.senderName);
    const firstChar = rpInfo.senderName?.charAt(0) || '?';
    const avatarContent = contact?.avatar
      ? `<img src="${contact.avatar}" alt="">`
      : firstChar;

    messageDiv.innerHTML = `
      <div class="wechat-message-avatar">${avatarContent}</div>
      <div class="wechat-message-content">
        <div class="wechat-message-sender" style="font-size: 12px; color: var(--wechat-text-secondary); margin-bottom: 2px;">${escapeHtml(rpInfo.senderName)}</div>
        ${bubbleHTML}
      </div>
    `;
  }

  messagesContainer.appendChild(messageDiv);
  messagesContainer.scrollTop = messagesContainer.scrollHeight;

  // 绑定点击事件（查看详情）
  const bubble = messageDiv.querySelector('.wechat-group-red-packet-bubble');
  bubble?.addEventListener('click', () => {
    showGroupRedPacketDetail(rpInfo);
  });
}

/**
 * 追加群转账消息到界面
 */
export function appendGroupTransferMessage(role, tfInfo) {
  const messagesContainer = document.getElementById('wechat-chat-messages');
  if (!messagesContainer) return;

  const messageDiv = document.createElement('div');
  messageDiv.className = `wechat-message ${role === 'user' ? 'self' : ''}`;

  const statusText = tfInfo.status === 'received' ? '已收款' :
                     tfInfo.status === 'refunded' ? '已退还' : '待收款';
  const statusClass = tfInfo.status || 'pending';

  const bubbleHTML = `
    <div class="wechat-group-transfer-bubble ${statusClass}" data-tf-id="${tfInfo.id}">
      <div class="wechat-group-tf-icon">
        <svg viewBox="0 0 24 24" width="36" height="36"><rect x="2" y="4" width="20" height="16" rx="2" fill="#f39c12"/><text x="12" y="14" font-size="8" fill="#fff" text-anchor="middle">¥</text></svg>
      </div>
      <div class="wechat-group-tf-info">
        <div class="wechat-group-tf-amount">¥${tfInfo.amount.toFixed(2)}</div>
        <div class="wechat-group-tf-target">向${escapeHtml(tfInfo.targetMemberName)}转账</div>
        <div class="wechat-group-tf-desc">${escapeHtml(tfInfo.description) || '转账'}</div>
      </div>
      <div class="wechat-group-tf-status">${statusText}</div>
    </div>
  `;

  if (role === 'user') {
    messageDiv.innerHTML = `
      <div class="wechat-message-avatar">${getUserAvatarHTML()}</div>
      <div class="wechat-message-content">${bubbleHTML}</div>
    `;
  } else {
    const settings = getSettings();
    const contact = settings.contacts?.find(c => c.name === tfInfo.senderName);
    const firstChar = tfInfo.senderName?.charAt(0) || '?';
    const avatarContent = contact?.avatar
      ? `<img src="${contact.avatar}" alt="">`
      : firstChar;

    messageDiv.innerHTML = `
      <div class="wechat-message-avatar">${avatarContent}</div>
      <div class="wechat-message-content">
        <div class="wechat-message-sender" style="font-size: 12px; color: var(--wechat-text-secondary); margin-bottom: 2px;">${escapeHtml(tfInfo.senderName)}</div>
        ${bubbleHTML}
      </div>
    `;
  }

  messagesContainer.appendChild(messageDiv);
  messagesContainer.scrollTop = messagesContainer.scrollHeight;
}

/**
 * 追加群红包领取提示
 */
function appendGroupRedPacketClaimNotice(claimerName, senderName) {
  const messagesContainer = document.getElementById('wechat-chat-messages');
  if (!messagesContainer) return;

  const noticeDiv = document.createElement('div');
  noticeDiv.className = 'wechat-msg-notice';
  noticeDiv.innerHTML = `<span>${escapeHtml(claimerName)}领取了${escapeHtml(senderName)}的红包</span>`;

  messagesContainer.appendChild(noticeDiv);
  messagesContainer.scrollTop = messagesContainer.scrollHeight;
}

/**
 * 更新群红包气泡状态
 */
function updateGroupRedPacketBubbleStatus(rpId) {
  const bubble = document.querySelector(`.wechat-group-red-packet-bubble[data-rp-id="${rpId}"]`);
  if (!bubble) return;

  // 从聊天记录中找到红包信息
  const settings = getSettings();
  const groupIndex = getCurrentGroupIndex();
  const groupChat = settings.groupChats?.[groupIndex];
  if (!groupChat) return;

  const rpMsg = groupChat.chatHistory?.find(m => m.groupRedPacketInfo?.id === rpId);
  const rpInfo = rpMsg?.groupRedPacketInfo;
  if (!rpInfo) return;

  const isClaimed = rpInfo.status === 'claimed' || (rpInfo.claimedBy && rpInfo.claimedBy.length >= rpInfo.count);

  if (isClaimed) {
    bubble.classList.add('claimed');
    const statusEl = bubble.querySelector('.wechat-group-rp-status');
    if (statusEl) {
      statusEl.textContent = '已领完';
      statusEl.classList.remove('hidden');
    }
  }
}

/**
 * 更新群转账气泡状态
 */
function updateGroupTransferBubbleStatus(tfId, status) {
  const bubble = document.querySelector(`.wechat-group-transfer-bubble[data-tf-id="${tfId}"]`);
  if (!bubble) return;

  bubble.classList.remove('pending', 'received', 'refunded');
  bubble.classList.add(status);

  const statusEl = bubble.querySelector('.wechat-group-tf-status');
  if (statusEl) {
    statusEl.textContent = status === 'received' ? '已收款' :
                           status === 'refunded' ? '已退还' : '待收款';
  }
}

// ============ 群红包详情页面 ============

/**
 * 显示群红包详情
 */
export function showGroupRedPacketDetail(rpInfo) {
  const page = document.getElementById('wechat-group-rp-detail-page');
  if (!page) return;

  const settings = getSettings();

  // 更新详情页内容
  const senderEl = document.getElementById('wechat-group-rp-detail-sender');
  const messageEl = document.getElementById('wechat-group-rp-detail-message');
  const totalEl = document.getElementById('wechat-group-rp-detail-total');
  const countEl = document.getElementById('wechat-group-rp-detail-count');
  const listEl = document.getElementById('wechat-group-rp-detail-list');

  if (senderEl) {
    senderEl.textContent = `${rpInfo.senderName}的红包`;
  }
  if (messageEl) {
    messageEl.textContent = rpInfo.message || '恭喜发财，大吉大利';
  }
  if (totalEl) {
    totalEl.textContent = '¥' + rpInfo.totalAmount.toFixed(2);
  }
  if (countEl) {
    const claimed = rpInfo.claimedBy?.length || 0;
    countEl.textContent = `${claimed}/${rpInfo.count}个红包`;
  }

  // 渲染领取列表
  if (listEl) {
    if (rpInfo.claimedBy && rpInfo.claimedBy.length > 0) {
      // 找出最佳手气（金额最高的）
      let maxAmount = 0;
      let maxIndex = -1;
      rpInfo.claimedBy.forEach((claim, idx) => {
        if (claim.amount > maxAmount) {
          maxAmount = claim.amount;
          maxIndex = idx;
        }
      });

      listEl.innerHTML = rpInfo.claimedBy.map((claim, idx) => {
        const member = settings.contacts?.find(c => c.id === claim.memberId);
        const firstChar = claim.memberName?.charAt(0) || '?';
        const avatarHtml = member?.avatar
          ? `<img src="${member.avatar}" style="width: 100%; height: 100%; object-fit: cover;">`
          : firstChar;

        const isBest = rpInfo.type === 'random' && idx === maxIndex && rpInfo.claimedBy.length > 1;
        const bestLabel = isBest ? '<span class="wechat-group-rp-best">手气最佳</span>' : '';

        const claimTime = new Date(claim.claimedAt);
        const timeStr = `${claimTime.getHours().toString().padStart(2, '0')}:${claimTime.getMinutes().toString().padStart(2, '0')}`;

        return `
          <div class="wechat-group-rp-detail-item">
            <div class="wechat-group-rp-detail-avatar">${avatarHtml}</div>
            <div class="wechat-group-rp-detail-info">
              <div class="wechat-group-rp-detail-name">${escapeHtml(claim.memberName)} ${bestLabel}</div>
              <div class="wechat-group-rp-detail-time">${timeStr}</div>
            </div>
            <div class="wechat-group-rp-detail-amount">${claim.amount.toFixed(2)}元</div>
          </div>
        `;
      }).join('');
    } else {
      listEl.innerHTML = '<div class="wechat-group-rp-detail-empty">暂无人领取</div>';
    }
  }

  page.classList.remove('hidden');
}

/**
 * 隐藏群红包详情
 */
export function hideGroupRedPacketDetail() {
  document.getElementById('wechat-group-rp-detail-page')?.classList.add('hidden');
}

// ============ 创建页面HTML ============

/**
 * 创建群红包/转账相关页面（动态注入）
 */
export function createGroupRedPacketPages() {
  const phone = document.getElementById('wechat-phone');
  if (!phone) return;

  // 检查是否已存在
  if (document.getElementById('wechat-group-rp-type-page')) return;

  const pagesHTML = `
    <!-- 群红包类型选择页面 -->
    <div class="wechat-page wechat-group-rp-type-page hidden" id="wechat-group-rp-type-page">
      <div class="wechat-page-header">
        <button class="wechat-back-btn" id="wechat-group-rp-type-back">
          <svg viewBox="0 0 24 24" width="24" height="24"><path d="M15 19l-7-7 7-7" stroke="currentColor" stroke-width="2" fill="none"/></svg>
        </button>
        <span class="wechat-page-title">发红包</span>
      </div>
      <div class="wechat-group-rp-type-content">
        <div class="wechat-group-rp-type-item" id="wechat-group-rp-type-random">
          <div class="wechat-group-rp-type-icon" style="background: linear-gradient(135deg, #e74c3c, #c0392b);">
            <svg viewBox="0 0 24 24" width="32" height="32"><rect x="4" y="2" width="16" height="20" rx="2" fill="#fff"/><circle cx="12" cy="10" r="3" fill="#e74c3c"/></svg>
          </div>
          <div class="wechat-group-rp-type-info">
            <div class="wechat-group-rp-type-title">拼手气红包</div>
            <div class="wechat-group-rp-type-desc">分享给群成员，金额随机</div>
          </div>
          <div class="wechat-group-rp-type-arrow">
            <svg viewBox="0 0 24 24" width="20" height="20"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" fill="none"/></svg>
          </div>
        </div>
        <div class="wechat-group-rp-type-item" id="wechat-group-rp-type-designated">
          <div class="wechat-group-rp-type-icon" style="background: linear-gradient(135deg, #f39c12, #d68910);">
            <svg viewBox="0 0 24 24" width="32" height="32"><rect x="4" y="2" width="16" height="20" rx="2" fill="#fff"/><path d="M8 10h8M8 14h4" stroke="#f39c12" stroke-width="2"/></svg>
          </div>
          <div class="wechat-group-rp-type-info">
            <div class="wechat-group-rp-type-title">专属红包</div>
            <div class="wechat-group-rp-type-desc">指定成员领取，金额固定</div>
          </div>
          <div class="wechat-group-rp-type-arrow">
            <svg viewBox="0 0 24 24" width="20" height="20"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" fill="none"/></svg>
          </div>
        </div>
      </div>
    </div>

    <!-- 拼手气红包页面 -->
    <div class="wechat-page wechat-group-random-rp-page hidden" id="wechat-group-random-rp-page">
      <div class="wechat-page-header">
        <button class="wechat-back-btn" id="wechat-group-random-rp-back">
          <svg viewBox="0 0 24 24" width="24" height="24"><path d="M15 19l-7-7 7-7" stroke="currentColor" stroke-width="2" fill="none"/></svg>
        </button>
        <span class="wechat-page-title">发拼手气红包</span>
      </div>
      <div class="wechat-group-rp-form">
        <div class="wechat-group-rp-row" id="wechat-group-rp-amount-row">
          <span class="wechat-group-rp-label">总金额</span>
          <span class="wechat-group-rp-value">¥<span id="wechat-group-rp-amount-value">0.00</span></span>
        </div>
        <div class="wechat-group-rp-row" id="wechat-group-rp-count-row">
          <span class="wechat-group-rp-label">红包个数</span>
          <span class="wechat-group-rp-value"><span id="wechat-group-rp-count-value">0</span>个</span>
        </div>
        <div class="wechat-group-rp-row">
          <input type="text" class="wechat-group-rp-message-input" id="wechat-group-rp-message" placeholder="恭喜发财，大吉大利" maxlength="20">
        </div>
        <div class="wechat-group-rp-total">
          <span id="wechat-group-rp-total-display">¥0.00</span>
        </div>
        <button class="wechat-btn wechat-btn-primary wechat-group-rp-submit" id="wechat-group-random-rp-submit">塞钱进红包</button>
      </div>
      <div class="wechat-rp-keyboard hidden" id="wechat-group-rp-keyboard">
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key="1">1</button>
          <button class="wechat-rp-keyboard-key" data-key="2">2</button>
          <button class="wechat-rp-keyboard-key" data-key="3">3</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key="4">4</button>
          <button class="wechat-rp-keyboard-key" data-key="5">5</button>
          <button class="wechat-rp-keyboard-key" data-key="6">6</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key="7">7</button>
          <button class="wechat-rp-keyboard-key" data-key="8">8</button>
          <button class="wechat-rp-keyboard-key" data-key="9">9</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key=".">.</button>
          <button class="wechat-rp-keyboard-key" data-key="0">0</button>
          <button class="wechat-rp-keyboard-key" data-key="backspace">⌫</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key wechat-rp-keyboard-confirm" data-key="confirm">确定</button>
        </div>
      </div>
    </div>

    <!-- 指定成员红包页面 -->
    <div class="wechat-page wechat-group-designated-rp-page hidden" id="wechat-group-designated-rp-page">
      <div class="wechat-page-header">
        <button class="wechat-back-btn" id="wechat-group-designated-rp-back">
          <svg viewBox="0 0 24 24" width="24" height="24"><path d="M15 19l-7-7 7-7" stroke="currentColor" stroke-width="2" fill="none"/></svg>
        </button>
        <span class="wechat-page-title">发专属红包</span>
      </div>
      <div class="wechat-group-designated-content">
        <div class="wechat-group-designated-section">
          <div class="wechat-group-designated-section-title">选择成员（已选<span id="wechat-group-designated-count">0</span>人）</div>
          <div class="wechat-group-designated-member-list" id="wechat-group-designated-member-list"></div>
        </div>
        <div class="wechat-group-rp-form">
          <div class="wechat-group-rp-row" id="wechat-group-designated-amount-row">
            <span class="wechat-group-rp-label">每人金额</span>
            <span class="wechat-group-rp-value">¥<span id="wechat-group-designated-amount-value">0.00</span></span>
          </div>
          <div class="wechat-group-rp-row">
            <input type="text" class="wechat-group-rp-message-input" id="wechat-group-designated-message" placeholder="恭喜发财，大吉大利" maxlength="20">
          </div>
          <div class="wechat-group-rp-total">
            <span id="wechat-group-designated-total-display">¥0.00</span>
          </div>
          <button class="wechat-btn wechat-btn-primary wechat-group-rp-submit" id="wechat-group-designated-rp-submit">塞钱进红包</button>
        </div>
      </div>
      <div class="wechat-rp-keyboard hidden" id="wechat-group-designated-keyboard">
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key="1">1</button>
          <button class="wechat-rp-keyboard-key" data-key="2">2</button>
          <button class="wechat-rp-keyboard-key" data-key="3">3</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key="4">4</button>
          <button class="wechat-rp-keyboard-key" data-key="5">5</button>
          <button class="wechat-rp-keyboard-key" data-key="6">6</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key="7">7</button>
          <button class="wechat-rp-keyboard-key" data-key="8">8</button>
          <button class="wechat-rp-keyboard-key" data-key="9">9</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key=".">.</button>
          <button class="wechat-rp-keyboard-key" data-key="0">0</button>
          <button class="wechat-rp-keyboard-key" data-key="backspace">⌫</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key wechat-rp-keyboard-confirm" data-key="confirm">确定</button>
        </div>
      </div>
    </div>

    <!-- 群转账成员选择页面 -->
    <div class="wechat-page wechat-group-transfer-select-page hidden" id="wechat-group-transfer-select-page">
      <div class="wechat-page-header">
        <button class="wechat-back-btn" id="wechat-group-transfer-select-back">
          <svg viewBox="0 0 24 24" width="24" height="24"><path d="M15 19l-7-7 7-7" stroke="currentColor" stroke-width="2" fill="none"/></svg>
        </button>
        <span class="wechat-page-title">选择转账对象</span>
      </div>
      <div class="wechat-group-transfer-member-list" id="wechat-group-transfer-member-list"></div>
    </div>

    <!-- 群转账金额输入页面 -->
    <div class="wechat-page wechat-group-transfer-amount-page hidden" id="wechat-group-transfer-amount-page">
      <div class="wechat-page-header">
        <button class="wechat-back-btn" id="wechat-group-transfer-amount-back">
          <svg viewBox="0 0 24 24" width="24" height="24"><path d="M15 19l-7-7 7-7" stroke="currentColor" stroke-width="2" fill="none"/></svg>
        </button>
        <span class="wechat-page-title" id="wechat-group-transfer-target-name">转账</span>
      </div>
      <div class="wechat-group-rp-form">
        <div class="wechat-group-rp-row" id="wechat-group-transfer-amount-row">
          <span class="wechat-group-rp-label">转账金额</span>
          <span class="wechat-group-rp-value">¥<span id="wechat-group-transfer-amount-value">0.00</span></span>
        </div>
        <div class="wechat-group-rp-row">
          <input type="text" class="wechat-group-rp-message-input" id="wechat-group-transfer-description" placeholder="添加转账说明（可选）" maxlength="20">
        </div>
        <div class="wechat-group-rp-total">
          <span id="wechat-group-transfer-amount-display">¥0.00</span>
        </div>
        <button class="wechat-btn wechat-btn-primary wechat-group-rp-submit" id="wechat-group-transfer-submit">转账</button>
      </div>
      <div class="wechat-rp-keyboard hidden" id="wechat-group-transfer-keyboard">
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key="1">1</button>
          <button class="wechat-rp-keyboard-key" data-key="2">2</button>
          <button class="wechat-rp-keyboard-key" data-key="3">3</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key="4">4</button>
          <button class="wechat-rp-keyboard-key" data-key="5">5</button>
          <button class="wechat-rp-keyboard-key" data-key="6">6</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key="7">7</button>
          <button class="wechat-rp-keyboard-key" data-key="8">8</button>
          <button class="wechat-rp-keyboard-key" data-key="9">9</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key" data-key=".">.</button>
          <button class="wechat-rp-keyboard-key" data-key="0">0</button>
          <button class="wechat-rp-keyboard-key" data-key="backspace">⌫</button>
        </div>
        <div class="wechat-rp-keyboard-row">
          <button class="wechat-rp-keyboard-key wechat-rp-keyboard-confirm" data-key="confirm">确定</button>
        </div>
      </div>
    </div>

    <!-- 群红包详情页面 -->
    <div class="wechat-page wechat-group-rp-detail-page hidden" id="wechat-group-rp-detail-page">
      <div class="wechat-page-header">
        <button class="wechat-back-btn" id="wechat-group-rp-detail-back">
          <svg viewBox="0 0 24 24" width="24" height="24"><path d="M15 19l-7-7 7-7" stroke="currentColor" stroke-width="2" fill="none"/></svg>
        </button>
        <span class="wechat-page-title">红包详情</span>
      </div>
      <div class="wechat-group-rp-detail-content">
        <div class="wechat-group-rp-detail-header">
          <div class="wechat-group-rp-detail-sender" id="wechat-group-rp-detail-sender">用户的红包</div>
          <div class="wechat-group-rp-detail-message" id="wechat-group-rp-detail-message">恭喜发财，大吉大利</div>
          <div class="wechat-group-rp-detail-total" id="wechat-group-rp-detail-total">¥0.00</div>
          <div class="wechat-group-rp-detail-count" id="wechat-group-rp-detail-count">0/0个红包</div>
        </div>
        <div class="wechat-group-rp-detail-list" id="wechat-group-rp-detail-list"></div>
      </div>
    </div>

    <!-- 群聊密码输入弹窗 -->
    <div class="wechat-modal hidden" id="wechat-group-password-modal">
      <div class="wechat-modal-content wechat-password-modal-content">
        <button class="wechat-modal-close" id="wechat-group-password-close">×</button>
        <div class="wechat-password-title">请输入支付密码</div>
        <div class="wechat-password-dots">
          <span class="wechat-password-dot"></span>
          <span class="wechat-password-dot"></span>
          <span class="wechat-password-dot"></span>
          <span class="wechat-password-dot"></span>
          <span class="wechat-password-dot"></span>
          <span class="wechat-password-dot"></span>
        </div>
        <div class="wechat-password-keyboard">
          <div class="wechat-password-row">
            <button class="wechat-password-key" data-key="1">1</button>
            <button class="wechat-password-key" data-key="2">2</button>
            <button class="wechat-password-key" data-key="3">3</button>
          </div>
          <div class="wechat-password-row">
            <button class="wechat-password-key" data-key="4">4</button>
            <button class="wechat-password-key" data-key="5">5</button>
            <button class="wechat-password-key" data-key="6">6</button>
          </div>
          <div class="wechat-password-row">
            <button class="wechat-password-key" data-key="7">7</button>
            <button class="wechat-password-key" data-key="8">8</button>
            <button class="wechat-password-key" data-key="9">9</button>
          </div>
          <div class="wechat-password-row">
            <button class="wechat-password-key" data-key=""></button>
            <button class="wechat-password-key" data-key="0">0</button>
            <button class="wechat-password-key" data-key="backspace">⌫</button>
          </div>
        </div>
      </div>
    </div>
  `;

  phone.insertAdjacentHTML('beforeend', pagesHTML);

  // 绑定事件
  bindGroupRedPacketEvents();
}

/**
 * 绑定群红包相关事件
 */
function bindGroupRedPacketEvents() {
  // 类型选择页面
  document.getElementById('wechat-group-rp-type-back')?.addEventListener('click', hideGroupRedPacketTypePage);
  document.getElementById('wechat-group-rp-type-random')?.addEventListener('click', showGroupRandomRedPacketPage);
  document.getElementById('wechat-group-rp-type-designated')?.addEventListener('click', showGroupDesignatedRedPacketPage);

  // 拼手气红包页面
  document.getElementById('wechat-group-random-rp-back')?.addEventListener('click', hideGroupRandomRedPacketPage);
  document.getElementById('wechat-group-rp-amount-row')?.addEventListener('click', () => showGroupKeyboard('random-amount'));
  document.getElementById('wechat-group-rp-count-row')?.addEventListener('click', () => showGroupKeyboard('random-count'));
  document.getElementById('wechat-group-random-rp-submit')?.addEventListener('click', submitGroupRandomRedPacket);

  // 拼手气红包键盘
  document.querySelectorAll('#wechat-group-rp-keyboard .wechat-rp-keyboard-key').forEach(key => {
    key.addEventListener('click', () => {
      handleGroupKeyboardInput(key.dataset.key);
    });
  });

  // 指定成员红包页面
  document.getElementById('wechat-group-designated-rp-back')?.addEventListener('click', hideGroupDesignatedRedPacketPage);
  document.getElementById('wechat-group-designated-amount-row')?.addEventListener('click', () => showGroupKeyboard('designated-amount'));
  document.getElementById('wechat-group-designated-rp-submit')?.addEventListener('click', submitGroupDesignatedRedPacket);

  // 指定成员红包键盘
  document.querySelectorAll('#wechat-group-designated-keyboard .wechat-rp-keyboard-key').forEach(key => {
    key.addEventListener('click', () => {
      handleGroupKeyboardInput(key.dataset.key);
    });
  });

  // 群转账成员选择页面
  document.getElementById('wechat-group-transfer-select-back')?.addEventListener('click', hideGroupTransferSelectPage);

  // 群转账金额输入页面
  document.getElementById('wechat-group-transfer-amount-back')?.addEventListener('click', hideGroupTransferAmountPage);
  document.getElementById('wechat-group-transfer-amount-row')?.addEventListener('click', () => showGroupKeyboard('transfer-amount'));
  document.getElementById('wechat-group-transfer-submit')?.addEventListener('click', submitGroupTransfer);

  // 群转账键盘
  document.querySelectorAll('#wechat-group-transfer-keyboard .wechat-rp-keyboard-key').forEach(key => {
    key.addEventListener('click', () => {
      handleGroupKeyboardInput(key.dataset.key);
    });
  });

  // 群红包详情页面
  document.getElementById('wechat-group-rp-detail-back')?.addEventListener('click', hideGroupRedPacketDetail);

  // 密码弹窗
  document.getElementById('wechat-group-password-close')?.addEventListener('click', hideGroupPasswordModal);
  document.querySelectorAll('#wechat-group-password-modal .wechat-password-key').forEach(key => {
    key.addEventListener('click', () => {
      const value = key.dataset.key;
      if (value) {
        handleGroupPasswordInput(value);
      }
    });
  });
}

// ============ 初始化 ============

/**
 * 初始化群红包功能
 */
export function initGroupRedPacket() {
  createGroupRedPacketPages();
}