// ==UserScript==
// @name         [Pokechill] 调试模式（队伍编辑 + 物品管理器）
// @namespace    https://play-pokechill.github.io/
// @version      1.2
// @description  队伍编辑（可修改等级、特性、技能） + 物品管理器（查看/修改所有物品），统一UI风格
// @author       人民当家做主
// @license      MIT
// @icon         https://play-pokechill.github.io/img/icons/icon.png
// @match        https://play-pokechill.github.io/*
// @match        https://g1tyx.github.io/play-pokechill/*
// @require      https://cdn.jsdelivr.net/npm/fuse.js@7.1.0
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // ---------- 工具函数：获取中文名称 ----------
    function getChineseName(id) {
        if (!id) return '';
        const engName = typeof format === 'function' ? format(id) : id;
        if (window.EN_CN_DICT && window.EN_CN_DICT[engName]) {
            return window.EN_CN_DICT[engName];
        }
        return engName;
    }

    // ---------- 等待游戏核心加载 ----------
    function waitForGame() {
        if (typeof saved === 'undefined' || typeof pkmn === 'undefined' || typeof move === 'undefined' || typeof ability === 'undefined' || typeof item === 'undefined') {
            setTimeout(waitForGame, 300);
            return;
        }
        if (!window.EN_CN_DICT) {
            setTimeout(waitForGame, 300);
            return;
        }
        initTeamEditor();
        initItemManager();
    }

    // ========== 队伍编辑模块 ==========
    function initTeamEditor() {
        addTeamEditorButton();
        createTeamEditorPanel();
        bindTeamEditorEvents();
    }

    function addTeamEditorButton() {
        const menuItems = document.getElementById('menu-items');
        if (!menuItems) return;
        if (document.getElementById('team-editor-menu-btn')) return;

        const btn = document.createElement('div');
        btn.id = 'team-editor-menu-btn';
        btn.className = 'menu-item';
        btn.innerHTML = `
            <img src="img/items/fashionCase.png" style="image-rendering:pixelated">
            <span>队伍编辑</span>
        `;
        btn.addEventListener('click', (e) => {
            e.stopPropagation();
            openTeamEditor();
        });
        menuItems.appendChild(btn);
    }

    function createTeamEditorPanel() {
        if (document.getElementById('team-editor-panel')) return;

        const panel = document.createElement('div');
        panel.id = 'team-editor-panel';
        panel.style.cssText = `
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.85);
            z-index: 10000;
            display: none;
            justify-content: center;
            align-items: center;
            backdrop-filter: blur(5px);
        `;

        panel.innerHTML = `
            <div class="team-editor-container" style="
                background: var(--dark2);
                width: 90%;
                max-width: 1200px;
                height: 90%;
                border-radius: 1rem;
                padding: 1rem;
                display: flex;
                flex-direction: column;
                gap: 1rem;
                border: 2px solid var(--light1);
                box-shadow: 0 0 30px rgba(0,0,0,0.7);
                color: white;
                overflow: hidden;
            ">
                <div style="display: flex; justify-content: space-between; align-items: center;">
                    <h2 style="color: var(--light2); margin:0;">✎ 队伍编辑 (当前队伍: <span id="editor-current-team-name">队伍1</span>)</h2>
                    <button id="team-editor-close" style="background: #c45; border:none; color:white; font-size:1.5rem; width:2.5rem; height:2.5rem; border-radius:0.5rem; cursor:pointer;">✕</button>
                </div>
                <div id="team-editor-slots" style="
                    display: grid;
                    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
                    gap: 1rem;
                    overflow-y: auto;
                    padding: 0.5rem;
                ">
                    <!-- 动态生成6个槽位 -->
                </div>
                <div style="display: flex; gap:1rem; justify-content: flex-end; margin-top:0.5rem;">
                    <button id="team-editor-refresh" style="background:var(--light1); color:white; border:none; padding:0.5rem 2rem; border-radius:0.5rem; cursor:pointer;">刷新显示</button>
                    <button id="team-editor-save" style="background:#4caf50; color:white; border:none; padding:0.5rem 2rem; border-radius:0.5rem; cursor:pointer;">保存修改</button>
                </div>
            </div>
        `;

        document.body.appendChild(panel);
    }

    function openTeamEditor() {
        const panel = document.getElementById('team-editor-panel');
        if (!panel) return;
        if (typeof closeTooltip === 'function') closeTooltip();
        populateTeamSlots();
        panel.style.display = 'flex';
    }

    function closeTeamEditor() {
        const panel = document.getElementById('team-editor-panel');
        if (panel) panel.style.display = 'none';
    }

    function populateTeamSlots() {
        const container = document.getElementById('team-editor-slots');
        if (!container) return;

        const teamName = saved.currentPreviewTeam || 'preview1';
        const team = saved.previewTeams[teamName];
        if (!team) {
            container.innerHTML = '<div style="color:red;">无法读取队伍数据</div>';
            return;
        }

        document.getElementById('editor-current-team-name').innerText = teamName.replace('preview', '队伍');

        let html = '';
        for (let i = 1; i <= 6; i++) {
            const slot = team[`slot${i}`];
            const pokeId = slot?.pkmn;
            const pokeData = pokeId ? pkmn[pokeId] : null;

            html += `
                <div class="team-editor-slot" data-slot-index="${i}" data-poke-id="${pokeId || ''}" style="
                    background: var(--dark1);
                    border-radius: 0.8rem;
                    padding: 1rem;
                    display: flex;
                    flex-direction: column;
                    gap: 0.5rem;
                    border: 1px solid var(--light1);
                    opacity: ${pokeData ? 1 : 0.5};
                ">
                    <div style="display: flex; align-items: center; gap: 1rem;">
                        <div style="width: 3rem; height: 3rem; background: var(--dark2); border-radius:0.5rem; display:flex; justify-content:center; align-items:center;">
                            ${pokeData ? `<img src="img/pkmn/sprite/${pokeId}.png" style="max-width:100%; max-height:100%; image-rendering:pixelated;">` : '❌'}
                        </div>
                        <div style="flex:1;">
                            <div><strong>${pokeData ? getChineseName(pokeId) : '空'}</strong> <span style="font-size:0.8rem; opacity:0.7;">${pokeId || ''}</span></div>
                            ${pokeData ? `
                                <div style="display:flex; gap:1rem; margin-top:0.3rem;">
                                    <span>等级</span>
                                    <input type="number" class="editor-level" data-slot="${i}" value="${pokeData.level || 1}" min="1" max="100" style="width:5rem; background:var(--dark2); color:white; border:none; border-radius:0.3rem; padding:0.2rem;">
                                </div>
                            ` : ''}
                        </div>
                    </div>
                    ${pokeData ? `
                        <div class="editor-ability-row" style="display:flex; align-items:center; gap:0.5rem;">
                            <span style="min-width:3.5rem;">特性</span>
                            <input type="text" class="editor-ability-input" data-slot="${i}" value="${getChineseName(pokeData.ability)}" readonly placeholder="点击选择" style="flex:1; background:var(--dark2); color:white; border:none; border-radius:0.3rem; padding:0.3rem; cursor:pointer;">
                            <button class="editor-ability-btn" data-slot="${i}" style="background:var(--light1); border:none; color:white; border-radius:0.3rem; padding:0.3rem 0.8rem; cursor:pointer;">搜索</button>
                        </div>
                        <div class="editor-moves" style="display:grid; grid-template-columns:1fr 1fr; gap:0.5rem;">
                            ${[1,2,3,4].map(m => {
                                const moveId = pokeData.moves?.[`slot${m}`];
                                return `
                                    <div class="pkmn-movebox" style="
                                        height: 2rem;
                                        width: 100%;
                                        display: flex;
                                        align-items: center;
                                        border: 2px solid var(--type-dark);
                                        background: var(--dark1);
                                        color: white;
                                        border-radius: 0.3rem;
                                        position: relative;
                                        cursor: help;
                                        overflow: hidden;
                                        padding-left: 0.5rem;
                                    ">
                                        <span style="z-index:2; flex:1;">${moveId ? getChineseName(moveId) : '--'}</span>
                                        <img src="img/icons/${moveId ? move[moveId].type : 'normal'}.svg" style="
                                            height: 2rem;
                                            width: 2rem;
                                            background-color: ${moveId ? 'var(--type-'+move[moveId].type+')' : '#A0A29F'};
                                            padding: 4px;
                                            z-index: 2;
                                        ">
                                        <input type="hidden" class="editor-move-value" data-slot="${i}" data-move-slot="${m}" value="${moveId || ''}">
                                        <button class="editor-move-btn" data-slot="${i}" data-move-slot="${m}" style="
                                            position: absolute;
                                            width: 100%;
                                            height: 100%;
                                            background: transparent;
                                            border: none;
                                            cursor: pointer;
                                            z-index: 3;
                                        "></button>
                                    </div>
                                `;
                            }).join('')}
                        </div>
                    ` : '<div style="color:#888; text-align:center;">空位，无法编辑</div>'}
                </div>
            `;
        }

        container.innerHTML = html;

        container.querySelectorAll('.editor-ability-btn').forEach(btn => {
            btn.addEventListener('click', (e) => {
                e.stopPropagation();
                const slot = btn.dataset.slot;
                showAbilitySearch(slot);
            });
        });

        container.querySelectorAll('.editor-move-btn').forEach(btn => {
            btn.addEventListener('click', (e) => {
                e.stopPropagation();
                const slot = btn.dataset.slot;
                const moveSlot = btn.dataset.moveSlot;
                showMoveSearch(slot, moveSlot);
            });
        });

        container.querySelectorAll('.editor-level').forEach(input => {
            input.addEventListener('change', function() {
                const slot = this.dataset.slot;
                const val = parseInt(this.value, 10);
                updatePokemonLevel(slot, val);
            });
        });

        container.querySelectorAll('.editor-ability-input').forEach(inp => {
            inp.addEventListener('click', (e) => {
                e.stopPropagation();
                const slot = inp.dataset.slot;
                showAbilitySearch(slot);
            });
        });
    }

    function updatePokemonLevel(slot, newLevel) {
        const teamName = saved.currentPreviewTeam || 'preview1';
        const team = saved.previewTeams[teamName];
        const slotKey = `slot${slot}`;
        const pokeId = team[slotKey]?.pkmn;
        if (!pokeId) return;
        const poke = pkmn[pokeId];
        if (!poke) return;
        poke.level = Math.min(100, Math.max(1, newLevel));
    }

    function getMemoryAbilities() {
        const memorySet = new Set();
        for (let itemId in item) {
            const it = item[itemId];
            if (it.type === 'memory' && it.ability) {
                memorySet.add(it.ability);
            }
        }
        return memorySet;
    }

    function showAbilitySearch(slot) {
        const teamName = saved.currentPreviewTeam || 'preview1';
        const team = saved.previewTeams[teamName];
        const slotKey = `slot${slot}`;
        const pokeId = team[slotKey]?.pkmn;
        if (!pokeId) return;
        const poke = pkmn[pokeId];
        if (!poke) return;

        const memoryAbilities = getMemoryAbilities();
        const abilityList = [];

        for (let abId in ability) {
            const ab = ability[abId];
            if (ab.type || memoryAbilities.has(abId)) {
                abilityList.push({
                    id: abId,
                    name: getChineseName(abId),
                    data: ab
                });
            }
        }

        const fuse = new Fuse(abilityList, {
            keys: ['name', 'id'],
            threshold: 0.3,
            includeScore: true
        });

        showSearchPopup('选择特性', abilityList, fuse, (selectedId) => {
            poke.ability = selectedId;
            if (poke.hiddenAbility && poke.hiddenAbility.id === selectedId) {
                poke.hiddenAbilityUnlocked = true;
            }
            const input = document.querySelector(`.editor-ability-input[data-slot="${slot}"]`);
            if (input) input.value = getChineseName(selectedId);
        });
    }

    function showMoveSearch(slot, moveSlot) {
        const teamName = saved.currentPreviewTeam || 'preview1';
        const team = saved.previewTeams[teamName];
        const slotKey = `slot${slot}`;
        const pokeId = team[slotKey]?.pkmn;
        if (!pokeId) return;
        const poke = pkmn[pokeId];
        if (!poke) return;

        const moveList = [];
        for (let moveId in move) {
            const mv = move[moveId];
            if (!mv.moveset) continue;
            moveList.push({
                id: moveId,
                name: getChineseName(moveId),
                data: mv
            });
        }

        const fuse = new Fuse(moveList, {
            keys: ['name', 'id'],
            threshold: 0.3,
            includeScore: true
        });

        showSearchPopup(`选择技能 (槽位${moveSlot})`, moveList, fuse, (selectedId) => {
            if (!poke.movepool.includes(selectedId)) {
                poke.movepool.push(selectedId);
            }
            poke.moves[`slot${moveSlot}`] = selectedId;
            const container = document.querySelector(`.team-editor-slot[data-slot-index="${slot}"] .editor-moves`);
            if (container) {
                const moveDivs = container.querySelectorAll('.pkmn-movebox');
                if (moveDivs[moveSlot-1]) {
                    moveDivs[moveSlot-1].querySelector('span').textContent = getChineseName(selectedId);
                    const img = moveDivs[moveSlot-1].querySelector('img');
                    img.src = `img/icons/${move[selectedId].type}.svg`;
                    img.style.backgroundColor = `var(--type-${move[selectedId].type})`;
                }
            }
        });
    }

    function bindTeamEditorEvents() {
        document.addEventListener('click', (e) => {
            const closeBtn = e.target.closest('#team-editor-close');
            if (closeBtn) closeTeamEditor();

            const refreshBtn = e.target.closest('#team-editor-refresh');
            if (refreshBtn) populateTeamSlots();

            const saveBtn = e.target.closest('#team-editor-save');
            if (saveBtn) {
                if (typeof updatePreviewTeam === 'function') updatePreviewTeam();
                closeTeamEditor();
            }
        });
    }

    // ========== 物品管理器模块 ==========
    function initItemManager() {
        addItemManagerButton();
        createItemManagerPanel();
        bindItemManagerEvents();
    }

    function addItemManagerButton() {
        const menuItems = document.getElementById('menu-items');
        if (!menuItems) return;
        if (document.getElementById('item-manager-menu-btn')) return;

        const btn = document.createElement('div');
        btn.id = 'item-manager-menu-btn';
        btn.className = 'menu-item';
        btn.innerHTML = `
            <img src="img/items/bottleCap.png" style="image-rendering:pixelated">
            <span>物品管理器</span>
        `;
        btn.addEventListener('click', (e) => {
            e.stopPropagation();
            openItemManager();
        });
        menuItems.appendChild(btn);
    }

    function createItemManagerPanel() {
        if (document.getElementById('item-manager-panel')) return;

        const panel = document.createElement('div');
        panel.id = 'item-manager-panel';
        panel.style.cssText = `
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.85);
            z-index: 10000;
            display: none;
            justify-content: center;
            align-items: center;
            backdrop-filter: blur(5px);
        `;

        panel.innerHTML = `
            <div class="item-manager-container" style="
                background: var(--dark2);
                width: 90%;
                max-width: 1000px;
                height: 90%;
                border-radius: 1rem;
                padding: 1rem;
                display: flex;
                flex-direction: column;
                gap: 1rem;
                border: 2px solid var(--light1);
                box-shadow: 0 0 30px rgba(0,0,0,0.7);
                color: white;
                overflow: hidden;
            ">
                <div style="display: flex; justify-content: space-between; align-items: center;">
                    <h2 style="color: var(--light2); margin:0;">📦 物品管理器</h2>
                    <button id="item-manager-close" style="background: #c45; border:none; color:white; font-size:1.5rem; width:2.5rem; height:2.5rem; border-radius:0.5rem; cursor:pointer;">✕</button>
                </div>
                <div style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
                    <input type="text" id="item-search" placeholder="🔍 搜索物品 (中文/英文)" style="
                        flex: 2;
                        min-width: 200px;
                        padding: 0.5rem;
                        background: var(--dark1);
                        color: white;
                        border: 1px solid var(--light1);
                        border-radius: 0.5rem;
                    ">
                    <select id="item-category-filter" style="
                        flex: 1;
                        min-width: 120px;
                        padding: 0.5rem;
                        background: var(--dark1);
                        color: white;
                        border: 1px solid var(--light1);
                        border-radius: 0.5rem;
                    ">
                        <option value="all">全部</option>
                        <option value="held">持有物</option>
                        <option value="evo">进化石</option>
                        <option value="tm">技能机</option>
                        <option value="berry">树果</option>
                        <option value="gem">宝石</option>
                        <option value="memory">记忆</option>
                        <option value="key">钥匙道具</option>
                        <option value="decor">装饰</option>
                    </select>
                    <button id="item-refresh" style="
                        background: var(--light1);
                        color: white;
                        border: none;
                        padding: 0.5rem 1.5rem;
                        border-radius: 0.5rem;
                        cursor: pointer;
                    ">刷新</button>
                </div>
                <div id="item-list" style="
                    flex: 1;
                    overflow-y: auto;
                    display: flex;
                    flex-direction: column;
                    gap: 0.3rem;
                    padding: 0.3rem;
                    background: var(--dark1);
                    border-radius: 0.5rem;
                ">
                    <!-- 物品列表动态生成 -->
                </div>
            </div>
        `;

        document.body.appendChild(panel);
    }

    function openItemManager() {
        const panel = document.getElementById('item-manager-panel');
        if (!panel) return;
        if (typeof closeTooltip === 'function') closeTooltip();
        populateItemList();
        panel.style.display = 'flex';
    }

    function closeItemManager() {
        const panel = document.getElementById('item-manager-panel');
        if (panel) panel.style.display = 'none';
    }

    function getItemCategory(itemId, itemData) {
        if (itemData.type === 'held') {
            if (itemData.sort === 'gem') return 'gem';
            if (itemData.sort === 'berry') return 'berry';
            return 'held';
        }
        if (itemData.type === 'tm') return 'tm';
        if (itemData.type === 'memory') return 'memory';
        if (itemData.type === 'decor') return 'decor';
        if (itemData.evo) return 'evo';
        if (itemData.type === 'key') return 'key';
        return 'key';
    }

    function populateItemList() {
        const container = document.getElementById('item-list');
        if (!container) return;

        const searchTerm = document.getElementById('item-search')?.value.toLowerCase() || '';
        const category = document.getElementById('item-category-filter')?.value || 'all';

        const allItems = [];
        for (let id in item) {
            const it = item[id];
            if (it.hidden) continue;

            const cat = getItemCategory(id, it);
            if (category !== 'all' && cat !== category) continue;

            const chineseName = getChineseName(id);

            if (searchTerm) {
                const lowerId = id.toLowerCase();
                const lowerName = chineseName.toLowerCase();
                if (!lowerId.includes(searchTerm) && !lowerName.includes(searchTerm)) {
                    continue;
                }
            }

            allItems.push({
                id: id,
                name: chineseName,
                got: it.got || 0,
                category: cat,
                data: it
            });
        }

        allItems.sort((a, b) => a.id.localeCompare(b.id));

        container.innerHTML = '';

        if (allItems.length === 0) {
            container.innerHTML = '<div style="color:#888; text-align:center; padding:2rem;">没有找到物品</div>';
            return;
        }

        allItems.forEach(itemInfo => {
            const row = document.createElement('div');
            row.style.cssText = `
                display: flex;
                align-items: center;
                gap: 0.5rem;
                padding: 0.3rem 0.5rem;
                background: var(--dark2);
                border-radius: 0.5rem;
                border: 1px solid var(--light1);
            `;

            let iconHtml = '';
            if (itemInfo.data.type === 'tm') {
                const moveId = itemInfo.data.move;
                const moveType = move[moveId]?.type || 'normal';
                iconHtml = `<img src="img/items/tm${moveType}.png" style="width:2rem; height:2rem; image-rendering:pixelated;">`;
            } else if (itemInfo.data.type === 'memory') {
                const imgColor = itemInfo.data.image || 'dark';
                iconHtml = `<img src="img/items/${imgColor}Memory.png" style="width:2rem; height:2rem; image-rendering:pixelated;">`;
            } else if (itemInfo.data.type === 'decor') {
                iconHtml = `<img src="img/decor/${itemInfo.id}.png" style="width:2rem; height:2rem; image-rendering:pixelated; object-fit:contain;">`;
            } else {
                iconHtml = `<img src="img/items/${itemInfo.id}.png" style="width:2rem; height:2rem; image-rendering:pixelated;">`;
            }

            const nameHtml = `
                <div style="flex:2; min-width:120px;">
                    <div><strong>${itemInfo.name}</strong></div>
                    <div style="font-size:0.7rem; opacity:0.7;">${itemInfo.id}</div>
                </div>
            `;

            const countHtml = `
                <div style="width:4rem; text-align:center;">
                    <span>${itemInfo.got}</span>
                </div>
            `;

            const controlsHtml = `
                <div style="display:flex; gap:0.2rem; align-items:center;">
                    <button class="item-dec" data-id="${itemInfo.id}" style="width:2rem; height:2rem; background:var(--light1); color:white; border:none; border-radius:0.3rem; cursor:pointer;">-</button>
                    <input type="number" class="item-count" data-id="${itemInfo.id}" value="${itemInfo.got}" min="0" style="width:4rem; background:var(--dark1); color:white; border:1px solid var(--light1); border-radius:0.3rem; text-align:center; padding:0.2rem;">
                    <button class="item-inc" data-id="${itemInfo.id}" style="width:2rem; height:2rem; background:var(--light1); color:white; border:none; border-radius:0.3rem; cursor:pointer;">+</button>
                </div>
            `;

            row.innerHTML = iconHtml + nameHtml + countHtml + controlsHtml;
            container.appendChild(row);
        });

        bindItemEvents();
    }

    function bindItemEvents() {
        document.querySelectorAll('.item-dec').forEach(btn => {
            btn.addEventListener('click', (e) => {
                e.stopPropagation();
                const id = btn.dataset.id;
                if (!id || !item[id]) return;
                const newVal = Math.max(0, (item[id].got || 0) - 1);
                item[id].got = newVal;
                const input = document.querySelector(`.item-count[data-id="${id}"]`);
                if (input) input.value = newVal;
            });
        });

        document.querySelectorAll('.item-inc').forEach(btn => {
            btn.addEventListener('click', (e) => {
                e.stopPropagation();
                const id = btn.dataset.id;
                if (!id || !item[id]) return;
                const newVal = (item[id].got || 0) + 1;
                item[id].got = newVal;
                const input = document.querySelector(`.item-count[data-id="${id}"]`);
                if (input) input.value = newVal;
            });
        });

        document.querySelectorAll('.item-count').forEach(input => {
            input.addEventListener('change', (e) => {
                e.stopPropagation();
                const id = input.dataset.id;
                if (!id || !item[id]) return;
                let val = parseInt(input.value, 10);
                if (isNaN(val) || val < 0) val = 0;
                item[id].got = val;
                input.value = val;
            });
        });
    }

    function bindItemManagerEvents() {
        document.addEventListener('click', (e) => {
            const closeBtn = e.target.closest('#item-manager-close');
            if (closeBtn) closeItemManager();

            const refreshBtn = e.target.closest('#item-refresh');
            if (refreshBtn) populateItemList();
        });

        document.getElementById('item-search')?.addEventListener('input', populateItemList);
        document.getElementById('item-category-filter')?.addEventListener('change', populateItemList);
    }

    // ========== 通用搜索弹窗 ==========
    function showSearchPopup(title, items, fuseInstance, onSelect) {
        const existing = document.getElementById('team-editor-search-popup');
        if (existing) existing.remove();

        const popup = document.createElement('div');
        popup.id = 'team-editor-search-popup';
        popup.style.cssText = `
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 400px;
            max-width: 90%;
            max-height: 80%;
            background: var(--dark1);
            border: 2px solid var(--light1);
            border-radius: 1rem;
            padding: 1rem;
            z-index: 20000;
            display: flex;
            flex-direction: column;
            gap: 0.8rem;
            color: white;
            box-shadow: 0 0 30px black;
        `;

        popup.innerHTML = `
            <div style="display: flex; justify-content: space-between;">
                <h3>${title}</h3>
                <button id="search-popup-close" style="background:#c45; border:none; color:white; width:2rem; height:2rem; border-radius:0.5rem;">✕</button>
            </div>
            <input type="text" id="search-popup-input" placeholder="输入中文或英文名搜索..." style="width:100%; padding:0.5rem; background:var(--dark2); color:white; border:1px solid var(--light1); border-radius:0.5rem;">
            <div id="search-popup-results" style="overflow-y: auto; max-height: 300px; display: flex; flex-direction: column; gap: 0.3rem;"></div>
        `;

        document.body.appendChild(popup);

        const input = document.getElementById('search-popup-input');
        const resultsDiv = document.getElementById('search-popup-results');
        const closeBtn = document.getElementById('search-popup-close');

        function renderResults(list) {
            resultsDiv.innerHTML = '';
            if (!list.length) {
                resultsDiv.innerHTML = '<div style="color:#888; text-align:center;">无结果</div>';
                return;
            }
            list.slice(0, 50).forEach(item => {
                const div = document.createElement('div');
                div.style.cssText = `
                    padding: 0.5rem;
                    background: var(--dark2);
                    border-radius: 0.3rem;
                    cursor: pointer;
                    display: flex;
                    justify-content: space-between;
                `;
                div.innerHTML = `<span>${item.name}</span><span style="opacity:0.6;">${item.id}</span>`;
                div.addEventListener('click', () => {
                    onSelect(item.id);
                    popup.remove();
                });
                resultsDiv.appendChild(div);
            });
        }

        renderResults(items);

        input.addEventListener('input', () => {
            const query = input.value.trim();
            if (!query) {
                renderResults(items);
                return;
            }
            const results = fuseInstance.search(query).map(r => r.item);
            renderResults(results);
        });

        closeBtn.addEventListener('click', () => popup.remove());

        const onKeyDown = (e) => {
            if (e.key === 'Escape') popup.remove();
        };
        window.addEventListener('keydown', onKeyDown, { once: true });
    }

    // 启动
    waitForGame();
})();