// ============================================================
// DNF90 单机模拟器 · 整合启动器 + GM 工具 前端逻辑
// ============================================================
const $ = (id) => document.getElementById(id);

async function api(path, opts) {
  const res = await fetch(path, opts);
  return res.json();
}

async function post(path, body) {
  return api(path, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(body || {}),
  });
}

// ============================================================
// 通用工具
// ============================================================
function escapeHtml(s) {
  if (s === null || s === undefined) return '';
  return String(s).replace(/[&<>"']/g, c => ({
    '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'
  }[c]));
}

function fmt(n) {
  if (n === null || n === undefined || n === '') return '—';
  const num = Number(n);
  if (isNaN(num)) return String(n);
  return num.toLocaleString('zh-CN');
}

function gmToast(msg, type = 'info', ms = 3200) {
  let wrap = document.querySelector('.gm-toast-wrap');
  if (!wrap) {
    wrap = document.createElement('div');
    wrap.className = 'gm-toast-wrap';
    document.body.appendChild(wrap);
  }
  const el = document.createElement('div');
  el.className = 'gm-toast ' + type;
  const icon = type === 'ok' ? '✓' : type === 'err' ? '✕' : 'ℹ';
  el.innerHTML = `<span style="font-weight:700">${icon}</span><span>${escapeHtml(msg)}</span>`;
  wrap.appendChild(el);
  setTimeout(() => {
    el.style.transition = 'opacity 0.3s, transform 0.3s';
    el.style.opacity = '0';
    el.style.transform = 'translateX(30px)';
    setTimeout(() => el.remove(), 300);
  }, ms);
}

// 确认弹窗（危险操作）
function gmConfirm(title, message, confirmText, onConfirm) {
  const mask = document.createElement('div');
  mask.className = 'modal-mask';
  mask.innerHTML = `
    <div class="modal" style="width:460px">
      <div class="modal-head"><span>${escapeHtml(title)}</span><button class="modal-close">×</button></div>
      <div class="modal-body" style="text-align:left">
        <div style="font-size:13.5px;color:#b8bcd0;line-height:1.7;margin-bottom:14px">${message}</div>
        <input class="gm-input" id="confirmInput" placeholder="请输入 ${escapeHtml(confirmText)}" style="margin-top:4px">
      </div>
      <div class="modal-foot" style="padding:16px 20px;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:flex-end;gap:10px">
        <button class="gm-btn gm-btn-ghost" id="confirmCancel">取消</button>
        <button class="gm-btn gm-btn-danger" id="confirmOk">确认执行</button>
      </div>
    </div>`;
  document.body.appendChild(mask);
  const close = () => mask.remove();
  mask.querySelector('.modal-close').addEventListener('click', close);
  mask.querySelector('#confirmCancel').addEventListener('click', close);
  mask.addEventListener('click', e => { if (e.target === mask) close(); });
  mask.querySelector('#confirmOk').addEventListener('click', () => {
    const val = mask.querySelector('#confirmInput').value.trim();
    if (val !== confirmText) {
      gmToast('请输入正确的确认词：' + confirmText, 'err');
      return;
    }
    close();
    onConfirm(val);
  });
}

// ============================================================
// 视图切换
// ============================================================
function showLauncher() {
  $('launcherView').classList.remove('hidden');
  $('gmView').classList.add('hidden');
}

// ============================================================
// 启动器逻辑
// ============================================================
let busy = false;

function setBusy(b) {
  busy = b;
  ['btnStart', 'btnGm', 'btnStop', 'btnSponsor'].forEach(id => {
    const el = $(id);
    if (el) el.disabled = b;
  });
}

function appendLog(text, cls = '') {
  const body = $('logBody');
  const line = document.createElement('div');
  line.className = 'log-line ' + cls;
  line.textContent = text;
  body.appendChild(line);
  body.scrollTop = body.scrollHeight;
}

function classifyLog(text) {
  if (text.includes('错误') || text.includes('失败') || text.includes('FAILED')) return 'error';
  if (text.includes('完成') || text.includes('就绪') || text.includes('成功') || text.includes('已停止')) return 'ok';
  return '';
}

async function pollLogs() {
  try {
    const r = await api('/api/logs');
    if (r.ok && r.logs.length) {
      r.logs.forEach(t => appendLog(t, classifyLog(t)));
    }
  } catch (e) { /* ignore */ }
}

async function refreshStatus() {
  try {
    const r = await api('/api/status');
    if (!r.ok) return;
    const badge = $('statusBadge');
    const txt = $('statusText');

    // 完整性检查：Server/ 或 Client/ 目录缺失 → 红字报错
    const incomplete = (r.server_dir_exists === false) || (r.client_dir_exists === false);
    if (incomplete) {
      badge.className = 'status-badge off';
      txt.textContent = '客户端或服务端不完整';
      $('footInfo').textContent = '客户端或服务端不完整，请重新下载游戏';
      $('footInfo').style.color = 'var(--danger)';
      const btn = $('btnStart');
      if (btn) {
        btn.disabled = true;
        btn.title = '客户端或服务端不完整，请重新下载游戏';
      }
      return;
    }

    $('footInfo').style.color = '';
    if (r.server_running) {
      badge.className = 'status-badge on';
      txt.textContent = '服务端运行中';
    } else {
      badge.className = 'status-badge off';
      txt.textContent = '服务端未运行';
    }
    $('footInfo').textContent = r.admin ? '已获管理员权限' : '注意：需管理员权限才能启动服务端';
  } catch (e) { /* ignore */ }
}

async function action(name) {
  if (busy) return;
  setBusy(true);
  try {
    const r = await post('/api/action', { action: name });
    if (!r.ok) {
      appendLog('⚠ ' + (r.error || '操作失败'), 'error');
      if (r.error && r.error.includes('管理员')) {
        alert('需要管理员权限！\n请右键「以管理员身份运行」启动器，然后重试。');
      }
    }
  } catch (e) {
    appendLog('⚠ 请求失败：' + e, 'error');
  }
  setTimeout(() => setBusy(false), 800);
}

function openSponsor() {
  const box = $('qrcodeBox');
  fetch('/sponsor.png').then(res => {
    if (res.ok) {
      box.innerHTML = '<img src="/sponsor.png" alt="赞助二维码">';
    } else {
      box.innerHTML = '<div class="qrcode-placeholder">赞助二维码即将上线<br>请先联系作者获取，或将 sponsor.png 放到启动器目录</div>';
    }
  }).catch(() => {
    box.innerHTML = '<div class="qrcode-placeholder">赞助二维码加载失败</div>';
  });
  $('sponsorModal').classList.remove('hidden');
}

function closeSponsor() {
  $('sponsorModal').classList.add('hidden');
}

// ============================================================
// 账号设置
// ============================================================
async function openAccounts() {
  $('accountsModal').classList.remove('hidden');
  await renderAccountsList();
}

function closeAccounts() {
  $('accountsModal').classList.add('hidden');
}

async function renderAccountsList() {
  const box = $('accountsList');
  try {
    const r = await api('/api/accounts-config');
    const items = (r.data || []);
    if (!items.length) {
      box.innerHTML = '<div class="gm-empty">暂无账号</div>';
      return;
    }
    box.innerHTML = items.map(it => `
      <div class="account-row ${it.is_default ? 'default' : ''}">
        <div class="account-info">
          <div class="account-user">${escapeHtml(it.username)}${it.is_default ? ' <span class="gm-tag gm-tag-purple">默认</span>' : ''}</div>
          <div class="account-pass">${'•'.repeat(Math.min(it.password.length, 12))}</div>
        </div>
        <div class="account-actions">
          ${it.is_default ? '' : `<button class="gm-btn gm-btn-sm gm-btn-primary" onclick="selectAccount('${escapeHtml(it.username)}')">设为默认</button>`}
          <button class="gm-btn gm-btn-sm gm-btn-ghost" onclick="deleteAccount('${escapeHtml(it.username)}')" ${it.username === 'dnfplayer' ? 'disabled' : ''}>删除</button>
        </div>
      </div>`).join('');
  } catch (e) {
    box.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(e.message)}</div>`;
  }
}

async function addAccount() {
  const u = $('newAccUser').value.trim();
  const p = $('newAccPass').value;
  if (!u || !p) { gmToast('请填写用户名和密码', 'err'); return; }
  const r = await post('/api/accounts-config', { op: 'add', username: u, password: p });
  if (r.ok) {
    gmToast('账号已添加', 'ok');
    $('newAccUser').value = '';
    $('newAccPass').value = '';
    renderAccountsList();
  } else {
    gmToast('添加失败：' + (r.error || ''), 'err');
  }
}

async function selectAccount(username) {
  const r = await post('/api/accounts-config', { op: 'select', username });
  if (r.ok) { gmToast('已设为默认账号', 'ok'); renderAccountsList(); }
  else gmToast('失败：' + (r.error || ''), 'err');
}

async function deleteAccount(username) {
  gmConfirm('删除账号', `确定删除账号「<b>${escapeHtml(username)}</b>」？<br>仅从启动器账号列表移除，不会影响游戏内已有角色。`, 'DELETE', async () => {
    const r = await post('/api/accounts-config', { op: 'delete', username });
    if (r.ok) { gmToast('账号已删除', 'ok'); renderAccountsList(); }
    else gmToast('删除失败：' + (r.error || ''), 'err');
  });
}

// ============================================================
// GM 工具逻辑
// ============================================================
const GM_PAGES = {
  dashboard: ['控制台', '/ 服务端总览'],
  characters: ['角色管理', '/ 查询与编辑角色'],
  items: ['道具发放', '/ 发放道具到背包'],
  mail: ['邮件系统', '/ 系统邮件'],
  inventory: ['背包装备', '/ 查看背包'],
  auction: ['拍卖行', '/ 挂单上下架'],
  quests: ['任务管理', '/ 任务查询'],
  dungeons: ['副本控制', '/ 副本状态'],
  wallet: ['钱包点券', '/ 钱包与黑钻'],
  wipe: ['删档管理', '/ 删除角色与账号'],
  settings: ['连接设置', '/ 数据源切换'],
};

let gmInited = false;
let gmCurrentPage = 'dashboard';
let currentCharId = null; // 当前选中的角色

// ============================================================
// 账号 / 角色 全局联动
// ============================================================
let ACCOUNT_LIST = [];   // 全局账号缓存
let CHAR_LIST = [];      // 全局角色缓存

async function loadAccounts() {
  try {
    const r = await api('/api/accounts');
    ACCOUNT_LIST = Array.isArray(r.data) ? r.data : (Array.isArray(r) ? r : []);
  } catch (e) { ACCOUNT_LIST = []; }
  fillAllAccountSelects();
  return ACCOUNT_LIST;
}

async function loadCharacters(accountId) {
  try {
    let url = '/api/characters';
    if (accountId) url += '?account=' + encodeURIComponent(accountId);
    const r = await api(url);
    CHAR_LIST = Array.isArray(r.data) ? r.data : (Array.isArray(r) ? r : []);
  } catch (e) { CHAR_LIST = []; }
  fillAllCharSelects();
  return CHAR_LIST;
}

// 角色下拉选项（含职业名、在线状态）
function charLabel(c) {
  const pn = c.profession_name || c.professionName || '';
  const on = c.online ? ' · 在线' : '';
  return `${c.name || '未命名'}（ID:${c.character_id}${pn ? ' · ' + pn : ''}${on}）`;
}

// 填充指定角色下拉框
function fillCharSelect(sel) {
  if (!sel) return;
  const prev = sel.value;
  if (!CHAR_LIST.length) {
    sel.innerHTML = '<option value="">（无角色，请先刷新）</option>';
    return;
  }
  sel.innerHTML = CHAR_LIST.map(c =>
    `<option value="${escapeHtml(c.character_id)}">${escapeHtml(charLabel(c))}</option>`).join('');
  if (prev && CHAR_LIST.some(c => String(c.character_id) === String(prev))) sel.value = prev;
}

// 填充指定账号下拉框
function fillAccountSelect(sel) {
  if (!sel) return;
  const prev = sel.value;
  if (!ACCOUNT_LIST.length) {
    sel.innerHTML = '<option value="">（无账号）</option>';
    return;
  }
  sel.innerHTML = ACCOUNT_LIST.map(a => {
    const id = a.account_id ?? a.id ?? a.username ?? '';
    const name = a.represent_account_name || a.username || a.name || id;
    return `<option value="${escapeHtml(id)}">${escapeHtml(name)}（${escapeHtml(id)}）</option>`;
  }).join('');
  if (prev && ACCOUNT_LIST.some(a => String(a.account_id ?? a.id ?? a.username) === String(prev))) sel.value = prev;
}

// 填充所有账号下拉框（data-account-select 标记）
function fillAllAccountSelects() {
  document.querySelectorAll('select[data-account-select]').forEach(fillAccountSelect);
  document.querySelectorAll('select[data-account-filter]').forEach(sel => {
    const prev = sel.value;
    sel.innerHTML = '<option value="">全部账号</option>' + ACCOUNT_LIST.map(a => {
      const id = a.account_id ?? a.id ?? a.username ?? '';
      const name = a.represent_account_name || a.username || a.name || id;
      return `<option value="${escapeHtml(id)}">${escapeHtml(name)}（${escapeHtml(id)}）</option>`;
    }).join('');
    if (prev) sel.value = prev;
  });
}

// 填充所有角色下拉框（data-char-select 标记）
function fillAllCharSelects() {
  document.querySelectorAll('select[data-char-select]').forEach(fillCharSelect);
}

// ============================================================
// 道具目录 / 分类（Native，服务端在线）
// ============================================================
const RARITY = { 0: '普通', 1: '高级', 2: '稀有', 3: '神器', 4: '史诗', 5: '传说', 6: '神话' };

const ITEM_TAG_LABELS = {
  weapon: '武器', "support weapon": '辅助武器',
  coat: '上衣', shoulder: '肩甲', pants: '下装', shoes: '鞋', waist: '腰带',
  amulet: '项链', wrist: '手镯', ring: '戒指', support: '辅助装备',
  "magic stone": '魔法石', earring: '耳环',
  "title name": '称号', "name tag": '名称装饰',
  creature: '宠物', "artifact red": '红色神器', "artifact blue": '蓝色神器', "artifact green": '绿色神器',
  "hat avatar": '帽子', "hair avatar": '头发', "face avatar": '脸部', "coat avatar": '上衣装扮',
  "breast avatar": '胸部', "waist avatar": '腰部', "pants avatar": '裤子', "shoes avatar": '鞋子',
  "skin avatar": '皮肤', "aurora avatar": '光环', "weapon avatar": '武器装扮',
};

const ITEM_GROUPS = [
  { name: '武器', tags: ['weapon', 'support weapon'] },
  { name: '防具', tags: ['coat', 'shoulder', 'pants', 'shoes', 'waist'] },
  { name: '首饰', tags: ['amulet', 'wrist', 'ring', 'support', 'magic stone', 'earring'] },
  { name: '称号', tags: ['title name', 'name tag'] },
  { name: '宠物与神器', tags: ['creature', 'artifact red', 'artifact blue', 'artifact green'] },
  { name: '时装', tags: ['hat avatar', 'hair avatar', 'face avatar', 'coat avatar',
    'breast avatar', 'waist avatar', 'pants avatar', 'shoes avatar',
    'skin avatar', 'aurora avatar', 'weapon avatar'] },
];

function tagLabel(tag) { return ITEM_TAG_LABELS[tag] || tag; }

// 武器子类型（PVF 路径，服务端 q 参数可匹配 pvf_path）
const WEAPON_SUBS = [
  { job: '鬼剑士', subs: [['katana', '太刀'], ['ssword', '短剑'], ['hsword', '巨剑'], ['club', '钝器'], ['beamsword', '光剑']] },
  { job: '格斗家', subs: [['tonfa', '东方棍'], ['knuckle', '手套'], ['gauntlet', '臂铠'], ['claw', '爪'], ['boxglove', '拳套']] },
  { job: '神枪手', subs: [['revolver', '左轮枪'], ['automatic', '自动手枪'], ['hcannon', '手炮'], ['bowgun', '弩'], ['musket', '燧发枪']] },
  { job: '魔法师', subs: [['rod', '魔杖'], ['staff', '法杖'], ['spear', '长矛'], ['pole', '长棍'], ['broom', '扫把']] },
  { job: '圣职者', subs: [['scythe', '镰刀'], ['cross', '十字架'], ['rosary', '念珠'], ['axe', '战斧'], ['totem', '图腾']] },
  { job: '暗夜使者', subs: [['dagger', '匕首'], ['twinsword', '双剑'], ['wand', '手杖'], ['chakraweapon', '苦无']] },
  { job: '魔枪士', subs: [['pike', '长枪'], ['halberd', '战戟'], ['beamspear', '光枪'], ['javelin', '暗矛']] },
  { job: '枪剑士', subs: [['lblade', '长刀'], ['sblade', '小太刀'], ['mswd', '阔刀'], ['coreswd', '能量剑']] },
];
const WEAPON_SUB_LABELS = {};
WEAPON_SUBS.forEach(g => g.subs.forEach(x => { WEAPON_SUB_LABELS[x[0]] = x[1]; }));

// 道具浏览状态
let ITEM_CATS = null;
let ITEM_KIND = 'equipment';   // 顶层分区：equipment / stackable
let ITEM_FILTER = { tag: '', segment: '', group: '', label: '全部装备' };
let ITEM_SUB = '';
let ITEM_QUERY = '';
let ITEM_RARITY = -1;
let ITEM_PAGE = 0;
let ITEM_TOTAL = 0;
const ITEM_PAGE_SIZE = 30;


function initGm() {
  gmInited = true;
  document.querySelectorAll('.gm-nav-item').forEach(item => {
    item.addEventListener('click', () => renderGmPage(item.dataset.page));
  });
  $('gmBtnRefresh').addEventListener('click', () => {
    // 刷新时同步刷新账号/角色缓存
    loadAccounts().then(() => loadCharacters());
    renderGmPage(gmCurrentPage);
  });
  // 「返回启动器」：单窗口模式下回到启动器首页并恢复窗口
  $('btnBackLauncher').addEventListener('click', () => {
    if (typeof window.shellExitGm === 'function') {
      window.shellExitGm();
    } else {
      showLauncher();
    }
  });
  // 预加载账号/角色，供所有页面联动
  loadAccounts().then(() => loadCharacters());
  refreshGmHealth();
}

async function refreshGmHealth() {
  try {
    const r = await api('/api/gm/health');
    if (!r.ok) return;
    const dot = $('gmConnDot');
    const txt = $('gmConnText');
    if (r.server_online && r.native_available) {
      dot.className = 'conn-dot on';
      txt.textContent = '服务端在线 · Native';
    } else if (r.db_exists) {
      dot.className = 'conn-dot on';
      txt.textContent = 'SQLite 直读';
    } else {
      dot.className = 'conn-dot off';
      txt.textContent = '未发现数据库';
    }
  } catch (e) { /* ignore */ }
}

function renderGmPage(page) {
  gmCurrentPage = page;
  const [title, crumb] = GM_PAGES[page] || [page, ''];
  $('gmPageTitle').textContent = title;
  $('gmPageCrumb').textContent = crumb;
  document.querySelectorAll('.gm-nav-item').forEach(n => n.classList.toggle('active', n.dataset.page === page));
  const content = $('gmContent');
  const renderers = {
    dashboard: renderDashboard,
    characters: renderCharacters,
    items: renderItems,
    mail: renderMail,
    inventory: renderInventory,
    auction: renderAuction,
    quests: renderQuests,
    dungeons: renderDungeons,
    wallet: renderWallet,
    wipe: renderWipe,
    settings: renderSettings,
  };
  (renderers[page] || renderDashboard)(content);
}

function loadingHtml(text = '加载中…') {
  return `<div class="gm-loading"><div class="gm-spinner"></div><div>${escapeHtml(text)}</div></div>`;
}

// ---------- 控制台 ----------
async function renderDashboard(content) {
  content.innerHTML = loadingHtml('正在获取服务端状态…');
  try {
    const status = await api('/api/status');
    const health = await api('/api/gm/health');
    const running = status.server_running;
    const dbOk = status.db_exists;
    content.innerHTML = `
      <div class="gm-grid gm-grid-3">
        <div class="gm-stat ${running ? 'accent' : ''}">
          <div class="label">服务端状态</div>
          <div class="value">${running ? '运行中' : '未运行'}</div>
          <div class="ico-bg">🖥️</div>
        </div>
        <div class="gm-stat ${dbOk ? 'accent' : ''}">
          <div class="label">数据库</div>
          <div class="value">${dbOk ? '已就绪' : '未创建'}</div>
          <div class="ico-bg">🗄️</div>
        </div>
        <div class="gm-stat ${health.native_available ? 'accent' : ''}">
          <div class="label">Native API</div>
          <div class="value">${health.native_available ? '可用' : '不可用'}</div>
          <div class="ico-bg">🔌</div>
        </div>
      </div>
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>系统信息</div>
        <div style="font-size:13px;color:#b8bcd0;line-height:2">
          <div>服务端根目录：<span class="gm-num-cyan">${escapeHtml(status.server_root)}</span></div>
          <div>客户端目录：<span class="gm-num-cyan">${escapeHtml(status.client_dir)}</span></div>
          <div>数据库路径：<span class="gm-num-cyan">${escapeHtml(status.db || '(未创建)')}</span></div>
          <div>管理员权限：${status.admin ? '<span class="gm-tag gm-tag-green">已获取</span>' : '<span class="gm-tag gm-tag-red">未获取</span>'}</div>
          <div>赞助二维码：${status.sponsor_exists ? '<span class="gm-tag gm-tag-green">已配置</span>' : '<span class="gm-tag gm-tag-gray">未配置</span>'}</div>
        </div>
      </div>
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>使用提示</div>
        <div style="font-size:13px;color:#b8bcd0;line-height:1.9">
          <div>· 服务端<b>运行时</b>：使用 Native API 实时操作（改金币、发道具等）</div>
          <div>· 服务端<b>停止时</b>：自动切到 SQLite 直读（可删除角色、删档、无限疲劳）</div>
          <div>· <b>删除角色</b>必须先停止服务端，否则数据库被锁定</div>
        </div>
      </div>`;
  } catch (e) {
    content.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(e.message)}</div>`;
  }
}

// ---------- 角色管理 ----------
async function renderCharacters(content) {
  content.innerHTML = loadingHtml('正在加载角色列表…');
  try {
    await loadAccounts();
    const r = await api('/api/characters');
    const chars = (r.data || []);
    const accountOptions = '<option value="">全部账号</option>' + ACCOUNT_LIST.map(a => {
      const id = a.account_id ?? a.id ?? a.username ?? '';
      const name = a.represent_account_name || a.username || a.name || id;
      return `<option value="${escapeHtml(id)}">${escapeHtml(name)}（${escapeHtml(id)}）</option>`;
    }).join('');

    const renderRows = (list) => list.map(c => `
      <tr>
        <td><div style="display:flex;align-items:center;gap:10px">
          <div class="gm-avatar">${escapeHtml((c.name || '?').charAt(0))}</div>
          <div>
            <div style="font-weight:600;color:#f2f3f8">${escapeHtml(c.name || '未命名')}</div>
            <div style="font-size:11px;color:#6d7188">ID: ${escapeHtml(c.character_id)}</div>
          </div>
        </div></td>
        <td>${escapeHtml(c.profession_name || c.job || '0')}</td>
        <td><span class="gm-tag gm-tag-purple">Lv.${fmt(c.level)}</span></td>
        <td>${escapeHtml(c.account_id || '—')}</td>
        <td><button class="gm-btn gm-btn-sm gm-btn-primary" onclick="openCharDetail('${escapeHtml(c.character_id)}')">详情/编辑</button></td>
      </tr>`).join('');

    content.innerHTML = `
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>角色列表（${chars.length}）</div>
        <div class="gm-search-row" style="margin-bottom:12px">
          <div class="gm-field" style="flex:1;max-width:320px">
            <label>按账号筛选</label>
            <select class="gm-input" id="charFilterAccount" onchange="onCharFilterAccount(this.value)">${accountOptions}</select>
          </div>
        </div>
        <div class="gm-table-wrap">
          <table class="gm-table">
            <thead><tr><th>角色</th><th>职业</th><th>等级</th><th>账号</th><th>操作</th></tr></thead>
            <tbody id="charTableBody">${renderRows(chars)}</tbody>
          </table>
        </div>
      </div>`;
  } catch (e) {
    content.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(e.message)}</div>`;
  }
}

async function onCharFilterAccount(accountId) {
  const r = await api('/api/characters' + (accountId ? '?account=' + encodeURIComponent(accountId) : ''));
  const chars = (r.data || []);
  const body = $('charTableBody');
  if (body) {
    body.innerHTML = chars.map(c => `
      <tr>
        <td><div style="display:flex;align-items:center;gap:10px">
          <div class="gm-avatar">${escapeHtml((c.name || '?').charAt(0))}</div>
          <div>
            <div style="font-weight:600;color:#f2f3f8">${escapeHtml(c.name || '未命名')}</div>
            <div style="font-size:11px;color:#6d7188">ID: ${escapeHtml(c.character_id)}</div>
          </div>
        </div></td>
        <td>${escapeHtml(c.profession_name || c.job || '0')}</td>
        <td><span class="gm-tag gm-tag-purple">Lv.${fmt(c.level)}</span></td>
        <td>${escapeHtml(c.account_id || '—')}</td>
        <td><button class="gm-btn gm-btn-sm gm-btn-primary" onclick="openCharDetail('${escapeHtml(c.character_id)}')">详情/编辑</button></td>
      </tr>`).join('') || '<tr><td colspan="5" class="gm-empty">无角色</td></tr>';
  }
}

// 打开角色详情（编辑等级/金币/疲劳）
async function openCharDetail(charId) {
  currentCharId = charId;
  const content = $('gmContent');
  content.innerHTML = loadingHtml('正在加载角色详情…');
  try {
    const r = await api('/api/character?id=' + encodeURIComponent(charId));
    const ch = r.data || {};
    const fat = await api('/api/character/fatigue?id=' + encodeURIComponent(charId) + '&mode=query');
    const fatInfo = fat.data || {};
    content.innerHTML = `
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>角色：${escapeHtml(ch.name || charId)}</div>
        <div style="font-size:13px;color:#b8bcd0;margin-bottom:16px;line-height:1.9">
          <span class="gm-tag gm-tag-purple">Lv.${fmt(ch.level)}</span>
          <span class="gm-tag gm-tag-gray">职业 ${escapeHtml(ch.job || '0')}</span>
          <span class="gm-tag gm-tag-gray">账号 ${escapeHtml(ch.account_id || '—')}</span>
          <span class="gm-tag gm-tag-gold">金币 ${fmt(ch.gold ?? ch.stats?.gold)}</span>
        </div>

        <div class="gm-form-row" style="margin-bottom:18px">
          <div class="gm-field">
            <label>等级</label>
            <div style="display:flex;gap:8px">
              <input class="gm-input" id="editLevel" type="number" value="${fmt(ch.level)}">
              <button class="gm-btn gm-btn-sm gm-btn-primary" onclick="saveLevel()">设置</button>
            </div>
          </div>
          <div class="gm-field">
            <label>金币</label>
            <div style="display:flex;gap:8px">
              <input class="gm-input" id="editGold" type="number" value="${fmt(ch.gold ?? ch.stats?.gold ?? 0)}">
              <button class="gm-btn gm-btn-sm gm-btn-primary" onclick="saveGold()">设置</button>
            </div>
          </div>
        </div>

        <div class="gm-card-title" style="margin-top:8px"><span class="dot"></span>职业 / 转职</div>
        <div id="careerPanel" style="margin-bottom:10px"><div class="gm-hint">正在加载职业信息…</div></div>

        <div class="gm-card-title" style="margin-top:8px"><span class="dot"></span>疲劳值（无限疲劳）</div>
        <div class="gm-form-row" style="margin-bottom:10px">
          <div class="gm-field">
            <label>当前疲劳</label>
            <input class="gm-input" id="editFatigue" type="number" value="${fmt(fatInfo.fatigue)}">
          </div>
          <div class="gm-field">
            <label>疲劳上限</label>
            <input class="gm-input" id="editFatigueLimit" type="number" value="${fmt(fatInfo.fatigue_limit)}">
          </div>
        </div>
        <div class="gm-toolbar">
          <button class="gm-btn gm-btn-sm" onclick="saveFatigue()">保存疲劳</button>
          <button class="gm-btn gm-btn-sm gm-btn-primary" onclick="maxFatigue()">⚡ 一键无限疲劳</button>
          <span class="gm-hint">疲劳每日 6 点重置回上限；无限疲劳 = 把疲劳和上限都设成超大值</span>
        </div>
      </div>

      <div class="gm-card gm-danger-zone">
        <div class="gm-card-title"><span class="dot"></span>删除角色（危险操作）</div>
        <div style="font-size:13px;color:#b8bcd0;margin-bottom:12px;line-height:1.8">
          将删除该角色的全部数据（角色、装备、背包、邮件、任务、技能等）。<br>
          <span style="color:#ff5d6c">此操作不可恢复，且需先停止服务端！</span>
        </div>
        <button class="gm-btn gm-btn-danger" onclick="deleteCurrentChar()">🗑️ 删除该角色</button>
      </div>`;
    loadCareer();
  } catch (e) {
    content.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(e.message)}</div>`;
  }
}

// ---------- 转职 / 职业 ----------
let CAREER_OPTIONS = [];

async function loadCareer() {
  const panel = $('careerPanel');
  if (!panel) return;
  panel.innerHTML = '<div class="gm-hint">正在加载职业信息…</div>';
  try {
    const r = await api('/api/character/career?id=' + encodeURIComponent(currentCharId));
    if (!r.ok) { panel.innerHTML = '<div class="gm-hint">' + escapeHtml(r.error || '加载失败') + '</div>'; return; }
    const d = r.data || {};
    CAREER_OPTIONS = d.options || [];
    const curJob = Number(d.job ?? 0);
    const curFirst = Number(d.first_grow ?? d.first ?? 0);
    const curAwakening = Number(d.awakening ?? 0);

    const jobOpts = CAREER_OPTIONS.map(o => {
      const sel = Number(o.job) === curJob ? 'selected' : '';
      return `<option value="${o.job}" ${sel}>${escapeHtml(o.name || ('职业 ' + o.job))}</option>`;
    }).join('');

    panel.innerHTML = `
      <div style="font-size:13px;color:#b8bcd0;margin-bottom:8px">
        当前职业：<span class="gm-tag gm-tag-purple">${escapeHtml(d.profession_name || '未知')}</span>
      </div>
      <div class="gm-form-row" style="margin-bottom:10px">
        <div class="gm-field">
          <label>基础职业</label>
          <select class="gm-input" id="careerJob" onchange="onCareerJobChange()">${jobOpts || '<option value="">（无可选职业）</option>'}</select>
        </div>
        <div class="gm-field">
          <label>转职分支</label>
          <select class="gm-input" id="careerFirst" onchange="onCareerFirstChange()"></select>
        </div>
        <div class="gm-field">
          <label>觉醒阶段</label>
          <select class="gm-input" id="careerAwakening"></select>
        </div>
      </div>
      <div class="gm-toolbar">
        <button class="gm-btn gm-btn-sm gm-btn-primary" onclick="applyCareer()">🔄 应用转职</button>
        <span class="gm-hint">转职会重置不兼容技能并按新职业重建基础技能；角色需处于离线状态。</span>
      </div>`;
    onCareerJobChange();
  } catch (e) {
    panel.innerHTML = '<div class="gm-hint">加载失败：' + escapeHtml(e.message) + '</div>';
  }
}

function onCareerJobChange() {
  const job = Number($('careerJob').value);
  const opt = CAREER_OPTIONS.find(o => Number(o.job) === job);
  const firstSel = $('careerFirst');
  const branches = (opt && opt.branches) || [];
  firstSel.innerHTML = branches.map(b =>
    `<option value="${b.value}">${escapeHtml(b.name || ('分支 ' + b.value))}</option>`
  ).join('') || '<option value="0">（无分支）</option>';
  onCareerFirstChange();
}

function onCareerFirstChange() {
  const job = Number($('careerJob').value);
  const first = Number($('careerFirst').value);
  const opt = CAREER_OPTIONS.find(o => Number(o.job) === job);
  const branch = opt && (opt.branches || []).find(b => Number(b.value) === first);
  const awkSel = $('careerAwakening');
  const awakenings = (branch && branch.awakenings) || [];
  awkSel.innerHTML = awakenings.map(a =>
    `<option value="${a.value}">${escapeHtml(a.name || ('觉醒 ' + a.value))}</option>`
  ).join('') || '<option value="0">（无觉醒）</option>';
}

async function applyCareer() {
  const job = Number($('careerJob').value);
  const first = Number($('careerFirst').value || 0);
  const awakening = Number($('careerAwakening').value || 0);
  gmConfirm('应用转职', '确定要将该角色转职为所选职业吗？<br>转职会<b style="color:#ffd66b">重置不兼容技能</b>并按新职业重建基础技能，请确认角色当前处于<b style="color:#ff5d6c">离线状态</b>。', '转职', async () => {
    const r = await post('/api/character/career', { id: currentCharId, job, first, awakening });
    if (r.ok) { gmToast('转职成功', 'ok'); loadCareer(); }
    else gmToast('转职失败：' + (r.error || ''), 'err');
  });
}

async function saveLevel() {
  const level = $('editLevel').value;
  const r = await post('/api/character/level', { id: currentCharId, level: parseInt(level) });
  if (r.ok) gmToast('等级已更新', 'ok'); else gmToast('失败：' + (r.error || ''), 'err');
}

async function saveGold() {
  const amount = $('editGold').value;
  const r = await post('/api/character/gold', { id: currentCharId, amount: parseInt(amount) });
  if (r.ok) gmToast('金币已更新', 'ok'); else gmToast('失败：' + (r.error || ''), 'err');
}

async function saveFatigue() {
  const fatigue = $('editFatigue').value;
  const limit = $('editFatigueLimit').value;
  const r = await post('/api/character/fatigue', { id: currentCharId, fatigue: parseInt(fatigue), fatigue_limit: parseInt(limit) });
  if (r.ok) { gmToast('疲劳值已更新', 'ok'); openCharDetail(currentCharId); }
  else gmToast('失败：' + (r.error || ''), 'err');
}

async function maxFatigue() {
  const r = await post('/api/character/fatigue', { id: currentCharId, fatigue: 999999, fatigue_limit: 999999 });
  if (r.ok) { gmToast('已设置无限疲劳（999999）', 'ok'); openCharDetail(currentCharId); }
  else gmToast('失败：' + (r.error || ''), 'err');
}

async function deleteCurrentChar() {
  gmConfirm('删除角色', '确定要删除该角色的全部数据吗？<br>此操作<b style="color:#ff5d6c">不可恢复</b>，且需先停止服务端。', 'DELETE', async () => {
    const r = await post('/api/character/delete', { id: currentCharId, confirm: 'DELETE' });
    if (r.ok) {
      gmToast('角色已删除（' + (r.data?.deleted || 0) + ' 条记录）', 'ok');
      renderGmPage('characters');
    } else {
      gmToast('删除失败：' + (r.error || ''), 'err');
    }
  });
}

// ---------- 道具发放 ----------
async function renderItems(content) {
  content.innerHTML = `
    <div class="gm-card">
      <div class="gm-card-title"><span class="dot"></span>发放道具</div>
      <div class="gm-form-row" style="margin-bottom:10px">
        <div class="gm-field">
          <label>目标角色（联动账号角色列表）</label>
          <select class="gm-input" id="item-char" data-char-select onchange="updateGrantTip()"></select>
        </div>
        <div class="gm-field">
          <label>发放方式</label>
          <select class="gm-input" id="grant-mode" onchange="updateGrantTip()">
            <option value="bag">直接进背包</option>
            <option value="mail">邮件发放</option>
          </select>
        </div>
      </div>
      <div class="gm-form-row" style="margin-bottom:10px">
        <div class="gm-field">
          <label>道具 ID</label>
          <input class="gm-input" id="item-id" type="number" placeholder="从下方列表「选用」自动填入">
        </div>
        <div class="gm-field">
          <label>数量</label>
          <input class="gm-input" id="item-count" type="number" value="1">
        </div>
      </div>
      <div id="grant-mail-fields" style="display:none;margin-bottom:10px">
        <div class="gm-form-row">
          <div class="gm-field"><label>邮件标题</label><input class="gm-input" id="mail-title" placeholder="标题"></div>
          <div class="gm-field"><label>邮件正文</label><input class="gm-input" id="mail-body" placeholder="正文"></div>
        </div>
      </div>
      <div class="gm-subtitle" style="margin:6px 0 8px;font-size:12.5px;color:var(--text-dim)">装备高级选项（仅装备生效，发放消耗品/材料时忽略）</div>
      <div class="gm-form-row" style="margin-bottom:10px">
        <div class="gm-field"><label>强化 (0-31)</label><input class="gm-input" id="opt-reinforce" type="number" min="0" max="31" value="0"></div>
        <div class="gm-field"><label>增幅 (0-4)</label><input class="gm-input" id="opt-amplify" type="number" min="0" max="4" value="0"></div>
        <div class="gm-field"><label>锻造 (0-8)</label><input class="gm-input" id="opt-forging" type="number" min="0" max="8" value="0"></div>
      </div>
      <div class="gm-form-row" style="margin-bottom:10px">
        <div class="gm-field">
          <label>品级</label>
          <select class="gm-input" id="opt-quality">
            <option value="">默认</option>
            <option value="random">随机</option>
            <option value="top">最上级</option>
          </select>
        </div>
        <div class="gm-field"><label>附魔宝珠 ID</label><input class="gm-input" id="opt-enchant" type="number" placeholder="附魔宝珠 item_id（可空）"></div>
      </div>
      <div class="gm-hint" style="margin-bottom:10px">品级仅支持「最上级」与「随机」（服务端 GM 接口限制）；直接进背包路径的品级/强化等属性建议改走「邮件发放」以确保生效。</div>
      <button class="gm-btn gm-btn-primary" onclick="grantItem()">🎁 发放</button>
      <div class="gm-hint" id="grant-tip" style="margin-top:10px"></div>
    </div>

    <div class="gm-card">
      <div class="gm-card-title"><span class="dot"></span>物品浏览与发放</div>
      <div class="gm-search-row" style="margin-bottom:10px">
        <input class="gm-input" id="item-query" placeholder="关键词 / 名称 / ID（可空，浏览分类）" style="flex:1" onkeydown="if(event.key==='Enter')searchItems()">
        <select class="gm-input" id="item-rarity" style="width:110px">
          <option value="-1">全部品质</option>
          <option value="0">普通</option>
          <option value="1">高级</option>
          <option value="2">稀有</option>
          <option value="3">神器</option>
          <option value="4">史诗</option>
          <option value="5">传说</option>
          <option value="6">神话</option>
        </select>
        <button class="gm-btn gm-btn-primary" onclick="searchItems()">搜索</button>
      </div>

      <!-- 装备 / 道具 顶层分区 -->
      <div class="gm-item-tabs" id="item-kind-tabs">
        <button class="gm-item-tab active" data-kind="equipment" onclick="switchItemKind('equipment')">🛡 装备</button>
        <button class="gm-item-tab" data-kind="stackable" onclick="switchItemKind('stackable')">🎒 道具</button>
      </div>

      <!-- 装备分类（武器/防具/首饰/称号/宠物神器/时装 + 武器子类型） -->
      <div id="item-cats" style="margin-bottom:12px"><div class="gm-hint">正在加载分类…</div></div>

      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px">
        <span class="gm-hint" id="item-total">共 0 条</span>
        <span style="display:flex;gap:8px">
          <button class="gm-btn gm-btn-sm" onclick="itemPage('prev')">‹ 上一页</button>
          <span class="gm-hint" id="item-page" style="align-self:center">第 1 / 1 页</span>
          <button class="gm-btn gm-btn-sm" onclick="itemPage('next')">下一页 ›</button>
        </span>
      </div>
      <div class="gm-table-wrap" style="max-height:380px">
        <table class="gm-table">
          <thead><tr><th>ID</th><th>名称</th><th>品质</th><th>类型</th><th>堆叠</th><th>操作</th></tr></thead>
          <tbody id="item-result"><tr><td colspan="6" class="gm-empty">正在加载…</td></tr></tbody>
        </table>
      </div>
    </div>`;

  // 填充角色下拉（联动）
  fillCharSelect($('item-char'));
  updateGrantTip();
  // 重置到「装备」分区，加载分类 + 第一页
  ITEM_KIND = 'equipment';
  loadItemCategories();
  renderItemPage();
}

function updateGrantTip() {
  const tip = $('grant-tip');
  const mode = $('grant-mode');
  const mailFields = $('grant-mail-fields');
  if (mode && mailFields) mailFields.style.display = (mode.value === 'mail') ? 'block' : 'none';
  if (!tip) return;
  const charId = $('item-char').value;
  const ch = CHAR_LIST.find(c => String(c.character_id) === String(charId));
  if (mode.value === 'mail') {
    tip.textContent = '邮件发放：物品进入角色邮箱，游戏内立即收到新邮件提醒，打开邮箱领取即可（无需小退）。';
  } else {
    tip.textContent = '直接进背包：服务端只写仓库数据、不推送背包刷新，' +
      (ch && ch.online ? '该角色当前在线，需小退（返回角色选择再进入）才能看到。' : '物品已写入背包，下次上线可见。');
  }
}

// ---- 分类 ----
async function loadItemCategories(force) {
  const box = $('item-cats');
  if (!box) return;
  if (ITEM_CATS && !force) { renderItemCats(ITEM_CATS); return; }
  try {
    const r = await api('/api/items/categories');
    if (r.error) {
      box.innerHTML = '<div class="gm-hint">分类不可用：' + escapeHtml(r.error) + '</div>';
      return;
    }
    ITEM_CATS = r.data || {};
    renderItemCats(ITEM_CATS);
  } catch (e) {
    box.innerHTML = '<div class="gm-hint">分类加载失败：' + escapeHtml(e.message) + '</div>';
  }
}

function catBtn(kind, tag, segment, group, label, count, key, extra) {
  return `<button class="gm-btn gm-btn-sm" data-cat="${escapeHtml(key)}" onclick="browseCat('${escapeHtml(kind)}','${escapeHtml(tag)}','${escapeHtml(segment)}','${escapeHtml(group)}','${escapeHtml(label)}','${escapeHtml(extra || '')}')">${escapeHtml(label)} <span style="opacity:.6">${count}</span></button>`;
}

// 切换装备 / 道具 顶层分区
async function switchItemKind(kind) {
  ITEM_KIND = kind;
  // 高亮 Tab
  document.querySelectorAll('#item-kind-tabs .gm-item-tab').forEach(b => {
    b.classList.toggle('active', b.getAttribute('data-kind') === kind);
  });
  // 重置筛选
  ITEM_QUERY = '';
  ITEM_RARITY = -1;
  ITEM_SUB = '';
  ITEM_PAGE = 0;
  if ($('item-query')) $('item-query').value = '';
  if ($('item-rarity')) $('item-rarity').value = '-1';
  ITEM_FILTER = { tag: '', segment: '', group: '', label: (kind === 'equipment' ? '全部装备' : '全部道具') };
  renderItemCats(ITEM_CATS);
  await renderItemPage();
}

function renderItemCats(cats) {
  const box = $('item-cats');
  if (!box) return;
  if (!cats) { box.innerHTML = ''; return; }
  const eq = (cats.equipment || []).filter(x => x.count > 0);
  const st = (cats.stackable || []).filter(x => x.count > 0);
  const byTag = {};
  eq.forEach(x => { byTag[x.name] = x.count; });
  const eqTotal = eq.reduce((s, x) => s + x.count, 0);
  const stTotal = st.reduce((s, x) => s + x.count, 0);

  if (ITEM_KIND === 'stackable') {
    // 道具区：segment 分类
    let html = '<div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px">';
    html += catBtn('', '', '', '', '全部道具', stTotal, 'all');
    html += '</div>';
    if (st.length) {
      html += '<div class="gm-hint" style="margin-bottom:6px">按类型分类</div>' +
        '<div style="display:flex;flex-wrap:wrap;gap:6px">' +
        st.map(x => catBtn('', '', x.name, '', x.name, x.count, 'seg:' + x.name)).join('') +
        '</div>';
    }
    box.innerHTML = html;
    markActiveCat();
    return;
  }

  // 装备区：按 ITEM_GROUPS 分类 + 武器子类型
  const used = {};
  let html = '<div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px">';
  html += catBtn('', '', '', '', '全部装备', eqTotal, 'all');
  html += '</div>';

  ITEM_GROUPS.forEach(g => {
    const cols = g.tags.filter(t => byTag[t]);
    if (!cols.length) return;
    cols.forEach(t => { used[t] = 1; });
    const isWeapon = (g.name === '武器');
    html += '<div style="margin-bottom:10px">' +
      '<div class="gm-hint" style="margin-bottom:6px">' + g.name + '</div>' +
      '<div style="display:flex;flex-wrap:wrap;gap:6px">' +
      cols.map(t => catBtn('', t, '', '', tagLabel(t), byTag[t], 'tag:' + t)).join('') +
      '</div>';
    // 武器组额外展开子类型（8大职业）
    if (isWeapon) {
      html += '<div id="weapon-sub-box" style="margin-top:6px;display:none">' +
        renderWeaponSubs() + '</div>';
    }
    html += '</div>';
  });

  const rest = eq.filter(x => !used[x.name]);
  if (rest.length) {
    html += '<div style="margin-bottom:10px">' +
      '<div class="gm-hint" style="margin-bottom:6px">其他装备</div>' +
      '<div style="display:flex;flex-wrap:wrap;gap:6px">' +
      rest.map(x => catBtn('', x.name, '', '', tagLabel(x.name), x.count, 'tag:' + x.name)).join('') +
      '</div></div>';
  }
  box.innerHTML = html;
  markActiveCat();
  // 若当前选中武器，展开子类型
  toggleWeaponSubs(ITEM_FILTER.tag === 'weapon');
}

function renderWeaponSubs() {
  let html = '<div class="gm-hint" style="margin-bottom:4px">武器子类型</div>';
  WEAPON_SUBS.forEach(g => {
    html += '<div style="margin:4px 0">' +
      '<span class="gm-hint" style="margin-right:6px;font-size:12px">' + g.job + '</span>' +
      '<div style="display:inline-flex;flex-wrap:wrap;gap:5px">' +
      g.subs.map(s => {
        const key = 'wsub:' + s[0];
        return `<button class="gm-btn gm-btn-xs" data-cat="${key}" data-wsub="1" onclick="browseWeaponSub('${escapeHtml(s[0])}','${escapeHtml(s[1])}')">${escapeHtml(s[1])}</button>`;
      }).join('') +
      '</div></div>';
  });
  return html;
}

function toggleWeaponSubs(show) {
  const box = $('weapon-sub-box');
  if (box) box.style.display = show ? 'block' : 'none';
}

async function browseWeaponSub(sub, label) {
  ITEM_FILTER = { tag: 'weapon', segment: '', group: '', label: '武器 · ' + label };
  ITEM_SUB = sub;
  ITEM_QUERY = '/weapon/' + sub + '/';  // 通过 PVF path 匹配武器子类型
  ITEM_RARITY = parseInt($('item-rarity').value);
  ITEM_PAGE = 0;
  await renderItemPage();
}

function markActiveCat() {
  const f = ITEM_FILTER;
  let key = ITEM_SUB ? 'wsub:' + ITEM_SUB
    : f.tag ? 'tag:' + f.tag
    : f.segment ? 'seg:' + f.segment
    : 'all';
  document.querySelectorAll('#item-cats [data-cat]').forEach(b => {
    const on = b.getAttribute('data-cat') === key;
    b.style.borderColor = on ? 'var(--primary)' : 'transparent';
    b.style.background = on ? 'rgba(124,92,255,0.18)' : 'rgba(255,255,255,0.05)';
  });
}

async function browseCat(kind, tag, segment, group, label, extra) {
  ITEM_FILTER = { tag, segment, group, label };
  ITEM_SUB = '';
  ITEM_QUERY = ($('item-query') && $('item-query').value) ? $('item-query').value.trim() : '';
  ITEM_RARITY = parseInt($('item-rarity').value);
  ITEM_PAGE = 0;
  toggleWeaponSubs(tag === 'weapon');
  await renderItemPage();
}

async function searchItems() {
  ITEM_QUERY = $('item-query').value.trim();
  ITEM_SUB = '';
  // 搜索时清空细分筛选，保留装备/道具分区
  ITEM_FILTER = { tag: '', segment: '', group: '', label: (ITEM_KIND === 'equipment' ? '装备搜索' : '道具搜索') };
  ITEM_RARITY = parseInt($('item-rarity').value);
  ITEM_PAGE = 0;
  toggleWeaponSubs(false);
  await renderItemPage();
}

async function itemPage(dir) {
  const maxPage = Math.max(0, Math.ceil(ITEM_TOTAL / ITEM_PAGE_SIZE) - 1);
  let np = ITEM_PAGE + (dir === 'next' ? 1 : -1);
  if (np < 0) np = 0;
  if (np > maxPage) np = maxPage;
  if (np === ITEM_PAGE) return;
  ITEM_PAGE = np;
  await renderItemPage();
}

async function renderItemPage() {
  const offset = ITEM_PAGE * ITEM_PAGE_SIZE;
  const f = ITEM_FILTER;
  try {
    const r = await post('/api/item/search', {
      query: ITEM_QUERY, rarity: ITEM_RARITY, limit: ITEM_PAGE_SIZE, offset,
      kind: ITEM_KIND, tag: f.tag, segment: f.segment, group: f.group
    });
    if (r.error) {
      $('item-result').innerHTML = '<tr><td colspan="6" class="gm-empty">' + escapeHtml(r.error) + '</td></tr>';
      $('item-total').textContent = '共 0 条';
      return;
    }
    const arr = r.items || [];
    ITEM_TOTAL = r.total || arr.length;
    const maxPage = Math.max(0, Math.ceil(ITEM_TOTAL / ITEM_PAGE_SIZE) - 1);
    $('item-total').textContent = (f.label ? f.label + ' · ' : '') + '共 ' + ITEM_TOTAL + ' 条';
    $('item-result').innerHTML = arr.length
      ? arr.map(it => {
        const rid = it.item_id ?? it.id;
        const nm = (it.name || '').replace(/['"\\<>&]/g, '');
        const rn = RARITY[it.rarity] ? '<span class="gm-tag gm-tag-purple">' + RARITY[it.rarity] + '</span>' : '-';
        return `<tr>
          <td>${escapeHtml(rid)}</td>
          <td>${escapeHtml(it.name || '-')}</td>
          <td>${rn}</td>
          <td class="gm-hint">${escapeHtml(it.kind || '-')}</td>
          <td>${fmt(it.stack_limit)}</td>
          <td style="white-space:nowrap">
            <button class="gm-btn gm-btn-sm gm-btn-primary" onclick="useItem('${escapeHtml(rid)}','${nm}')">选用</button>
            <button class="gm-btn gm-btn-sm" onclick="quickGrant('${escapeHtml(rid)}','${nm}')">发放×1</button>
          </td>
        </tr>`;
      }).join('')
      : '<tr><td colspan="6" class="gm-empty">无结果</td></tr>';
    $('item-page').textContent = '第 ' + (ITEM_PAGE + 1) + ' / ' + (maxPage + 1) + ' 页';
    markActiveCat();
  } catch (e) {
    $('item-result').innerHTML = '<tr><td colspan="6" class="gm-empty">搜索异常：' + escapeHtml(e.message) + '</td></tr>';
  }
}

function useItem(id, name) {
  $('item-id').value = id;
  $('item-count').value = '1';
  gmToast('已填入道具 ' + id + (name ? '（' + name + '）' : '') + '，设置数量后点「发放」', 'info');
}

async function quickGrant(itemId, name) {
  const charId = $('item-char').value;
  if (!charId) { gmToast('请先选择角色', 'err'); return; }
  const label = name || String(itemId);
  const mode = $('grant-mode').value;
  const opts = {
    reinforce: parseInt($('opt-reinforce').value || 0),
    amplify_type: parseInt($('opt-amplify').value || 0),
    forging: parseInt($('opt-forging').value || 0),
    equipment_quality: $('opt-quality').value || '',
    enchant_bead_item_id: parseInt($('opt-enchant').value || 0)
  };
  const body = { id: charId, item_id: parseInt(itemId), count: 1, ...opts };
  try {
    const r = mode === 'mail'
      ? await post('/api/item/mail', body)
      : await post('/api/item/grant-options', body);
    if (r.ok) gmToast('已' + (mode === 'mail' ? '邮寄' : '发放') + '「' + label + '」×1', 'ok');
    else gmToast('发放失败：' + (r.error || ''), 'err');
  } catch (e) { gmToast('发放异常：' + e.message, 'err'); }
}

async function grantItem() {
  const id = $('item-char').value;
  const itemId = $('item-id').value.trim();
  const count = $('item-count').value.trim();
  if (!id) { gmToast('请先选择角色', 'err'); return; }
  if (!itemId) { gmToast('请填写道具 ID（或从列表选用）', 'err'); return; }
  const mode = $('grant-mode').value;
  // 装备高级选项（服务端对非装备会忽略/报错，仅装备生效）
  const opts = {
    reinforce: parseInt($('opt-reinforce').value || 0),
    amplify_type: parseInt($('opt-amplify').value || 0),
    forging: parseInt($('opt-forging').value || 0),
    equipment_quality: $('opt-quality').value || '',
    enchant_bead_item_id: parseInt($('opt-enchant').value || 0)
  };
  const body = { id, item_id: parseInt(itemId), count: parseInt(count || 1), ...opts };
  if (mode === 'mail') {
    body.title = $('mail-title').value || '';
    body.body = $('mail-body').value || '';
  }
  const path = mode === 'mail' ? '/api/item/mail' : '/api/item/grant-options';
  const r = await post(path, body);
  if (r.ok) gmToast(mode === 'mail' ? '已邮件发放道具 ' + itemId + ' ×' + count : '已发放道具 ' + itemId + ' ×' + count, 'ok');
  else gmToast('发放失败：' + (r.error || ''), 'err');
}

async function doGrant() {
  await grantItem();
}

// ---------- 邮件 ----------
async function renderMail(content) {
  content.innerHTML = `
    <div class="gm-card">
      <div class="gm-card-title"><span class="dot"></span>发送系统邮件</div>
      <div class="gm-form-row" style="margin-bottom:10px">
        <div class="gm-field">
          <label>收件角色（联动）</label>
          <select class="gm-input" id="mail-char" data-char-select></select>
        </div>
        <div class="gm-field">
          <label>标题</label>
          <input class="gm-input" id="sysmail-title" placeholder="邮件标题">
        </div>
      </div>
      <div class="gm-field" style="margin-bottom:10px">
        <label>正文</label>
        <textarea class="gm-input" id="sysmail-body" rows="3" placeholder="邮件正文"></textarea>
      </div>
      <button class="gm-btn gm-btn-primary" onclick="sendSystemMail()">✉️ 发送邮件</button>
      <div class="gm-hint" style="margin-top:8px">需服务端在线（Native 模式）。</div>
    </div>

    <div class="gm-card">
      <div class="gm-card-title"><span class="dot"></span>清空邮箱</div>
      <div class="gm-search-row" style="margin-bottom:10px">
        <select class="gm-input" id="mail-clear-char" data-char-select style="flex:1"></select>
        <button class="gm-btn gm-btn-danger" onclick="clearMailbox()">清空邮箱</button>
      </div>
      <div class="gm-hint">清空选中角色的全部邮件（危险，需二次确认）。</div>
    </div>`;
  fillCharSelect($('mail-char'));
  fillCharSelect($('mail-clear-char'));
}

async function sendSystemMail() {
  const id = $('mail-char').value;
  if (!id) { gmToast('请选择角色', 'err'); return; }
  const r = await post('/api/mail/send', {
    character_id: id,
    title: $('sysmail-title').value || '',
    body: $('sysmail-body').value || ''
  });
  if (r.ok) gmToast('邮件已发送', 'ok'); else gmToast('发送失败：' + (r.error || ''), 'err');
}

async function clearMailbox() {
  const id = $('mail-clear-char').value;
  if (!id) { gmToast('请选择角色', 'err'); return; }
  gmConfirm('清空邮箱', '确定清空该角色的全部邮件？<br>此操作<b style="color:#ff5d6c">不可恢复</b>。', 'DELETE', async () => {
    const r = await post('/api/mailbox/clear', { id });
    if (r.ok) gmToast('邮箱已清空', 'ok'); else gmToast('清空失败：' + (r.error || ''), 'err');
  });
}

// ---------- 背包 ----------
async function renderInventory(content) {
  content.innerHTML = `
    <div class="gm-card">
      <div class="gm-card-title"><span class="dot"></span>查看背包</div>
      <div class="gm-search-row" style="margin-bottom:10px">
        <select class="gm-input" id="inv-char" data-char-select style="flex:1"></select>
        <button class="gm-btn gm-btn-primary" onclick="loadInventory()">查看</button>
        <button class="gm-btn gm-btn-danger" onclick="clearInventory()">清空背包</button>
      </div>
      <div id="inv-list"><div class="gm-hint">选择角色后查看背包内容</div></div>
    </div>

    <div class="gm-card">
      <div class="gm-card-title"><span class="dot"></span>删除指定背包行</div>
      <div class="gm-form-row" style="margin-bottom:10px">
        <div class="gm-field">
          <label>角色（联动）</label>
          <select class="gm-input" id="inv-del-char" data-char-select></select>
        </div>
        <div class="gm-field">
          <label>容器</label>
          <select class="gm-input" id="inv-del-container">
            <option value="inventory">主背包</option>
            <option value="warehouse">仓库</option>
            <option value="account">账号金库</option>
          </select>
        </div>
        <div class="gm-field">
          <label>槽位 key（见上方「槽位」列）</label>
          <input class="gm-input" id="inv-del-key" placeholder="entry_key">
        </div>
      </div>
      <button class="gm-btn gm-btn-danger" onclick="deleteInventoryItem()">删除该行</button>
      <div class="gm-hint" style="margin-top:8px">可直接在上方列表中点每行的「删除」按钮，无需手动填 key；服务端在线/离线均可删除。</div>
    </div>`;
  fillCharSelect($('inv-char'));
  fillCharSelect($('inv-del-char'));
}

async function loadInventory() {
  const id = $('inv-char').value;
  if (!id) { gmToast('请选择角色', 'err'); return; }
  const box = $('inv-list');
  box.innerHTML = loadingHtml('加载背包…');
  const r = await api('/api/inventory/list?id=' + encodeURIComponent(id));
  const rows = Array.isArray(r.data) ? r.data : [];
  if (!r.ok) {
    box.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(r.error || '')}</div>`;
    return;
  }
  if (!rows.length) { box.innerHTML = '<div class="gm-empty">背包为空</div>'; return; }
  const trs = rows.map(it => {
    const key = it.key || it.entry_key || '';
    const cid = String(id).replace(/'/g, '');
    return `<tr>
      <td>${escapeHtml(it.collection || it.container || '背包')}</td>
      <td>${escapeHtml(key)}</td>
      <td>${escapeHtml(it.item_id ?? '—')}</td>
      <td>${escapeHtml(it.item_name || it.name || '-')}</td>
      <td>${fmt(it.count ?? 1)}</td>
      <td><button class="gm-btn gm-btn-danger gm-btn-sm" onclick="deleteInventoryRow('${escapeHtml(cid)}','${escapeHtml(key)}')">删除</button></td>
    </tr>`;
  }).join('');
  box.innerHTML = `<div class="gm-table-wrap"><table class="gm-table">
    <thead><tr><th>容器</th><th>槽位(key)</th><th>物品ID</th><th>名称</th><th>数量</th><th>操作</th></tr></thead>
    <tbody>${trs}</tbody></table></div>`;
}

async function deleteInventoryRow(id, key) {
  if (!id || !key) { gmToast('缺少删除信息', 'err'); return; }
  gmConfirm('删除背包行', `确定删除背包行 <b>${escapeHtml(key)}</b>？`, 'DELETE', async () => {
    const r = await post('/api/inventory/delete', { id, key });
    if (r.ok) { gmToast('已删除 ' + key, 'ok'); loadInventory(); }
    else gmToast('删除失败：' + (r.error || ''), 'err');
  });
}

async function clearInventory() {
  const id = $('inv-char').value;
  if (!id) { gmToast('请选择角色', 'err'); return; }
  gmConfirm('清空背包', '确定清空该角色背包？<br>钱包槽（金币/复活币）会保留，其余物品将被删除。', 'DELETE', async () => {
    const r = await post('/api/inventory/clear', { id, keep_wallet: true });
    if (r.ok) { gmToast('背包已清空（保留钱包槽）', 'ok'); loadInventory(); }
    else gmToast('清空失败：' + (r.error || ''), 'err');
  });
}

async function deleteInventoryItem() {
  const id = $('inv-del-char').value;
  const key = $('inv-del-key').value.trim();
  if (!id || !key) { gmToast('请选择角色并填写槽位 key', 'err'); return; }
  const container = $('inv-del-container').value;
  gmConfirm('删除背包行', `确定删除背包行 <b>${escapeHtml(key)}</b>？`, 'DELETE', async () => {
    const r = await post('/api/inventory/delete', { id, container, key });
    if (r.ok) { gmToast('已删除 ' + key, 'ok'); loadInventory(); }
    else gmToast('删除失败：' + (r.error || ''), 'err');
  });
}

// ---------- 拍卖行 ----------
async function renderAuction(content) {
  content.innerHTML = loadingHtml('正在加载拍卖行…');
  try {
    await loadAccounts();
    await loadCharacters();
    content.innerHTML = `
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>挂单列表</div>
        <div class="gm-search-row" style="margin-bottom:12px">
          <button class="gm-btn gm-btn-primary" onclick="loadAuctionListings()">刷新挂单</button>
          <span class="gm-hint" id="auction-escrow-info" style="margin-left:10px"></span>
        </div>
        <div id="auction-list"></div>
      </div>

      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>上架物品</div>
        <div class="gm-hint" style="margin-bottom:12px">GM 上架<b>免押金</b>（不扣 10,000 金币），成交收取 <b>5%</b> 手续费。可从下方<b>物品目录</b>搜索选物品直接上架，或从角色背包选物品、手动填物品 ID。</div>

        <div class="gm-subtitle" style="margin:4px 0 8px;font-size:12.5px;color:var(--text-dim)">① 从物品目录选物品上架</div>
        <div class="gm-search-row" style="margin-bottom:10px">
          <input class="gm-input" id="auction-item-query" placeholder="关键词 / 名称 / ID（搜索物品目录）" style="flex:1" onkeydown="if(event.key==='Enter')searchAuctionItems()">
          <button class="gm-btn gm-btn-primary" onclick="searchAuctionItems()">搜索物品</button>
        </div>
        <div class="gm-table-wrap" style="max-height:220px;margin-bottom:10px">
          <table class="gm-table">
            <thead><tr><th>ID</th><th>名称</th><th>品质</th><th>类型</th><th>操作</th></tr></thead>
            <tbody id="auction-item-result"><tr><td colspan="5" class="gm-empty">输入关键词搜索物品目录，点「选用」填入下方表单</td></tr></tbody>
          </table>
        </div>

        <div class="gm-subtitle" style="margin:4px 0 8px;font-size:12.5px;color:var(--text-dim)">② 填写上架信息</div>
        <div class="gm-form-grid">
          <div class="gm-field">
            <label>卖家角色</label>
            <select class="gm-input" id="auction-seller" data-char-select onchange="loadAuctionSellerBag()"></select>
          </div>
          <div class="gm-field">
            <label>背包物品（选择后自动填物品ID/数量）</label>
            <select class="gm-input" id="auction-bag-item" onchange="onAuctionBagItemPick()"></select>
          </div>
          <div class="gm-field">
            <label>物品 ID</label>
            <input class="gm-input" id="auction-item-id" type="number" placeholder="物品 ID">
          </div>
          <div class="gm-field">
            <label>数量</label>
            <input class="gm-input" id="auction-count" type="number" value="1" min="1">
          </div>
          <div class="gm-field">
            <label>单价（金币 / 每件）</label>
            <input class="gm-input" id="auction-unit-price" type="number" min="1" placeholder="单价">
          </div>
          <div class="gm-field">
            <label>一口价</label>
            <div class="gm-hint" style="padding-top:8px">本服为单一价格模式，一口价自动等于单价</div>
          </div>
          <div class="gm-field">
            <label>起拍价</label>
            <div class="gm-hint" style="padding-top:8px">本服不设竞拍，按一口价（=单价）直接成交</div>
          </div>
          <div class="gm-field">
            <label>挂单时长（小时）</label>
            <input class="gm-input" id="auction-duration" type="number" value="24" min="1">
          </div>
        </div>
        <label class="gm-checkbox" style="margin-bottom:12px">
          <input type="checkbox" id="auction-grant-missing">
          <span>直接上架（自动补足）：背包物品不足时自动凭空发放差额再上架</span>
        </label>
        <button class="gm-btn gm-btn-primary" onclick="auctionList()">上架</button>
      </div>`;
    fillAllCharSelects();
    await loadAuctionListings();
    await loadAuctionSellerBag();
  } catch (e) {
    content.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(e.message)}</div>`;
  }
}

async function loadAuctionListings() {
  const box = $('auction-list');
  const escrowInfo = $('auction-escrow-info');
  if (box) box.innerHTML = loadingHtml('加载挂单…');
  const r = await api('/api/auction/listings');
  if (!r.ok) {
    if (box) box.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(r.error || '')}</div>`;
    return;
  }
  if (escrowInfo) escrowInfo.textContent = '托管金币：' + fmt(r.escrow_gold || 0);
  const listings = r.data || [];
  if (!listings.length) {
    box.innerHTML = '<div class="gm-empty">当前没有挂单</div>';
    return;
  }
  const rows = listings.map(l => {
    const expired = l.expired ? '<span class="gm-tag gm-tag-red">已过期</span>' : '';
    const priceTxt = l.buyout_price > 0 ? ('一口价 ' + fmt(l.buyout_price)) : ('起拍 ' + fmt(l.start_price));
    return `<tr>
      <td>${escapeHtml(l.listing_id)}</td>
      <td>${escapeHtml(l.item_id)}</td>
      <td>${fmt(l.count)}</td>
      <td>${escapeHtml(l.seller_name || l.seller_id || '-')}</td>
      <td>${fmt(l.unit_price)}</td>
      <td>${priceTxt}${l.bid_total > 0 ? ' · 竞价 ' + fmt(l.bid_total) : ''}</td>
      <td>${escapeHtml(formatTs(l.expires_at))}${expired}</td>
      <td><button class="gm-btn gm-btn-danger gm-btn-sm" onclick="auctionCancel('${escapeHtml(l.listing_id)}','${escapeHtml(l.item_id)}',${l.count})">下架</button></td>
    </tr>`;
  }).join('');
  box.innerHTML = `<div class="gm-table-wrap"><table class="gm-table">
    <thead><tr><th>挂单ID</th><th>物品ID</th><th>数量</th><th>卖家</th><th>单价</th><th>价格</th><th>到期</th><th>操作</th></tr></thead>
    <tbody>${rows}</tbody></table></div>`;
}

function formatTs(ts) {
  if (!ts) return '-';
  const d = new Date(Number(ts) * 1000);
  if (isNaN(d.getTime())) return '-';
  const p = (n) => String(n).padStart(2, '0');
  return `${d.getFullYear()}-${p(d.getMonth()+1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
}

async function searchAuctionItems() {
  const box = $('auction-item-result');
  const q = $('auction-item-query').value.trim();
  if (!q) { gmToast('请输入物品关键词或 ID', 'info'); return; }
  box.innerHTML = '<tr><td colspan="5" class="gm-empty">搜索中…</td></tr>';
  try {
    const r = await post('/api/item/search', { query: q, rarity: -1, limit: 50, offset: 0, kind: '', tag: '', segment: '', group: '' });
    const arr = r.items || [];
    if (!arr.length) { box.innerHTML = '<tr><td colspan="5" class="gm-empty">无结果</td></tr>'; return; }
    box.innerHTML = arr.map(it => {
      const rid = it.item_id ?? it.id;
      const nm = (it.name || '').replace(/['"\\<>&]/g, '');
      const rn = RARITY[it.rarity] ? '<span class="gm-tag gm-tag-purple">' + RARITY[it.rarity] + '</span>' : '-';
      return `<tr>
        <td>${escapeHtml(rid)}</td>
        <td>${escapeHtml(it.name || '-')}</td>
        <td>${rn}</td>
        <td class="gm-hint">${escapeHtml(it.kind || '-')}</td>
        <td><button class="gm-btn gm-btn-sm gm-btn-primary" onclick="auctionPickItem('${escapeHtml(rid)}','${nm}')">选用</button></td>
      </tr>`;
    }).join('');
  } catch (e) {
    box.innerHTML = '<tr><td colspan="5" class="gm-empty">搜索异常：' + escapeHtml(e.message) + '</td></tr>';
  }
}

function auctionPickItem(itemId, name) {
  $('auction-item-id').value = itemId;
  $('auction-count').value = '1';
  gmToast('已选中物品 ' + itemId + (name ? '（' + name + '）' : '') + '，填写价格后点「上架」', 'info');
}

async function loadAuctionSellerBag() {
  const sel = $('auction-seller');
  const bagSel = $('auction-bag-item');
  if (!sel || !bagSel) return;
  const id = sel.value;
  if (!id) { bagSel.innerHTML = '<option value="">（请先选角色）</option>'; return; }
  bagSel.innerHTML = '<option value="">加载中…</option>';
  const r = await api('/api/auction/items?id=' + encodeURIComponent(id));
  if (!r.ok) { bagSel.innerHTML = '<option value="">加载失败</option>'; return; }
  const items = (r.data || []).filter(v => Number(v.count) > 0);
  if (!items.length) { bagSel.innerHTML = '<option value="">（背包无物品）</option>'; return; }
  bagSel.innerHTML = '<option value="">— 选择物品 —</option>' + items.map(v =>
    `<option value="${escapeHtml(v.key)}" data-id="${escapeHtml(v.item_id)}" data-count="${escapeHtml(v.count)}">物品 ${escapeHtml(v.item_id)} ×${fmt(v.count)}（槽 ${escapeHtml(v.key)}）</option>`).join('');
}

function onAuctionBagItemPick() {
  const sel = $('auction-bag-item');
  const opt = sel.selectedOptions[0];
  if (!opt || !opt.value) return;
  $('auction-item-id').value = opt.dataset.id || '';
  $('auction-count').value = opt.dataset.count || 1;
}

async function auctionList() {
  const seller = $('auction-seller').value;
  const itemId = $('auction-item-id').value;
  const count = parseInt($('auction-count').value || '0', 10);
  const unitPrice = parseInt($('auction-unit-price').value || '0', 10);
  if (!seller) { gmToast('请选择卖家角色', 'err'); return; }
  if (!itemId) { gmToast('请填写物品 ID', 'err'); return; }
  if (!count || count <= 0) { gmToast('数量必须大于 0', 'err'); return; }
  if (!unitPrice || unitPrice <= 0) { gmToast('单价必须大于 0', 'err'); return; }
  // 本服拍卖行只支持「一口价 = 单价」的单一价格模式（服务端 unit_price 即唯一定价，
  // 客户端只展示这一个价）。这里强制对齐：一口价=单价、起拍价=-1（buyout-only），
  // 避免提交后被服务端英文校验（buyout_price must equal unit_price）拒绝。
  const body = {
    seller_id: seller,
    item_id: parseInt(itemId, 10),
    count,
    unit_price: unitPrice,
    start_price: -1,
    buyout_price: unitPrice,
    duration_hours: parseInt($('auction-duration').value || '24', 10),
    grant_if_missing: !!$('auction-grant-missing').checked,
  };
  const r = await post('/api/auction/list', body);
  if (r.ok) {
    gmToast('已上架，挂单 ID ' + (r.data && r.data.listing_id), 'ok');
    loadAuctionListings();
    loadAuctionSellerBag();
  } else {
    gmToast('上架失败：' + (r.error || ''), 'err');
  }
}

function auctionCancel(listingId, itemId, count) {
  gmConfirm('下架挂单', `确定下架挂单 <b>${escapeHtml(listingId)}</b>（物品 ${escapeHtml(itemId)} ×${fmt(count)}）？<br>下架后物品退回卖家背包，<b>押金 10,000 金币不退</b>。`, 'CANCEL', async () => {
    const r = await post('/api/auction/cancel', { listing_id: listingId, confirm: 'CANCEL' });
    if (r.ok) {
      gmToast('已下架，物品已退回卖家', 'ok');
      loadAuctionListings();
    } else {
      gmToast('下架失败：' + (r.error || ''), 'err');
    }
  });
}

// ---------- 任务 ----------
async function renderQuests(content) {
  content.innerHTML = loadingHtml('正在加载任务查询…');
  try {
    await loadAccounts();
    await loadCharacters();
    content.innerHTML = `
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>任务查询</div>
        <div class="gm-search-row" style="margin-bottom:10px">
          <select class="gm-input" id="quest-char" data-char-select style="flex:1"></select>
          <button class="gm-btn gm-btn-primary" onclick="loadQuestOverview()">查询概览</button>
        </div>
        <div class="gm-search-row" style="margin-bottom:10px">
          <input class="gm-input" id="quest-query" placeholder="按名称/ID/路径关键词搜索任务（可空，搜全部）" style="flex:1"
            onkeydown="if(event.key==='Enter')searchQuests()">
          <button class="gm-btn gm-btn-primary" onclick="searchQuests()">搜索</button>
        </div>
        <div class="gm-hint">需服务端在线（Native 模式）。概览展示该角色的进行中/已完成任务；搜索可查询全部 PVF 任务定义。</div>
      </div>
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>进行中任务</div>
        <div id="quest-active"><div class="gm-hint">选择角色后查询</div></div>
      </div>
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>已完成任务</div>
        <div id="quest-completed"><div class="gm-hint">选择角色后查询</div></div>
      </div>
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>搜索结果</div>
        <div id="quest-search-result"><div class="gm-hint">输入关键词搜索任务定义</div></div>
      </div>`;
    fillAllCharSelects();
  } catch (e) {
    content.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(e.message)}</div>`;
  }
}

function questCharId() {
  return $('quest-char') ? $('quest-char').value : '';
}

const QUEST_STATUS_LABELS = {
  'not-accepted': '未接受', 'accepted': '进行中', 'active': '进行中',
  'ready': '可提交', 'completed': '已完成', 'complete': '已完成',
  'given-up': '已放弃', 'failed': '已失败',
};

function questStatusTag(q) {
  if (q.completed) return '<span class="gm-tag gm-tag-green">已完成</span>';
  if (q.active) return '<span class="gm-tag gm-tag-purple">进行中</span>';
  const lbl = QUEST_STATUS_LABELS[q.status] || q.status || '未接受';
  const cls = (q.status === 'ready' || q.status === 'complete' || q.status === 'completed') ? 'gm-tag-green' : 'gm-tag-gray';
  return `<span class="gm-tag ${cls}">${escapeHtml(lbl)}</span>`;
}

function questRow(q, opts = {}) {
  const charId = opts.charId || questCharId();
  const qid = q.quest_id;
  const name = q.name || ('任务 #' + qid);
  const level = (q.level_min != null && q.level_max != null)
    ? `${fmt(q.level_min)}-${fmt(q.level_max)}` : (q.level_min != null ? fmt(q.level_min) : '—');
  const grade = q.grade ? `<span class="gm-hint">[${escapeHtml(q.grade)}]</span> ` : '';
  const type = q.type ? `<span class="gm-hint">${escapeHtml(q.type)}</span>` : '';
  const actions = charId ? `
    <button class="gm-btn gm-btn-sm" onclick="questDetail('${escapeHtml(charId)}', ${qid})">详情</button>
    ${opts.showActions !== false ? `
      <button class="gm-btn gm-btn-sm gm-btn-primary" onclick="questAction('${escapeHtml(charId)}', ${qid}, 'complete')">完成</button>
      <button class="gm-btn gm-btn-sm gm-btn-ghost" onclick="questAction('${escapeHtml(charId)}', ${qid}, 'accept')">接受</button>
    ` : ''}` : '';
  return `
    <tr>
      <td class="gm-hint">${qid}</td>
      <td style="font-weight:600">${escapeHtml(name)} ${grade}${type}</td>
      <td>${level}</td>
      <td>${questStatusTag(q)}</td>
      <td>${actions}</td>
    </tr>`;
}

function questTable(list, opts = {}) {
  if (!list || !list.length) return '<div class="gm-empty">无数据</div>';
  return `<div class="gm-table-wrap" style="max-height:360px"><table class="gm-table">
    <thead><tr><th style="width:80px">ID</th><th>任务</th><th style="width:80px">等级</th><th style="width:90px">状态</th><th style="width:210px">操作</th></tr></thead>
    <tbody>${list.map(q => questRow(q, opts)).join('')}</tbody>
  </table></div>`;
}

async function loadQuestOverview() {
  const charId = questCharId();
  const activeBox = $('quest-active');
  const doneBox = $('quest-completed');
  if (!charId) { gmToast('请先选择角色', 'err'); return; }
  activeBox.innerHTML = loadingHtml('正在查询进行中任务…');
  doneBox.innerHTML = '<div class="gm-hint">—</div>';
  try {
    const r = await api('/api/quests?id=' + encodeURIComponent(charId));
    if (!r.ok) {
      activeBox.innerHTML = '<div class="gm-empty">' + escapeHtml(r.error || '查询失败') + '</div>';
      doneBox.innerHTML = '';
      return;
    }
    const d = r.data || {};
    const opts = { charId, showActions: true };
    activeBox.innerHTML = questTable(d.active || [], opts);
    doneBox.innerHTML = questTable(d.completed || [], opts);
  } catch (e) {
    activeBox.innerHTML = '<div class="gm-empty">查询失败：' + escapeHtml(e.message) + '</div>';
  }
}

async function searchQuests() {
  const charId = questCharId();
  const query = $('quest-query') ? $('quest-query').value.trim() : '';
  const box = $('quest-search-result');
  if (!charId) { gmToast('请先选择角色', 'err'); return; }
  box.innerHTML = loadingHtml('正在搜索任务…');
  try {
    const r = await api('/api/quests/search?id=' + encodeURIComponent(charId) + '&q=' + encodeURIComponent(query));
    if (!r.ok) { box.innerHTML = '<div class="gm-empty">' + escapeHtml(r.error || '搜索失败') + '</div>'; return; }
    const list = r.data || [];
    box.innerHTML = `<div class="gm-hint" style="margin-bottom:8px">共 ${list.length} 条</div>` + questTable(list, { charId, showActions: true });
  } catch (e) {
    box.innerHTML = '<div class="gm-empty">搜索失败：' + escapeHtml(e.message) + '</div>';
  }
}

async function questDetail(charId, questId) {
  try {
    const r = await api('/api/quests/detail?id=' + encodeURIComponent(charId) + '&quest_id=' + questId);
    if (!r.ok) { gmToast('查询失败：' + (r.error || ''), 'err'); return; }
    const d = r.data || {};
    const q = d.quest || {};
    const rewards = (d.reward_items || []).map(it =>
      `<span class="gm-tag gm-tag-gold">${escapeHtml(it.name || ('物品 ' + it.item_id))} ×${fmt(it.count)}</span>`).join(' ');
    const selection = (d.reward_selection_items || []).map(it =>
      `<span class="gm-tag gm-tag-purple">${escapeHtml(it.name || ('物品 ' + it.item_id))} ×${fmt(it.count)}（可选）</span>`).join(' ');
    const html = `
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>任务 #${q.quest_id} · ${escapeHtml(q.name || '未命名')}</div>
        <div style="font-size:13px;color:#b8bcd0;line-height:1.9">
          ${questStatusTag(q)}
          ${q.grade ? `<span class="gm-tag gm-tag-gray">品级 ${escapeHtml(q.grade)}</span>` : ''}
          ${q.type ? `<span class="gm-tag gm-tag-gray">${escapeHtml(q.type)}</span>` : ''}
          <span class="gm-tag gm-tag-gray">等级 ${fmt(q.level_min)}-${fmt(q.level_max)}</span>
        </div>
        ${d.introduction ? `<div class="gm-subtitle" style="margin-top:14px;font-size:12.5px;color:var(--text-dim)">任务简介</div><div class="gm-hint" style="line-height:1.7">${escapeHtml(d.introduction)}</div>` : ''}
        ${d.objective ? `<div class="gm-subtitle" style="margin-top:14px;font-size:12.5px;color:var(--text-dim)">任务目标</div><div class="gm-hint" style="line-height:1.7">${escapeHtml(d.objective)}</div>` : ''}
        ${d.completion ? `<div class="gm-subtitle" style="margin-top:14px;font-size:12.5px;color:var(--text-dim)">完成说明</div><div class="gm-hint" style="line-height:1.7">${escapeHtml(d.completion)}</div>` : ''}
        ${rewards ? `<div class="gm-subtitle" style="margin-top:14px;font-size:12.5px;color:var(--text-dim)">任务奖励</div><div>${rewards}</div>` : ''}
        ${selection ? `<div class="gm-subtitle" style="margin-top:14px;font-size:12.5px;color:var(--text-dim)">可选奖励</div><div>${selection}</div>` : ''}
        <div class="gm-toolbar" style="margin-top:16px">
          <button class="gm-btn gm-btn-sm gm-btn-primary" onclick="questAction('${escapeHtml(charId)}', ${q.quest_id}, 'complete')">完成</button>
          <button class="gm-btn gm-btn-sm" onclick="questAction('${escapeHtml(charId)}', ${q.quest_id}, 'ready')">标记可提交</button>
          <button class="gm-btn gm-btn-sm gm-btn-ghost" onclick="questAction('${escapeHtml(charId)}', ${q.quest_id}, 'give-up')">放弃</button>
          <button class="gm-btn gm-btn-sm" onclick="renderGmPage('quests')">返回列表</button>
        </div>
      </div>`;
    $('gmContent').innerHTML = html;
  } catch (e) {
    gmToast('查询失败：' + e.message, 'err');
  }
}

async function questAction(charId, questId, action) {
  const labels = { complete: '完成', ready: '标记可提交', accept: '接受', 'give-up': '放弃', uncomplete: '取消完成' };
  const label = labels[action] || action;
  const r = await post('/api/quests/action', { id: charId, quest_id: questId, action });
  if (r.ok) {
    gmToast('任务' + label + '成功', 'ok');
    // 详情页执行后返回列表页并刷新；列表页直接刷新概览
    if ($('quest-active')) loadQuestOverview();
    else renderGmPage('quests');
  } else {
    gmToast('操作失败：' + (r.error || ''), 'err');
  }
}

// ---------- 副本 ----------
async function renderDungeons(content) {
  content.innerHTML = loadingHtml('正在加载副本控制…');
  try {
    await loadCharacters();
    content.innerHTML = `
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>副本状态</div>
        <div class="gm-search-row" style="margin-bottom:10px">
          <select class="gm-input" id="dungeon-char" data-char-select style="flex:1"></select>
          <button class="gm-btn gm-btn-primary" onclick="loadDungeons()">查询</button>
        </div>
        <div id="dungeon-info"><div class="gm-hint">选择角色后查询副本难度/地狱模式解锁进度。</div></div>
      </div>
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>副本解锁</div>
        <div class="gm-search-row" style="margin-bottom:10px">
          <select class="gm-input" id="dungeon-unlock-char" data-char-select style="flex:1"></select>
        </div>
        <div class="gm-toolbar">
          <button class="gm-btn gm-btn-sm gm-btn-primary" onclick="unlockDungeons('difficulties')">🔓 解锁所有难度</button>
          <button class="gm-btn gm-btn-sm" onclick="unlockDungeons('hell')">🔥 解锁地狱模式</button>
          <span class="gm-hint">解锁后角色可挑战更高难度副本与深渊地狱模式。</span>
        </div>
      </div>
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>深渊史诗掉率（爆率）</div>
        <div class="gm-search-row" style="margin-bottom:10px">
          <span class="gm-hint">当前爆率：</span>
          <span class="gm-tag gm-tag-purple" id="hell-current">—</span>
          <input class="gm-input" id="hell-input" type="number" min="0" max="15000" step="1" placeholder="百分比" style="width:140px">
          <span class="gm-hint">%</span>
          <button class="gm-btn gm-btn-primary" onclick="applyHellRate()">应用</button>
          <span class="gm-hint" id="hell-range"></span>
        </div>
        <div class="gm-search-row" style="margin-bottom:10px">
          <span class="gm-hint">当前药剂倍率：</span>
          <span class="gm-tag gm-tag-purple" id="potion-current">—</span>
          <input class="gm-input" id="potion-input" type="number" min="0" step="10" placeholder="百分比" style="width:140px">
          <span class="gm-hint">%</span>
          <button class="gm-btn gm-btn-primary" onclick="applyPotionMultiplier()">应用</button>
          <span class="gm-hint">0 = 关闭，按 PVF 表走</span>
        </div>
        <div class="gm-hint">爆率设置即时生效，影响后续深渊史诗掉落结算。</div>
      </div>
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>疲劳与燃烧</div>
        <div class="gm-search-row" style="margin-bottom:10px">
          <span class="gm-hint">疲劳模式：</span>
          <span class="gm-tag gm-tag-purple" id="fatigue-current">—</span>
          <select class="gm-input" id="fatigue-mode" style="width:180px">
            <option value="none">正常（扣疲劳）</option>
            <option value="free">无限疲劳（不扣）</option>
            <option value="lock">锁死高值（显示大数字）</option>
          </select>
          <button class="gm-btn gm-btn-primary" onclick="applyFatigueMode()">应用</button>
        </div>
        <div class="gm-search-row" style="margin-bottom:10px">
          <span class="gm-hint">一键回满：</span>
          <select class="gm-input" id="fatigue-refill-char" data-char-select style="flex:1"></select>
          <button class="gm-btn gm-btn-sm" onclick="refillFatigue()">回满疲劳</button>
        </div>
        <div class="gm-search-row" style="margin-bottom:10px">
          <span class="gm-hint">燃烧疲劳：</span>
          <span class="gm-tag gm-tag-purple" id="burning-current">—</span>
          <button class="gm-btn gm-btn-primary" id="burning-toggle" onclick="toggleBurning()">开启</button>
          <span class="gm-hint">开启后每房间消耗 2 点疲劳，通关经验翻倍</span>
        </div>
        <div class="gm-hint">疲劳模式与燃烧疲劳即时生效，影响后续副本进图结算。</div>
      </div>`;
    fillAllCharSelects();
    loadGameplay();
  } catch (e) {
    content.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(e.message)}</div>`;
  }
}

function dungeonCharId() {
  const sel = $('dungeon-char') || $('dungeon-unlock-char');
  return sel ? sel.value : '';
}

async function loadDungeons() {
  const charId = dungeonCharId();
  const box = $('dungeon-info');
  if (!charId) { gmToast('请选择角色', 'err'); return; }
  box.innerHTML = loadingHtml('查询副本状态…');
  try {
    const r = await api('/api/character/dungeons?id=' + encodeURIComponent(charId));
    if (!r.ok) { box.innerHTML = '<div class="gm-empty">' + escapeHtml(r.error || '查询失败') + '</div>'; return; }
    const d = r.data || {};
    const pct = (num, den) => den > 0 ? Math.round(num / den * 100) : 0;
    const bar = (p) => `<div style="height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;margin-top:6px"><div style="height:100%;width:${Math.min(p,100)}%;background:linear-gradient(90deg,#7c5cff,#b79bff);border-radius:4px"></div></div>`;
    const rows = [
      ['难度副本', `${d.difficulty_dungeons_unlocked || 0} / ${d.difficulty_dungeons || 0}`, bar(pct(d.difficulty_dungeons_unlocked, d.difficulty_dungeons))],
      ['地狱区域', `${d.hell_areas || 0}`, ''],
      ['地狱许可任务', `${d.hell_permission_quests_cleared || 0} / ${d.hell_permission_quests || 0}`, bar(pct(d.hell_permission_quests_cleared, d.hell_permission_quests))],
    ];
    box.innerHTML = `<div class="gm-table-wrap"><table class="gm-table">
      <thead><tr><th style="width:160px">项目</th><th style="width:160px">进度</th><th>状态条</th></tr></thead>
      <tbody>${rows.map(([k, v, b]) => `<tr><td>${k}</td><td style="font-weight:600">${v}</td><td>${b}</td></tr>`).join('')}</tbody>
      </table></div>`;
  } catch (e) {
    box.innerHTML = '<div class="gm-empty">查询失败：' + escapeHtml(e.message) + '</div>';
  }
}

async function unlockDungeons(kind) {
  const charId = dungeonCharId();
  if (!charId) { gmToast('请选择角色', 'err'); return; }
  const label = kind === 'hell' ? '解锁地狱模式' : '解锁所有难度';
  gmConfirm(label, '确定要对所选角色执行「' + label + '」吗？', label, async () => {
    const r = await post('/api/dungeon/unlock', { id: charId, kind });
    if (r.ok) { gmToast(label + '成功', 'ok'); loadDungeons(); }
    else gmToast('操作失败：' + (r.error || ''), 'err');
  });
}

async function loadGameplay() {
  try {
    const r = await api('/api/gameplay');
    if (!r.ok) { setGameplayError(r.error); return; }
    const g = r.data || {};
    const cur = $('hell-current');
    if (cur) cur.textContent = (g.hell_epic_drop_rate_percent ?? '—') + '%';
    const range = $('hell-range');
    if (range && g.minimum_percent != null && g.maximum_percent != null) {
      range.textContent = '（范围 ' + g.minimum_percent + '~' + g.maximum_percent + '%）';
    }
    const pc = $('potion-current');
    if (pc) pc.textContent = (g.epic_drop_rate_potion_test_multiplier_percent ?? '—') + '%';
    const fatigueModeLabels = { none: '正常', free: '无限疲劳', lock: '锁死高值' };
    const fc = $('fatigue-current');
    if (fc) fc.textContent = fatigueModeLabels[g.fatigue_mode] || (g.fatigue_mode ?? '—');
    const fm = $('fatigue-mode');
    if (fm && g.fatigue_mode) fm.value = g.fatigue_mode;
    const bc = $('burning-current');
    if (bc) bc.textContent = g.burning_enabled ? '已开启' : '已关闭';
    const bt = $('burning-toggle');
    if (bt) bt.textContent = g.burning_enabled ? '关闭' : '开启';
  } catch (e) {
    setGameplayError(e.message);
  }
}

function setGameplayError(msg) {
  const cur = $('hell-current');
  if (cur) cur.textContent = '加载失败';
  const range = $('hell-range');
  if (range) range.textContent = escapeHtml(msg || '');
}

async function applyHellRate() {
  const v = parseInt($('hell-input').value);
  if (isNaN(v)) { gmToast('请输入百分比数值', 'err'); return; }
  const r = await post('/api/gameplay/hell-drop-rate', { percent: v });
  if (r.ok) { gmToast('深渊史诗掉率已设为 ' + v + '%', 'ok'); loadGameplay(); }
  else gmToast('设置失败：' + (r.error || ''), 'err');
}

async function applyPotionMultiplier() {
  const v = parseInt($('potion-input').value);
  if (isNaN(v)) { gmToast('请输入百分比数值', 'err'); return; }
  const r = await post('/api/gameplay/epic-potion-multiplier', { percent: v });
  if (r.ok) { gmToast('药剂倍率已设为 ' + v + '%', 'ok'); loadGameplay(); }
  else gmToast('设置失败：' + (r.error || ''), 'err');
}

async function applyFatigueMode() {
  const mode = $('fatigue-mode').value;
  const labels = { none: '正常', free: '无限疲劳', lock: '锁死高值' };
  const r = await post('/api/gameplay/fatigue-mode', { mode });
  if (r.ok) { gmToast('疲劳模式已设为「' + (labels[mode] || mode) + '」', 'ok'); loadGameplay(); }
  else gmToast('设置失败：' + (r.error || ''), 'err');
}

async function refillFatigue() {
  const charId = $('fatigue-refill-char').value;
  if (!charId) { gmToast('请选择角色', 'err'); return; }
  const r = await post('/api/character/fatigue/refill', { id: charId });
  if (r.ok) { gmToast('疲劳已回满', 'ok'); }
  else gmToast('回满失败：' + (r.error || ''), 'err');
}

async function toggleBurning() {
  const bt = $('burning-toggle');
  const currentlyOn = bt && bt.textContent === '关闭';
  const r = await post('/api/gameplay/burning', { enabled: !currentlyOn });
  if (r.ok) { gmToast('燃烧疲劳已' + (currentlyOn ? '关闭' : '开启'), 'ok'); loadGameplay(); }
  else gmToast('设置失败：' + (r.error || ''), 'err');
}

// ---------- 钱包 ----------
async function renderWallet(content) {
  content.innerHTML = `
    <div class="gm-card">
      <div class="gm-card-title"><span class="dot"></span>钱包查询</div>
      <div class="gm-search-row" style="margin-bottom:10px">
        <select class="gm-input" id="wallet-char" data-char-select style="flex:1"></select>
        <button class="gm-btn gm-btn-primary" onclick="queryWallet()">查询</button>
      </div>
      <div id="wallet-info"><div class="gm-hint">选择角色后查询金币/点券/代币。</div></div>
    </div>
    <div class="gm-card">
      <div class="gm-card-title"><span class="dot"></span>点券（CERA）充值</div>
      <div class="gm-search-row" style="margin-bottom:10px">
        <select class="gm-input" id="cera-account" data-account-select style="flex:1"></select>
        <input class="gm-input" id="cera-amount" type="number" placeholder="数量（增量）" style="width:140px">
        <button class="gm-btn gm-btn-primary" onclick="setCera()">充值</button>
      </div>
      <div class="gm-hint">点券属账号级货币，需选择账号。服务端在线时可用（Native）。</div>
    </div>
    <div class="gm-card">
      <div class="gm-card-title"><span class="dot"></span>黑钻</div>
      <div class="gm-search-row" style="margin-bottom:10px">
        <select class="gm-input" id="bd-char" data-char-select style="flex:1"></select>
        <button class="gm-btn gm-btn-primary" onclick="queryBlackDiamond()">查询</button>
      </div>
      <div id="bd-info"><div class="gm-hint">选择角色后查询黑钻状态。</div></div>
      <div class="gm-form-row" style="margin-bottom:10px">
        <div class="gm-field">
          <label>开启天数（默认 30 天）</label>
          <input class="gm-input" id="bd-days" type="number" value="30" min="1" style="width:140px">
        </div>
      </div>
      <button class="gm-btn gm-btn-primary" onclick="activateBlackDiamond()">💎 开启黑钻</button>
      <div class="gm-hint" style="margin-top:8px">黑钻提升疲劳上限、额外翻牌等权益；角色需离线（下次登录生效）。</div>
    </div>`;
  fillCharSelect($('wallet-char'));
  fillAccountSelect($('cera-account'));
  fillCharSelect($('bd-char'));
}

async function queryWallet() {
  const id = $('wallet-char').value;
  if (!id) { gmToast('请选择角色', 'err'); return; }
  const box = $('wallet-info');
  box.innerHTML = loadingHtml('查询钱包…');
  try {
    const r = await post('/api/wallet/query', { character_id: id });
    if (r.error) { box.innerHTML = '<div class="gm-empty">' + escapeHtml(r.error) + '</div>'; return; }
    const ch = r.character || {};
    const fmtN = (n) => (typeof n === 'number' ? n.toLocaleString('zh-CN') : (n ?? '-'));
    const rows = [
      ['金币', fmtN(r.gold), '游戏内流通货币'],
      ['点券 CERA', fmtN(r.cera), '账号点券'],
      ['代币券', fmtN(r.token_cera), '代币券'],
      ['欢乐代币券', fmtN(r.happy_token_cera), '欢乐代币券'],
    ];
    box.innerHTML = `<div class="gm-table-wrap"><table class="gm-table">
      <thead><tr><th>项目</th><th>数值</th><th>说明</th></tr></thead>
      <tbody>${rows.map(([k, v, d]) => `<tr><td>${k}</td><td style="font-weight:600">${v}</td><td class="gm-hint">${d}</td></tr>`).join('')}</tbody>
      </table></div>
      <div class="gm-hint" style="margin-top:8px">角色：${escapeHtml(ch.name || '-')}（ID:${escapeHtml(ch.character_id || '-')} · Lv${fmt(ch.level)}）</div>`;
  } catch (e) {
    box.innerHTML = '<div class="gm-empty">查询失败：' + escapeHtml(e.message) + '</div>';
  }
}

async function setCera() {
  const accountId = $('cera-account').value;
  const amount = $('cera-amount').value.trim();
  if (!accountId) { gmToast('请选择账号', 'err'); return; }
  if (!amount) { gmToast('请填写充值数量', 'err'); return; }
  const r = await post('/api/cera', { account_id: accountId, amount: parseInt(amount) });
  if (r.ok) gmToast('点券已充值 ' + amount, 'ok'); else gmToast('充值失败：' + (r.error || ''), 'err');
}

// ---------- 黑钻 ----------
async function queryBlackDiamond() {
  const id = $('bd-char').value;
  const box = $('bd-info');
  if (!id) { gmToast('请选择角色', 'err'); return; }
  box.innerHTML = loadingHtml('查询黑钻状态…');
  try {
    const r = await api('/api/character/black-diamond?id=' + encodeURIComponent(id));
    if (!r.ok) { box.innerHTML = '<div class="gm-empty">' + escapeHtml(r.error || '查询失败') + '</div>'; return; }
    const d = r.data || {};
    const active = d.active;
    const status = active
      ? '<span class="gm-tag gm-tag-green">已开启</span>'
      : '<span class="gm-tag gm-tag-gray">未开启</span>';
    const expireText = (d.expires_at && d.expires_at > 0)
      ? new Date(d.expires_at * 1000).toLocaleString('zh-CN')
      : (d.expire_at || d.expires_at || d.expire_time || '—');
    const rows = [
      ['状态', status],
      ['剩余天数', fmt(d.remaining_days ?? d.days_remaining ?? d.days)],
      ['到期时间', expireText],
      ['疲劳上限', fmt(d.fatigue_limit) + (d.black_diamond_fatigue_limit ? '（黑钻 ' + fmt(d.black_diamond_fatigue_limit) + '）' : '')],
    ];
    box.innerHTML = `<div class="gm-table-wrap"><table class="gm-table">
      <thead><tr><th style="width:140px">项目</th><th>值</th></tr></thead>
      <tbody>${rows.map(([k, v]) => `<tr><td>${k}</td><td>${v}</td></tr>`).join('')}</tbody>
      </table></div>`;
  } catch (e) {
    box.innerHTML = '<div class="gm-empty">查询失败：' + escapeHtml(e.message) + '</div>';
  }
}

async function activateBlackDiamond() {
  const id = $('bd-char').value;
  const days = parseInt($('bd-days').value) || 30;
  if (!id) { gmToast('请选择角色', 'err'); return; }
  gmConfirm('开启黑钻', '确定要为所选角色开启黑钻 ' + days + ' 天吗？<br>角色需处于<b style="color:#ff5d6c">离线状态</b>，下次登录生效。', '开启黑钻', async () => {
    const r = await post('/api/black-diamond/activate', { id, days });
    if (r.ok) { gmToast('黑钻已开启 ' + days + ' 天', 'ok'); queryBlackDiamond(); }
    else gmToast('开启失败：' + (r.error || ''), 'err');
  });
}

// ---------- 删档管理 ----------
async function renderWipe(content) {
  content.innerHTML = loadingHtml('正在加载账号与角色…');
  try {
    await loadAccounts();
    const charsR = await api('/api/characters');
    const chars = charsR.data || [];
    const accounts = ACCOUNT_LIST;

    const charOptions = chars.map(c =>
      `<option value="${escapeHtml(c.character_id)}">${escapeHtml(c.name || '未命名')}（ID:${escapeHtml(c.character_id)}${c.account_id ? ' · 账号' + escapeHtml(c.account_id) : ''}）</option>`).join('');

    const accOptions = accounts.map(a => {
      const id = a.account_id ?? a.id ?? a.username ?? '';
      const name = a.represent_account_name || a.username || a.name || id;
      return `<option value="${escapeHtml(id)}">${escapeHtml(name)}（${escapeHtml(id)}）</option>`;
    }).join('');

    content.innerHTML = `
      <div class="gm-card gm-danger-zone">
        <div class="gm-card-title"><span class="dot"></span>删除角色</div>
        <div style="font-size:12.5px;color:#ff5d6c;margin-bottom:12px">⚠ 需先停止服务端，否则数据库被锁定。删除不可恢复。</div>
        <div class="gm-search-row" style="margin-bottom:12px">
          <select class="gm-input" id="wipe-char" style="flex:1">${charOptions || '<option value="">（无角色）</option>'}</select>
          <button class="gm-btn gm-btn-danger" onclick="wipeCharSelected()">删除角色</button>
        </div>
      </div>
      <div class="gm-card gm-danger-zone">
        <div class="gm-card-title"><span class="dot"></span>删除账号</div>
        <div style="font-size:12.5px;color:#ff5d6c;margin-bottom:12px">⚠ 删除账号会连带其下所有角色与数据。需先停止服务端。</div>
        <div class="gm-search-row" style="margin-bottom:12px">
          <select class="gm-input" id="wipe-account" style="flex:1">${accOptions || '<option value="">（无账号）</option>'}</select>
          <button class="gm-btn gm-btn-danger" onclick="wipeAccountSelected()">删除账号</button>
        </div>
      </div>`;
  } catch (e) {
    content.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(e.message)}</div>`;
  }
}

async function wipeCharSelected() {
  const sel = $('wipe-char');
  const charId = sel.value;
  const name = sel.options[sel.selectedIndex].text.split('（')[0];
  if (!charId) { gmToast('请选择角色', 'err'); return; }
  await wipeChar(charId, name);
}

async function wipeAccountSelected() {
  const sel = $('wipe-account');
  const accountId = sel.value;
  if (!accountId) { gmToast('请选择账号', 'err'); return; }
  await wipeAccount(accountId);
}

async function wipeChar(charId, name) {
  gmConfirm('删除角色', `确定删除角色「<b>${escapeHtml(name)}</b>」（ID: ${escapeHtml(charId)}）的全部数据？<br>此操作<b style="color:#ff5d6c">不可恢复</b>。`, 'DELETE', async () => {
    const r = await post('/api/character/delete', { id: charId, confirm: 'DELETE' });
    if (r.ok) {
      gmToast('角色已删除', 'ok');
      await loadCharacters();
      renderGmPage('wipe');
    }
    else gmToast('删除失败：' + (r.error || ''), 'err');
  });
}

async function wipeAccount(accountId) {
  gmConfirm('删除账号', `确定删除账号「${escapeHtml(accountId)}」及其所有角色？<br>此操作<b style="color:#ff5d6c">不可恢复</b>。`, 'DELETE', async () => {
    const r = await post('/api/account/delete', { id: accountId, confirm: 'DELETE' });
    if (r.ok) {
      gmToast('账号已删除', 'ok');
      await loadAccounts();
      await loadCharacters();
      renderGmPage('wipe');
    }
    else gmToast('删除失败：' + (r.error || ''), 'err');
  });
}

// ---------- 连接设置 ----------
async function renderSettings(content) {
  try {
    const health = await api('/api/gm/health');
    content.innerHTML = `
      <div class="gm-card">
        <div class="gm-card-title"><span class="dot"></span>数据源设置</div>
        <div style="font-size:13px;color:#b8bcd0;line-height:1.9;margin-bottom:16px">
          <div>当前数据源：<span class="gm-tag gm-tag-purple">${health.source === 'native' ? 'Native API' : 'SQLite'}</span></div>
          <div>服务端状态：${health.server_online ? '<span class="gm-tag gm-tag-green">在线</span>' : '<span class="gm-tag gm-tag-red">离线</span>'}</div>
          <div>Native API：${health.native_available ? '<span class="gm-tag gm-tag-green">可用</span>' : '<span class="gm-tag gm-tag-gray">不可用（未找到 adminToken）</span>'}</div>
          <div>数据库：${health.db_exists ? escapeHtml(health.db) : '未创建'}</div>
        </div>
        <div class="gm-toolbar">
          <button class="gm-btn gm-btn-sm" onclick="setSource('sqlite')">切换到 SQLite</button>
          <button class="gm-btn gm-btn-sm" onclick="setSource('native')">切换到 Native</button>
        </div>
        <div class="gm-hint" style="margin-top:12px">
          提示：数据源会自动根据服务端状态切换。删除角色/删档/疲劳需 SQLite（服务端停止时）。
        </div>
      </div>`;
  } catch (e) {
    content.innerHTML = `<div class="gm-empty">加载失败：${escapeHtml(e.message)}</div>`;
  }
}

async function setSource(src) {
  const r = await post('/api/source', { source: src });
  if (r.ok) { gmToast('已切换到 ' + src, 'ok'); renderGmPage('settings'); }
  else gmToast('切换失败：' + (r.error || ''), 'err');
}

// ============================================================
// 无边框窗口控制（标题栏拖拽 + 最小化/关闭）
// ============================================================
function winApi() {
  return window.pywebview && window.pywebview.api;
}

function winMinimize() {
  const a = winApi();
  if (a) a.minimize();
}

function winClose() {
  const a = winApi();
  if (a) a.close();
  else window.close();
}

function initTitlebar() {
  const bar = $('titlebar');
  const minBtn = $('btnWinMin');
  const closeBtn = $('btnWinClose');
  if (minBtn) minBtn.addEventListener('click', winMinimize);
  if (closeBtn) closeBtn.addEventListener('click', winClose);

  // 拖拽窗口：在标题栏上按住移动
  let dragging = false;
  let startX = 0, startY = 0;
  bar.addEventListener('mousedown', (e) => {
    if (e.target.closest('.tb-btn')) return; // 点按钮不触发拖拽
    dragging = true;
    startX = e.screenX;
    startY = e.screenY;
    bar.style.cursor = 'grabbing';
  });
  window.addEventListener('mousemove', (e) => {
    if (!dragging) return;
    const a = winApi();
    if (!a || !a.move) return;
    const dx = e.screenX - startX;
    const dy = e.screenY - startY;
    // 通过 js_api 获取当前位置并移动；pywebview 无直接 move 则忽略
    if (a.getPosition) {
      a.getPosition().then(([x, y]) => a.move(x + dx, y + dy));
      startX = e.screenX;
      startY = e.screenY;
    }
  });
  window.addEventListener('mouseup', () => {
    dragging = false;
    bar.style.cursor = '';
  });
}

// ============================================================
// 初始化
// ============================================================
function init() {
  initTitlebar();

  // 启动器按钮
  $('btnStart').addEventListener('click', () => {
    appendLog('▶ 开始游戏…');
    action('start');
  });
  $('btnGm').addEventListener('click', () => {
    // GM 工具现为单窗口内嵌页面，通过 shell 导航切换
    if (typeof window.shellGo === 'function') {
      window.shellGo('gm');
    }
  });
  $('btnStop').addEventListener('click', () => {
    appendLog('■ 关闭服务…');
    action('stop');
  });
  $('btnSponsor').addEventListener('click', openSponsor);
  $('btnCloseSponsor').addEventListener('click', closeSponsor);
  $('btnClearLog').addEventListener('click', () => { $('logBody').innerHTML = ''; });
  $('sponsorModal').addEventListener('click', (e) => {
    if (e.target === $('sponsorModal')) closeSponsor();
  });

  // 账号设置
  $('btnWinSetting').addEventListener('click', openAccounts);
  $('btnCloseAccounts').addEventListener('click', closeAccounts);
  $('btnAddAccount').addEventListener('click', addAccount);
  $('accountsModal').addEventListener('click', (e) => {
    if (e.target === $('accountsModal')) closeAccounts();
  });

  // 一键换装
  $('btnWinLoadout').addEventListener('click', () => {
    appendLog('🔄 一键换装…');
    action('loadout');
  });

  refreshStatus();
  setInterval(refreshStatus, 3000);
  setInterval(pollLogs, 800);
}

// 暴露给内联 onclick
window.openCharDetail = openCharDetail;
window.saveLevel = saveLevel;
window.saveGold = saveGold;
window.saveFatigue = saveFatigue;
window.maxFatigue = maxFatigue;
window.deleteCurrentChar = deleteCurrentChar;
window.doGrant = doGrant;
window.loadInventory = loadInventory;
window.wipeChar = wipeChar;
window.wipeAccount = wipeAccount;
window.setSource = setSource;
window.selectAccount = selectAccount;
window.deleteAccount = deleteAccount;
// 账号/角色联动 + 道具/邮件/背包
window.onCharFilterAccount = onCharFilterAccount;
window.searchItems = searchItems;
window.itemPage = itemPage;
window.browseCat = browseCat;
window.switchItemKind = switchItemKind;
window.browseWeaponSub = browseWeaponSub;
window.useItem = useItem;
window.quickGrant = quickGrant;
window.grantItem = grantItem;
window.updateGrantTip = updateGrantTip;
window.sendSystemMail = sendSystemMail;
window.clearMailbox = clearMailbox;
window.clearInventory = clearInventory;
window.deleteInventoryItem = deleteInventoryItem;
window.deleteInventoryRow = deleteInventoryRow;
window.wipeCharSelected = wipeCharSelected;
window.wipeAccountSelected = wipeAccountSelected;
window.queryWallet = queryWallet;
window.setCera = setCera;

init();