PADDashFormation/script.js

let Cards = []; //怪物数据
let Skills = []; //技能数据
let PlayerDatas = []; //玩家数据
let currentLanguage; //当前语言
let currentDataSource; //当前数据
let currentPlayerData; //当前玩家数据
let defaultLevel = 99; //默认等级

const teamBigBoxs = []; //储存全部teamBigBox
const allMembers = []; //储存所有成员，包含辅助

let controlBox; //储存整个controlBox
let statusLine; //储存状态栏
let formationBox; //储存整个formationBox
let editBox; //储存整个editBox
let showSearch; //整个程序都可以用的显示搜索函数
let qrcodeReader; //二维码读取
let qrcodeWriter; //二维码输出
let selectedDeviceId; //视频源id

const dataStructure = 5; //阵型输出数据的结构版本
const cfgPrefix = "PADDF-"; //设置名称的前缀
const className_displayNone = "display-none";
const dataAttrName = "data-value"; //用于储存默认数据的属性名
const isGuideMod = Boolean(Number(getQueryString("guide"))); //是否以图鉴模式启动

const svgNS = "http://www.w3.org/2000/svg"; //svg用的命名空间
//用油猴扩展装上，把GM_xmlhttpRequest引入的脚本
const ExternalLinkScriptURL = "https://greasyfork.org/scripts/458521";
const paddbPathPrefix = "/team/"; //PADDB的获取队伍网址格式
const uploadMessage = "Use PADDashFormation to read the Team URL and restore correct team for ID > 9934.\nhttps://github.com/Mapaler/PADDashFormation";

if (location.search.includes('&')) {
	location.search = location.search.replace(/&/ig, '&');
}

if ('serviceWorker' in navigator) {
	navigator.serviceWorker.register('service-worker.js', {scope: './'})
	.then(function(registration) {
		console.debug('service worker 注册成功',registration);
	}).catch(function(error) {
		console.error('servcie worker 注册失败',error);
	});
} else {
	console.error('浏览器不支持 servcie worker');
}

//一开始就加载当前语言
if (currentLanguage == undefined)
{
	const parameter_i18n = getQueryString(["l","lang"]); //获取参数指定的语言
	const browser_i18n = navigator.language; //获取浏览器语言
	if (parameter_i18n) //有指定语言的话，只找i18n完全相同的
	{
		currentLanguage = languageList.find(lang => lang.i18n == parameter_i18n) || languageList[0]; 
	}
	if (!currentLanguage) //如果还没有就直接搜索浏览器语言
	{
		currentLanguage = languageList.find(lang => { //筛选出符合的语言
			if (lang.i18n_RegExp)
			{
				return lang.i18n_RegExp.test(browser_i18n); //匹配正则表达式
			}else
			{
				return browser_i18n.includes(lang.i18n); //文字上的搜索包含
			}
		}) || languageList[0]; //没有找到指定语言的情况下，自动用第一个语言（英语）
	}
	//因为Script在Head里面，所以可以这里head已经加载好可以使用
	document.head.querySelector("#language-css").href = `languages/${currentLanguage.i18n}.css`;
}

//一开始就加载当前数据
if (currentDataSource == undefined)
{
	const parameter_dsCode = getQueryString("s"); //获取参数指定的数据来源
	currentDataSource = dataSourceList.find(ds => ds.code == parameter_dsCode) || dataSourceList[0]; //筛选出符合的数据源
}

const dbName = "PADDF";
let db = null;
const DBOpenRequest = indexedDB.open(dbName, 4);

DBOpenRequest.onsuccess = function(event) {
	db = event.target.result; //DBOpenRequest.result;
	console.log("PADDF：数据库已可使用");
	loadData();
};
DBOpenRequest.onerror = function(event) {
	// 错误处理
	console.log("PADDF：数据库无法启用，删除可能存在的异常数据库。",event);
	indexedDB.deleteDatabase(dbName); //直接把整个数据库删掉
	console.log("也可能是隐私模式导致无法启用数据库，于是尝试不保存的情况下读取数据。");
	loadData();
	//alert('Some errors have occurred, please refresh the page.');
	//history.go(); //直接强制刷新
};
DBOpenRequest.onupgradeneeded = function(event) {
	let db = event.target.result;

	let store;
	switch (true)
	{
		case event.oldVersion < 2:
			store = db.createObjectStore("cards");
			store = db.createObjectStore("skills");
		case event.oldVersion < 3:
			store = db.createObjectStore("palyer_datas", { keyPath: 'name' });
	}

	// 使用事务的 oncomplete 事件确保在插入数据前对象仓库已经创建完毕
	store.transaction.oncomplete = function(event) {
		console.log("PADDF：数据库建立完毕");
	};
};
class Plus extends Array {
	constructor(hp = 0 , atk = 0, rcv = 0) {
		super(3);//建立 Array
		if (Array.isArray(hp) && hp.length >= 3 //传入数组的形式
			&& hp.every(n=>Number.isInteger(n))) {
			this[0] = hp[0];
			this[1] = hp[1];
			this[2] = hp[2];
		} else { //传入三个数字的形式
			if (!Number.isInteger(hp) || !Number.isInteger(atk) || !Number.isInteger(rcv)) throw new TypeError("传入的 +值 不是整数");
			this[0] = hp;
			this[1] = atk;
			this[2] = rcv;
		}
	}
	get hp() {
		return this[0];
	}
	set hp(num) {
		if (!Number.isInteger(num)) throw new TypeError("传入的 HP +值 不是整数");
		if (num < 0 || num > 99) throw new RangeError("HP +值应为 0-99 之间的整数");
		this[0] = num;
	}
	get atk() {
		return this[1];
	}
	set atk(num) {
		if (!Number.isInteger(num)) throw new TypeError("传入的 ATK +值 不是整数");
		if (num < 0 || num > 99) throw new RangeError("ATK +值应为 0-99 之间的整数");
		this[1] = num;
	}
	get rcv() {
		return this[2];
	}
	set rcv(num) {
		if (!Number.isInteger(num)) throw new TypeError("传入的 RCV +值 不是整数");
		if (num < 0 || num > 99) throw new RangeError("RCV +值应为 0-99 之间的整数");
		this[2] = num;
	}
	get is297() {
		return (this[0] + this[1] + this[2]) === 297;
	}
}
class LatentAwakening extends Array {
	blocks = 6;
	constructor(arg = []) {
		super();//建立 Array
		if (typeof arg === "bigint" ||
			typeof arg === "number" && Number.isInteger(arg) ||
			typeof arg === "string" && /^\d+$/.test(arg)
		){ //单个大数字模式
			let latentNumber = BigInt(arg);
			//console.log("原始数字",latentNumber.toString(2));
			const latentVersion = latentNumber & 0b111n; //记录版本，111是用几位来做记录，也就是最多7位
			latentNumber >>= 3n; //右移3位
			//console.log("读取潜觉记录位数",latentNumber.toString(2));
			const changeLatentBlocksNum = Boolean(latentNumber & 1n); //1时就是开孔了
			latentNumber >>= 1n; //右移1位
			//console.log("读取潜觉格子数是否改变",latentNumber.toString(2));
			if (changeLatentBlocksNum)
			{
				this.blocks = Number(latentNumber & 0b1111n);
				latentNumber >>= 4n;
				//console.log("读取潜觉格子数",latentNumber.toString(2));
			}
			const rightNumn = latentVersion > 6n ? 7n : 5n; //右移的距离
			const getbnum = (1n << rightNumn) - 1n; //逻辑与的数字 //latentVersion > 6 ? 0b1111111n : 0b11111n;
			while (latentNumber > 0n)
			{
				const latentId = Number(latentNumber & getbnum);
				this.push(latentId);
				//判断是几格，然后直接右移几次
				const useHole = latentUseHole(latentId);
				latentNumber >>= rightNumn * BigInt(useHole);
			}
		} else if (Array.isArray(arg)) {
			Object.assign(this, arg);
		}
	}
	get usedHole() {
		return this.reduce((p,v)=>p + latentUseHole(v),0);
	}
	toBigInt() {
		//直接使用目前的最新版本
		const leftNumn = 0b111n;
		//重复添加潜觉
		let latentNum = this.reduceRight((pre,latentId, idx)=>{
			const useHole = latentUseHole(latentId);
			const latentIdn = BigInt(latentId);
			for (let i=1; i <= useHole; i++) {
				pre <<= leftNumn;
				pre |= latentIdn;
			}
			return pre;
		}, 0n);

		//添加使用的格子数
		latentNum <<= 4n;
		latentNum |= BigInt(this.blocks);

		//添加是否已打开格子
		latentNum <<= 1n;
		latentNum |= this.blocks > 6 ? 1n : 0n;
		
		//潜觉版本，直接来最新版本
		latentNum <<=3n;
		latentNum |= latentVersion;

		return BigInt.asUintN(64, latentNum);;
	}
}
class Member2 {
	id = 0; //原始id
	changes = null; //变身后id
	level = 1; //等级
	awakening = 0; //觉醒数量
	superAwakening= 0; //超觉醒ID
	#plus = new Plus(); //加值
	#latentAwakening = new LatentAwakening(); //潜在觉醒
	skillLevel = 0; //技能等级
	assistMember = null; //辅助对象的引用

	//下面是游戏状态
	skillQuantity = 0; //技能填充量
	evolveSkillStage = null; //储存进化类技能的当前等级
	attrChange = null; //改变为什么颜色
	get hasAssist() {
		return assistMember instanceof Member2;
	}
	removeAssist() {
		this.assistMember = null;
	}
	constructor(oldMember = {}, assistMember = null)
	{
		if (assistMember instanceof Member2) {
			this.assistMember = assistMember;
			assistMember.removeAssist();
		}
		if (oldMember instanceof Member2) {
			Object.assign(this, oldMember);
		}
	}
	get card() {
		return Cards[this.id] ?? Cards[0];
	}
	get plus() {
		return this.#plus;
	}
	set plus(arr) {
		if (!Array.isArray(arr) || !arr.every(n=>Number.isInteger(n)))
			throw new TypeError("直接设定 +值 应当为整形数组");
		this.#plus[0] = arr[0];
		this.#plus[1] = arr[1];
		this.#plus[2] = arr[2];
	}
	get latentAwakening() {
		return this.#latentAwakening;
	}
	set latentAwakening(arr) {
		if (!Array.isArray(arr) || !arr.every(n=>Number.isInteger(n)))
			throw new TypeError("直接设定 潜在觉醒 应当为整形数组");
		this.#latentAwakening.length = arr.length;
		for (let i=0;i<arr.length;i++) {
			this.#latentAwakening[i] = arr[i];
		}
	}
	get needExp() {
		const expArray = [
			Math.round(valueAt(this.level, 99, this.card.exp)) //99级以内的经验
		];
		if (this.level > 99)
			expArray.push(Math.max(0, Math.min(this.level, 110) - 100) * 5000000);
		if (this.level > 110)
			expArray.push(Math.max(0, Math.min(this.level, 120) - 110) * 20000000);
		return expArray;
	}
	getWorkingAwakenings(states) {
		const {outsideOfDungeon, awakningsBind, removeAssist, slotBind} = states;
		if (slotBind) return [];
		//封觉醒时，语音、心横仍然生效
		const awaknings = this.card.awakenings.slice(0, this.awakening);
		if (this.hasAssist && !removeAssist) //有武器并且没有禁武器时
			awaknings.push(...this.assistMember.getAwakenings(states));
		return awaknings;
	}
	getAbilities(states) {
		const {outsideOfDungeon, awakningsBind, removeAssist, dungeonEnchance} = states;

		const abilities = {
			hp: {base: 0, plus: 0, assist: 0, awaknings: 0},
			atk: {base: 0, plus: 0, assist: 0, awaknings: 0},
			rcv: {base: 0, plus: 0, assist: 0, awaknings: 0},
		}
		return abilities;
	}
}
class Card {
	flags = 0;
	id = 0;
	name = null;
	attrs = [];
	types = [];
	isUltEvo = false;
	rarity = 0;
	cost = 0;
	maxLevel = 0;
	feedExp = 0;
	isEmpty = true;
	sellPrice = 0;
	hp = null;
	atk = null;
	rcv = null;
	exp = null;
	activeSkillId = 0;
	leaderSkillId = 0;
	enemy = null;
	evoBaseId = null;
	evoMaterials = [];
	unevoMaterials = [];
	awakenings = [];
	superAwakenings = [];
	evoRootId = 0;
	seriesId = 0;
	sellMP = 0;
	latentAwakeningId = 0;
	collabId = 0;
	altName = [];
	limitBreakIncr = 0;
	voiceId = 0;
	orbSkinOrBgmId = 0;
	specialAttribute = null;
	searchFlags = [];
	#leaderSkillTypes = null;
	gachaGroupsFlag = 0;
	badgeId = 0;
	syncAwakening = null;
	syncAwakeningConditions = [];

	unk01 = null;
	unk02 = null;
	unk03 = null;
	unk04 = null;
	unk05 = null;
	unk06 = null;
	unk07 = null;
	unk08 = null;
	static fixId(id, reverse = false){
		if (id === 0xFFFF) return id;
		return reverse ? (id >= 9900 ? id + 100 : id) : (id >= 10000 ? id - 100 : id);
	}
    constructor(data){
		if (Array.isArray(data)) {
			this.fromOfficialData(data);
		} else {
			const classPrototype = Card.prototype;
			
			for (let key in data) {
				const propertyDescriptor = Object.getOwnPropertyDescriptor(classPrototype, key);
				if (propertyDescriptor &&
					!propertyDescriptor.writable &&
					!propertyDescriptor.set)
					continue;
				this[key] = data[key];
			}
		}
	}
	fromOfficialData(data) {
		const e = data.entries();
		function readCurve(entries) {
			return {
				min: entries.next().value?.[1],
				max: entries.next().value?.[1],
				scale: entries.next().value?.[1],
			};
		}
		this.id = Card.fixId(e.next().value?.[1]); //ID
		this.name = e.next().value?.[1]; //名字
		this.attrs.push(e.next().value?.[1]); //属性1
		this.attrs.push(e.next().value?.[1]); //属性2
		this.isUltEvo = e.next().value?.[1] !== 0; //是否究极进化
		this.types.push(e.next().value?.[1]); //类型1
		this.types.push(e.next().value?.[1]); //类型2
		this.rarity = e.next().value?.[1]; //星级
		this.cost = e.next().value?.[1]; //cost
		this.unk01 = e.next().value?.[1]; //未知01
		this.maxLevel = e.next().value?.[1]; //最大等级
		this.feedExp = e.next().value?.[1]; //1级喂食经验，需要除以4
		this.isEmpty = e.next().value?.[1] === 1; //空卡片？
		this.sellPrice = e.next().value?.[1]; //1级卖钱，需要除以10
		this.hp = readCurve(e); //HP增长
		this.atk = readCurve(e); //攻击增长
		this.rcv = readCurve(e); //回复增长
		this.exp = { min: 0, max: e.next().value?.[1], scale: e.next().value?.[1] }; //经验增长
		this.activeSkillId = e.next().value?.[1]; //主动技
		this.leaderSkillId = e.next().value?.[1]; //队长技
		this.enemy = { //作为怪物的数值
			countdown: e.next().value?.[1],
			hp: readCurve(e),
			atk: readCurve(e),
			def: readCurve(e),
			maxLevel: e.next().value?.[1],
			coin: e.next().value?.[1],
			exp: e.next().value?.[1],
			skills: []
		};
		this.evoBaseId = Card.fixId(e.next().value?.[1]); //进化基础ID
		this.evoMaterials.push(...([ //进化素材
			e.next().value?.[1],
			e.next().value?.[1],
			e.next().value?.[1],
			e.next().value?.[1],
			e.next().value?.[1]
		].map(n=>Card.fixId(n,false))));
		this.unevoMaterials.push(...([ //退化素材
			e.next().value?.[1],
			e.next().value?.[1],
			e.next().value?.[1],
			e.next().value?.[1],
			e.next().value?.[1]
		].map(n=>Card.fixId(n,false))));
		this.unk02 = e.next().value?.[1]; //未知02
		this.unk03 = e.next().value?.[1]; //未知03
		this.unk04 = e.next().value?.[1]; //未知04
		this.unk05 = e.next().value?.[1]; //未知05
		this.unk06 = e.next().value?.[1]; //未知06
		this.unk07 = e.next().value?.[1]; //未知07
		const numSkills = e.next().value?.[1]; //几种敌人技能
		for (let si = 0; si < numSkills; si++) {
			this.enemy.skills.push({
				id: e.next().value?.[1],
				ai: e.next().value?.[1],
				rnd: e.next().value?.[1]
			});
		}
		const numAwakening = e.next().value?.[1]; //觉醒个数
		for (let ai = 0; ai < numAwakening; ai++) {
			this.awakenings.push(e.next().value?.[1]);
		}
		this.superAwakenings.push(...(e.next().value?.[1].split(',').filter(Boolean).map(strN=>parseInt(strN,10)))); //超觉醒
		this.evoRootId = Card.fixId(e.next().value?.[1]); //进化链根ID
		this.seriesId = e.next().value?.[1]; //系列ID
		this.types.push(e.next().value?.[1]); //类型3
		this.sellMP = e.next().value?.[1]; //卖多少MP
		this.latentAwakeningId = e.next().value?.[1]; //潜在觉醒ID
		this.collabId = e.next().value?.[1]; //合作ID
		this.flags = e.next().value?.[1];

		this.altName.push(...e.next().value?.[1].split("|").filter(Boolean)); //替换名字（分类标签）
		this.limitBreakIncr = e.next().value?.[1]; //110级增长
		this.voiceId = e.next().value?.[1]; //语音觉醒的ID
		this.orbSkinOrBgmId = e.next().value?.[1]; //珠子皮肤ID
		this.specialAttribute = e.next().value?.[1]; //特别属性，比如黄龙
		this.searchFlags.push(e.next().value?.[1], e.next().value?.[1]); //队长技搜索类型，解析写在这里会导致文件太大，所以写到前端去了
		this.gachaGroupsFlag = e.next().value?.[1]; //目前猜测是桶ID
		this.unk08 = e.next().value?.[1]; //未知08
		this.attrs.push(e.next().value?.[1]); //属性3
		this.badgeId = e.next().value?.[1]; //抽到后获取的徽章ID
		this.syncAwakening = e.next().value?.[1]; //同步觉醒
		const numSyncAkCondition = e.next().value?.[1]; //同步觉醒条件数量
		for (let ci = 0; ci < numSyncAkCondition; ci++) {
			this.syncAwakeningConditions.push({
				id: Card.fixId(e.next().value?.[1]), //怪物ID
				level: e.next().value?.[1], //怪物等级
				skillLeval: e.next().value?.[1], //怪物技能等级
			});
		}
		
		this.attrs = this.attrs.filter(n=>Number.isInteger(n) && n>=0);
		this.types = this.types.filter(n=>Number.isInteger(n) && n>=0);

		const last = e.next();
		if (!last.done)
			console.debug(`有新增数据/residue data for #%d: %o`, this.id , last.value);
	}
	get activeSkill(){
		return Skills[this.activeSkillId];
	}
	get leaderSkill(){
		return Skills[this.leaderSkillId];
	}
	get canAssist(){ //是否能当二技
		return Boolean(this.flags & 1<<0);
	}
	get enabled(){ //是否已启用
		return Boolean(this.flags & 1<<1);
	}
	get stackable(){ //flag有1<<3时，不合并占一格，没有时则根据类型进行合并（目前合并已经不占格子）
		const specialType = [0,12,14,15];
		return Boolean(this.flags & 1<<3) &&
			this.types.some(t=>specialType.includes(t)); //0進化用;12能力覺醒用;14強化合成用;15販賣用默认合并
	}
	get onlyAssist(){ //是否只能当二技
		return Boolean(this.flags & 1<<4);
	}
	get skillBanner(){ //是否支持8个潜觉
		return Boolean(this.flags & 1<<5);
	}
	get onlyAssist(){ //是否有技能横幅
		return Boolean(this.flags & 1<<6);
	}
	get leaderSkillTypes(){
		if (this.#leaderSkillTypes == null) {
			this.#leaderSkillTypes = new LeaderSkillType(this);
		}
		return this.#leaderSkillTypes;
	}
}
//队长技能类型的翻译
class LeaderSkillType{
	#card = null;
	#flags = [];
	#matchMode = null;
	#restriction = null;
	#appendEffects = null;
	constructor(flags1, flags2){
		if (flags1 instanceof Card || Array.isArray(flags1.searchFlags)) {
			this.#card = flags1;
		} else if (Array.isArray(flags1)) {
			this.#flags.push(...flags1);
		} else {
			this.#flags.push(flags1, flags2);
		}
	}
	get matchMode(){
		if (this.#matchMode == null) {
			this.#matchMode = new LeaderSkillType_MatchingStyle(this.#card ?? this.#flags);
		}
		return this.#matchMode;
	}
	get restriction(){
		if (this.#restriction == null) {
			this.#restriction = new LeaderSkillType_Restriction_Bind(this.#card ?? this.#flags);
		}
		return this.#restriction;
	}
	get appendEffects(){
		if (this.#appendEffects == null) {
			this.#appendEffects = new LeaderSkillType_ExtraEffects(this.#card ?? this.#flags);
		}
		return this.#appendEffects;
	}
}
class LeaderSkillType_MatchingStyle {
	#card = null;
	#flags = [];
	constructor(arg){
		if (arg instanceof Card || Array.isArray(arg.searchFlags)) {
			this.#card = arg;
		} else {
			this.#flags = arg;
		}
	}
	get multipleAttr(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 0)}
	get rowMatch(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 1)}
	get combo(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 2)}
	get sameColor(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 3)}
	get LShape(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 4)}
	get crossMatch(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 5)}
	get heartCrossMatch(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 6)}
	get remainOrbs(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 7)}
	get enhanced5Orbs(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 8)}
}
class LeaderSkillType_Restriction_Bind {
	#card = null;
	#flags = [];
	constructor(arg){
		if (arg instanceof Card || Array.isArray(arg.searchFlags)) {
			this.#card = arg;
		} else {
			this.#flags = arg;
		}
	}
	get attrEnhance(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 9)}
	get typeEnhance(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 10)}
	get board7x6(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 11)}
	get noSkyfall(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 12)}
	get HpRange(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 13)}
	get useSkill(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 14)}
	get moveTimeDecrease_Fixed(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 15)}
	get minMatchLen(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 16)}
	get specialTeam(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 17)}
	get effectWhenRecover(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 18)}
}
class LeaderSkillType_ExtraEffects {
	#card = null;
	#flags = [];
	constructor(arg){
		if (arg instanceof Card || Array.isArray(arg.searchFlags)) {
			this.#card = arg;
		} else {
			this.#flags = arg;
		}
	}
	get addCombo(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 21)}
	get fixedFollowAttack(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 22)}
	get scaleFollowAttack(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 23)}
	get reduce49down(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 24)}
	get reduce50(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 25)}
	get reduce51up(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 26)}
	get moveTimeIncrease(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 20)}
	get rateMultiplyExp_Coin(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 27)}
	get rateMultiplyDrop(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 28)}
	get voidPoison(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 29)}
	get counterAttack(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 30)}
	get autoHeal(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 31)}
	get unbindAwokenBind(){return Boolean(this.#card?.searchFlags?.[0] ?? this.#flags[0] & 1 << 19)}
	get resolve(){return Boolean(this.#card?.searchFlags?.[1] ?? this.#flags[1] & 1 << 0)}
	get predictionFalling(){return Boolean(this.#card?.searchFlags?.[1] ?? this.#flags[1] & 1 << 1)}
}
class Team extends Array {
	badge = 0;
	helperTeam = null;
	switchesLeader = null;
	constructor(memberCount = 6) {
		super(memberCount);//建立 Array
	}
	get leader1(){
		return this[0];
	}
	get leader2(){
		//当有 helperTeam 时，使用另一个队伍的队长
		return helperTeam instanceof Team ? this.helperTeam.leader1 : this[5];
	}
}
class Formation2 {
	teams = [];
	title = null;
	description = null;
	dungeonEnchancement = {
		attrs: [],
		types: [],
		rarities: [],
		collabIds: [],
		gachaIds: [],
		rate: {
			hp: 1,
			atk: 1,
			rcv: 1
		},
		benefitOfYinYang: 0,
		currentStage: 0,
	};
	constructor(teamCount) {
		this.teams.length = teamCount;
		const menbersCount = teamCount === 2 ? 5 : 6;
		for (let i=0; i<teamCount; i++) {
			this.teams[i] = new Team(menbersCount);
		}
		if (teamCount === 2) { //当为2人对物时，互相设定为互助队伍
			this.teams[0].helperTeam = this.teams[1];
			this.teams[1].helperTeam = this.teams[0];
		}
	}
}
class Skill {
	id = 0;
	name = null;
	description = null;
	type = 0;
	maxLevel = 0;
	initialCooldown = 0;
	unk = 0;
	params = [];
	#parsed = null;

    constructor(data, i){
		if (Array.isArray(data)) {
			this.id = i;
			this.fromOfficialData(data);
		} else {
			const classPrototype = Skill.prototype;
			for (let key in data) {
				const propertyDescriptor = Object.getOwnPropertyDescriptor(classPrototype, key);
				if (propertyDescriptor &&
					!propertyDescriptor.writable &&
					!propertyDescriptor.set)
					continue;
				this[key] = data[key];
			}
		}
	}
	fromOfficialData(data) {
		const e = data.entries();
		this.name = e.next().value?.[1];
		this.description = e.next().value?.[1];
		this.type = e.next().value?.[1];
		this.maxLevel = e.next().value?.[1];
		this.initialCooldown = e.next().value?.[1];
		this.unk = e.next().value?.[1];
		let last = null;
		while (last = e.next(), !last.done) {
			this.params.push(last.value[1]);
		}
	}
	get parsed() {
		if (this.#parsed == null) {
			this.#parsed = Skill.skillParser(this);
		}
		return this.#parsed;
	}
	static skillParser(skill) {
		if (!(skill instanceof Skill)) throw new TypeError("传入的 技能 不是 Skill 类");
		return skillParser(skill.id);
	}
}
//队员基本的留空
var Member = function(id = 0) {
	this.id = id;
	this.ability = [0, 0, 0];
	this.abilityNoAwoken = [0, 0, 0];
};
//让 Member 能直接获取 card
Object.defineProperty(Member.prototype, "card", {
	get() { return Cards[this.id] ?? Cards[0]; }
})
Member.prototype.effectiveAwokens = function(assist) {
	const memberCard = this.card;
	let enableAwoken = memberCard?.awakenings?.slice(0, this.awoken) || [];
	//单人、3人时,大于等于100级且297时增加超觉醒
	if ((solo || teamsCount === 3) && this.sawoken > 0 &&
		(this.level >= 100 && this.plus.every(p=>p>=99) ||
		this.sawoken === memberCard.syncAwakening)
	) {
		enableAwoken.push(this.sawoken);
	}
	//添加武器
	if (assist instanceof Member && assist?.card?.awakenings?.includes(49)) {
		enableAwoken.push(...assist.card.awakenings.slice(0, assist.awoken));
	}
	return enableAwoken;
}
Member.prototype.getAttrsTypesWithWeapon = function(assist) {
	let memberCard = this.card, assistCard = assist?.card,
		assistAwakenings = assistCard?.awakenings?.slice(0, assist.awoken);
	if (this.id <= 0 || !memberCard) return null; //跳过 id 0
	let attrs = [...memberCard.attrs]; //属性数量固定，因此用固定的数组
	let types = new Set(memberCard.types); //Type 用Set，确保不会重复
	let changeAttr = null, appendTypes = [];
	if (assistAwakenings?.includes(49)) { //如果有武器
		//更改副属性
		changeAttr = assistAwakenings.find(ak=>ak >= 91 && ak <= 95); //筛选出武器觉醒
		if (changeAttr) attrs[1] = changeAttr - 91; //变换为属性
		//添加类型
		appendTypes = assistAwakenings.filter(ak=>ak >= 83 && ak <= 90) //筛选出武器觉醒
						.map(type=> typekiller_for_type.find(t=>(type - 52) === t.awoken).type);//变换为类型
		appendTypes = new Set(appendTypes); //变为 Set
		appendTypes = appendTypes.difference(types); //去除重复的
		types = types.union(appendTypes); //添加到类型里
	}
	return {
		attrs, isChangeAttr: Boolean(changeAttr),
		"types": [...types], isAppendType: Boolean(appendTypes?.size), "appendTypes": [...appendTypes]
	};
}
Member.prototype.outObj = function() {
	const m = this;
	if (m.id == 0) return null;
	let obj = [m.id];
	if (m.level != undefined) obj[1] = m.level;
	if (m.awoken != undefined) obj[2] = m.awoken;
	if (m.plus != undefined && Array.isArray(m.plus) && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) != 0) {
		if (m.plus[0] === m.plus[1] && m.plus[0] === m.plus[2]) { //当3个加值一样时只生成第一个减少长度
			obj[3] = m.plus[0];
		} else {
			obj[3] = m.plus;
		}
	}
	if (Array.isArray(m?.latent) && m.latent.length >= 1) obj[4] = m.latent;
	if (m?.sawoken >= 0) obj[5] = m.sawoken;
	const card = Cards[m.id] || Cards[0]; //怪物固定数据
	const skill = Skills[card.activeSkillId];
	//有技能等级，并且技能等级低于最大等级时才记录技能
	if (m.skilllevel != undefined && m.skilllevel < skill.maxLevel) obj[6] = m.skilllevel;
	return obj;
};
Member.prototype.loadObj = function(m, dataVersion) {
	if (m == undefined) //如果没有提供数据，直接返回默认
	{
		this.id = 0;
		return;
	}
	if (dataVersion == undefined) dataVersion = 1;
	this.id = dataVersion > 1 ? m[0] : m.id;
	this.level = dataVersion > 1 ? m[1] : m.level;
	this.awoken = dataVersion > 1 ? m[2] : m.awoken;
	if (dataVersion > 1) {
		if (isNaN(m[3]) || m[3] == null) {
			this.plus = m[3];
		} else {
			const singlePlus = parseInt(m[3], 10); //如果只有一个数字时，复制3份
			this.plus = [singlePlus, singlePlus, singlePlus];
		}
	} else {
		this.plus = m.plus;
	}
	if (!Array.isArray(this.plus)) this.plus = [0, 0, 0]; //如果加值不是数组，则改变
	this.latent = dataVersion > 1 ? m[4] : m.latent;
	if (Array.isArray(this.latent) && dataVersion <= 2) this.latent = this.latent.map(l => l >= 13 ? l + 3 : l); //修复以前自己编的潜觉编号为官方编号
	if (!Array.isArray(this.latent)) this.latent = []; //如果潜觉不是数组，则改变
	this.sawoken = dataVersion > 1 ?
						(dataVersion < 5 ? 
						Cards[this.id].superAwakenings[m[5]] //第四版前，是超觉醒的顺序
						: m[5] ) //第5版开始，超觉醒使用觉醒编号而不是顺序
					: m.sawoken;
	this.skilllevel = m[6] || null;
};
Member.prototype.loadFromMember = function(m) {
	if (m == undefined) //如果没有提供数据，直接返回默认
	{
		return;
	}
	this.id = m.id;
};
//只用来防坐的任何队员
var MemberDelay = function() {
	this.id = -1;
};
MemberDelay.prototype = Object.create(Member.prototype);
MemberDelay.prototype.constructor = MemberDelay;
//辅助队员
var MemberAssist = function() {
	this.level = 0;
	this.awoken = 0;
	this.plus = [0, 0, 0];
	Member.call(this);
};
MemberAssist.prototype = Object.create(Member.prototype);
MemberAssist.prototype.constructor = MemberAssist;
MemberAssist.prototype.loadFromMember = function(m) {
	if (m == undefined) //如果没有提供数据，直接返回默认
	{
		return;
	}
	this.id = m.id;
	if (m.level != undefined) this.level = m.level;
	if (m.awoken != undefined) this.awoken = m.awoken;
	if (m.plus != undefined && Array.isArray(m.plus) && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) > 0) this.plus = JSON.parse(JSON.stringify(m.plus));
	if (m.skilllevel != undefined) this.skilllevel = m.skilllevel;
};
//正式队伍
var MemberTeam = function() {
	this.latent = [];
	MemberAssist.call(this);
	//sawoken作为可选项目，默认不在内
};
MemberTeam.prototype = Object.create(MemberAssist.prototype);
MemberTeam.prototype.constructor = MemberTeam;
MemberTeam.prototype.loadFromMember = function(m) {
	if (m == undefined) //如果没有提供数据，直接返回默认
	{
		return;
	}
	this.id = m.id;
	if (m.level != undefined) this.level = m.level;
	if (m.awoken != undefined) this.awoken = m.awoken;
	if (Array.isArray(m?.plus) && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) > 0) this.plus = JSON.parse(JSON.stringify(m.plus));
	if (Array.isArray(m?.latent) && m.latent.length >= 1) this.latent = JSON.parse(JSON.stringify(m.latent));
	if (m.sawoken != undefined) this.sawoken = m.sawoken;
	if (Array.isArray(m?.ability) && m.ability.length >= 3) this.ability = JSON.parse(JSON.stringify(m.ability));
	if (Array.isArray(m?.abilityNoAwoken) && m.abilityNoAwoken.length >= 3) this.abilityNoAwoken = JSON.parse(JSON.stringify(m.abilityNoAwoken));
	if (m.skilllevel != undefined) this.skilllevel = m.skilllevel;
};

let Formation = function(teamCount, memberCount) {
	this.title = "";
	this.detail = "";
	this.teams = [];
	this.dungeonEnchance = {
		attrs: [],
		types: [],
		rarities: [],
		collabs: [],
		gachas: [],
		rate: {
			hp: 1,
			atk: 1,
			rcv: 1
		}
	}
	for (let ti = 0; ti < teamCount; ti++) {
		const team = [
			[], //队员
			[], //辅助
			0, //徽章
			0, //队长更换序号
		];
		for (let mi = 0; mi < memberCount; mi++) {
			team[0].push(new MemberTeam());
			team[1].push(new MemberAssist());
		}
		this.teams.push(team);
	}
};
//初始化队伍结构
let formation = new Formation(teamsCount, teamsCount == 2 ? 5 : 6);
Formation.prototype.outObj = function() {
	const obj = {};
	if (this?.title?.length > 0) obj.t = this.title;
	if (this?.detail?.length > 0) obj.d = this.detail;
	obj.f = this.teams.map(t => {
		const teamArr = [];
		teamArr[0] = t[0].map(m =>
			m.outObj()
		).deleteLatter();
		teamArr[1] = t[1].map(m =>
			m.outObj()
		).deleteLatter();
		if (t[2]) teamArr[2] = t[2];
		if (t[3]) teamArr[3] = t[3];
		return teamArr;
	});
	let dge = this.dungeonEnchance;
	if (Object.values(dge.rate).some(rate => rate != 1) || dge.benefit || dge.stage>1) obj.r = [
		[Bin.enflags(dge.types),Bin.enflags(dge.attrs),Bin.enflags(dge.rarities),dge.collabs.length ? dge.collabs : 0, Bin.enflags(dge.gachas)].deleteLatter(0), //类型,属性,星级
		[dge.rate.hp,dge.rate.atk,dge.rate.rcv].deleteLatter(1),
		dge.benefit || 0, //地下城阴阳加护
		dge.stage || 1 //地下城层数
	];
	obj.v = dataStructure;
	/*if (obj.f.every(team=>team[0].length == 0 && team[1].length == 0 && team[2] == undefined) &&
	!obj.t &&
	!obj.d)
		return null;*/
	return obj;
};
Formation.prototype.loadObj = function(f) {
	let dge = this.dungeonEnchance;
	if (f == undefined) //如果没有提供数据，要返回空的
	{
		this.title = "";
		this.detail = "";
		this.teams.forEach(function(t, ti) {
				t[0].forEach(function(m, mi) {
					m.loadObj(null);
				});
				t[1].forEach(function(m, mi) {
					m.loadObj(null);
				});
				t[2] = 1;
				t[3] = 0;
		});
		dge.rarities.length = 0;
		dge.attrs.length = 0;
		dge.types.length = 0;
		dge.rate.hp = 1;
		dge.rate.atk = 1;
		dge.rate.rcv = 1;
		dge.benefit = 0;
		dge.stage = 1;
		return;
	}
	const dataVeision = f?.v ?? (f.f ? 2 : 1); //是第几版格式
	this.title = dataVeision > 1 ? f.t : f.title;
	this.detail = dataVeision > 1 ? f.d : f.detail;
	const loadTeamArr = dataVeision > 1 ? f.f : f.team;
	this.teams.forEach(function(t, ti) {
		const tf = loadTeamArr[ti];
		if (tf) {
			t[0].forEach(function(m, mi) {
				const fm = tf[0][mi];
				m.loadObj(fm, dataVeision);
			});
			t[1].forEach(function(m, mi) {
				const fm = tf[1][mi];
				m.loadObj(fm, dataVeision);
			});
			t[2] = dataVeision > 3 ? //徽章
					(dataVeision < 5 && tf[2] == 50 ? PAD_PASS_BADGE : tf[2]) //5版开始月卡徽章用开关1<<7来识别
					: badgeConvert(tf[2]); //1、2版老数据的徽章
			t[3] = tf[3] ?? 0; //队长
		}
	});
	function badgeConvert(old)
	{
		switch (old)
		{
			case 0:case 1:case 2:case 3:case 4:case 5:case 6:case 7:case 8: {
				return old + 1;
			}
			case 9: {
				return 11;
			}
			case 10:case 11:case 12: {
				return old + 7;
			}
			case 13: {
				return 21;
			}
			case 14: {
				return 10;
			}
			case 15:case 16:case 17: {
				return old - 3;
			}
			case 18: { //月卡
				return 1<<7 | 1 ;
			}
			default: return 1;
		}
	}
	if (f.r)
	{
		if (Array.isArray(f.r[0])) {
			const [[types, attrs, rarities, collabs, gachas] = [], [hp , atk, rcv] = [], benefit, stage] = f.r;
			
			dge.types = Bin.unflags(types ?? 0);
			dge.attrs = Bin.unflags(attrs ?? 0);
			dge.rarities = Bin.unflags(rarities ?? 0);
			dge.collabs = collabs?.length ? collabs : [];
			dge.gachas = Array.isArray(gachas) ? gachas.flatMap(n=>Bin.unflags(n)) :Bin.unflags(gachas || 0);

			dge.rate.hp = hp ?? 1;
			dge.rate.atk = atk ?? 1;
			dge.rate.rcv = rcv ?? 1;

			dge.benefit = benefit || 0;
			dge.stage = stage || 1;
		} else {
			dge.attrs = Bin.unflags(f.r[0] ?? 0);
			dge.types = Bin.unflags(f.r[1] ?? 0);
			dge.rarities.length = 0;
			dge.rate.hp = f.r[2] ?? 1;
			dge.rate.atk = f.r[3] ?? 1;
			dge.rate.rcv = f.r[4] ?? 1;
		}
	}
	if (f.b)
		this.teams[0][2] = f.b; //原来模式的徽章
};
Formation.prototype.getPdfQrObj = function(keepDataSource = true)
{
	let qrObj = {
		d:this.outObj()
	};
	if (keepDataSource) qrObj.s = currentDataSource.code;
	return qrObj;
}
//pdc的徽章对应数字
Formation.pdcBadgeMap = [
	{pdf:undefined,pdc:0}, //什么都没有
	{pdf:1,pdc:10}, //无限cost
	{pdf:2,pdc:12}, //小手指
	{pdf:3,pdc:9}, //全体攻击
	{pdf:4,pdc:5}, //小回复
	{pdf:5,pdc:1}, //小血量
	{pdf:6,pdc:3}, //小攻击
	{pdf:7,pdc:8}, //SB
	{pdf:8,pdc:18}, //队长防封
	{pdf:9,pdc:19}, //SX
	{pdf:11,pdc:7}, //无天降
	{pdf:17,pdc:6}, //大回复
	{pdf:18,pdc:2}, //大血量
	{pdf:19,pdc:4}, //大攻击
	{pdf:20,pdc:null}, //三维
	{pdf:21,pdc:13}, //大手指
	{pdf:10,pdc:11}, //加经验
	{pdf:12,pdc:15}, //墨镜
	{pdf:13,pdc:17}, //防废
	{pdf:14,pdc:16}, //防毒
	{pdf:PAD_PASS_BADGE,pdc:14}, //月卡
	{pdf:22,pdc:20}, //除武器，全抗性(耐)
	{pdf:23,pdc:21}, //除武器，10SB(S+×5)
	{pdf:24,pdc:22}, //英雄学院桶
	{pdf:25,pdc:23}, //画师桶
	{pdf:26,pdc:24}, //高达桶
	{pdf:27,pdc:25}, //转生成为史莱姆
	{pdf:28,pdc:26}, //电击文库Index
	{pdf:29,pdc:27}, //奥特曼
	{pdf:30,pdc:28}, //花嫁
	{pdf:31,pdc:29}, //叛逆的鲁鲁修
	{pdf:15,pdc:30}, //漫威
	{pdf:16,pdc:31}, //泳装
	{pdf:32,pdc:32}, //怪物猎人
	{pdf:33,pdc:33}, //三丽鸥
	{pdf:34,pdc:34}, //咒术回战
];
//pdc的潜觉对应数字
Formation.pdcLatentMap = [
	{pdf:1,pdc:1}, //HP
	{pdf:2,pdc:0}, //攻击
	{pdf:3,pdc:2}, //回复
	{pdf:4,pdc:19}, //手指
	{pdf:5,pdc:13}, //自回
	{pdf:6,pdc:14}, //火盾
	{pdf:7,pdc:15}, //水盾
	{pdf:8,pdc:16}, //木盾
	{pdf:9,pdc:17}, //光盾
	{pdf:10,pdc:18}, //暗盾
	{pdf:11,pdc:12}, //防坐
	{pdf:12,pdc:3}, //三维
	{pdf:13,pdc:35}, //不被换队长
	{pdf:13,pdc:47}, //不被换队长 ×1.5
	{pdf:14,pdc:37}, //不掉废
	{pdf:14,pdc:59}, //不掉废 ×1.5
	{pdf:15,pdc:36}, //不掉毒
	{pdf:15,pdc:58}, //不掉毒 ×1.5
	{pdf:16,pdc:24}, //进化杀
	{pdf:17,pdc:25}, //觉醒杀
	{pdf:18,pdc:26}, //强化杀
	{pdf:19,pdc:27}, //卖钱杀
	{pdf:20,pdc:4}, //神杀
	{pdf:21,pdc:5}, //龙杀
	{pdf:22,pdc:6}, //恶魔杀
	{pdf:23,pdc:7}, //机械杀
	{pdf:24,pdc:8}, //平衡杀
	{pdf:25,pdc:9}, //攻击杀
	{pdf:26,pdc:10}, //体力杀
	{pdf:27,pdc:11}, //回复杀
	{pdf:28,pdc:20}, //大HP
	{pdf:29,pdc:21}, //大攻击
	{pdf:30,pdc:22}, //大回复
	{pdf:31,pdc:23}, //大手指
	{pdf:32,pdc:28}, //大火盾
	{pdf:33,pdc:29}, //大水盾
	{pdf:34,pdc:30}, //大木盾
	{pdf:35,pdc:31}, //大光盾
	{pdf:36,pdc:32}, //大暗盾
	{pdf:37,pdc:33}, //6色破无效
	{pdf:37,pdc:45}, //6色破无效 ×1.5
	{pdf:38,pdc:34}, //3色破属吸
	{pdf:38,pdc:46}, //3色破属吸 ×1.5
	{pdf:39,pdc:40}, //C珠破吸
	{pdf:39,pdc:50}, //C珠破吸 ×1.5
	{pdf:40,pdc:39}, //心横解转转
	{pdf:40,pdc:49}, //心横解转转 ×1.5
	{pdf:41,pdc:38}, //U解禁消
	{pdf:41,pdc:48}, //U解禁消 ×1.5
	{pdf:42,pdc:41}, //伤害上限×2
	{pdf:43,pdc:42}, //HP++
	{pdf:44,pdc:43}, //攻击++
	{pdf:45,pdc:44}, //回复++
	{pdf:46,pdc:51}, //心追解云封
	{pdf:46,pdc:52}, //心追解云封 ×1.5
	{pdf:47,pdc:53}, //心L大SB
	{pdf:47,pdc:54}, //心L大SB ×1.5
	{pdf:48,pdc:55}, //L解禁武器
	{pdf:48,pdc:56}, //L解禁武器 ×1.8
	{pdf:49,pdc:57}, //伤害上限×3
];
Formation.prototype.getPdcQrStr = function()
{
	function genMemberMap(m, a, position = 0)
	{
		const o = new Map();
		o.set(0, m.id);
		if (m.latent.length)
			o.set(2, m.latent.map(pdfLtent=> (Formation.pdcLatentMap.find(latent=>latent.pdf === pdfLtent)?.pdc ?? pdfLtent).toString(36).padStart(2,'0')).join('')); //潜觉
		o.set(3, m.level);
		o.set(4, m.plus[0]);
		o.set(5, m.plus[1]);
		o.set(6, m.plus[2]);
		o.set(7, (m?.awoken >= Cards[m.id].awakenings.length) ? -1 : m.awoken);
		o.set(8, m?.sawoken ?? 0);
		if (a.id != 0)
		{
			o.set(9, a.id);
			o.set(10, a.level);
			o.set(11, a.plus[0]);
			o.set(12, a.plus[1]);
			o.set(13, a.plus[2]);
			o.set(14, (a.awoken != null && a.awoken >= Cards[a.id].awakenings.length) ? -1 : a.awoken);
		}
		o.set(15, position);
		return o;
	}
	let outArr = [
		[1,this.teams.length - 1]
	];
	
	if (this.teams.length == 2)
	{
		const team1 = this.teams[0];
		const team2 = this.teams[1];
		team1[0].push(team2[0].shift());
		team1[1].push(team2[1].shift());
	}

	let pdcTeamsStr = this.teams.map((t,idx,arr)=>{
		let teamArr = [
			Formation.pdcBadgeMap.find(badge=>badge.pdf === t[2])?.pdc || 0 //徽章
		];
		const membersArr = t[0];
		const assistArr = t[1];
		for (let i=0;i<membersArr.length;i++)
		{
			if (membersArr[i].id > 0 || assistArr[i].id > 0)
			{
				let pdcMemberMap = genMemberMap(membersArr[i], assistArr[i], (arr.length == 2 && idx == 1) ? i+1 : i); //2人协力时，队伍2编号0是空的
				let pdcMemberArr = Array.from(pdcMemberMap);
				pdcMemberStr = pdcMemberArr.map(item => {
					if (item[1] == undefined)
					{
						return null;
					}
					return [
					item[0].toString(36).padStart(2,'0'),
					item[1].toString(36).padStart(2,'0')
				].join('')}).filter(item=>item).join(',');
				teamArr.push(pdcMemberStr);
			}
		}
		return teamArr.join('}');
	});
	
	if (this.teams.length == 2)
	{
		const team1 = this.teams[0];
		const team2 = this.teams[1];
		team2[0].splice(0,0,team1[0].pop());
		team2[1].splice(0,0,team1[1].pop());
	}

	outArr = outArr.concat(pdcTeamsStr);
	return outArr.join(']');
}
//paddb的徽章对应数字
Formation.paddbBadgeMap = [
	{pdf:undefined,paddb:0}, //什么都没有
	{pdf:1,paddb:1}, //无限cost
	{pdf:2,paddb:2}, //小手指
	{pdf:3,paddb:3}, //全体攻击
	{pdf:4,paddb:4}, //小回复
	{pdf:5,paddb:5}, //小血量
	{pdf:6,paddb:6}, //小攻击
	{pdf:7,paddb:7}, //SB
	{pdf:8,paddb:8}, //队长防封
	{pdf:9,paddb:9}, //SX
	{pdf:11,paddb:14}, //无天降
	{pdf:17,paddb:10}, //大回复
	{pdf:18,paddb:11}, //大血量
	{pdf:19,paddb:12}, //大攻击
	{pdf:20,paddb:null}, //三维
	{pdf:21,paddb:13}, //大手指
	{pdf:10,paddb:18}, //加经验
	{pdf:12,paddb:15}, //墨镜
	{pdf:13,paddb:16}, //防废
	{pdf:14,paddb:17}, //防毒
	{pdf:PAD_PASS_BADGE,paddb:19}, //月卡
];
//paddb的潜觉对应数字
Formation.paddbLatentMap = [
	{pdf:1,paddb:13}, //HP
	{pdf:2,paddb:14}, //攻击
	{pdf:3,paddb:15}, //回复
	{pdf:4,paddb:16}, //手指
	{pdf:5,paddb:17}, //自回
	{pdf:6,paddb:19}, //火盾
	{pdf:7,paddb:20}, //水盾
	{pdf:8,paddb:21}, //木盾
	{pdf:9,paddb:22}, //光盾
	{pdf:10,paddb:23}, //暗盾
	{pdf:11,paddb:18}, //防坐
	{pdf:12,paddb:27}, //三维
	{pdf:13,paddb:38}, //不被换队长
	{pdf:14,paddb:37}, //不掉废
	{pdf:15,paddb:36}, //不掉毒
	{pdf:16,paddb:12}, //进化杀
	{pdf:17,paddb:9}, //觉醒杀
	{pdf:18,paddb:10}, //强化杀
	{pdf:19,paddb:11}, //卖钱杀
	{pdf:20,paddb:2}, //神杀
	{pdf:21,paddb:1}, //龙杀
	{pdf:22,paddb:3}, //恶魔杀
	{pdf:23,paddb:4}, //机械杀
	{pdf:24,paddb:8}, //平衡杀
	{pdf:25,paddb:5}, //攻击杀
	{pdf:26,paddb:6}, //体力杀
	{pdf:27,paddb:7}, //回复杀
	{pdf:28,paddb:24}, //大HP
	{pdf:29,paddb:25}, //大攻击
	{pdf:30,paddb:26}, //大回复
	{pdf:31,paddb:33}, //大手指
	{pdf:32,paddb:28}, //大火盾
	{pdf:33,paddb:29}, //大水盾
	{pdf:34,paddb:30}, //大木盾
	{pdf:35,paddb:31}, //大光盾
	{pdf:36,paddb:32}, //大暗盾
	{pdf:37,paddb:35}, //6色破无效
	{pdf:38,paddb:34}, //3色破属吸
	{pdf:39,paddb:41}, //C珠破吸
	{pdf:40,paddb:40}, //心横解转转
	{pdf:41,paddb:39}, //U解禁消
	{pdf:42,paddb:42}, //伤害上限×2
	{pdf:43,paddb:43}, //HP++
	{pdf:44,paddb:44}, //攻击++
	{pdf:45,paddb:45}, //回复++
	{pdf:46,paddb:46}, //心追解云封
	{pdf:47,paddb:47}, //心L大SB
	{pdf:48,paddb:48}, //L解禁武器
	{pdf:49,paddb:49}, //伤害上限×3
];
Formation.prototype.getPaddbQrObj = function(keepDataSource = true)
{
	//PadDb服务器出现没有的怪物就会崩溃，在这里主动保护一下，转换为 1319
	function protectPadDbId(cardid) {
		if (cardid === null) return cardid;
		return cardid > 9934 ? 1319 : cardFixId(cardid, true);
	}
	//PadDb服务器出现没有的怪物就会崩溃，在这里主动保护一下，转换为 1319
	function changePadDbIdLevel(cardid) {
		return cardid > 9934 ;
	}
	//PADDB目前只支持单人队伍
	const [members,assists,badge] = this.teams[0];
	let teamObj = {
		name: this.title,
		badge: Formation.paddbBadgeMap.find(badge=>badge.pdf === badge)?.paddb ?? badge,
		memo: (this.detail || '') + '\n' + uploadMessage,
		monsters: {},
		assists: {},
	}
	//返回一个变身角色的变身根ID
	function returnHenshinRootId(mid)
	{
		const m = Cards[mid];
		if (Array.isArray(m.henshinFrom) && m.henshinFrom[0] < m.id)
		{ //只有变身来源小于目前id的，才继续找base
			mid = returnHenshinRootId(m.henshinFrom[0]);
		}
		return mid;
	}
	for (let i = 0; i < members.length; i++) {
		const m = members[i], a = assists[i];
		//计算基底的变身情况
		let num, transform;
		if (m.card?.henshinFrom?.length > 0 //是变身
			&& m.level <= m.card.maxLevel //等级不超过99
		) {
			num = returnHenshinRootId(m.id);
			transform = m.id;
		} else {
			num = m.id;
			transform = null;
		}

		let memberIdChange = changePadDbIdLevel(transform || num);
		teamObj.monsters[i] = m.id <= 0 ? null : {
			num: memberIdChange ? m.level : num,// protectPadDbId(num, true),
			level: memberIdChange ? (transform || num) : m.level,
			awoken: m.awoken,
			plus: m.plus.concat(),
			active_skill_level: m.skilllevel ?? Skills[m.card.activeSkillId].maxLevel,
			transform: memberIdChange ? m.level : num,
			super_awoken: m.sawoken + 2,
			latent_awokens: m.latent.map(n=>Formation.paddbLatentMap.find(latent=>latent.pdf === n)?.paddb ?? latent),
		};
		let assistIdChange = changePadDbIdLevel(a.id);
		teamObj.assists[i] = a.id <= 0 ? null : {
			num: assistIdChange ? a.level : a.id,
			level: assistIdChange ? a.id : a.level,
			plus: a.plus.every(n=>n>=99), //只需要true和false
			active_skill_level: a.skilllevel ?? Skills[a.card.activeSkillId].maxLevel,
		};
	}
	let qrObj = {
		// userId:"",
		// password:"",
		name: this.title,
		// "tags":[""],
		mons: members.concat(assists).map(m=>m.id > 0 ? protectPadDbId(m.id, true) : ""),
		team: JSON.stringify(teamObj),
	};
	return qrObj;
}

//daddb的徽章对应数字
Formation.daddbBadgeMap = [
	{pdf:undefined,daddb:0}, //什么都没有
	{pdf:1,daddb:0}, //无限cost
	{pdf:2,daddb:1}, //小手指
	{pdf:3,daddb:2}, //全体攻击
	{pdf:4,daddb:3}, //小回复
	{pdf:5,daddb:4}, //小血量
	{pdf:6,daddb:5}, //小攻击
	{pdf:7,daddb:6}, //SB
	{pdf:8,daddb:7}, //队长防封
	{pdf:9,daddb:8}, //SX
	{pdf:11,daddb:13}, //无天降
	{pdf:17,daddb:9}, //大回复
	{pdf:18,daddb:10}, //大血量
	{pdf:19,daddb:11}, //大攻击
	{pdf:20,daddb:null}, //三维
	{pdf:21,daddb:12}, //大手指
	{pdf:10,daddb:17}, //加经验
	{pdf:12,daddb:14}, //墨镜
	{pdf:13,daddb:15}, //防废
	{pdf:14,daddb:16}, //防毒
	{pdf:22,daddb:19}, //除武器，全抗性(耐)
	{pdf:23,daddb:20}, //除武器，10SB(S+×5)
	{pdf:PAD_PASS_BADGE,daddb:18}, //月卡
];
//daddb的潜觉对应数字
Formation.daddbLatentMap = [
	{pdf:1,daddb:[0,1]}, //HP
	{pdf:2,daddb:[0,2]}, //攻击
	{pdf:3,daddb:[0,3]}, //回复
	{pdf:4,daddb:[0,4]}, //手指
	{pdf:5,daddb:[0,5]}, //自回
	{pdf:6,daddb:[0,6]}, //火盾
	{pdf:7,daddb:[0,7]}, //水盾
	{pdf:8,daddb:[0,8]}, //木盾
	{pdf:9,daddb:[0,9]}, //光盾
	{pdf:10,daddb:[0,10]}, //暗盾
	{pdf:11,daddb:[0,0]}, //防坐
	{pdf:12,daddb:[1,15]}, //三维
	{pdf:13,daddb:[2,4]}, //不被换队长
	{pdf:14,daddb:[2,3]}, //不掉废
	{pdf:15,daddb:[2,2]}, //不掉毒
	{pdf:16,daddb:[1,11]}, //进化杀
	{pdf:17,daddb:[1,8]}, //觉醒杀
	{pdf:18,daddb:[1,9]}, //强化杀
	{pdf:19,daddb:[1,10]}, //卖钱杀
	{pdf:20,daddb:[1,1]}, //神杀
	{pdf:21,daddb:[1,0]}, //龙杀
	{pdf:22,daddb:[1,2]}, //恶魔杀
	{pdf:23,daddb:[1,3]}, //机械杀
	{pdf:24,daddb:[1,7]}, //平衡杀
	{pdf:25,daddb:[1,4]}, //攻击杀
	{pdf:26,daddb:[1,5]}, //体力杀
	{pdf:27,daddb:[1,6]}, //回复杀
	{pdf:28,daddb:[1,12]}, //大HP
	{pdf:29,daddb:[1,13]}, //大攻击
	{pdf:30,daddb:[1,14]}, //大回复
	{pdf:31,daddb:[1,21]}, //大手指
	{pdf:32,daddb:[1,16]}, //大火盾
	{pdf:33,daddb:[1,17]}, //大水盾
	{pdf:34,daddb:[1,18]}, //大木盾
	{pdf:35,daddb:[1,19]}, //大光盾
	{pdf:36,daddb:[1,20]}, //大暗盾
	{pdf:37,daddb:[2,1]}, //6色破无效
	{pdf:38,daddb:[2,0]}, //3色破属吸
	{pdf:39,daddb:[2,7]}, //C珠破吸
	{pdf:40,daddb:[2,6]}, //心横解转转
	{pdf:41,daddb:[2,5]}, //U解禁消
	{pdf:42,daddb:[2,8]}, //伤害上限×2
	{pdf:43,daddb:[1,22]}, //HP++
	{pdf:44,daddb:[1,23]}, //攻击++
	{pdf:45,daddb:[1,24]}, //回复++
	{pdf:46,daddb:[2,9]}, //心追解云封
	{pdf:47,daddb:[2,10]}, //心L大SB
	{pdf:48,daddb:[2,12]}, //L解禁武器
	{pdf:49,daddb:[2,11]}, //伤害上限×3
];
Formation.prototype.getDaddbQrObj = function()
{
	//PADDB目前只支持单人队伍
	const [members,assists,badge] = this.teams[0];
	let teamObj = {
		name: this.title,
		badge: Formation.daddbBadgeMap.find(_badge=>_badge.pdf === badge)?.daddb ?? badge,
		staffs: [],
	}
	for (let i = 0; i < members.length; i++) {
		const m = members[i], a = assists[i];
		teamObj.staffs[i] = {
			staf: m.id || -1,
			eq: a.id || -1,
			sawak: m.sawoken || -1,
			qawak: m.latent.map(n=>Formation.daddbLatentMap.find(latent=>latent.pdf === n)?.daddb ?? latent),
		};
	}
	return teamObj;
}
Formation.prototype.getQrStr = function(type)
{
	switch (type) {
		case 'paddf': {
			return JSON.stringify(this.getPdfQrObj());
		}
		case 'daddb': {
			return JSON.stringify(this.getDaddbQrObj());
		}
		case 'pdc':
		default: {
			return this.getPdcQrStr();
		}
	}
}
Formation.prototype.removeAssist = function() {
	this.teams.forEach(team=>{
		const assists = team[1];
		for (let i = 0; i < assists.length; i++) {
			assists[i] = new MemberAssist();
		}
	});
	createNewUrl();
	refreshAll(formation);
}

class PlayerData
{
	constructor(data)
	{
		Object.assign(this, data);
		this.parsedCards = PlayerDataCard.parseDataArray(data.card);
		this.parsedDecks = PlayerDataDeck.parseDataArray(
			data.decksb.decks,
			data?.decksbs?.decks,
			this.parsedCards);
	}
}
class PlayerDataDeck {
	constructor(data, parsedCards) {
		const e = data.entries();
		this.membersIndex = [
			e.next().value[1],
			e.next().value[1],
			e.next().value[1],
			e.next().value[1],
			e.next().value[1],
		];
		this.badge = e.next().value[1];
		this.membersIndex.push(e.next().value[1]);
		if (parsedCards)
		{
			this.members = this.membersIndex.map(id=>id===0 ? null : parsedCards.find(m=>m.index === id));
		}
		e.next(); //未知
		e.next(); //未知
		if (!e.next().done)
		{
			console.warn("出现未知的用户队伍数据");
		}
	}
	static parseDataArray(decks1, decks2, parsedCards)
	{
		let datas = decks1.concat(decks2 ?? []);
		let decks = datas.map(deck=>new PlayerDataDeck(deck, parsedCards));
		if (Boolean(decks2)) //如果开了月卡
		{
			decks.forEach(deck=>{if (deck.badge === 1) deck.badge |= 1 << 7;}); //觉醒1打开月卡flag
		}
		return decks;
	}
	toFormation()
	{
		const f = new Formation(1, 6);
		const team = f.teams[0];
		team[2] = this.badge;
		const tMembers = team[0];
		const tAssists = team[1];
		this.members.forEach((member, idx)=>{
			const tm = tMembers[idx];
			const ta = tAssists[idx];
			if (member) {
				tm.loadFromMember(member);
				tm.sawoken = member.superAwoken;
				tm.plus = Object.values(member.plus);
				tm.skilllevel = member.skillLevel;
				if (member.assist) {
					ta.loadFromMember(member.assist);
					ta.sawoken = member.assist.superAwoken;
					ta.plus = Object.values(member.assist.plus);
					ta.skilllevel = member.assist.skillLevel;
				}
			}
		});
		return f;
	}
}
class PlayerDataCard {
	constructor(data) {
		const e = data.entries();
		this.index = e.next().value[1];
		this.exp = e.next().value[1];
		this.level = e.next().value[1];
		this.skillLevel = e.next().value[1]; //未知
		e.next(); //未知
		this.id = cardFixId(e.next().value[1], false);

		//叠加型用他们的经验来表示数量
		const card = Cards[this.id];
		this.count = 1;
		if (card && card.stackable)
		{
			this.count = this.exp;
			this.exp = 0;
		}
		
		this.plus = {
			hp : e.next().value[1],
			atk: e.next().value[1],
			rcv: e.next().value[1]
		};
		this.awoken = e.next().value[1];

		this.latent = new LatentAwakening(e.next().value[1]);

		this.assistIndex = e.next().value[1];
		e.next(); //未知
		this.superAwoken = e.next().value[1];
		e.next(); //未知
		if (!e.next().done)
		{
			console.warn("出现未知的用户箱子卡片数据");
		}
		//console.log(b);
	}
	toOldMember()
	{
		const m = new Member();
		m.id = this.id;
		m.level = this.level;
		m.awoken = this.awoken;
		m.skilllevel = this.skillLevel;
		m.plus = [this.plus.hp,this.plus.atk,this.plus.rcv];
		m.sawoken = this.superAwoken;
		m.latent = this.latent.concat();
		return m;
	}
	static parseDataArray(datas)
	{
		const parsedCards = datas.map(ocard=>new PlayerDataCard(ocard));
		parsedCards.forEach(mon=>{
			mon.assist = mon.assistIndex === 0 ? null : parsedCards.find(m=>m.index === mon.assistIndex);
		});
		return parsedCards;
	}
}
//进化树
class EvoTree 
{
	constructor(mid, parent = null)
	{
		if (!mid) return;
		const _this = this;
		this.parent = parent;
		if (parent == null) //如果没有提供父级，则寻找进化根
		{
			//返回一个角色的根ID
			function returnRootId(mid)
			{
				mid = Cards[mid].evoRootId;
				const m = Cards[mid];
				if (Array.isArray(m.henshinFrom) && m.henshinFrom[0] < m.id)
				{ //只有变身来源小于目前id的，才继续找base,为了解决黑魔导女孩的问题，将来如果需要要可以改成检测是否能110级
					mid = returnRootId(m.henshinFrom[0]);
				}
				return mid;
			}
			mid = returnRootId(mid);
		}
		const card = Cards[mid];
		
		this.id = mid;
		this.idArr = parent ? parent.idArr.concat() : [];
		this.card = card;
		this.children = [];
		this.evoType = null;

		if (parent == null)
		{
			this.evoType = "Base";
		}
		else if (Array.isArray(card.henshinFrom) && card.henshinFrom.includes(parent.id))
		{
			if (parent.card.henshinTo.length > 1) {
				this.evoType = "Random Henshin";
				//限定最多两层随机变身
				if (parent?.parent?.card?.henshinTo?.length > 1) {
					return this;
				}
			}
			else
				this.evoType = "Henshin";
		}
		else
		{
			if (card.evoMaterials[0] === 0xFFFF) //试练进化
			{
				this.evoType = "Ordeal Evo";
			}else if (card.evoMaterials.includes(3826)) //像素进化
			{
				this.evoType = "Pixel Evo";
			}else if (card.awakenings.includes(49)) //武器
			{
				this.evoType = "Assist Evo";
			}else if (card.isUltEvo) //究进
			{
				if (parent.card.isUltEvo) //超究进
				{
					this.evoType = "Super Ult Evo";
				}else
				{
					this.evoType = "Ult Evo";
				}
			}else
			{
				if (parent.card.isUltEvo) //转生
				{
					this.evoType = "Reincarnation";
				}else if(parent.evoType == "Reincarnation")
				{
					this.evoType = "Super Reincarnation";
				}else
				{
					this.evoType = "Evolution";
				}
			}
		}

		if (this.idArr.includes(mid))
		{
			if (Array.isArray(card.henshinFrom) && card.henshinFrom.includes(parent.id))
			{
				this.evoType = "Henshin Loop";
			}
			return this;
		}else
		{
			this.idArr.push(mid);
		}
		if (Array.isArray(card.henshinTo)) {
			card.henshinTo.forEach(toId=>this.children.push(new EvoTree(toId, _this)), this);
		}
		if (this.evoType != "Henshin")
			this.children.push(...Cards.filter(scard=>scard.evoBaseId == mid && scard.id != mid).map(scard=>new EvoTree(scard.id,_this)));
		//this.children = (card.henshinTo && card.henshinTo != card.evoRootId ? [new EvoTree(card.henshinTo,_this)] : []).concat(Cards.filter(scard=>scard.evoBaseId == mid && scard.id != mid).map(scard=>new EvoTree(scard.id,_this)));
		
	};
	toListNode()
	{
		const createCardHead = editBox.createCardHead;
		const tBox = document.createElement("div");
		tBox.className = "evo-box";
		const evoPanel = tBox.appendChild(document.createElement("div"));
		evoPanel.className = "evo-panel " + this.evoType.toLowerCase().replace(/\s/g,"-");
		const evotPanel_L = evoPanel.appendChild(document.createElement("div"));
		evotPanel_L.className = "evo-panel-left";
		const evotPanel_R = evoPanel.appendChild(document.createElement("div"));
		evotPanel_R.className = "evo-panel-right";

		const evoTypeDiv = evotPanel_L.appendChild(document.createElement("div"));
		evoTypeDiv.className = "evo-type-div";

		// const typeSVG = evotPanel_L.appendChild(document.createElementNS(svgNS,"svg"));
		// const svgText = typeSVG.appendChild(document.createElementNS(svgNS,'text'));
		// svgText.setAttribute("y",`10`);

		const evoType = evoTypeDiv.appendChild(document.createElement("span"));
		evoType.className = "evo-type";
		const monHead = evotPanel_L.appendChild(createCardHead(this.id, {noTreeCount: true}));
		monHead.className = "monster-head";

		const monName = evotPanel_R.appendChild(document.createElement("div"));
		monName.className = "monster-name";
		monName.textContent = returnMonsterNameArr(this.card, currentLanguage.searchlist, currentDataSource.code)[0];

		const evotMaterials = evotPanel_R.appendChild(document.createElement("ul"));
		evotMaterials.className = "evo-materials";
		(this.evoType === "Ordeal Evo" ? new Array(5).fill(0) : this.card.evoMaterials).forEach(mid=>{
			//const li = evotMaterials.appendChild(document.createElement("li"));
			evotMaterials.appendChild(createCardHead(mid, {noTreeCount: true}));
		});

		const evoSubEvo = tBox.appendChild(document.createElement("ul"));
		evoSubEvo.className = "evo-subevo";
		this.children.forEach(subEvo=>{
			const li = evoSubEvo.appendChild(document.createElement("li"));
			li.appendChild(subEvo.toListNode());
		});
		return tBox;
	};
}
//进化树
class RequirementTree extends EvoTree
{
	static gemNames = {
		ja: "希石",
		en: "Gem",
		ko: "휘석",
	};
	constructor(mid, parent = null)
	{
		if (!mid) return;
		super();
		const _this = this;
		this.parent = parent;
		const card = Cards[mid];
		
		this.id = mid;
		this.idArr = parent ? parent.idArr.concat() : [];
		this.card = card;
		this.children = [];
		this.evoType = "requirement";
		this.idArr.push(mid);

		let gemName = RequirementTree.gemNames[currentDataSource.code];

		if (card.evoBaseId && card.evoRootId !== mid) {
			let realMaterials = []
			for (const materialId of card.evoMaterials.filter(Boolean)) {
				const materialCard = Cards[materialId];
				if (!materialCard) continue;
				if (materialCard.types.includes(0) && materialCard.name.includes(gemName)) { //必须是进化型，并且有稀石字样
					//console.log("查咨进化素材：", materialCard);
					let maybeCard = Cards.find(_card =>
						!_card.types.includes(0) && //必须不是进化类型
						_card.activeSkillId === materialCard.activeSkillId && //技能一致
						materialCard.name.includes(_card.name) && //稀石名字包含原始名字
						_card.evoRootId != _card.id //忽略原始形态没有进化的
						);
					//console.log("查询结果：", maybeCard);
					if (maybeCard && !_this.idArr.includes(maybeCard.id)) {
						//console.log(card, maybeCard);
						realMaterials.push(maybeCard.id);
					};
				}
			}
			
			let materials = realMaterials.map(materialId=>new RequirementTree(materialId, _this));
			this.children.push(...materials);
			this.children.push(new RequirementTree(card.evoBaseId, _this));
		}
	};
}

function henshinStep(step)
{
	if (step == 0) return;

	function gotoHenshin(card, nstep)
	{
		if (nstep > 0 && Array.isArray(card.henshinTo))
		{
			let max = Math.randomInteger(card.henshinTo.length - 1);
			return gotoHenshin(Cards[card.henshinTo[max]], --nstep);
		}
		else if (nstep < 0 && Array.isArray(card.henshinFrom))
		{
			return gotoHenshin(Cards[card.henshinFrom[0]], ++nstep);
		}
		else
		{
			return card;
		}
	}
	formation.teams.forEach(team=>{
		team[0].forEach(member=>{
			const mid = member.id;
			const card = Cards[mid];
			if (step > 0 ? Array.isArray(card.henshinTo) : (Array.isArray(card.henshinFrom) && member.level <= 99))
			{ //要变身前的才进行操作
				const _card = gotoHenshin(card, step);
				member.id = _card.id;
				member.awoken = _card.awakenings.length;
			}
		});
	});
	
	createNewUrl({replaceState: true});
	refreshAll(formation);
}
function loadData(force = false)
{
	if (force)
		console.info('强制更新数据。');
	const _time = new Date().getTime();

	//开始读取解析怪物数据
	const sourceDataFolder = "monsters-info";
	dealCkeyData();

	statusLine?.writeText(localTranslating.status_message.loading_check_version);
	GM_xmlhttpRequest({
		method: "GET",
		url: `${sourceDataFolder}/ckey.json${force?`?t=${_time}`:''}`, //版本文件
		onload: function(response) {
			dealCkeyData(response.response);
		},
		onerror: function(response) {
			console.error("新的 Ckey JSON 数据获取失败。", response);
			return;
		}
	});
	//处理返回的数据
	function dealCkeyData(responseText)
	{ //处理数据版本
		const lastKeyString = localStorage.getItem(cfgPrefix + "ckey");

		let newCkeys; //当前的Ckey们
		let lastCkeys; //以前Ckey们
		let currentCkey; //获取当前语言的ckey
		let lastCurrentCkey; //以前的当前语言的ckey

		if (!force && responseText === undefined) {
			try {
				newCkeys = JSON.parse(lastKeyString);
				console.info("提前预载原来已经储存的数据");
				if (!newCkeys) return;
			} catch (e) {
				console.error("以前还没有下载过数据。", e);
				return;
			}
		} else {
			try {
				if (!responseText) return;
				newCkeys = JSON.parse(responseText);
				if (!newCkeys) return;
			} catch (e) {
				console.error("新的 Ckey 数据 JSON 解码出错。", e);
				return;
			}
		}
		console.debug("目前使用的数据区服是 %s。", currentDataSource.code);
		
		currentCkey = newCkeys?.find(ckey => ckey.code == currentDataSource.code); //获取当前语言的ckey
		try {
			lastCkeys = JSON.parse(lastKeyString); //读取本地储存的原来的ckey
			if (!Boolean(lastCkeys) || !Array.isArray(lastCkeys))
				lastCkeys = [];
		} catch (e) {
			console.error("旧的 Ckey 数据 JSON 解码出错。", e);
			lastCkeys = [];
		}
		lastCurrentCkey = lastCkeys.find(ckey => ckey.code == currentDataSource.code);
		if (!lastCurrentCkey) { //如果未找到上个ckey，则添加个新的
			lastCurrentCkey = {
				code: currentDataSource.code,
				ckey: {},
				updateTime: null
			};
			lastCkeys.push(lastCurrentCkey);
		}

		statusLine?.writeText(localTranslating.status_message.loading_mon_info);
		if (!force && db && currentCkey?.ckey?.card == lastCurrentCkey?.ckey?.card) {
			console.debug("Cards ckey相等，直接读取已有的数据。");
			const transaction = db.transaction([`cards`]);
			const objectStore = transaction.objectStore(`cards`);
			const request = objectStore.get(currentDataSource.code);
			request.onerror = function(event) {
				console.error("Cards 数据库内容读取失败，需重新下载。");
				downloadCardsData();
			};
			request.onsuccess = function(event) {
				if (Array.isArray(request.result))
				{
					Cards = loadExtraCardsData(request.result);
					dealCardsData(Cards);
				}else
				{
					console.info("Cards 数据库内容不存在，需重新下载。");
					downloadCardsData();
				}
			};
		} else {
			console.log("Cards 需重新下载。");
			downloadCardsData();
		}
		
		function downloadCardsData()
		{
			GM_xmlhttpRequest({
				method: "GET",
				url: `${sourceDataFolder}/mon_${currentDataSource.code}.json?t=${_time}`, //Cards数据文件
				onload: function(response) {
					try {
						Cards = loadExtraCardsData(JSON.parse(response.response));
					} catch (e) {
						console.error("Cards 数据 JSON 解码出错。", e);
						return;
					}
					if (db)
					{
						const transaction = db.transaction([`cards`], "readwrite");
						transaction.oncomplete = function(event) {
							console.log("Cards 数据库写入完毕。");
							lastCurrentCkey.ckey.card = currentCkey.ckey.card;
							lastCurrentCkey.updateTime = currentCkey.updateTime;
							localStorage.setItem(cfgPrefix + "ckey", JSON.stringify(lastCkeys)); //储存新的ckey
							dealCardsData(Cards);
						};
						const objectStore = transaction.objectStore(`cards`);
						objectStore.put(Cards,currentDataSource.code);
					}else //隐私模式无法启动数据库
					{
						dealCardsData(Cards);
					}
				},
				onerror: function(response) {
					console.error("Cards JSON 数据获取失败。", response);
				}
			});
		}
		function loadExtraCardsData(_cards)
		{
			//初始化值
			let splitIdx = _cards.findIndex((card, id)=>card?.id !== id);
			let cards = _cards.slice(0, splitIdx);
			for (let i = splitIdx + 1; i < _cards.length; i++)
			{
				const card = _cards[i];
				if (card.searchFlags) card.leaderSkillTypes = new LeaderSkillType(card);
				card.onlyAssist = Boolean(card.flags & 1<<4);
				card.gachaIds = Bin.unflags(card.gachaGroupsFlag);
				card.typesFlag = Bin.enflags(card.types);
				if (card.syncAwakening && !card.superAwakenings.includes(card.syncAwakening)) card.superAwakenings.push(card.syncAwakening);
				/*card.unk01p = Bin.unflags(card.unk01);
				card.unk02p = Bin.unflags(card.unk02);
				card.unk03p = Bin.unflags(card.unk03);
				card.unk04p = Bin.unflags(card.unk04);
				card.unk05p = Bin.unflags(card.unk05);
				card.unk06p = Bin.unflags(card.unk06);
				card.unk07p = Bin.unflags(card.unk07);
				card.unk08p = Bin.unflags(card.unk08);*/
				cards[card?.id] = card;
			}
			return cards;
		}
		function dealCardsData(_cards)
		{
			statusLine?.writeText(localTranslating.status_message.loading_skill_info);
			if (!force && db && currentCkey.ckey.skill == lastCurrentCkey.ckey.skill) {
				console.debug("Skills ckey相等，直接读取已有的数据。");
				const transaction = db.transaction([`skills`]);
				const objectStore = transaction.objectStore(`skills`);
				const request = objectStore.get(currentDataSource.code);
				request.onerror = function(event) {
					console.error("Skills 数据库内容读取失败。");
				};
				request.onsuccess = function(event) {
					if (Array.isArray(request.result))
					{
						Skills = request.result;
						dealSkillData(Skills);
					}else
					{
						console.info("Skills 数据库内容不存在，需重新下载。");
						downloadSkillData();
					}
				};
			} else {
				console.log("Skills 需重新下载。");
				downloadSkillData();
			}

			function downloadSkillData()
			{
				GM_xmlhttpRequest({
					method: "GET",
					url: `${sourceDataFolder}/skill_${currentDataSource.code}.json?t=${_time}`, //Skills数据文件
					onload: function(response) {
						try {
							Skills = JSON.parse(response.response);
						} catch (e) {
							console.log("Skills 数据 JSON 解码出错", e);
							return;
						}
						if (db)
						{
							const transaction = db.transaction([`skills`], "readwrite");
							transaction.oncomplete = function(event) {
								console.log("Skills 数据库写入完毕。");
								lastCurrentCkey.ckey.skill = currentCkey.ckey.skill;
								lastCurrentCkey.updateTime = currentCkey.updateTime;
								localStorage.setItem(cfgPrefix + "ckey", JSON.stringify(lastCkeys)); //储存新的ckey
								dealSkillData(Skills);
							};
							const objectStore = transaction.objectStore(`skills`);
							objectStore.put(Skills,currentDataSource.code);
						}else //隐私模式无法启动数据库
						{
							dealSkillData(Skills);
						}
					},
					onerror: function(response) {
						console.error("Skills JSON 数据获取失败", response);
					}
				});
			}
	
			function dealSkillData(_skills)
			{
				//显示数据更新时间
				let controlBoxHook = setInterval(checkControlBox, 500); //循环检测controlBox
				checkControlBox();
				function checkControlBox()
				{
					if (controlBox)
					{
						const updateTime = controlBox.querySelector("#datasource-updatetime");
						updateTime.textContent = new Date(currentCkey.updateTime).toLocaleString(undefined, { hour12: false });
						clearInterval(controlBoxHook);
					}
				}
	
				//initialize(); //初始化
				statusLine?.writeText();

				//如果通过的话就载入URL中的怪物数据
				let formationBoxHook = setInterval(checkFormationBox, 500); //循环检测formationBox
				checkFormationBox();
				function checkFormationBox()
				{
					if (formationBox?.querySelector('.teams'))
					{
						reloadFormationData();
						clearInterval(formationBoxHook);
					}
				}

				//读取储存的所有玩家数据
				if (db) dbReadAll(db, "palyer_datas").then(datas=>{
					PlayerDatas = datas.map(data=>new PlayerData(data));
					currentPlayerData = PlayerDatas.find(data=>data.name == localStorage.getItem(cfgPrefix + "default-player-name"));
					//document.body.querySelector("#player-data-frame").show(); //debug用显示
				});
			}
		}

	}
}
//重新读取URL中的Data数据并刷新页面
function reloadFormationData(event) {
	let formationData;
	if (!(formationData = event?.state?.outForm))
	{
		//如果没有现有数据
		try {
			const parameterDataString = getQueryString(["d","data"]);
			formationData = JSON.parse(parameterDataString);
			//console.log("从URL读取",formationData);

		} catch (e) {
			console.error("URL中队伍数据JSON解码出错", e);
			return;
		}
	}
	formation.loadObj(formationData);

	const _id = getQueryString("_id");
	if (_id) {
		const paddbTeamId = document.querySelector("#paddb-team-id");
		paddbTeamId.value = `https://paddb.net/team/${_id}`;
	}
	
	//恢复上一次的搜索状态
	const searchOptions = ((str)=>{
		try {
			const obj = JSON.parse(str);
			return obj.attrs ? obj : null;
		} catch (error) {
			return null;
		}
	})(getQueryString('search-options') || sessionStorage.getItem('search-options'));
	if (searchOptions) {
		editBox?.querySelector(".search-box")?.recoverySearchStatus(searchOptions);
	}

	//编辑模式直接打开编辑框
	let editingTarget = ((str)=>{
		try {
			const arr = JSON.parse(str);
			return (Array.isArray(arr) && arr.length >= 3 && arr.slice(0,3).every(n=>typeof n == "number")) ? arr : null;
		} catch (error) {
			return null;
		}
	})(sessionStorage.getItem('editing'));
	
	if (!editingTarget && isGuideMod) editingTarget = [0,0,0];
	if (editingTarget) {
		const mid = event?.state?.mid ?? parseInt(getQueryString("id"), 10);
		const searchArr = event?.state?.searchArr ?? (str=>{
			try {
				const arr = JSON.parse(str);
				if (Array.isArray(arr) && arr.every(item=>Number.isInteger(item))) {
					return arr;
				} else return;
			} catch (error) {
				return;
			}
		})(getQueryString("show-search")); //显示指定的ID数组
		if (isGuideMod && !isNaN(mid)) {
			formation.teams[editingTarget[0]][editingTarget[1]][editingTarget[2]].id = mid;
		}
		editBox.editMon(editingTarget[0], editingTarget[1], editingTarget[2]);
		if (editingTarget && searchArr)
		{
			showSearch(searchArr);
		}
	} else {
		editBox.hide();
	}
	
	
	refreshAll(formation);
}
window.addEventListener('popstate',reloadFormationData); //前进后退时修改页面
//创建新的分享地址
function createNewUrl(arg) {
	if (arg == undefined) arg = {};
	if (window.history?.pushState) { // 支持History API
		const language_i18n = arg.language || getQueryString(["l","lang"]); //获取参数指定的语言
		const datasource = arg.datasource || getQueryString("s");
		const _id = arg._id || getQueryString("_id");
		const outObj = formation.outObj();

		const newSearch = new URLSearchParams();
		if (language_i18n) newSearch.set("l", language_i18n);
		if (datasource && datasource != "ja") newSearch.set("s", datasource);
		if (getQueryString("guide")) newSearch.set("guide", getQueryString("guide"));
		if (getQueryString("id")) newSearch.set("id", getQueryString("id"));
		if (outObj)
		{
			const dataJsonStr = JSON.stringify(outObj); //数据部分的字符串
			newSearch.set("d", dataJsonStr);
		}
		if (_id) newSearch.set("_id", _id);

		const newUrl = (arg.url || "") + (newSearch.toString().length > 0 ? '?' + newSearch.toString() : "");

		if (arg.onlyReturnUrl) {
			return newUrl;
		} else {
			historyAction = arg.replaceState ? history.replaceState : history.pushState;
			// 报错 Uncaught TypeError: 'pushState' called on an object that does not implement interface History. 参考 https://www.coder.work/article/2664156
			historyAction.call(history, {outForm: outObj}, null, newUrl.length > 0 ? newUrl : location.pathname);
		}
	}
}

function qrObjToUrl(obj)
{
	let fileName;
	switch (obj.d.f.length)
	{
		case 1:{
			fileName = "solo.html";
			break;
		}
		case 2:{
			fileName = "multi.html";
			break;
		}
		case 3:{
			fileName = "triple.html";
			break;
		}
	}
	const newUrl = new URL(fileName, location);
	newUrl.searchParams.set("d",JSON.stringify(obj.d));
	//数据服版本
	if (!obj.s || obj.s == "ja")
	{
		newUrl.searchParams.delete("s");
	}else
	{
		newUrl.searchParams.set("s", obj.s);
	}
	//保持当前的语言
	let l = getQueryString("l");
	if (l)
	{
		newUrl.searchParams.set("l", l);
	}
	//PADDB的ID
	if (obj.paddbId)
	{
		newUrl.searchParams.set("_id", obj.paddbId);
	}
	return newUrl;
}
//解析从QR图里获取的字符串
async function inputFromQrString(string)
{
	const re = {type: 0, error: 0};
	const ERROR_Unsupported_format = 1,
		  ERROR_No_formation_data = 2,
		  ERROR_illegal_JSON_format = 3,
		  ERROR_illegal_URL_format = 4;
	function paddbObjToURL(obj) {
		const newFotmation = paddbFotmationToPdfFotmation(obj);
		const qrObj = newFotmation.getPdfQrObj(false);
		qrObj.paddbId = obj._id;
		return qrObjToUrl(qrObj);
	}
	//JSON 类
	if (string.startsWith("{") && string.endsWith("}"))
	{ //生成的二维码
		try{
			let obj = JSON.parse(string);
			if (typeof obj?.d == "object") { //PADDF的对象格式
				re.type = "PADDF";
				//re.message = "发现队伍数据 | Formation data founded";
				re.url = qrObjToUrl(obj);
			}
			else if (typeof obj?.team == "string" && obj.team[0] === "{" && obj.team[obj.team.length-1] === "}") { //PADDB的对象格式
				re.type = "PADDB";
				re.url = paddbObjToURL(obj)
			}
			else if (Array.isArray(obj?.staffs)) { //DADDB的对象格式
				re.type = "DADDB";
				const newFotmation = daddbFotmationToPdfFotmation(obj);
				re.url = qrObjToUrl(newFotmation.getPdfQrObj(false));
			}
			else {
				re.error = ERROR_No_formation_data;
				//re.message = "无队伍数据 | No formation data";
			}
		}catch(error){
			console.error(error);
			re.error = ERROR_illegal_JSON_format;
			//re.message = "错误的 JSON 格式 | The illegal JSON format";
		}
	}
	//URL 类
	else if (string.startsWith("https://") || string.startsWith("http://") || string.startsWith("file://"))
	{ //网址二维码
		let url = new URL(string);
		if (url.searchParams.get('d')) { //PADDF的网址格式
			try{
				let obj = {
					d: JSON.parse(url.searchParams.get('d')),
					s: url.searchParams.get('s'),
					paddbId: url.searchParams.get('_id'),
				}
				re.type = "PADDF";
				//re.message = "发现队伍数据 | Formation data founded";
				re.url = qrObjToUrl(obj);
			} catch(error) {
				console.error(error);
				re.error = ERROR_illegal_URL_format;
				//re.message = "错误的 网址 格式 | The illegal URL format";
			}
		}
		//PADDB 的网址格式，之后要调用脚本功能获取跨域JSON
		else if(url.host == "paddb.net" && url.pathname.startsWith(paddbPathPrefix)) {
			const teamId = url.pathname.substring(url.pathname.indexOf(paddbPathPrefix) + paddbPathPrefix.length);
			re.type = "PADDB";
			//re.message = "发现 PADDB 网址 | PADDB URL found";
			const txtStringInput = document.body.querySelector("#qr-code-frame .action-button-box .string-input"); //输入的字符串
			const btnExternalSupport = document.body.querySelector("#external-support");
			if (btnExternalSupport?.asyncGM_xmlhttpRequest) {
				let postBody = JSON.stringify({id: teamId});
				const options = {
					method: "POST",
					url: "https://api2.paddb.net/getTeam",
					data: postBody,
					headers: {
						"Content-Type": "application/json",
						"User-Agent": "okhttp/4.9.2",
						//如果只有ascii字符可以用postBody.length
						"Content-Length": new Blob([postBody], {type: "application/json"}).size,
					}
				};
				const response = await btnExternalSupport.asyncGM_xmlhttpRequest(options);
				try{
					let obj = JSON.parse(txtStringInput.value = response.response);
					re.url = paddbObjToURL(obj)
				} catch(error) {
					console.error(error);
					re.error = ERROR_illegal_JSON_format;
				}
			} else {
				re.error = ERROR_Unsupported_format;
				re.message = localTranslating.link_read_message.need_user_script;
				re.url = ExternalLinkScriptURL;
				re.urlName = localTranslating.link_read_message.user_script_link;
			}
		}
		else {
			re.error = ERROR_No_formation_data;
			//re.message = "无队伍数据 | No formation data";
		}
	}
	//PDC
	else if(/^\d[\d\-\w,\]}]+}/.test(string))
	{
		re.type = "PDC";
		//re.message = "发现 PDC 格式 | PDC format found";
		const newFotmation = pdcFotmationToPdfFotmation(string);
		re.url = qrObjToUrl(newFotmation.getPdfQrObj(false));
	}
	// //快速输入类，仅为评估支持
	// else if(/^>\s\d+(?:|\d+)?(?:,\s*\d+(?:|\d+)?)*\s*$/.test(string))
	// {
	// 	re.type = "FastInput";
	// 	const newFotmation = FastInputToPdfFotmation(string);
	// 	re.url = qrObjToUrl(newFotmation.getPdfQrObj(false));
	// }
	else
	{
		re.error = ERROR_Unsupported_format;
		//re.message = "不支持的格式 | Unsupported format";
	}
	return re;
}

//解析PDC的数据
function pdcFotmationToPdfFotmation(inputString)
{
	function readPDC(string)
	{
		let teamsStr = string.split(']');
		let baseInfo = teamsStr.shift().split(',');
		let teamsArr = teamsStr.map(teamStr=>
			{
				let membersStr = teamStr.split('}').filter(Boolean);
				const team = {
					badge: parseInt(membersStr.shift(),10) //第一个元素是徽章，是10进制。读取并从数组内删掉，剩下的都是队员
				}
				team.members = membersStr.map(memberStr=>{
					let memberArr = memberStr.split(',').map(valueStr=>{
						let idx = parseInt(valueStr.substring(0,2),36);
						let value = valueStr.substring(2);
						if (idx !== 2)
						{
							value = parseInt(value,36);
						}else
						{
							value = value.match(/\w{2}/g).map(v=>parseInt(v,36));
						}
						return [idx, value];
					});
					return new Map(memberArr);
				});
				return team;
			}
		);
		let pdcFotmation = {
			version: parseInt(baseInfo[0],10),
			teamCount: parseInt(baseInfo[1],10)+1,
			teams: teamsArr
		}
		return pdcFotmation;
	}
	let pdcFotmation = readPDC(inputString);
	const f = new Formation(pdcFotmation.teamCount, pdcFotmation.teamCount == 2 ? 5 : 6);
	if (pdcFotmation.teamCount == 2)
	{
		const team1 = pdcFotmation.teams[0].members;
		const team2 = pdcFotmation.teams[1].members;
		let team2Leader = team1.find(member=>member.get(15) == 5);
		if (team2Leader)
		{
			team2Leader.set(15,0);
			team2.unshift(team2Leader);
			team1.splice(team1.indexOf(team2Leader),1);
		}
	}
	pdcFotmation.teams.forEach((pdcTeam,ti)=>{
		const t = f.teams[ti];
		const membersArr = t[0];
		const assistArr = t[1];
		//队伍徽章
		t[2] = pdcTeam.badge === 0 ? 0 : Formation.pdcBadgeMap.find(badge=>badge.pdc === pdcTeam.badge).pdf;
		pdcTeam.members.forEach((member)=>{
			const m = membersArr[member.get(15) || 0];
			const a = assistArr[member.get(15) || 0];
			m.id = member.get(0) || 0;
			a.id = member.get(9) || 0; //延迟是-1刚好一样
			if (member.get(2))
			{
				m.latent = member.get(2).map(pdcLatent=> Formation.pdcLatentMap.find(latent=>latent.pdc === pdcLatent)?.pdf ?? pdcLatent);
			}
			m.level = member.get(3) || 1;
			a.level = member.get(10) || 1;
			m.plus[0] = member.get(4) || 0;
			m.plus[1] = member.get(5) || 0;
			m.plus[2] = member.get(6) || 0;
			a.plus[0] = member.get(11) || 0;
			a.plus[1] = member.get(12) || 0;
			a.plus[2] = member.get(13) || 0;

			m.awoken = member.get(7) >= 0 ? member.get(7) : Cards[m.id].awakenings.length;
			a.awoken = member.get(14) >= 0 ? member.get(14) : (a.id > 0 ? Cards[a.id].awakenings.length : 0);
			m.sawoken = member.get(8);
		});
	});
	return f;
}
//解析PADDB的数据
function paddbFotmationToPdfFotmation(obj)
{
	const team = JSON.parse(obj.team);
	const f = new Formation(1, 6);
	f.title = team.name;
	f.detail = team.memo.replace(new RegExp('\\n?'+uploadMessage,"i"),"");
	const t = f.teams[0];
	//队伍徽章
	t[2] = Formation.paddbBadgeMap.find(badge=>badge.paddb === team.badge).pdf;
	const members = t[0], assists = t[1];
	for (let i = 0; i< members.length; i++) {
		const m = members[i], a = assists[i], dm = team.monsters[i], da = team.assists[i];
		if (dm) {
			if (dm.level > 9934) { //如果等级大于9934，说明是被我改过的，所以需要交换
				m.id = dm.level;
				m.level = dm.transform || dm.num;
			} else {
				m.id = cardFixId(dm.transform || dm.num, false);
				m.level = dm.level;
			}
			m.plus = dm.plus.concat();
			m.awoken = (dm.transform && dm.transform !== dm.num) //有变身状态时
						? Cards[m.id].awakenings.length //变身后的觉醒全满
						: dm.awoken;
			m.sawoken = dm.super_awoken - 2;
			m.latent = dm.latent_awokens.map(paddbLatent=>Formation.paddbLatentMap.find(latent=>latent.paddb === paddbLatent)?.pdf ?? 0);
			m.skilllevel = dm.active_skill_level;
		}
		if (da) {
			if (da.level > 9934) { //如果等级大于9934，说明是被我改过的，所以需要交换
				a.id = da.level;
				a.level = da.num;
			} else {
				a.id = cardFixId(da.num, false);
				a.level = da.level;
			}
			a.awoken = Cards[a.id].awakenings.length;
			a.plus = da.plus ? [99,99,99]:[0,0,0];
			a.skilllevel = da.active_skill_level;
		}
	}
	return f;
}
//解析DADDB的数据
function daddbFotmationToPdfFotmation(obj)
{
	const team = obj;
	const f = new Formation(1, 6);
	f.title = team.name;
	const t = f.teams[0];
	//队伍徽章
	t[2] = Formation.daddbBadgeMap.find(badge=>badge.daddb === team.badge).pdf;
	const members = t[0], assists = t[1];
	for (let i = 0; i< members.length; i++) {
		const m = members[i], a = assists[i], dm = team.staffs[i];
		if (dm) {
			m.id = dm.staf > 0 ? dm.staf : 0;
			a.id = dm.eq > 0 ? dm.eq : 0;
			const mCard = m.card, aCard = a.card;
			m.level = mCard.limitBreakIncr ? 120 : mCard.maxLevel;
			a.level = aCard.limitBreakIncr ? 120 : aCard.maxLevel;

			m.plus = [99,99,99];
			a.plus = [99,99,99];

			m.awoken = mCard.awakenings.length;
			a.awoken = aCard.awakenings.length;

			m.sawoken = dm.sawak;
			m.latent = dm.qawak.map(daddbLatent=>Formation.daddbLatentMap.find(latent=>latent.daddb[0] === daddbLatent[0] && latent.daddb[1] === daddbLatent[1])?.pdf ?? 0);
		}
	}
	return f;
}
//截图
function captureScreenshot(target, filename = "capture", transparent = true) {
	statusLine?.writeText(localTranslating.status_message.prepare_capture);
	//去掉可能的空白文字的编辑状态
	formationBox.classList.remove("edit-code");
	const downLink = controlBox.querySelector(".down-capture");
	html2canvas(target, transparent ? {backgroundColor: null} : undefined).then(canvas => {
		canvas.toBlob(function(blob) {
			window.URL.revokeObjectURL(downLink.href);
			downLink.href = URL.createObjectURL(blob);
			downLink.download = `${filename}.png`;
			downLink.click();
			statusLine?.writeText();
		});
	});
}

window.onload = initialize; //界面初始化

//初始化
function initialize() {
	const drawScreenshot = document.querySelector("#draw-screenshot");
	const screenshotTransparent = document.querySelector("#screenshot-transparent");
	drawScreenshot.onclick = function(event) {
		if (event.target == this) {
			captureScreenshot(formationBox, document.title, screenshotTransparent.checked);
		}
	}

	document.body.lang = currentLanguage.i18n;

	qrcodeReader = new ZXing.BrowserQRCodeReader(); //二维码读取
	qrcodeWriter = new ZXing.BrowserQRCodeSvgWriter(); //二维码生成

	controlBox = document.body.querySelector(".control-box");
	statusLine = controlBox.querySelector(".status"); //显示当前状态的
	statusLine.writeText = function(text) {
		this.innerHTML = '';
		if (text) {
			console.debug(text);
			this.textContent = text;
		}
	};
	formationBox = document.body.querySelector(".formation-box");
	editBox = document.body.querySelector(".edit-box");
	editBox.editMon = editMember;

	formationBox.refreshDocumentTitle = function() {
		let titleStr = txtTitleDisplay.textContent.trim();
		document.title = titleStr.length > 0 ? `${titleStr.trim()} - ${localTranslating.webpage_title}` : localTranslating.webpage_title;
	}

	if (isGuideMod) {
		console.info('现在是 怪物图鉴 模式');
		document.body.classList.add('guide-mod');
	}

	//▼添加语言列表开始
	const langSelectDom = controlBox.querySelector("#languages");
	languageList.forEach(lang =>
		langSelectDom.options.add(new Option(lang.name, lang.i18n))
	);

	const langOptionArray = Array.from(langSelectDom.options);
	langOptionArray.find(langOpt => langOpt.value == currentLanguage.i18n).selected = true;

	//▲添加语言列表结束
	//▼添加数据来源列表开始
	const dataSelectDom = controlBox.querySelector("#datasource");
	dataSourceList.forEach(ds =>
		dataSelectDom.options.add(new Option(ds.source, ds.code))
	);
	
	const dataSourceOptionArray = Array.from(dataSelectDom.options);
	dataSourceOptionArray.find(dataOpt => dataOpt.value == currentDataSource.code).selected = true;
	//添加数据class
	document.body.dataset.gameSource = currentDataSource.code;
	//document.body.classList.add("ds-" + currentDataSource.code);
	//▲添加数据来源列表结束

	//设定初始的显示设置
	//初始化开关
	function initializeSwitch(checkbox) {
		//开关设置的快速保存
		function switchFastSave(event) {
			document.body.classList.toggle(this.id, this.checked);
			if (event instanceof Event) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
		}
		if (!checkbox) return;
		checkbox.onchange = switchFastSave;
		checkbox.checked = localStorage_getBoolean(cfgPrefix + checkbox.id, true);
		checkbox.onchange(false);
		return checkbox;
	}
	const displaySwitchList = Array.from(document.querySelectorAll(".config-display-list .switch-ipt"));
	displaySwitchList.forEach(initializeSwitch);

	//默认等级
	const iptDefaultLevel = document.getElementById("default-level");
	iptDefaultLevel.value = localStorage.getItem(cfgPrefix + iptDefaultLevel.id);
	iptDefaultLevel.onchange = function(event){
		const num = Number(this.value) || Number(this.placeholder);
		if (Number.isInteger(num)) defaultLevel = num;
		if (event instanceof Event) localStorage.setItem(cfgPrefix + this.id, this.value);
	}
	iptDefaultLevel.onchange(false);

	const touchLineCanvas = document.body.querySelector("#touch-line");
	const touchLineContex = touchLineCanvas.getContext('2d');

	const btnDataUpdateTime = controlBox.querySelector("#datasource-updatetime");
	btnDataUpdateTime.onclick = function() {
		loadData(true); //强制更新数据
	};

	const btnClearData = controlBox.querySelector("#btn-clear-data");
	btnClearData.onclick = function() {
		const locationURL = new URL(location);
		locationURL.searchParams.delete('d'); //删除数据
		locationURL.searchParams.delete('l'); //删除语言
		locationURL.searchParams.delete('_id'); //删除PADDB的ID
		location = locationURL.toString();
	};

	const formPlayerNumber = controlBox.querySelector("#player-number");
	formPlayerNumber.onchange = function(event) {
		const formData = new FormData(this);
		const newPlayerNumber = parseInt(formData.get("player-number"), 10);
		if (newPlayerNumber) {
			turnPage(newPlayerNumber);
		}
	}

	formPlayerNumber.querySelectorAll("input[name=\"player-number\"]")[teamsCount-1].checked = true;
	
	//在单人和多人之间转移数据
	function turnPage(toPage, e = null) {
		let pagename = null;
		switch (toPage) {
			case 1:
				if (formation.teams[0][0].length < 6) {
					//把第二支队伍的队长添加到最后方
					formation.teams[0][0].push(formation.teams[1][0][0]);
					formation.teams[0][1].push(formation.teams[1][1][0]);
				}
				//删掉第2支开始的队伍
				formation.teams.splice(1);
				pagename = "solo.html";
				break;
			case 2:
				if (formation.teams.length < 2) { //从1人到2人
					formation.teams[1] = [
						[],
						[]
					];
					//把右边的队长加到第二支队伍最后面
					formation.teams[1][0].splice(0, 0, formation.teams[0][0].splice(5, 1)[0]);
					formation.teams[1][1].splice(0, 0, formation.teams[0][1].splice(5, 1)[0]);
				} else { //从3人到2人，直接删除后面两个队伍
					//删掉第3支开始的队伍
					formation.teams.splice(2);
					//删掉前面两支队伍的战友
					formation.teams[0][0].splice(5);
					formation.teams[0][1].splice(5);
					formation.teams[1][0].splice(5);
					formation.teams[1][1].splice(5);
				}
				formation.badge = 0;
				pagename = "multi.html";
				break;
			case 3:
				if (formation.teams.length < 2) { //从1人到3人
				} else { //从2人到3人
					formation.teams[0][0].push(formation.teams[1][0][0]);
					formation.teams[0][1].push(formation.teams[1][1][0]);
					formation.teams[1][0].push(formation.teams[0][0][0]);
					formation.teams[1][1].push(formation.teams[0][1][0]);
				}
				formation.badge = 0;
				pagename = "triple.html";
				break;
		}
		const newURL = createNewUrl({ url: pagename, onlyReturnUrl: true });
		if (e && e.ctrlKey) {
			window.open(newURL);
		} else {
			location.href = newURL;
		}
	}

	//轮换ABC队伍
	const btnSwapTeam = controlBox.querySelector("#btn-swap-team");
	btnSwapTeam.onclick = function() {
		if (formation.teams.length > 1) {
			formation.teams.push(formation.teams.splice(0, 1)[0]); //将队伍1移动到最后
			createNewUrl();
			refreshAll(formation);
		}
	}

	//变身前进后退
	const btnHenshinArr = [...controlBox.querySelectorAll(".btn-henshin")];
	btnHenshinArr.forEach(btn=>btn.onclick = henshinStepButton);
	function henshinStepButton(event) {
		return henshinStep(parseInt(this.dataset.step,10));
	}

	//去除辅助
	const btnRemoveAssist = controlBox.querySelector("#btn-remove-assist");
	btnRemoveAssist.onclick = function() {
		formation.removeAssist();
	}

	//初始化所有mask的关闭按钮
	const masks = document.body.querySelectorAll(".mask");
	masks.forEach(mask=>{
		mask.show = function(arg){
			this?.initialize?.(arg);
			this.classList.remove(className_displayNone);
		};
		mask.btnClose = mask.querySelector(".mask-close");
		mask.btnClose.onclick = function(){
			mask?.hide?.();
			mask.classList.add(className_displayNone);
		};
	});
	const qrCodeFrame = document.body.querySelector("#qr-code-frame");
	const btnQrCode = controlBox.querySelector(`#btn-qrcode`);
	btnQrCode.onclick = function(){
		qrCodeFrame.show();
	};
	qrCodeFrame.initialize = function(){
		//如果检测到功能
		if (btnExternalSupport?.asyncGM_xmlhttpRequest) {
			document.body.classList.add("external-link-support");
		}
		const qrSaveBox = this.content.saveBox;
		const qrReadBox = this.content.readBox;
		qrReadBox.info.show('');

		qrReadBox.videoBox.classList.add(className_displayNone);
		
		let qrTypeRadio = qrSaveBox.qrDataType.find(radio=>radio.checked);
		if (qrTypeRadio) qrTypeRadio.onclick(); //打开二维码窗口就先产生二维码

	};
	qrCodeFrame.hide = function(){qrcodeReader.reset();};

	const qrContent = qrCodeFrame.content = qrCodeFrame.querySelector(".mask-content");
	const qrReadBox = qrContent.readBox = qrContent.querySelector(".read-qr-box");
	const qrSaveBox = qrContent.saveBox = qrContent.querySelector(".save-qr-box");
	qrReadBox.readString = qrReadBox.querySelector(".read-string");
	qrReadBox.readQrCamera = qrReadBox.querySelector(".read-qr-camera");
	qrReadBox.readQrFile = qrReadBox.querySelector(".read-qr-file");
	qrReadBox.filePicker = qrReadBox.querySelector(".file-select");
	qrReadBox.info = qrReadBox.querySelector(".info");
	qrReadBox.info.code = qrReadBox.info.querySelector(".result-code");
	qrReadBox.info.message = qrReadBox.info.querySelector(".result-message");
	qrReadBox.info.newLink = qrReadBox.info.querySelector(".formation-link-from-string>a");
	qrReadBox.video = qrReadBox.querySelector("#video");
	qrReadBox.videoBox = qrReadBox.querySelector(".video-box");
	qrReadBox.sourceSelect = qrReadBox.querySelector("#sourceSelect");
	qrReadBox.qrStr = qrReadBox.querySelector(".string-input");
	qrReadBox.info.show = function(message, code = 0, error = false, url="", urlName="") {
		qrReadBox.info.message.innerHTML = '';
		qrReadBox.info.message.append(message);
		qrReadBox.info.code.textContent = code;
		qrReadBox.info.code.classList.toggle(className_displayNone, code===0);
		qrReadBox.info.code.classList.toggle("error", error);
		qrReadBox.info.newLink.classList.toggle(className_displayNone, url.length===0);
		qrReadBox.info.newLink.href = url;
		qrReadBox.info.newLink.textContent = urlName;
	}
	qrReadBox.readString.onclick = async function()
	{
		if (qrReadBox.qrStr.value.length === 0) return;
		this.disabled = true;
		let inputResult = await inputFromQrString(qrReadBox.qrStr.value);
		this.disabled = false;
		let lrm = localTranslating.link_read_message;
		let message;
		if (inputResult.message) {
			message = inputResult.message;
		}
		else if (inputResult.type) {
			message = lrm.success({type: lrm.type[inputResult.type]});
		}
		else {
			message = lrm.error[inputResult.error];
		}
		qrReadBox.info.show(
			message,
			inputResult.type || inputResult.error,
			Boolean(inputResult.error),
			inputResult.url,
			inputResult.urlName
		);
	}

	qrSaveBox.qrImage = qrSaveBox.querySelector(".qr-code-image");
	qrSaveBox.qrStr = qrSaveBox.querySelector(".string-output");
	qrSaveBox.qrStr.onchange = function()
	{
		qrCodeFrame.refreshQrCode(this.value);
	}
	qrSaveBox.qrDataType = Array.from(qrSaveBox.querySelectorAll(".qr-data-type-radio"));
	function changeOutputType(){
		const type = this.value;
		const qrstr = formation.getQrStr(type);
		qrSaveBox.qrStr.value = qrstr;
		qrSaveBox.qrStr.onchange();
	}
	qrSaveBox.qrDataType.forEach(radio=>radio.onclick = changeOutputType);
	qrSaveBox.saveQrImg = qrSaveBox.querySelector(".save-qr-img");

	qrCodeFrame.ondragenter = ()=>false;
	qrCodeFrame.ondragover =  ()=>false;
	qrCodeFrame.ondrop = function(e)
	{
		imagesSelected(e.dataTransfer.files); 
		e.stopPropagation();
		e.preventDefault();
	}

	qrCodeFrame.refreshQrCode = function(string)
	{
		const qrImg = this.content.saveBox.qrImage;
		URL.revokeObjectURL(qrImg.src);

		const hints = new Map();
		const EncodeHintType = ZXing.EncodeHintType;
		//hints.set(EncodeHintType.MARGIN, 0);
		//hints.set(EncodeHintType.CHARACTER_SET, "UTF8");
		const qrWidth = 500,qrHeight = 500;
		let svgElement = qrcodeWriter.write(string, qrWidth, qrHeight, hints);
		let svgData = new XMLSerializer().serializeToString(svgElement);
		let blob = new Blob([svgData], {type : 'image/svg+xml'});
		let svgUrl = URL.createObjectURL(blob);
		qrImg.src = svgUrl;


		loadImage(svgUrl).then(function(img) {
			let cavansWidth = qrWidth * 2, cavansHeight = qrHeight * 2;
			let cavans = document.createElement("canvas");
			cavans.width = cavansWidth;
			cavans.height = cavansHeight;
			let ctx = cavans.getContext('2d');

			ctx.fillStyle="white";
			ctx.fillRect(0, 0, cavansWidth, cavansHeight)
			ctx.drawImage(img, 0, 0, cavansWidth, cavansHeight);

			cavans.toBlob(function(blob) {
				const saveQrImg = qrSaveBox.saveQrImg;
				URL.revokeObjectURL(saveQrImg.href);
				const downLink = URL.createObjectURL(blob);
				saveQrImg.download = formation.title || "PAD Dash Formation QR";
				saveQrImg.href = downLink;
			});

			svgElement = null;
			svgData = null;
			blob = null;
			img = null;
			cavans = null;
			ctx = null;
		}, function(err) {
			console.log(err);
		});

	}
	qrReadBox.readQrFile.onclick = function()
	{
		qrReadBox.filePicker.click();
	}
	qrReadBox.filePicker.onchange = function()
	{
		imagesSelected(this.files);
	}
	async function imagesSelected(myFiles) {
		if (myFiles.length < 1) return;
		const file = myFiles[0];
		let img = await loadImage(URL.createObjectURL(file));
		let cavans = document.createElement("canvas");
		cavans.width =  img.width + 100;
		cavans.height = img.height + 100;
		let ctx = cavans.getContext('2d');
		ctx.fillStyle="white";
		ctx.fillRect(0, 0, cavans.width, cavans.height);

		ctx.drawImage(img, 100, 100);

		cavans.toBlob(async function(blob){
			let newFileURL = URL.createObjectURL(blob),
				newImg = await loadImage(newFileURL);
		
			qrcodeReader.decodeFromImage(newImg).then((result) => {
				console.debug('Found QR code!', result);
				let reText = result.text;
				if (reText.startsWith("\u001a")) reText = reText.substring(1);
				qrReadBox.qrStr.value = reText;
				qrReadBox.readString.onclick();
			}).catch((err) => {
				console.error(err);
				if (err) {
					if (err instanceof ZXing.NotFoundException) {
						qrReadBox.info.show('No QR code found.');
					}
		
					if (err instanceof ZXing.ChecksumException) {
						qrReadBox.info.show('A code was found, but it\'s read value was not valid.');
					}
		
					if (err instanceof ZXing.FormatException) {
						qrReadBox.info.show('A code was found, but it was in a invalid format.');
					}
				}
			});
			console.debug(`Started decode for image from ${newImg.src}`);
		});


		// qrcodeReader.decodeFromImage(img).then((result) => {
		// 	console.debug('Found QR code!', result);
		// 	qrReadBox.qrStr.value = result.text;
		// 	qrReadBox.readString.onclick();
		// }).catch((err) => {
		// 	console.error(err);
		// 	if (err) {
		// 		if (err instanceof ZXing.NotFoundException) {
		// 			qrReadBox.info.show('No QR code found.');
		// 		}
	
		// 		if (err instanceof ZXing.ChecksumException) {
		// 			qrReadBox.info.show('A code was found, but it\'s read value was not valid.');
		// 		}
	
		// 		if (err instanceof ZXing.FormatException) {
		// 			qrReadBox.info.show('A code was found, but it was in a invalid format.');
		// 		}
		// 	}
		// });
		// console.debug(`Started decode for image from ${img.src}`);
		
	}

	if (location.protocol == "http:" && location.hostname != "localhost" && location.hostname != "127.0.0.1")
	{ //http不支持攝像頭
		//qrReadBox.readQrCamera.classList.add(className_displayNone);
		qrReadBox.readQrCamera.onclick = function()
		{
			if(confirm("需要 https 环境下才支持调用摄像头，是否跳转？\nCalling the camera is required in an https environment, do you want to jump?"))
				location.protocol = "https:" //跳到https
		}
	}else
	{
		function scanContinuously()
		{
			qrcodeReader.decodeFromInputVideoDeviceContinuously(selectedDeviceId, 'video', (result, err) => {
				if (result) {
					// properly decoded qr code
					console.debug('Found QR code!', result);
					qrReadBox.qrStr.value = result.text;
					qrReadBox.readString.onclick();
				}
		
				if (err) {
					if (err instanceof ZXing.NotFoundException) {
						console.debug('No QR code found.')
					}
		
					if (err instanceof ZXing.ChecksumException) {
						console.debug('A code was found, but it\'s read value was not valid.')
					}
		
					if (err instanceof ZXing.FormatException) {
						console.debug('A code was found, but it was in a invalid format.')
					}
				}
			});
		}

		qrcodeReader.getVideoInputDevices()
		.then((videoInputDevices) => {
			const sourceSelect_id = "selected-device-id";
			selectedDeviceId = localStorage.getItem(cfgPrefix + sourceSelect_id);
			if (videoInputDevices.every(device=>device.deviceId != selectedDeviceId))
			{
				selectedDeviceId = videoInputDevices[0].deviceId;
			}
			if (videoInputDevices.length >= 1) {
				videoInputDevices.forEach((element) => {
					const sourceOption = document.createElement('option');
					sourceOption.text = element.label
					sourceOption.value = element.deviceId
					qrReadBox.sourceSelect.appendChild(sourceOption)
				});
				qrReadBox.sourceSelect.selectedIndex = videoInputDevices.findIndex(device=>device.deviceId == selectedDeviceId);
	
				qrReadBox.sourceSelect.onchange = function() {
					selectedDeviceId = this.value;
					localStorage.setItem(cfgPrefix + sourceSelect_id, this.value);
					if (qrReadBox.readQrCamera.classList.contains("running"))
					{
						qrcodeReader.reset();
						scanContinuously();
					}
				};
			}
			qrReadBox.readQrCamera.onclick = function()
			{
				if (this.classList.contains("running"))
				{
					qrcodeReader.reset();
					qrReadBox.videoBox.classList.add(className_displayNone);
					qrReadBox.info.show('');
	
				}else
				{
					qrReadBox.videoBox.classList.remove(className_displayNone);
					scanContinuously();
				}
				this.classList.toggle("running");
			}
		})
		.catch((err) => {
			console.error(err)
		});
	}

	const btnExternalSupport = qrCodeFrame.querySelector("#external-support");
	//btnExternalSupport.href = ExternalLinkScriptURL;

	const paddbTeamEdit = qrContent.querySelector(".paddb-team-edit");
	//paddb的用户名和密码
	const paddbUsername = paddbTeamEdit.querySelector("#paddb-username");
	const paddbPassword = paddbTeamEdit.querySelector("#paddb-password");
	paddbUsername.value = localStorage.getItem(cfgPrefix + paddbUsername.id);
	paddbPassword.value = localStorage.getItem(cfgPrefix + paddbPassword.id);
	paddbUsername.onchange = paddbPassword.onchange = function(e){
		if (e) localStorage.setItem(cfgPrefix + this.id, this.value);
	}
	const paddbTeamId = document.querySelector("#paddb-team-id");
	paddbTeamId.onchange = function(){
		try {
			let str = this.value;
			const teamId = str.substring(str.indexOf(paddbPathPrefix) + paddbPathPrefix.length);
			createNewUrl({_id:teamId});
		} catch (error) {
			console.log(error);
		}
	}
	const paddbSaveOrUpload = document.querySelector("#paddb-save-or-upload-team");
	paddbSaveOrUpload.onclick = async function(){
		this.disabled = true;
		if (!btnExternalSupport?.asyncGM_xmlhttpRequest) {
			alert(localTranslating.link_read_message.need_user_script);
			return;
		}
		let obj = formation.getPaddbQrObj();
		obj.userId = paddbUsername.value;
		obj.password = paddbPassword.value;
		obj.tags = [obj.userId,"PADDashFormation"];
		let postBody = JSON.stringify(obj);
		const options = {
			method: "POST",
			data: postBody,
			headers: {
				"Content-Type": "application/json",
				"User-Agent": "okhttp/4.9.2",
				//如果只有ascii字符可以用postBody.length
				"Content-Length": new Blob([postBody], {type: "application/json"}).size,
			}
		};
		const isNewUpload = paddbTeamId.value.length === 0;
		if (isNewUpload) {
			options.url = "https://api2.paddb.net/uploadTeam";
		} else {
			const teamId = paddbTeamId.value.substring(paddbTeamId.value.indexOf(paddbPathPrefix) + paddbPathPrefix.length);
			options.url = `https://api2.paddb.net/editTeam/${teamId}`;
		}
		const response = await btnExternalSupport.asyncGM_xmlhttpRequest(options);
		if (response.status === 401) {
			alert(localTranslating.link_read_message.paddb_unauthorized);
		} else if (response.status === 200)  {
			if (isNewUpload) {
				paddbTeamId.value = response.response;
				paddbTeamId.onchange();
			}
			alert(localTranslating.link_read_message.paddb_success);
		} else {
			alert(localTranslating.link_read_message.error[0]);
		}
		this.disabled = false;
	}
	
	const playerDataFrame = document.body.querySelector("#player-data-frame");
	const btnPlayerData = controlBox.querySelector(`#btn-player-data`);
	btnPlayerData.onclick = function(){
		playerDataFrame.show();
	};
	playerDataFrame.uploadData = playerDataFrame.querySelector(".upload-data");
	playerDataFrame.filePicker = playerDataFrame.querySelector(".file-select");
	playerDataFrame.playerList = playerDataFrame.querySelector(".player-datas-list");
	playerDataFrame.uploadData.onclick = function(){ playerDataFrame.filePicker.click(); };
	playerDataFrame.filePicker.onchange = function(){ uploadPlayerData(this.files); };
	
	playerDataFrame.initialize = function(){
		this.playerList.innerHTML = '';
		for (const playerData of PlayerDatas)
		{
			this.playerList.add(playerData);
		}
	};
	function deletPlayerData(e)
	{
		const table = this.parentNode.parentNode.parentNode.parentNode;
		table.parentNode.remove();
		if (currentPlayerData == table.data) currentPlayerData = null;
		PlayerDatas.splice(PlayerDatas.indexOf(table.data), 1);
		const name = table.getAttribute("data-player-name");
		dbDelete(db, "palyer_datas", name);
	}
	function setPlayerDataDefault(e)
	{
		const table = this.parentNode.parentNode.parentNode.parentNode;
		const cfgName = cfgPrefix + "default-player-name";
		const dataPlayerName = table.getAttribute("data-player-name");
		const checkInput = table.parentNode.querySelector("[name=default-player-data]");
		if (localStorage.getItem(cfgName) === dataPlayerName || e === true) {
			currentPlayerData = null;
			localStorage.removeItem(cfgName);
			checkInput.checked = false;
		} else {
			currentPlayerData = table.data;
			localStorage.setItem(cfgName, dataPlayerName);
			checkInput.checked = true;
		}
	}
	function openShowBox(e)
	{
		const table = this.parentNode.parentNode.parentNode.parentNode;
		table.querySelector(".set-default").onclick(); //打开箱子前先绑定这个数据
		showSearch(table.data.parsedCards.map(m=>m.toOldMember()));
		playerDataFrame.btnClose.onclick(true);
	}
	playerDataFrame.playerList.add = function(data) {
		this.appendChild(this.newPlayerData(data));
	}
	playerDataFrame.playerList.newPlayerData = function(data) {
		const t = playerDataFrame.querySelector('#template-player-datas');
		const clone = document.importNode(t.content, true);
		const table = clone.querySelector("table");
		table.data = data;
		if (currentPlayerData == table.data) table.parentNode.querySelector("[name=default-player-data]").checked = true;
		table.setAttribute("data-player-name", data.name);

		const tbody = table.tBodies[0];

		tbody.querySelector(".set-default").onclick = setPlayerDataDefault;
		tbody.querySelector(".delete").onclick = deletPlayerData;
		tbody.querySelector(".open-show-box").onclick = openShowBox;

		changeid({id: data.vs_icon}, tbody.querySelector(".avatar .monster"));

		
		tbody.querySelector(".avatar .monster").onclick = function (){
		}

		let name = tbody.querySelector(".name");
		name.textContent = data.name;
		name.setAttribute("data-camp", data.camp);

		let lvexp = tbody.querySelector(".lvexp");
		lvexp.querySelector(".progress-bar .bar").style.width = `${(data.exp - data.curLvExp) / (data.nextLvExp - data.curLvExp) * 100}%`;
		lvexp.querySelector(".level").textContent = data.lv;

		let stama = tbody.querySelector(".stama");
		//第一管体力
		stama.querySelector(".progress-bar .bar").style.width = `${Math.min(data.sta / data.sta_max, 1) * 100}%`;
		//第二管体力
		stama.querySelector(".progress-bar .bar2").style.width = `${Math.max(data.sta - data.sta_max, 0) / data.sta_max * 100}%`;
		let sta_cur = stama.querySelector(".sta_number .sta_cur");
		sta_cur.textContent = data.sta;
		if (data.sta > data.sta_max) sta_cur.classList.add("stama-beyond");
		stama.querySelector(".sta_number .sta_max").textContent = data.sta_max;

		tbody.querySelector(".gold").textContent = data.gold.bigNumberToString();
		tbody.querySelector(".coin").textContent = data.coin.bigNumberToString();

		const deckList = tbody.querySelector(".decks .deck");
		const teamLink = tbody.querySelector(".decks .team-link");
		const radioList = tbody.querySelector(".decks .deck-radio-list");
		data.parsedDecks.forEach((deck,idx)=>{
			const li = radioList.appendChild(document.createElement("li"));
			const ipt = li.appendChild(document.createElement("input"));
			ipt.className = "deck-choose";
			ipt.type = "radio";
			ipt.name = `decks-${data.name}`;
			ipt.value = idx;
			ipt.onclick = changeDeck;
			ipt.deck = deck;
		});
		radioList.querySelectorAll(".deck-choose")[data.curDeck < 100 ? (data.curDeck || 0) : (data.curDeck - 100 + data.decksb.decks.length)]?.click();

		function changeDeck(e)
		{
			const deck = this.deck;
			const lis = Array.from(deckList.querySelectorAll(":scope>li"));
			lis.forEach((li,idx)=>{
				changeid(deck.members[idx] ?? {id: 0}, li.querySelector(".monster:not(.assist)"));
				changeid(deck.members[idx]?.assist ?? {id: 0}, li.querySelector(".monster.assist"));
			});
			const newFotmation = deck.toFormation();
			teamLink.href = qrObjToUrl(newFotmation.getPdfQrObj(true));
		}
		return clone;
	}

	async function uploadPlayerData(myFiles) {
		if (myFiles.length < 1) return;
		
		for (const myFile of myFiles) {
			try {
				const reader = await fileReader(myFile, {readType: "text"});
				const data = JSON.parse(reader.result);
				const playerData = new PlayerData(data);

				let dataCount = 0;
				if (db) {
					dataCount = await dbCount(db, "palyer_datas", data.name);
					await dbWrite(db, "palyer_datas", data);
				}
				let oldIdx = PlayerDatas.findIndex(dt=>dt.name == data.name);
				if (dataCount && oldIdx >= 0) { //如果已经存在，就更新旧的数据
					PlayerDatas.splice(oldIdx, 1, playerData);
					const liArr = playerDataFrame.playerList.querySelectorAll(":scope>li");
					liArr[oldIdx] && liArr[oldIdx].remove();
					playerDataFrame.playerList.insertBefore(playerDataFrame.playerList.newPlayerData(playerData), liArr[oldIdx+1]);
				} else {
					PlayerDatas.push(playerData);
					playerDataFrame.playerList.add(playerData);
				}
			} catch (error) {
				console.error(error);
			}
		}
	}

	let docSelection = document.getSelection();
	//标题和介绍文本框
	const titleBox = formationBox.querySelector(".title-box");
	const detailBox = formationBox.querySelector(".detail-box");
	const txtTitle = titleBox.querySelector(".title-code");
	const txtDetail = detailBox.querySelector(".detail-code");
	const txtTitleDisplay = titleBox.querySelector(".title-display");
	const txtDetailDisplay = detailBox.querySelector(".detail-display");

	const richTextTools = document.getElementById("rich-text-tools");
	const siwtchCodeMode = document.getElementById("siwtch-code-mode");
	const setFontColor = document.getElementById("set-font-color");
	const colorChooser = document.getElementById("color-chooser");
	const insertCardAvatar = document.getElementById("insert-card-avatar");
	const insertAwokenIcon = document.getElementById("insert-awoken-icon");
	const insertLatentIcon = document.getElementById("insert-latent-icon");
	const insertTypeIcon = document.getElementById("insert-type-icon");
	const insertOrbIcon = document.getElementById("insert-orb-icon");
	const hideRichTextTools = document.getElementById("hide-rich-text-tools");
	hideRichTextTools.onclick = function (event) {
		richTextTools.classList.add(className_displayNone);
	}

	const insertAwokenIconList = insertAwokenIcon.list = document.createElement("ul");
	insertAwokenIconList.className = "awoken-ul " + className_displayNone;
	const insertLatentIconList = insertLatentIcon.list = document.createElement("ul");
	insertLatentIconList.className = "m-latent-allowable-ul " + className_displayNone;
	const insertTypeIconList = insertTypeIcon.list = document.createElement("ul");
	insertTypeIconList.className = "types-ul " + className_displayNone;
	const insertOrbList = insertOrbIcon.list = document.createElement("ul");
	insertOrbList.className = "orb-ul " + className_displayNone;

	for (let id of official_awoken_sorting) {
		const li = document.createElement("li");
		const icon = li.appendChild(createIndexedIcon('awoken', id));
		icon.onclick = insertIconToText;
		insertAwokenIconList.appendChild(li);
	}
	for (let id of Array.from(editBox.querySelectorAll(".setting-box .row-mon-latent details .m-latent-allowable-ul .latent-icon")).map(li=>li.getAttribute("data-latent-icon"))) {
		const li = document.createElement("li");
		const icon = li.appendChild(createIndexedIcon('latent', id));
		icon.onclick = insertIconToText;
		insertLatentIconList.appendChild(li);
	}
	for (let obj of typekiller_for_type) {
		const li = document.createElement("li");
		const icon = li.appendChild(createIndexedIcon('type', obj.type));
		icon.onclick = insertIconToText;
		insertTypeIconList.appendChild(li);
	}
	for (let i=0;i<10;i++) {
		const li = document.createElement("li");
		const icon = li.appendChild(createIndexedIcon('orb', i));
		icon.onclick = insertIconToText;
		insertOrbList.appendChild(li);
	}
	richTextTools.append(
		insertTypeIconList,
		insertAwokenIconList,
		insertLatentIconList,
		insertOrbList
	);

	//切换代码模式
	siwtchCodeMode.onclick = function(){
		if (this.checked) { //进入代码模式
			txtDetail.style.height = txtDetailDisplay.scrollHeight + "px";
			txtTitleDisplay.onblur();
			txtDetailDisplay.onblur();
		} else { //退出代码模式
			txtTitle.onchange();
			txtDetail.onchange();
		}
		formationBox.classList.toggle("edit-code", this.checked);
	}
	siwtchCodeMode.checked = false;
	//设置文字颜色
	function setSelectionFontColor(color) {
		//如果并没有任何选择区，则返回
		if (docSelection.rangeCount < 1) return;
		const range = docSelection.getRangeAt(0);
		console.log(range);
		const editingCode = formationBox.classList.contains("edit-code");
		let target; //编辑目标
		if (titleBox.contains(range.commonAncestorContainer)) {
			target = editingCode ? txtTitle : txtTitleDisplay;
		}
		else if (detailBox.contains(range.commonAncestorContainer)) {
			target = editingCode ? txtDetail : txtDetailDisplay;
		}
		else {
			return;
		}

		if (editingCode)
		{ //文本编辑模式
			let startPos = target.selectionStart;
			let endPos = target.selectionEnd;
			let restoreTop = target.scrollTop;
			let str = target.value.substring(startPos, endPos) //选择区域
				.replace(/\^(\w+?)\^([^\^]+?)\^p/igm, "$2"); //去除之前的颜色
			let colorStr = `^${color.substring(1)}^${str}^p`; //加上新的颜色
			target.setRangeText(str);
			if (restoreTop > 0) {
				target.scrollTop = restoreTop;
			}
			target.setRangeText(colorStr);
			target.focus();
			target.onchange();
		} else
		{ //富文本模式
			const docObj = range.extractContents(); //移动了Range 中的内容从文档树到DocumentFragment（文档片段对象)。
			const parent = range.commonAncestorContainer.parentElement;
			if (target.contains(parent) && parent !== target && parent.textContent.length == 0) parent.remove();
			range.deleteContents();
			let dom
			if (color === "#000000") {
				dom = document.createTextNode(docObj.textContent);
			} else {
				dom = document.createElement('span');
				dom.style.color = color;
				dom.append(docObj.textContent);
			}
			range.insertNode(dom);
			range.setStartAfter(dom);
			target.onblur();
			target.focus();
		}
	}
	setFontColor.onclick = function(){
		setSelectionFontColor(colorChooser.value);
	}
	colorChooser.value = localStorage.getItem(cfgPrefix + colorChooser.id) || "#FF0000";
	colorChooser.onchange = function(event){
		setFontColor.style.color = this.value;
		if (event) {
			localStorage.setItem(cfgPrefix + this.id, this.value);
			setFontColor.onclick(); //改变一次颜色
		}
	}
	colorChooser.onchange(false);
	//添加头像图标
	insertCardAvatar.onclick = insertIconToText
	//添加其他序号图标
	function insertIconToText() {
		//如果并没有任何选择区，则返回
		if (docSelection.rangeCount < 1) return;
		const range = docSelection.getRangeAt(0);
		let editingCode = formationBox.classList.contains("edit-code");
		let target; //编辑目标
		if (titleBox.contains(range.commonAncestorContainer)) {
			target = editingCode ? txtTitle : txtTitleDisplay;
		}
		else if (detailBox.contains(range.commonAncestorContainer)) {
			target = editingCode ? txtDetail : txtDetailDisplay;
		}
		else {
			return;
		}

		let type, sType, id;
		if (this == insertCardAvatar) { //插入怪物头像
			type = 'card';
			sType = 'm';
			
			//首先读取选择的数字
			id = parseInt(
					editingCode
					? target.value.substring(target.selectionStart, target.selectionEnd)
					: range.toString().trim()
				, 10);
			//如果选择区域不是数字，则请求输入
			if (!Number.isInteger(id)) {
				id = prompt(localTranslating.request_input({info: localTranslating.sort_name.sort_id}).textContent);
				id = parseInt(id,10);
				if (!Number.isInteger(id)) { return; }
			}
		}
		else if(this.classList.contains("awoken-icon")) { //觉醒
			type = 'awoken';
			sType = 'a';
			id = this.getAttribute("data-awoken-icon");
		}
		else if(this.classList.contains("type-icon")) { //类型
			type = 'type';
			sType = 't';
			id = this.getAttribute("data-type-icon");
		}
		else if(this.classList.contains("orb")) { //宝珠
			type = 'orb';
			sType = 'o';
			id = this.getAttribute("data-orb-icon");
		}
		else if(this.classList.contains("latent-icon")) { //潜觉
			type = 'latent';
			sType = 'l';
			id = this.getAttribute("data-latent-icon");
		}
		if (editingCode)
		{ //文本编辑模式
			let str = createIndexedIconCode(sType, id);
			// target.setRangeText(str);
			//保持编辑光标在原来的位置
			if (target.selectionStart || target.selectionStart == '0') {
				let startPos = target.selectionStart;
				// let endPos = target.selectionEnd;
				let restoreTop = target.scrollTop;
				// target.value = target.value.substring(0, startPos) + str + target.value.substring(endPos, target.value.length);
				target.setRangeText(str);
				if (restoreTop > 0) {
					target.scrollTop = restoreTop;
				}
				target.focus();
				target.selectionStart = startPos + str.length;
				target.selectionEnd = startPos + str.length;
			} else {
				target.setRangeText(str);
				// target.value += str;
				target.focus();
			}
			target.onchange();
		} else
		{ //富文本模式
			let dom = createIndexedIcon(type, id);
			if (range.commonAncestorContainer == target && range.startOffset === 0 && range.endOffset === 0)
			{ //内容为空时
				target.appendChild(dom);
			} else {
				range.deleteContents();
				range.insertNode(dom);
			}
			range.setStartAfter(dom);
			target.onblur();
			target.focus();
		}
	}
	function createIndexedIconCode(type, id) {
		return `{${type}.${id}}`;
	}
	function showInsertIconList() {
		//如果自身的列表已经打开了，则隐藏
		if (this.list.classList.toggle(className_displayNone)) return;
		//否则隐藏其他的列表
		[
			insertAwokenIcon.list,
			insertLatentIcon.list,
			insertTypeIcon.list,
			insertOrbIcon.list,
		].forEach(ul=>ul.classList.toggle(className_displayNone, ul != this.list));
	}
	insertAwokenIcon.onclick = showInsertIconList;
	insertLatentIcon.onclick = showInsertIconList;
	insertTypeIcon.onclick = showInsertIconList;
	insertOrbIcon.onclick = showInsertIconList;

	function richTextToCode(parentElement){
		function rgbToHex(str) {  //RGB(A)颜色转换为HEX十六进制的颜色值
			let res = /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*([.\d]+)\s*)?\)/ig.exec(str.replace(/\s/g,''));
			if (res) {
				let [,r,g,b,a] = res;
				let rgb = [r,g,b].map(s=>parseInt(s,10));
				if (a) { //将小数点的Alpha转成8位
					rgb.push(Math.round(parseFloat(a) * 0xFF));
				}
				return rgb.map(n=>n.toString(16).padStart(2,'0')).join('');
			}
			else if (res = /#([a-fA-F0-9]{6,8})/i.exec(str))
			{
				return res[1];
			}
			else if (str === "blue"){ //特殊翻译
				return 'qs';
			}
			else {
				return str;
			}
		}
		let code = [];
		for (let node of parentElement.childNodes) {
			let lastChild = node?.lastChild;
			if (lastChild?.nodeName === "BR"){
				lastChild.parentElement.removeChild(lastChild);
			} 
			if (node.nodeName === "#text"){ //纯文本
				code.push(node.nodeValue);
				continue;
			} else if (node.nodeName === "FONT" && node.color || node.nodeName === "SPAN" && node.style.color) { //文字颜色
				let colorStr = rgbToHex(node.nodeName === "FONT" && node.color || node.nodeName === "SPAN" && node.style.color);
				code.push(`^${colorStr}^${richTextToCode(node)}^p`);
				continue;
			} else if (node.nodeName === "DIV") {
				let lastStr = code[code.length-1];
				if (lastStr && lastStr[lastStr.length-1] !== '\n') {
					code.push('\n');
				}
				code.push(richTextToCode(node)+'\n');
				continue;
			} else if (node.nodeName === "BR") {
				code.push('\n');
				continue;
			}
			let sType, id;
			if(node.classList.contains("detail-mon")) { //卡片头像
				const mon = node.querySelector(".monster");
				if (!mon) continue;
				sType = 'm';
				id = mon.getAttribute("data-cardid");
			}
			else if(node.classList.contains("awoken-icon")) { //觉醒
				sType = 'a';
				id = node.getAttribute("data-awoken-icon");
			}
			else if(node.classList.contains("type-icon")) { //类型
				sType = 't';
				id = node.getAttribute("data-type-icon");
			}
			else if(node.classList.contains("orb")) { //宝珠
				sType = 'o';
				id = node.getAttribute("data-orb-icon");
			}
			else if(node.classList.contains("latent-icon")) { //潜觉
				sType = 'l';
				id = node.getAttribute("data-latent-icon");
			} else {
				continue;
			}
			code.push(createIndexedIconCode(sType, id));
		}
		return code.join('');
	}
	//标题删除所有的换行
	txtTitleDisplay.onblur = function(){
		for (let node of Array.from(this.children)) {
			if (node.nodeName == "BR") node.remove();
		}
		formation.title = txtTitle.value = richTextToCode(this).replaceAll('\n','');
		formationBox.refreshDocumentTitle();
		createNewUrl();
	}
	txtDetailDisplay.onblur = function(){
		//没有内容或者只有一个换行时，清空内容
		if (this.textContent.length == 0 || this.textContent == "\n") {
			for (let node of this.childNodes) {
				if (node.nodeName == "#text" || node.nodeName == "BR") {
					node.remove();
				}
			}
		}
		formation.detail = txtDetail.value = richTextToCode(this);
		createNewUrl();
	}
	txtTitle.onchange = function() {
		formation.title = this.value;
		txtTitleDisplay.innerHTML = '';
		txtTitleDisplay.append(descriptionToHTML(this.value));
		formationBox.refreshDocumentTitle();
		createNewUrl();
	};
	txtDetail.onchange = function() {
		formation.detail = this.value;
		txtDetailDisplay.innerHTML = '';
		txtDetailDisplay.append(descriptionToHTML(this.value));
		createNewUrl();
	};

	function showRichtextTool(event) {
		richTextTools.classList.remove(className_displayNone);
	}

	[
		txtTitleDisplay,
		txtDetailDisplay,
		txtTitle,
		txtDetail
	].forEach(target=>{
		target.addEventListener("focus",showRichtextTool);
	});

	//设置为可以拖放已经编辑好的队伍
	function richTextDropHandler(event) {
		let formStr = event.dataTransfer.getData('from');
		if (formStr) {
			event.preventDefault();
			const [teamNum, isAssist, indexInTeam] = JSON.parse(formStr);
			const mon = formation.teams[teamNum][isAssist][indexInTeam]
			event.target.insertAdjacentElement('afterbegin', createIndexedIcon('card', mon.id));
		} 
	}
	txtTitleDisplay.ondrop = richTextDropHandler;
	txtDetailDisplay.ondrop = richTextDropHandler;

	//这个写法的目的其实是为了确保添加顺序与1、2、3一致，即便打乱了顺序，也能正确添加
	for (let ti = 0, ti_len = formationBox.querySelectorAll(".team-bigbox").length; ti < ti_len; ti++) {
		teamBigBoxs.push(formationBox.querySelector(`.teams .team-${ti+1}`));
	}

	//将所有怪物头像添加到全局数组
	teamBigBoxs.forEach(teamBigBox => {
		const teamBox = teamBigBox.querySelector(".team-box");
		const members = Array.from(teamBox.querySelectorAll(".team-members .monster"));
		const assist = Array.from(teamBox.querySelectorAll(".team-assist .monster"));
		members.forEach(m => {
			allMembers.push(m);
		});
		assist.forEach(m => {
			allMembers.push(m);
		});
	});
	
	//从怪物头像获取队员的队伍编号
	function getMemberArrayIndexFromMonHead(headDom) {
		return [
			parseInt(headDom.getAttribute("data-team"), 10), //team
			parseInt(headDom.getAttribute("data-assist"), 10), //assist
			parseInt(headDom.getAttribute("data-index"), 10), //index
		];
	}
	//编辑界面点击每个怪物的头像的处理
	function clickMonHead(e) {
		const arr = getMemberArrayIndexFromMonHead(this);
		editBox.editMon(arr[0], arr[1], arr[2]);
		return false; //没有false将会打开链接
	}
	//编辑界面每个怪物的头像的拖动
	function dragStartMonHead(event) {
		// const changeSwapToCopy = controlBox.querySelector("#change-swap-to-copy"); //储存交换“复制”和“替换”
		// e.dataTransfer.dropEffect = changeSwapToCopy.checked ? 'copy' : 'move';
		event.dataTransfer.setData('from', JSON.stringify(getMemberArrayIndexFromMonHead(this)));
	}
	//编辑界面每个怪物的头像的经过，阻止事件发生
	function dropOverMonHead(event) {
		event.preventDefault();
	}
	//编辑界面每个怪物的头像的放下
	function dropMonHead(event) {
		let formStr = event.dataTransfer.getData('from');
		if (!formStr) return false;
		const dataFrom = JSON.parse(formStr);
		const dataTo = getMemberArrayIndexFromMonHead(this);

		if ((dataTo[0] !== dataFrom[0]) ||
			(dataTo[1] !== dataFrom[1]) ||
			(dataTo[2] !== dataFrom[2])) { //必须有所不同才继续交换
			interchangeCard(dataFrom, dataTo, event.ctrlKey);
		}
		return false; //没有false将会打开链接
	}
	
	function noDefaultEvent(event) {
		event.preventDefault();
	}
	function drawTouchLine(){
		touchLineContex.stroke();
	}
	  
	//移动端编辑界面每个怪物的头像的放下
	function touchstartMonHead(e) {
		document.addEventListener("touchmove",noDefaultEvent,{passive:false});
		e.stopPropagation();
		const tc = e.changedTouches[0];
		const pX = tc.pageX, pY = tc.pageY;

		//清空画布
		touchLineContex.clearRect(0, 0, touchLineCanvas.width, touchLineCanvas.height);
		touchLineCanvas.classList.remove(className_displayNone);
		touchLineCanvas.width = document.body.scrollWidth;
		touchLineCanvas.height = document.body.scrollHeight;

		let color1 = Math.random(), color2 = color1 + (color1 < 0.5 ? 0.5 : -0.5);
		touchLineContex.beginPath(); //重新开始一条线
		touchLineContex.lineWidth = 3; //宽度为5
		touchLineContex.fillStyle = `hsl(${color1}turn 100% 50%)`; //随机颜色
		touchLineContex.strokeStyle = `hsl(${color2}turn 100% 50%)`; //随机颜色
		touchLineContex.arc(pX, pY, 10, 0, 2 * Math.PI);
		touchLineContex.fill();
		touchLineContex.stroke();
		touchLineContex.moveTo(pX, pY); //从下手点开始
	}
	//移动端编辑界面每个怪物的头像的移动
	function touchmoveMonHead(e) {
		const tc = e.changedTouches[0];
		const pX = tc.pageX, pY = tc.pageY;

		touchLineContex.lineTo(pX, pY);
		requestAnimationFrame(()=>drawTouchLine(pX, pY));
	}
	//移动端编辑界面每个怪物的头像的结束
	function touchendMonHead(e) {
		document.removeEventListener("touchmove",noDefaultEvent,{passive:false});
		touchLineCanvas.classList.add(className_displayNone);
		const tc = e.changedTouches[0];
		const pX = tc.pageX, pY = tc.pageY;

		const target = allMembers.find(m => {
			const rect = m.getBoundingClientRect();
			const top = rect.top + document.documentElement.scrollTop;
			const left = rect.left + document.documentElement.scrollLeft;
			const isInRect = (pY > top) && (pY < (top + rect.height)) &&
				(pX > left) && (pX < (left + rect.width));
			return isInRect;
		});
		if (target && this != target) {
			//console.log("找到的对象",targets[0]);
			const dataFrom = getMemberArrayIndexFromMonHead(this);
			const dataTo = getMemberArrayIndexFromMonHead(target);

			if ((dataTo[0] != dataFrom[0]) ||
				(dataTo[1] != dataFrom[1]) ||
				(dataTo[2] != dataFrom[2])) { //必须有所不同才继续交换
				interchangeCard(dataFrom, dataTo);
			}
		}
	}
	//移动端编辑界面每个怪物的头像的取消
	function touchcancelMonHead(event) {
		document.removeEventListener("touchmove",noDefaultEvent,{passive:false});
		touchLineCanvas.classList.add(className_displayNone);
	}
	function interchangeCard(formArr, toArr, isCopy) {
		//优先使用传入的复制，然后才是考虑开关
		isCopy = isCopy || controlBox.querySelector("#change-swap-to-copy").checked; //储存交换“复制”和“替换”
		const [fromTeamNum, fromIsAssist, fromIndexInTeam] = formArr;
		const [toTeamNum, toIsAssist, toIndexInTeam] = toArr;

		function changeType(member, isAssist) {
			if (member.id == 0 || (isAssist && member.id == -1)) {
				return new Member();
			} else {
				const newMember = isAssist ? new MemberTeam() : new MemberAssist();
				newMember.loadFromMember(member);
				return newMember;
			}
		}
		
		let from = formation.teams[fromTeamNum][fromIsAssist][fromIndexInTeam];
		let to = formation.teams[toTeamNum][toIsAssist][toIndexInTeam];
		let fromCard = from.card, toCard = to.card;

		if (toIsAssist && (!fromCard?.canAssist && from.id > 0 || !fromIsAssist && toCard.onlyAssist) ||
			fromIsAssist && (!toCard?.canAssist && to.id > 0 || !toIsAssist && fromCard.onlyAssist))
		{
			[formArr, toArr].filter(([teamNum, isAssist, indexInTeam])=>{
				const member = formation.teams[teamNum][isAssist][indexInTeam];
				const card = member.card;
				if (member.id>0 && (!card?.canAssist || card.onlyAssist)) {
					const teamBigBox = teamBigBoxs[teamNum];
					const teamBox = teamBigBox.querySelector(".team-box");
					const memberBox = teamBox.querySelector(isAssist ? ".team-assist" : ".team-members");
					const memberLi = memberBox.querySelector(`.member-${indexInTeam+1}`);
					const monsterHead = memberLi.querySelector(".monster");
					monsterHead.classList.add("show-disabled-action");
					monsterHead.onanimationend = function() {
						this.classList.remove("show-disabled-action");
						this.onanimationend = null;
					}
					console.warn("该角色%s%s能作为辅助 %o",
						!card?.canAssist ? "不能" : "",
						card?.onlyAssist ? "只能" : "",
						card);
				} else {
					return false;
				}
			})

			return;
		}
		if (fromIsAssist != toIsAssist) //从武器拖到非武器才改变类型
		{
			from = changeType(from, fromIsAssist);
			if (!isCopy) to = changeType(to, toIsAssist);
		} else if (isCopy) {
			const newFrom = new from.constructor();
			newFrom.loadFromMember(from);
			from = newFrom;
		}
		formation.teams[toTeamNum][toIsAssist][toIndexInTeam] = from;
		if (!isCopy) formation.teams[fromTeamNum][fromIsAssist][fromIndexInTeam] = to;
	
		createNewUrl(); //刷新URL
		refreshAll(formation); //刷新全部
	}
	function switchLeader(e)
	{
		const headDom = this.parentNode;
		const arr = getMemberArrayIndexFromMonHead(headDom);
		const team = formation.teams[arr[0]];
		const member = team[arr[1]][arr[2]];
		const card = Cards[member.id] || Cards[0];
		const skills = getCardActiveSkills(card, [93, 227]); //更换队长的技能
		if (skills.length < 1) return;
		const skill = skills[0];

		if (team[3] > 0) //如果队伍已经换了队长
		{
			if (skill.type == 227 //固定与右侧换队长
				|| team[3] == arr[2]) //点的就是换的队长
			{
				team[3] = 0; //还原
			}else
			{
				team[3] = arr[2]; //改变成任何能点的换队长
			}
		}else //如果队伍没有换队长
		{
			if (skill.type == 227) //固定与右侧换队长
			{
				let myTeam = team[0].slice(0,5);
				team[3] = myTeam.length - 1 - myTeam.concat().reverse().findIndex(m=>m.id>0);
			}
			else if(arr[2] > 0) //如果点的不是原队长
			{
				team[3] = arr[2]; //接换成新队长
			}
		}
		createNewUrl(); //刷新URL
		refreshAll(formation); //刷新全部

		e.stopPropagation();
		e.preventDefault();
	}
	//所有怪物头像，添加拖动交换的代码
	allMembers.forEach(m => {
		//点击
		m.onclick = clickMonHead;
		//拖动
		m.draggable = true;
		m.ondragstart = dragStartMonHead;
		m.ondragover = dropOverMonHead;
		m.ondrop = dropMonHead;
		//触摸
		m.ontouchstart = touchstartMonHead;
		m.ontouchmove = touchmoveMonHead;
		m.ontouchend = touchendMonHead;
		m.ontouchcancel = touchcancelMonHead;
		//子元素
		m.querySelector(".switch-leader").onclick = switchLeader;
	});

	//添加徽章
	const badgeDialog = document.getElementById("badge-choose");
	const badgeDialogForm = badgeDialog.querySelector("form");
	// const badgeDialogConfirm = badgeDialog.querySelector(".dialog-confirm");
	const badgeChooseName = "choose-team-badge";
	const teamBadgeUl = badgeDialog.querySelector(".team-badges");
	
	official_badge_sorting.forEach(bgId=>{
		const li = document.createElement("li");
		const radio = li.appendChild(document.createElement("input"));
		radio.type="radio";
		radio.value = bgId;
		radio.name = badgeChooseName;
		radio.id = `${radio.name}-${bgId}`;

		const label = li.appendChild(document.createElement("label"));
		label.className = "badge";
		label.setAttribute("data-badge-icon", bgId);
		label.setAttribute("for", radio.id);
		teamBadgeUl.appendChild(li);
	});
	
	teamBigBoxs.forEach((teamBigBox, teamIdx) => {
		//徽章
		const teamBadge = teamBigBox.querySelector(".team-badge");
		const returnFunc = function(event){
			const returnValue = this.returnValue;
			if (returnValue === "cancel") return;
			const formData = new FormData(badgeDialogForm);
			const badgeValue = formData.get(badgeChooseName) || 0;
			_badgeThis.setAttribute("data-badge-icon", badgeValue);
			_badgeThis.value = badgeValue;
			const team = formation.teams[teamIdx];
			team[2] = parseInt(badgeValue, 10);
			refreshAll(formation);
			createNewUrl();
			//badgeDialog.removeEventListener("close", returnFunc);
		};
		if (teamBadge) teamBadge.onclick = function(){
			_badgeThis = this;
			const currentBadge = teamBadgeUl.querySelector(`#choose-team-badge-${_badgeThis.dataset.badgeIcon}`);
			if (currentBadge) currentBadge.checked = true;

			badgeDialog.addEventListener("close", returnFunc, {once: true});
			badgeDialog.showModal();
		};
		const reduceDetailsBar = teamBigBox.querySelector(".tIf-total-hp .reduce-details");
		if (reduceDetailsBar) reduceDetailsBar.onclick = function(){
			hpDetailDialog.initialing(this.reduceAttrRangesWithShieldAwoken, this.reduceAttrRanges, this.tHP, this.tHPNoAwoken);
			hpDetailDialog.show();
		}

		//给队伍觉醒效果里面的觉醒按钮增加高亮功能
		const teamAwokenEffect = teamBigBox.querySelector(".team-awoken-effect");
		if (teamAwokenEffect) {
			const t = document.body.querySelector('#template-team-awoken-effect');
			const clone = document.importNode(t.content, true);

			const akIcons = clone.querySelectorAll(".awoken-icon");
			akIcons.forEach(icon=>{
				icon.onmouseenter = highlightAwokenMemberForIcon;
				icon.onmouseleave = removeAllHighlightOnAwokenMenber;
			});

			teamAwokenEffect.appendChild(clone);
		}

		// //给队伍觉醒效果里面增加主动技能点亮图标
		// if (teamAwokenEffect) {
		// 	const t = document.body.querySelector('#template-team-active-skill-kind');
		// 	const clone = document.importNode(t.content, true);

		// 	const akIcons = clone.querySelectorAll(".awoken-icon");
		// 	akIcons.forEach(icon=>{
		// 		icon.onmouseenter = highlightAwokenMemberForIcon;
		// 		icon.onmouseleave = removeAllHighlightOnAwokenMenber;
		// 	});

		// 	teamAwokenEffect.appendChild(clone);
		// }
	});

	//显示HP的详细值
	const hpDetailDialog = document.getElementById("dialog-hp-detail");
	hpDetailDialog.initialing = function(reduceAttrRanges, reduceAttrRangesWithOutAwoken, tHP, tHPNoAwoken)
	{
		const dialogContent = this.querySelector(".dialog-content");
		const fragment = document.createDocumentFragment();
		
		if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0])) //有指定属性减伤
		{
			for (let ri=0;ri<reduceAttrRanges.length;ri++) {
				fragment.appendChild(insertHpRangeTable(reduceAttrRanges[ri], reduceAttrRangesWithOutAwoken[ri], tHP, tHPNoAwoken, ri));
			}
		}
		else //只有阶梯盾
		{
			fragment.appendChild(insertHpRangeTable(reduceAttrRanges[0], reduceAttrRangesWithOutAwoken[0], tHP, tHPNoAwoken, 31));
		}
		
		dialogContent.innerHTML = "";
		dialogContent.appendChild(fragment);
	}
	function insertHpRangeTable(reduceRanges, reduceRangesWithOutAwoken, tHP, tHPNoAwoken, attr)
	{
		const table = document.createElement("table");
		table.className = "hp-range-table";
		table.setAttribute("data-attr", attr);
		table.createCaption();
		const tHead = table.createTHead();
		const tBody = table.createTBody();
		const rangeRow = tHead.insertRow();
		rangeRow.className = "hp-range";
		rangeRow.appendChild(document.createElement("th"));
		const rageHpRow = tBody.insertRow();
		rageHpRow.className = "general";
		rageHpRow.appendChild(document.createElement("th"));
		const rageHpNoAwokenRow = tBody.insertRow();
		rageHpNoAwokenRow.className = "awoken-bind";
		rageHpNoAwokenRow.appendChild(document.createElement("th"));
		const reduceRow = tBody.insertRow();
		reduceRow.className = "reduce-scale";
		reduceRow.appendChild(document.createElement("th"));
		const reduceHpRow = tBody.insertRow();
		reduceHpRow.className = "reduce-general";
		const reduceHpRowTitle = reduceHpRow.appendChild(document.createElement("th"));
		const reduceHpRowTitleSheild = reduceHpRowTitle.appendChild(document.createElement("icon"));
		reduceHpRowTitleSheild.className = "sheild";
		const reduceHpNoAwokenRow = tBody.insertRow();
		reduceHpNoAwokenRow.className = "reduce-awoken-bind";
		const reduceHpNoAwokenRowTitle = reduceHpNoAwokenRow.appendChild(document.createElement("th"));
		const reduceHpNoAwokenRowTitleSheild = reduceHpNoAwokenRowTitle.appendChild(document.createElement("icon"));
		reduceHpNoAwokenRowTitleSheild.className = "sheild";
		for (let ri=0;ri<reduceRanges.length;ri++) {
			const range = reduceRanges[ri];
			const rangeWOA = reduceRangesWithOutAwoken[ri];
			const hpRange = rangeRow.insertCell();
			const hpRangeMin = hpRange.appendChild(document.createElement("span"));
			hpRangeMin.className = "hp-range-min";
			hpRangeMin.textContent = range.min;
			hpRange.append(" ~ ");
			const hpRangeMax = hpRange.appendChild(document.createElement("span"));
			hpRangeMax.className = "hp-range-max";
			hpRangeMax.textContent = range.max;

			const hpGeneral = rageHpRow.insertCell();
			hpGeneral.textContent = `${Math.round(tHP * (range.min / 100)).bigNumberToString()} ~ ${Math.round(tHP * (range.max/100)).bigNumberToString()}`;

			const hpAwokenBind = rageHpNoAwokenRow.insertCell();
			hpAwokenBind.textContent = `${Math.round(tHPNoAwoken * (range.min / 100)).bigNumberToString()} ~ ${Math.round(tHPNoAwoken * (range.max/100)).bigNumberToString()}`;

			const reduce = reduceRow.insertCell();
			const reduceScale = reduce.appendChild(document.createElement("span"));
			reduceScale.textContent = `${parseFloat((range.scale * 100).toFixed(2))}`;
			if (rangeWOA.scale !== range.scale) {
				reduce.appendChild(document.createTextNode("/"));
				const reduceScaleWithOutAwoken = reduce.appendChild(document.createElement("span"));
				reduceScaleWithOutAwoken.textContent = `${parseFloat((rangeWOA.scale * 100).toFixed(2))}`;
			}

			if (range.probability < 1)
			{
				reduce.append("(");
				const reduceProb = reduce.appendChild(document.createElement("span"));
				reduceProb.className = "reduce-probability";
				reduceProb.textContent = `${(range.probability * 100).toFixed(0)}`;
				reduce.append(")");
			}

			const reduceGeneral = reduceHpRow.insertCell();
			reduceGeneral.textContent = `${Math.round(tHP * (range.min / 100) / (1 - range.scale)).bigNumberToString()} ~ ${Math.round(tHP * (range.max/100) / (1 - range.scale)).bigNumberToString()}`;
			
			const reduceAwokenBind = reduceHpNoAwokenRow.insertCell();
			reduceAwokenBind.textContent = `${Math.round(tHPNoAwoken * (rangeWOA.min / 100) / (1 - rangeWOA.scale)).bigNumberToString()} ~ ${Math.round(tHPNoAwoken * (rangeWOA.max/100) / (1 - rangeWOA.scale)).bigNumberToString()}`;
		}
		return table;
	}
	
	//设置地下城倍率
	const dungeonEnchanceDialog = document.getElementById("dialog-dungeon-enchance");
	const dungeonEnchanceForm = dungeonEnchanceDialog.querySelector("form");
	const dialogContent = dungeonEnchanceDialog.querySelector(".dialog-content");
	const rareDoms = Array.from(dialogContent.querySelectorAll(".rare-list .rare-check"));
	const attrDoms = Array.from(dialogContent.querySelectorAll(".attr-list .attr-check"));
	const typeDoms = Array.from(dialogContent.querySelectorAll(".type-list .type-check"));
	const collabIdIpt = dialogContent.querySelector("#dungeon-collab-id");
	const gachaIdIpt = dialogContent.querySelector("#dungeon-gacha-id");
	const benefitDoms = Array.from(dialogContent.querySelectorAll(".benefit-list .benefit-check"));
	const currentStageIpt = dialogContent.querySelector("#current-stage");

	//读取当前的地下城设定
	dungeonEnchanceDialog.initialing = function(formation){
		const dge = formation.dungeonEnchance;
		function runCheck(checkBox){
			checkBox.checked = this.includes(parseInt(checkBox.value, 10));
		}
		rareDoms.forEach(runCheck, dge.rarities);
		attrDoms.forEach(runCheck, dge.attrs);
		typeDoms.forEach(runCheck, dge.types);
		gachaIdIpt.value = dge.gachas.join();
		collabIdIpt.value = dge.collabs.join();

		const {hp, atk, rcv} = dge.rate;
		dialogContent.querySelector("#dungeon-hp").value = hp;
		dialogContent.querySelector("#dungeon-atk").value = atk;
		dialogContent.querySelector("#dungeon-rcv").value = rcv;

		const benefit = dge.benefit || 0;
		benefitDoms.find(dom=>parseInt(dom.value, 10) == benefit).checked = true;
		currentStageIpt.value = dge.stage || 1;
	}
	/* //直接通过 reset 浏览器默认功能重置了
	const dungeonEnchanceDialogClear = dungeonEnchanceDialog.querySelector(".dialog-clear");
	dungeonEnchanceDialogClear.onclick = function(){
		function unchecked(checkBox) {
			checkBox.checked = false;
		}
		rareDoms.forEach(unchecked);
		attrDoms.forEach(unchecked);
		typeDoms.forEach(unchecked);
		collabIdIpt.value = '';
		gachaIdIpt.value = '';
		benefit0.checked = true;
		dialogContent.querySelector("#dungeon-hp").value = 1;
		dialogContent.querySelector("#dungeon-atk").value = 1;
		dialogContent.querySelector("#dungeon-rcv").value = 1;
		currentStageIpt.value = 1;
	};*/
	const dungeonEnchanceDialogOpen = controlBox.querySelector("#btn-set-dungeon-enchance");
	dungeonEnchanceDialogOpen.onclick = function(){
		dungeonEnchanceDialog.initialing(formation);
		dungeonEnchanceDialog.showModal();
	};
	dungeonEnchanceDialog.onclose = function(event) {
		const returnValue = event.target.returnValue;
		if (returnValue === "cancel") return;

		const formData = new FormData(dungeonEnchanceForm);
		const dge = formation.dungeonEnchance;
		dge.rarities = formData.getAll("dungeon-rare").map(Str2Int);
		dge.attrs = formData.getAll("dungeon-attrs").map(Str2Int);
		dge.types = formData.getAll("dungeon-types").map(Str2Int);
		dge.rate.hp = Number(formData.get("dungeon-hp"));
		dge.rate.atk = Number(formData.get("dungeon-atk"));
		dge.rate.rcv = Number(formData.get("dungeon-rcv"));
		dge.collabs = formData.get("dungeon-collab-id").split(',').map(str=>parseInt(str,10)).filter(Boolean);
		dge.gachas = formData.get("dungeon-gacha-id").split(',').map(str=>parseInt(str,10)).filter(Boolean);
		dge.benefit = Str2Int(formData.get("dungeon-benefit"));
		dge.stage = Str2Int(formData.get("current-stage"));

		refreshAll(formation);
		createNewUrl();
	};

	//编辑框
	editBox.mid = null; //储存怪物id
	editBox.latent = []; //储存潜在觉醒
	editBox.isAssist = false; //储存是否为辅助宠物
	editBox.monsterHead = null;
	editBox.latentBox = null;
	editBox.memberIdx = []; //储存队伍数组下标
	editBox.show = function() {
		this.classList.remove(className_displayNone);
		//解决SVG问题
		// const activeSkillTitle = skillBox.querySelector("#active-skill-title");
		// const evolvedSkillTitle = skillBox.querySelector("#evolved-skill-title");
		// const leaderSkillTitle = leaderSkillBox.querySelector("#leader-skill-title");
		// svgGradientTextLengthRestore(activeSkillTitle);
		// svgGradientTextLengthRestore(evolvedSkillTitle);
		// svgGradientTextLengthRestore(leaderSkillTitle);
	};
	editBox.hide = function() {
		this.classList.add(className_displayNone);
		// if (isGuideMod) {
		// 	const url = new URL(location);
		// 	url.searchParams.delete("guide");
		// 	url.searchParams.delete("id");
		// 	history.replaceState(null,null,url);
		// }
		//删除编辑模式
		sessionStorage.removeItem('editing');
	};

	const monInfoBox = editBox.querySelector(".monsterinfo-box");
	const monInfoBoxMainAvatar = monInfoBox.querySelector(".monster");
	monInfoBoxMainAvatar.onclick = function(){ //主头像修改为点击保存自身画面
		const id = parseInt(this.dataset.cardid, 10) || 0;
		captureScreenshot(this, `${id}`, true);
	}

	const searchBox = editBox.querySelector(".search-box");
	const settingBox = editBox.querySelector(".setting-box");

	const mSeriesId = monInfoBox.querySelector(".monster-seriesId");
	mSeriesId.onclick = function() { //搜索系列
		const sid = parseInt(this.getAttribute(dataAttrName), 10);
		if (sid > 0) {
			showSearchBySeriesId(sid, "series");
		}
	};
	const mCollabId = monInfoBox.querySelector(".monster-collabId");
	mCollabId.onclick = function() { //搜索合作
		const sid = parseInt(this.getAttribute(dataAttrName), 10);
		if (sid > 0) {
			showSearchBySeriesId(sid, "collab");
		}
	};
	const mGachaId = monInfoBox.querySelector(".monster-gachaId");
	mGachaId.onclick = function() { //搜索桶
		const sids = this.getAttribute(dataAttrName).split(',')
					 .filter(Boolean).map(n=>parseInt(n, 10));
		if (sids.length) {
			showSearchBySeriesId(sids, "gacha");
		}
	};
	//以字符串搜索窗口
	const stringSearchDialog = document.getElementById("dialog-search-string");
	//将输入的字符串变为参数数组
	function parseArgumentsString(str) {
		//火狐v129才支持重复正则表达式匹配组，所以只能这样兼容旧版本
		const matches = [...str.matchAll(new RegExp('\\"(?<arg1>[^\\"]*)\\"|(?<arg2>\\S+)', "ig"))];
		return matches.map(match=>match?.groups?.arg1 ?? match?.groups?.arg2);
	}
	function searchByString(str, onlyInTag = false)
	{ // 考虑了一下onlyInTag被废弃了，因为和游戏内搜索不符
		if (typeof str !== "string") return;
		const args = parseArgumentsString(str).map(str=>str.toLowerCase());
		if (args.length === 0) return;
		return Cards.filter(card => {
			let cardTags = card.altName.concat(card?.otTags ?? []); //加入Tag
			if (!onlyInTag) { //如果不是仅搜索Tag，则加入怪物名称
				cardTags.push(card.name);
				card.otLangName && cardTags.push(...Object.values(card.otLangName));
			}
			cardTags = cardTags.map(str=>str.toLowerCase()); //先转小写
			//每一个参数都需要在搜索内容里
			return args.every(arg=>cardTags.some(str=>str.includes(arg)));
		});
	}
	const copyInputString = (function () { //惰性函数，根据浏览器支持情况只判断一次
		if (navigator.clipboard) { //优先使用新API
			return (input)=>{
				input.focus(); //设input为焦点
				input.select(); //选择全部
				navigator.clipboard.writeText(input.value);
			}
		} else {
			return (input)=>{
				input.focus(); //设input为焦点
				input.select(); //选择全部
				document.execCommand('copy');
			}
		}
	})();
	stringSearchDialog.initialing = function(originalStrArr = [], additionalStrArr = []) {
		//清除空字符串
		originalStrArr = originalStrArr.filter(Boolean);
		additionalStrArr = additionalStrArr.filter(Boolean);
		const stringSearchContent = this.querySelector(".dialog-content");
		const fragment = document.createDocumentFragment();
		function copyLeft() {
			copyInputString(this.parentElement.querySelector(".string-value"));
		}
		function searchLeft() {
			const oStr = this.parentElement.querySelector(".string-value")?.value;
			if (!oStr) return;
			//把Tag内容加上两侧的双引号，避免被区分成不同的参数
			const str = `"${oStr}"`;
			str && showSearch(searchByString(str, true));
		}
		function stringLine(str, copy = false) {
			const li = document.createElement("li");
			const ipt = li.appendChild(document.createElement("input"));
			ipt.className = "string-value";
			ipt.value = str;
			ipt.readOnly = true;
			if (copy) {
				const copyBtn = li.appendChild(document.createElement("button"));
				copyBtn.className = "string-copy";
				copyBtn.onclick = copyLeft;
			}
			const searchBtn = li.appendChild(document.createElement("button"));
			searchBtn.className = "string-search";
			searchBtn.onclick = searchLeft;
			return li;
		}
		if (originalStrArr.length) {
			const ul_original = fragment.appendChild(document.createElement("ul"));
			ul_original.className = "original-string";
			ul_original.append(...originalStrArr.map(str=>stringLine(str, true)));
		}
		if (additionalStrArr.length) {
			const ul_additional = fragment.appendChild(document.createElement("ul"));
			ul_additional.className = "additional-string";
			ul_additional.append(...additionalStrArr.map(str=>stringLine(str, false)));
		}
		stringSearchContent.innerHTML = "";
		stringSearchContent.appendChild(fragment);
	}

	function dialogShowFunction(...arg){
		this?.initialing(...arg); //自身初始化
		this.classList.remove(className_displayNone);
	};
	function dialogCloseFunction(){
		this.classList.add(className_displayNone);
	};
	function dialogCloseButtonFunction(){
		this.parentElement.parentElement.close();
	};
	function dialogInitialing(dialog){
		dialog.show = dialogShowFunction;
		dialog.close = dialogCloseFunction;
		const closeButton = dialog.querySelector(".dialog-close");
		closeButton.onclick = dialogCloseButtonFunction;
	}

	const mAltName = monInfoBox.querySelector(".monster-altName");
	mAltName.onclick = function() { //搜索合作
		//const mid = parseInt(this.getAttribute('data-monId'));
		const card = Cards[editBox.mid];
		if (card)
		{
			stringSearchDialog.initialing(card.altName, card.otTags);
			stringSearchDialog.show();
		}
	};
	//创建一个新的怪物头像
	editBox.createCardHead = function(id, options = {}) {
		function clickHeadToNewMon(event) {
			event.preventDefault(); //取消链接的默认操作
			monstersID.value = this.dataset.cardid;
			formIdSearch.onchange();
		}
		const cli = document.createElement("li");

		const cdom = cli.head = cli.appendChild(createCardA(options));
		cdom.onclick = clickHeadToNewMon;

		let card;
		if (id instanceof Member) {
			changeid(id, cdom);
			card = id.card;
		} else {
			changeid({ id: id }, cdom);
			card = Cards[id];
		}
		cli.card = card;
		if (card?.canAssist)
			cli.classList.add("allowable-assist");
		if (options.showCD)
		{
			const CDPreview = cli.appendChild(document.createElement("div"));
			CDPreview.className = "cd-preview";
			if (card.activeSkillId>0)
			{
				const skill = Skills[card.activeSkillId];
				const CD_Max = skill.initialCooldown;
				const CD_Min = skill.initialCooldown - skill.maxLevel + 1;
				const CD_MinDom = CDPreview.appendChild(document.createElement("span"));
				CD_MinDom.className = "cd-min";
				if (CD_Max !== CD_Min)
				{	
					CD_MinDom.textContent = CD_Min;
				}else
				{
					CD_MinDom.classList.add(className_displayNone);
				}
				const CD_MaxDom = CDPreview.appendChild(document.createElement("span"));
				CD_MaxDom.className = "cd-max";
				CD_MaxDom.textContent = CD_Max;
				if (skill.type === 232 || skill.type === 233) {
					CDPreview.appendChild(document.createElement("br"));
					const CD_EvoDom = CDPreview.appendChild(document.createElement("span"));
					CD_EvoDom.className = "cd-evo";
					CD_EvoDom.textContent = skill.params.slice(1).map(id=>Skills[id].initialCooldown).join('➔');
					if (skill.type === 233) CD_EvoDom.classList.add("loop-evo-skill");
				}
			}
		}
		//产生一个能力值列表
		function creatAbilitiesList(abilities) {
			const abilitiesPreview = document.createElement("ul");
			abilitiesPreview.className = "abilities-preview";
			const hpDom = abilitiesPreview.appendChild(document.createElement("li"));
			hpDom.className = "hp-preview";
			hpDom.textContent = abilities.hp;
			const atkDom = abilitiesPreview.appendChild(document.createElement("li"));
			atkDom.className = "atk-preview";
			atkDom.textContent = abilities.atk;
			const rcvDom = abilitiesPreview.appendChild(document.createElement("li"));
			rcvDom.className = "rcv-preview";
			rcvDom.textContent = abilities.rcv;
			const indexDom = abilitiesPreview.appendChild(document.createElement("li"));
			indexDom.className = "index-preview";
			indexDom.textContent = Math.round(abilities.hp/10 + abilities.atk/5 + abilities.rcv/3);
			return abilitiesPreview;
		}
		if (options.showAbilities || options.showAbilitiesWithAwoken)
		{
			const abilities_2status = calculateAbility_max(id, solo, teamsCount, 120);
			if (options.showAbilities && abilities_2status)
			{
				const abilitiesPreview = cli.appendChild(creatAbilitiesList(abilities_2status.noAwoken));
			} 
			if (options.showAbilitiesWithAwoken && abilities_2status)
			{
				const abilitiesPreview = cli.appendChild(creatAbilitiesList(abilities_2status.withAwoken));
				abilitiesPreview.classList.add("abilities-with-awoken-preview");
			}
		}
		if (options.showAwoken)
		{
			//产生一个觉醒列表
			function creatAwokenList(awokens) {
				const ul = document.createElement("ul");
				ul.className = "awoken-ul";
				awokens.forEach(ak=>{
					const li = ul.appendChild(document.createElement("li"));
					const icon = li.appendChild(document.createElement("icon"));
					icon.className = "awoken-icon";
					icon.setAttribute("data-awoken-icon",ak);
				});
				return ul;
			}
			const awokenPreview = cli.appendChild(document.createElement("div"));
			awokenPreview.className = "awoken-preview";
			if (card.awakenings.length)
			{
				const akUl = awokenPreview.appendChild(creatAwokenList(card.awakenings)); //添加觉醒
				akUl.classList.add("awoken-preview-awakenings");
			}
			if (card.superAwakenings.length)
			{
				const sakUl = awokenPreview.appendChild(creatAwokenList(card.superAwakenings)); //添加超觉醒
				sakUl.classList.add("awoken-preview-superAwakenings");
				if (card.syncAwakening) {
					const li = sakUl.insertAdjacentElement("afterbegin",document.createElement("li"));
					const icon = li.appendChild(document.createElement("icon"));
					icon.className = "awoken-icon sync-awakening";
					icon.setAttribute("data-awoken-icon", 0);

				}
				sakUl.classList.toggle("sync-awakening", Boolean(card.syncAwakening));
			}
		}
		
		if (options.customAddition)
		{
			options.customAddition.forEach(func=>{
				const c_addition = cli.appendChild(document.createElement("div"));
				c_addition.className = "custom-addition";
				let content = func(card);
				content && c_addition.append(content);
			});
		}

		return cli;
	};

	//显示进化树
	const evolutionaryTreeMask = settingBox.querySelector(".mask-evolutionary-tree");

	evolutionaryTreeMask.initialize = function(monid)
	{
		const maskContent = this.querySelector(".mask-content");
		const fragment = document.createDocumentFragment();
		const evoTree = new EvoTree(monid);

		fragment.appendChild(evoTree.toListNode());
		maskContent.innerHTML = "";
		maskContent.appendChild(fragment);
	}
	//显示进化需求树
	evolutionaryTreeMask.showRequirementTree = function(monid)
	{
		const maskContent = this.querySelector(".mask-content");
		const fragment = document.createDocumentFragment();
		const evoTree = new RequirementTree(monid);

		fragment.appendChild(evoTree.toListNode());
		maskContent.innerHTML = "";
		maskContent.appendChild(fragment);
		this.classList.remove(className_displayNone);
	}
	const searchEvolutionByThis = settingBox.querySelector(".row-mon-id .search-evolution-by-this");
	searchEvolutionByThis.onclick = function() {showSearch(Cards.filter(card=>card.evoMaterials.includes(editBox.mid)))};
	
	//const s_attr_lists = Array.from(searchBox.querySelectorAll(".attrs-div .attr-list")).map(list=>Array.from(list.querySelectorAll("input[type=\"radio\"]")));
	const s_fixMainColor = searchBox.querySelector("#fix-main-color");
	const s_typesDiv = searchBox.querySelector(".types-div");
	const s_typeAndOr = s_typesDiv.querySelector("#type-and-or");
	const s_typesUl = s_typesDiv.querySelector(".type-list");
	const s_typesLi = Array.from(s_typesUl.querySelectorAll("li"));
	const s_types = s_typesLi.map(li=>li.querySelector(".type-check")); //checkbox集合
	const attrPreview = searchBox.querySelector(".attrs-div .monster");
	const s_attr_preview_attrs = Array.from(attrPreview.querySelectorAll(".attrs .attr"));
	
	const s_AttrForm = document.getElementById("search-attr");
	let attrAnimeHook = null; //储存动画钩子
	const attrsMatrix = new Array(s_attr_preview_attrs.length);
	function attrLoopAnime(){
		for (let i = 0; i < s_attr_preview_attrs.length; i++) {
			const attrs = attrsMatrix[i];
			if (attrs.length) s_attr_preview_attrs[i].dataset.attr = attrs.randomItem();
		}
	}
	s_AttrForm.onchange = function(event){
		event?.preventDefault();
		const formData = new FormData(this);
		for (let i = 0; i < s_attr_preview_attrs.length; i++) {
			attrsMatrix[i] = formData.getAll(`attr-${i+1}`).map(v=>parseInt(v,10));
			const attrs = attrsMatrix[i];
			if (attrs.length < 1) attrs.push("any");
		}
		clearInterval(attrAnimeHook); //清除旧动画
		attrLoopAnime();
		if (attrsMatrix.some(attrs=>attrs.length > 1)) //如果某一个选择的属性大于 1
			attrAnimeHook = setInterval(attrLoopAnime, 1000); //每秒做一次随机动画
	}
	s_AttrForm.onchange(); //先跑一次，这样刷新前的属性也会显示出来
	s_AttrForm.onreset = function(event){
		clearInterval(attrAnimeHook);
		s_attr_preview_attrs.forEach(node=>node.dataset.attr = "any");
	};

	//可以自行打开图片设定头像的彩蛋
	const avatarSelect = attrPreview.querySelector("#avatar-select");
	const customAvatar = attrPreview.querySelector(".custom-avatar");
	avatarSelect.onchange = async function(event){
		
		let img = await createImageBitmap(event.target.files[0]);

		customAvatar.style.backgroundImage = `none`;
		const ctx = customAvatar.getContext("2d");
		let imgScale = Math.max(customAvatar.offsetWidth / img.width,  customAvatar.offsetHeight / img.height);
		//清空画布
		ctx.clearRect(0, 0, customAvatar.offsetWidth, customAvatar.offsetHeight);
		//保持比例居中填充画图
		ctx.drawImage(img,
			-(img.width * imgScale - customAvatar.offsetWidth) / 2,
			-(img.height * imgScale - customAvatar.offsetHeight) / 2,
			img.width * imgScale,
			img.height * imgScale
		);
		img.close();
	};
	const btnCustomAvatarSave = searchBox.querySelector(".attrs-div #avatar-save");
	btnCustomAvatarSave.onclick = function(event) {
		const downLink = controlBox.querySelector(".down-capture");
		html2canvas(attrPreview, {backgroundColor: null}).then(canvas => {
			canvas.toBlob(function(blob) {
				window.URL.revokeObjectURL(downLink.href);
				downLink.href = URL.createObjectURL(blob);
				downLink.download = `custom-avatar.png`;
				downLink.click();
			});
		});
	}
	//显示第四属性的选择，彩蛋
	function set_4th_attrs(){
		btnCustomAvatarSave.classList.remove(className_displayNone);
		const attrs4 = s_AttrForm.querySelector(".attr-selecter-list .attr-list.display-none");
		if (attrs4) {

			attrs4.classList.remove(className_displayNone);
			[...s_AttrForm.querySelectorAll(".attr-selecter-list .attr-list")].forEach(list=>list.querySelector("li.display-none").classList.remove(className_displayNone));
		}
		editBox.changeMonId(monstersID.value);
		const spoof = confirm("你可以上传你的自定义图片以制作卡片头像。\nYou can upload your custom image to make a card avatar.\n\n是否启用🤡恶搞功能？\n所有角色全部随机设定四种属性。\nEnable 🤡Spoof function ?\nAll Cards set 4 random attrs. ");
		if (spoof) {
			Cards.forEach(card=>{
				if (!card.enabled) return;
				card.attrs.length = 0; //清除旧的属性
				card.attrs[0] = Math.randomInteger(0, 6);
				for (let i = 1; i < 4; i++) {
					const maxAttr = (i === 1 && card.attrs[0] === 6) ? 5 : 6; //如果第一属性是无属性，第二属性就不可以是无属性
					card.attrs[i] = Math.randomInteger(0, maxAttr);
					if (i >= 1 && card.attrs[i] === 6) break; //如果第2属性开始，一旦出现了无属性，就不需要再继续了
				}
			});
		}
	}
	avatarSelect.addEventListener("click", set_4th_attrs, {once: true});

	function s_types_onchange(){
		const newClassName = `type-killer-${this.value}`;
		s_typesUl.classList.toggle(newClassName, this.checked && s_typeAndOr.checked);
	}
	s_types.forEach(checkBox=>checkBox.onchange = s_types_onchange);

	const s_types_latentUl = s_typesDiv.querySelector(".latent-ul");
	const s_types_latentli = Array.from(s_types_latentUl.querySelectorAll("li"));
	function s_types_latentli_onclick(){
		const latenttype = parseInt(this.getAttribute("data-latent-icon"));
		const killerTypes = typekiller_for_type.filter(o=>o.allowableLatent.includes(latenttype)).map(o=>o.type);
		s_types.forEach(checkbox=>{
			const type = parseInt(checkbox.value);
			checkbox.checked = killerTypes.includes(type);
		});
	}
	s_types_latentli.forEach(latent=>latent.onclick = s_types_latentli_onclick);

	s_typeAndOr.onchange = function(){
		s_types.forEach(checkBox=>checkBox.onchange());
		s_types_latentUl.classList.toggle(className_displayNone, this.checked);;
	};
	s_typeAndOr.onchange();

	//稀有度筛选
	const s_rareDiv = searchBox.querySelector(".rare-div");
	const s_rareLst = s_rareDiv.querySelector(".rare-list");
	const s_rareChecks = Array.from(s_rareLst.querySelectorAll("input[name='search-rare']"));
	const s_rareClear = s_rareDiv.querySelector(".rare-clear");
	s_rareClear.onclick = function(){
		s_rareChecks.forEach(i => i.checked = false);
	}

	const s_awokensDiv = searchBox.querySelector(".awoken-div");
	const s_awokensUl = s_awokensDiv.querySelector(":scope .all-awokens .awoken-ul");
	const s_awokensLi = Array.from(s_awokensUl.querySelectorAll(".awoken-count"));
	const s_awokensIcons = s_awokensLi.map(li => li.querySelector(".awoken-icon"));
	s_awokensUl.originalSorting = s_awokensIcons.map(icon => parseInt(icon.getAttribute("data-awoken-icon"), 10)); //储存觉醒列表的原始排序

	const searchMonList = editBox.querySelector(".search-mon-list"); //搜索结果列表
	searchMonList.originalHeads = null; //用于存放原始搜索结果

	const s_awokensEquivalent = searchBox.querySelector("#consider-equivalent-awoken"); //搜索等效觉醒
	const s_canAssist = searchBox.querySelector("#can-assist"); //只搜索辅助
	const s_canLevelLimitBreakthrough = searchBox.querySelector("#can-level-limit-breakthrough"); //可以突破等级上限
	const s_have8LatentSlot = searchBox.querySelector("#have-8-latent-slot"); //有8格潜觉
	const s_notWeapon = searchBox.querySelector("#not-weapon"); //不是武器
	s_notWeapon.onchange = function(){
		//勾选不是武器时，去掉觉醒里的武器
		if (this.checked) {
			const awokenBtn = s_awokensIcons.find(btn => parseInt(btn.getAttribute("data-awoken-icon"), 10) == 49);
			if (awokenBtn) awokenBtn.removeAttribute("data-awoken-count");
			const addedAwokenIcons = Array.from(s_selectedAwokensUl.querySelectorAll('[data-awoken-icon="49"]'));
			addedAwokenIcons.forEach(icon=>icon.parentNode.remove());
		}
	}

	//强调箱子拥有开关
	const s_boxHave = document.getElementById("box-have");
	s_boxHave.checked = localStorage_getBoolean(cfgPrefix + s_boxHave.id);
	s_boxHave.onchange = function(e) {
		document.body.classList.toggle("emphasize-box-have", this.checked);;
		if (e) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
	};
	s_boxHave.onchange(false);

	const s_sawokensDetail = searchBox.querySelector(".sawoken-detail");
	s_sawokensDetail.open = localStorage_getBoolean(cfgPrefix + 'hide-sawoken');
	s_sawokensDetail.querySelector("summary").onclick = function(event) {
		if (event instanceof Event) localStorage.setItem(cfgPrefix + 'hide-sawoken', Number(!s_sawokensDetail.open));
	}
	const s_sawokensUl = s_sawokensDetail.querySelector(".awoken-ul");
	const s_sawokensLi = Array.from(s_sawokensUl.querySelectorAll(".awoken-count"));
	s_sawokensUl.originalSorting = s_sawokensLi.map(li => parseInt(li.querySelector(".awoken-icon").getAttribute("data-awoken-icon"), 10));

	const s_sawokens = s_sawokensLi.map(li => li.querySelector(".sawoken-check"));
	const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒
	s_includeSuperAwoken.onchange = function() {
		s_sawokensDetail.classList.toggle(className_displayNone, this.checked);;
	};
	s_includeSuperAwoken.onchange();

	//显示官方觉醒排序开关
	const s_showOfficialAwokenSorting = document.getElementById("show-official-awoken-sorting");
	s_showOfficialAwokenSorting.checked = localStorage_getBoolean(cfgPrefix + s_showOfficialAwokenSorting.id);
	s_showOfficialAwokenSorting.onchange = function(e){
		const checked = this.checked;
		if (e) localStorage.setItem(cfgPrefix + this.id, Number(checked));
		const fragmentAwoken = document.createDocumentFragment();
		const fragmentSawoken = document.createDocumentFragment();
		const awokenSorting = checked ? official_awoken_sorting : s_awokensUl.originalSorting;
		const sawokenSorting = checked ? official_awoken_sorting : s_sawokensUl.originalSorting;


		function appendLi(id) {
			const li = this.iconLis.find(li=>
				parseInt(li.querySelector(".awoken-icon").getAttribute("data-awoken-icon"), 10) === id
			);
			li && this.fragment.appendChild(li);
		}
		awokenSorting.forEach(appendLi, {iconLis: s_awokensLi, fragment: fragmentAwoken});
		sawokenSorting.forEach(appendLi, {iconLis: s_sawokensLi, fragment: fragmentSawoken});
		
		const className = "official-awoken-sorting";
		s_awokensDiv.classList.toggle(className, checked);

		s_awokensUl.appendChild(fragmentAwoken);
		s_sawokensUl.appendChild(fragmentSawoken);
	};
	s_showOfficialAwokenSorting.onchange(false);

	const s_selectedAwokensUl = searchBox.querySelector(".selected-awokens");
	function search_awokenAdd1() {
		let count = parseInt(this.getAttribute("data-awoken-count") || 0, 10);
		const maxCount = parseInt(this.getAttribute("data-max-count") || 9, 10);
		if (count < maxCount) {
			count++;
			this.setAttribute("data-awoken-count", count);

			const iconLi = document.createElement("li");
			const icon = iconLi.appendChild(document.createElement("icon"))
			icon.className = "awoken-icon";
			icon.setAttribute("data-awoken-icon", this.getAttribute("data-awoken-icon"));
			icon.onclick = search_awokenSub1;
			s_selectedAwokensUl.appendChild(iconLi);
		}
	}
	function search_awokenSub1() {
		const awokenId = this.getAttribute("data-awoken-icon");
		const awokenIcon = s_awokensIcons.find(icon=>icon.getAttribute("data-awoken-icon") == awokenId);
		let count = parseInt(awokenIcon.getAttribute("data-awoken-count") || 0, 10);
		if (count > 0) {
			count--;
			awokenIcon.setAttribute("data-awoken-count", count);
		}
		this.parentNode.remove();
	}
	s_awokensIcons.forEach(btn => {
		btn.onclick = search_awokenAdd1; //每种觉醒增加1
		const aid = parseInt(btn.getAttribute("data-awoken-icon"), 10);
		if (aid == 49) { //如果是武器
			btn.addEventListener('click', function(){
				//自动去掉勾选可以110
				s_canLevelLimitBreakthrough.checked = false;
				//自动去掉勾选8格潜觉
				s_have8LatentSlot.checked = false;
				//自动去掉勾选仅武器
				s_notWeapon.checked = false;
				//自动恢复所有类型
				s_types.forEach(chk=>chk.checked=false);
				//自动恢复所有星级
				s_rareClear.onclick();
			});
		}
	});

	const awokenClear = searchBox.querySelector(".awoken-clear");
	awokenClear.onclick = function() { //清空觉醒选项
		s_awokensIcons.forEach(t => {
			t.setAttribute("data-awoken-count", 0);
		});
		s_sawokens.forEach(t => {
			t.checked = false;
		});
		s_selectedAwokensUl.innerHTML = "";
	};

	//特殊搜索部分
	const s_specialDiv = searchBox.querySelector(".special-div");
	const specialAdd = s_specialDiv.querySelector(".special-add");
	const specialClear = s_specialDiv.querySelector(".special-clear");
	const specialFilterUl = s_specialDiv.querySelector(".special-filter-list");
	const specialFilterFirstLi = specialFilterUl.querySelector("li");
	const specialFirstKind = specialFilterFirstLi.querySelector(".filter-kind");
	function filterCopy() {
		const target = this.parentElement;
		const newFilter = target.cloneNode(true);
		const newSelects = newFilter.querySelectorAll("select");
		const oldSelects = target.querySelectorAll("select");
		for (let i = 0; i < oldSelects.length; i++) {
			newSelects[i].selectedIndex = oldSelects[i].selectedIndex;
		}
		filterBindOnclick(newFilter);
		target.insertAdjacentElement('afterend', newFilter);
		return newFilter;
	}
	function filterShiftUp() {
		const parent = this.parentElement;
		const target = parent.previousElementSibling;
		if (target) {
			target.insertAdjacentElement('beforebegin', parent);
		}
	}
	function filterShiftDown() {
		const parent = this.parentElement;
		const target = parent.nextElementSibling;
		if (target) {
			target.insertAdjacentElement('afterend', parent);
		}
	}
	function filterRemove() {
		this.parentElement.remove();
	}
	//给这个特殊搜索绑定函数
	function filterBindOnclick(li) {
		li.querySelector(".copy-filter").onclick = filterCopy;
		li.querySelector(".shift-up-filter").onclick = filterShiftUp;
		li.querySelector(".shift-down-filter").onclick = filterShiftDown;
		li.querySelector(".remove-filter").onclick = filterRemove;
	}
	filterBindOnclick(specialFilterFirstLi);
	
	function newSpecialSearchOption(func, indexs)
	{
		let funcName = returnMonsterNameArr(func)[0];
		//是组的，显示箭头
		if (Array.isArray(func.functions)) funcName += " " + localTranslating.has_sub_filter;
		//有附加显示的，名称增加一个附加显示图标
		if (func.addition) funcName += " " + localTranslating.addition_display;
		return new Option(
			funcName,
			indexs.join("|") //值为 组序号|组内序号
		);
	}
	function addNewOption(sfunc, indexs){
		if (!Array.isArray(indexs)) indexs = [indexs];
		if (Array.isArray(sfunc.functions)) {
			//增加组
			const groupName = returnMonsterNameArr(sfunc)[0];
			const optgroup = this.appendChild(document.createElement("optgroup"));
			optgroup.label = groupName;
			const newOptions = sfunc.functions.map((_sfunc, filterIndex)=>
				newSpecialSearchOption(_sfunc, indexs.concat(filterIndex))
			);
			optgroup.append(...newOptions);
		} else {
			//增加单条
			this.options.add(newSpecialSearchOption(sfunc, indexs));
		}
	}
	function specialFilterRefreshKind() {
		const kindSelect = this.querySelector(".filter-kind");
		kindSelect.innerHTML = '';
		kindSelect.onchange = specialFilterRefreshSubFilters;
		for (let idx = 0; idx < specialSearchFunctions.functions.length; idx++) {
			addNewOption.call(kindSelect, specialSearchFunctions.functions[idx], idx);
		}
		kindSelect.onchange();
	}
	specialFilterRefreshKind.call(specialFilterFirstLi);

	function getSpecialSearchFunctionsFromIndex(indexs) {
		return indexs.reduce((p,v)=>p.functions[v],specialSearchFunctions);
	}
	function specialFilterRefreshSubFilters() {
		const filterSelect = this.parentElement.querySelector(".special-filter");
		filterSelect.innerHTML = '';
		const indexs = this.value.split("|").map(Number);
		const group = getSpecialSearchFunctionsFromIndex(indexs);
		if (Array.isArray(group.functions)) {
			for (let idx = 0; idx < group.functions.length; idx++) {
				addNewOption.call(filterSelect, group.functions[idx], indexs.concat(idx));
			}
			filterSelect.disabled = false;
		} else {
			filterSelect.disabled = true;
		}
	}

	//只添加第一个列表，后面的全部通过克隆的方式复现
	//specialFirstSelect.refreshList();
	specialAdd.onclick = function(event) {
		const newFilterLi = specialFilterFirstLi.cloneNode(true);
		filterBindOnclick(newFilterLi);
		const kindSelect = newFilterLi.querySelector(".filter-kind");
		kindSelect.onchange = specialFilterRefreshSubFilters;
		kindSelect.onchange();
		specialFilterUl.appendChild(newFilterLi);
		return newFilterLi;
	}
	specialClear.onclick = function() {
		searchMonList.customAddition = null;
		specialFilterUl.innerHTML = "";
		specialFilterUl.appendChild(specialFilterFirstLi);
		specialFirstKind.selectedIndex = 0;
		specialFirstKind.onchange();
	}

	const s_controlDiv = searchBox.querySelector(".control-div");
	const searchStart = s_controlDiv.querySelector(".search-start");
	const searchClose = s_controlDiv.querySelector(".search-close");
	const searchClear = s_controlDiv.querySelector(".search-clear");
	const searchShare = s_controlDiv.querySelector(".search-share");
	searchShare.onclick = function() {
		const options = searchBox.getSearchOptions();
		const optionJSON = JSON.stringify(options);
		const locationURL = new URL(location);
		locationURL.searchParams.set('search-options', optionJSON);
		const idArr = searchMonList.originalHeads?.map(head=>head.card.id) ?? [];
		locationURL.searchParams.set('show-search', JSON.stringify(idArr));
		showAnyStringDialog.showString(locationURL.toString(), true);
	}
	const showAnyStringDialog = document.getElementById("dialog-show-any-string");
	const showAnyStringDialogText = showAnyStringDialog.querySelector(".string-value");
	showAnyStringDialog.showString = function(str, modal = false) {
		showAnyStringDialogText.value = str;
		modal ? this.showModal() : this.show();
	}
	showAnyStringDialog.querySelector('.string-copy').onclick = function(){
		copyInputString(showAnyStringDialogText);
	}

	function returnCheckedInput(ipt) {
		return ipt.checked;
	}

	function returnInputValue(ipt) {
		return ipt.value;
	}

	function returnRadiosValue(radioArr) {
		const checkedRadio = radioArr.find(returnCheckedInput);
		const firstCheckedValue = checkedRadio ? returnInputValue(checkedRadio) : undefined;
		return firstCheckedValue;
	}
	function returnCheckBoxsValues(checkBoxsArr) {
		const checkedCheckBoxs = checkBoxsArr.filter(returnCheckedInput);
		const checkedValues = checkedCheckBoxs.map(returnInputValue);
		return checkedValues;
	}

	function Str2Int(str) {
		return parseInt(str, 10);
	}
	//将搜索结果显示出来（也可用于其他的搜索）
	const s_add_show_awoken = searchBox.querySelector("#add-show-awoken"); //是否显示觉醒
	const s_add_show_CD = searchBox.querySelector("#add-show-CD"); //是否显示CD
	const s_add_show_abilities = searchBox.querySelector("#add-show-abilities"); //是否显示三维
	const s_add_show_abilities_with_awoken = searchBox.querySelector("#add-show-abilities-with-awoken"); //是否显示计算觉醒的三维
	
	const searchResultCount = searchBox.querySelector(".search-list-length");
	showSearch = function(searchArr, customAdditionalFunction)
	{
		if (typeof(searchArr) === "number") {
			searchArr = [searchArr];
		}
		if (Array.isArray(searchArr)) { //如果传入的内容是数字，就转成card对象
			searchArr = searchArr.map(id=>typeof(id) === "object" ? id : Cards[id]);
		} else {
			//只是打开之前的显示
			searchBox.open = true;
			editBox.show();
			return; //如果不是数组就直接取消下一步
		}
		//如果之前打开了附加显示，继续沿用
		if (customAdditionalFunction === undefined && searchMonList?.customAddition?.length) {
			customAdditionalFunction = searchMonList.customAddition;
		}

		searchBox.open = true;
		searchMonList.classList.remove(className_displayNone);
		editBox.show();
		const createCardHead = editBox.createCardHead;

		searchMonList.classList.add(className_displayNone);
		searchMonList.innerHTML = ""; //清空旧的
		//辅助回收内存
		if (Array.isArray(searchMonList.originalHeads))
		{
			searchMonList.originalHeads.forEach(item=>item = null);
			searchMonList.originalHeads = null;
		}

		if (searchArr.length > 0) {
			const fragment = document.createDocumentFragment(); //创建节点用的临时空间
			//获取原始排序的头像列表
			const additionalOption = { //搜索列表的额外选项
				showAwoken: s_add_show_awoken.checked,
				showCD: s_add_show_CD.checked,
				showAbilities: s_add_show_abilities.checked,
				showAbilitiesWithAwoken: s_add_show_abilities_with_awoken.checked,
				customAddition: Array.isArray(customAdditionalFunction) ? customAdditionalFunction : (typeof customAdditionalFunction == "function" ? [customAdditionalFunction] : [])
			};
			searchMonList.originalHeads = searchArr.map(card => {
				if (card instanceof Member) {
					return createCardHead(card, additionalOption);
				} else {
					return createCardHead(card.id, additionalOption);
				}
			});
			searchMonList.customAddition = additionalOption.customAddition;
			//对头像列表进行排序
			const headsArray = sortHeadsArray(searchMonList.originalHeads);
			headsArray.forEach(head => fragment.appendChild(head));
			searchMonList.appendChild(fragment);

			//目前这里添加会导致无限循环，无法后退
			//const idArr = searchMonList.originalHeads.map(head=>head.card.id);
			//const state = {searchArr:idArr,mid:editBox.mid};
			//history.pushState(state, null, location);
		}
		searchResultCount.setAttribute("data-search-result-count", searchArr.length);
		searchResultCount.textContent = searchArr.length;
		searchMonList.classList.remove(className_displayNone);
	};
	//对已经搜索到的Cards重新附加显示
	function reShowSearch()
	{
		if (Array.isArray(searchMonList.originalHeads))
		{
			const oldArr = searchMonList.originalHeads.map(head=>head.card);
			showSearch(oldArr, searchMonList.customAddition);
		}
	}
	s_add_show_awoken.onchange = reShowSearch;
	s_add_show_CD.onchange = reShowSearch;
	s_add_show_abilities.onchange = reShowSearch;
	s_add_show_abilities_with_awoken.onchange = reShowSearch;

	//恢复搜索状态
	searchBox.recoverySearchStatus = function({attrs, fixMainColor, types, typeAndOr, rares, awokens, sawokens, equalAk, incSawoken, canAssist, canLv110, is8Latent, notWeapon, specialFilters}) {
		//属性这里是用的2进制写
		attrs.forEach((attr, ai)=>{
			const inputs = Array.from(document.getElementsByName(`attr-${ai+1}`));
			inputs.forEach(ipt=>{
				ipt.checked = Boolean(attr & 1 << parseInt(ipt.value, 10));
			});
		});
		s_AttrForm.onchange();
		s_fixMainColor.checked = fixMainColor;
		s_types.forEach(opt=>opt.checked = types.includes(parseInt(opt.value,10)));
		s_typeAndOr.checked = typeAndOr;
		s_rareChecks.forEach(opt=>opt.checked = rares.includes(parseInt(opt.value,10)));

		s_selectedAwokensUl.innerHTML = "";

		//添加觉醒
		s_awokensIcons.forEach(btn=>{
			btn.removeAttribute("data-awoken-count"); //先移除旧的所有数值
			const aid = parseInt(btn.getAttribute("data-awoken-icon"), 10);
			const awoken = awokens.find(ak=>ak.id === aid); //获取觉醒添加个数
			for (let i = 0; i < awoken?.num; i++) { //循环点击那么多次
				btn.onclick();
			}
		});

		s_sawokens.forEach(opt=>opt.checked = sawokens.includes(parseInt(opt.value,10)));
		s_awokensEquivalent.checked = equalAk;
		s_includeSuperAwoken.checked = incSawoken;
		s_canAssist.checked = canAssist;
		s_canLevelLimitBreakthrough.checked = canLv110;
		s_have8LatentSlot.checked = is8Latent;
		s_notWeapon.checked = notWeapon;

		//保留之前的特殊搜索，不需要完全新增
		const specialFilterLis = [...specialFilterUl.querySelectorAll("li")];
		//将筛选个数增加到需要的个数
		for (let i = specialFilterLis.length; i < specialFilters.length; i++) {
			specialFilterLis.push(specialAdd.onclick());
		}

		//将每一个搜索都设置好
		for (let i = 0; i < specialFilters.length; i++) {
			const indexs = specialFilters[i];
			const filterLi = specialFilterLis[i];
			const filterSelects = [...filterLi.querySelectorAll("select")];
			
			for (let j = 0; j * 2 < indexs.length; j++) {
				const indexs_ = indexs.slice(0, (j+1)*2);
				const filterSelect = filterSelects[j];
				if (!filterSelect) continue;
				filterSelect.value = indexs_.join("|");
				filterSelect.onchange && filterSelect.onchange();
			}
		}
	}
	//导出当前的搜索状态
	searchBox.getSearchOptions = function(){
		const attrs = (function(formData){
			const attrsList = s_AttrForm.querySelectorAll(".attr-selecter-list .attr-list:not(.display-none)");
			const attrsArr = [];
			for (let i = 0; i < attrsList.length; i++) {
				const attrNum = Bin.enflags(formData.getAll(`attr-${i+1}`).map(Str2Int));
				attrsArr.push(attrNum);
			}
			return attrsArr;
		})(new FormData(s_AttrForm));
		const types = returnCheckBoxsValues(s_types).map(Str2Int);
		const rares = returnCheckBoxsValues(s_rareChecks).map(Str2Int);
		const sawokens = returnCheckBoxsValues(s_sawokens).map(Str2Int);
		const awokens = s_awokensIcons.filter(btn => parseInt(btn.getAttribute("data-awoken-count"), 10) > 0).map(btn => {
			return {
				id: parseInt(btn.getAttribute("data-awoken-icon"), 10),
				num: parseInt(btn.getAttribute("data-awoken-count"), 10)
			};
		});
		//储存设置用于页面刷新的状态恢复
		const specialFilters = [...specialFilterUl.querySelectorAll("li")].map(li=>{
			const values = [...li.querySelectorAll("select")].map(select=>select.value.split("|").map(Number));
			values.sort((a,b)=>b.length-a.length); //长的在前
			return values[0];
		});
		
		const options = {
			attrs,
			fixMainColor: s_fixMainColor.checked,
			types,
			typeAndOr: s_typeAndOr.checked,
			rares,
			awokens,
			sawokens,
			equalAk: s_awokensEquivalent.checked,
			incSawoken: s_includeSuperAwoken.checked,
			canAssist: s_canAssist.checked,
			canLv110: s_canLevelLimitBreakthrough.checked,
			is8Latent: s_have8LatentSlot.checked,
			notWeapon: s_notWeapon.checked,
			specialFilters,
		};
		return options;
	}
	searchStart.onclick = function(event) {
		let customAdditionalFunction = [];

		const options = searchBox.getSearchOptions();

		let searchResult = searchCards(Cards, options);

		//进行特殊附加搜索
		const specialFilters = options.specialFilters.map(getSpecialSearchFunctionsFromIndex);
		searchResult = specialFilters.reduce((pre, funcObj)=>
		{
			if (!funcObj.function) return pre;
			if (funcObj.addition && !customAdditionalFunction.includes(funcObj.addition)) customAdditionalFunction.push(funcObj.addition); //如果有附加显示，则添加到列表
			return funcObj.function(pre); //结果进一步筛选
		}, searchResult);

		const optionJSON = JSON.stringify(options);
		sessionStorage.setItem('search-options', optionJSON);
		
		//显示搜索结果
		showSearch(searchResult, customAdditionalFunction);
		
		if (location.search.includes("search-options=")) {
			//去掉URL内的搜索内容分享，避免干扰
			const locationURL = new URL(location);
			locationURL.searchParams.delete('search-options');
			locationURL.searchParams.delete('show-search');
			history.replaceState(null, null, locationURL);
		}
	};
	searchClose.onclick = function() {
		searchBox.open = false;
		searchMonList.classList.add(className_displayNone);
	};
	searchClear.onclick = function() { //清空搜索选项
		s_AttrForm.reset();
		s_types.forEach(t => {
			t.checked = false;
		});
		s_typeAndOr.onchange();
		s_rareClear.onclick();
		
		awokenClear.onclick();
		specialClear.onclick();

		s_canAssist.checked = false;
		s_canLevelLimitBreakthrough.checked = false;
		s_have8LatentSlot.checked = false;
		
		searchMonList.originalHeads = null;
		searchResultCount.setAttribute("data-search-result-count", 0);
		searchMonList.innerHTML = "";

		sessionStorage.removeItem('search-options');
	};

	const s_sortList = s_controlDiv.querySelector(".sort-list");
	const s_sortReverse = s_controlDiv.querySelector("#sort-reverse");
	//对heads重新排序
	function sortHeadsArray(heads) {
		if (!heads || heads.length === 0) return; //没有数据时，直接返回
		const sortIndex = parseInt(s_sortList.value, 10);
		const reverse = s_sortReverse.checked;

		const headsArray = heads.toSorted((head_a, head_b) => {
			const card_a = head_a.card,
				card_b = head_b.card;
			let sortNumber = sort_function_list[sortIndex].function(card_a, card_b);
			//if (reverse) sortNumber *= -1; //会导致默认情况无法逆序
			return sortNumber;
		});
		if (reverse) headsArray.reverse();

		return headsArray;
	}
	//对已经搜索到的Cards重新排序
	function reSortCards() {
		const headsArray = sortHeadsArray(searchMonList.originalHeads);
		if (!headsArray || headsArray.length === 0) return; //没有数据时，直接返回
		searchMonList.classList.add(className_displayNone);
		let fragment = document.createDocumentFragment(); //创建节点用的临时空间
		headsArray.forEach(head => fragment.appendChild(head));
		searchMonList.appendChild(fragment);
		searchMonList.classList.remove(className_displayNone);
	}
	s_sortList.onchange = reSortCards;
	s_sortReverse.onchange = reSortCards;
	sort_function_list.forEach((sfunc, idx) => {
		const newOpt = new Option(sfunc.name, idx);
		newOpt.setAttribute("data-tag", sfunc.tag);
		s_sortList.options.add(newOpt);
	});

	//id搜索
	editBox.changeMonId = editBoxChangeMonId;
	
	function idChange(newId) {
		if (editBox.mid != newId) { //避免多次运行oninput、onchange
			editBox.mid = newId;
			
			//图鉴模式记录上一次的内容
			if (isGuideMod) {
				const idArr = searchMonList.originalHeads?.map(head=>head.card.id) ?? [];
				const state = {searchArr:idArr,mid:newId};
				const locationURL = new URL(location);
				if (newId === 0) {
					locationURL.searchParams.delete('id');
				}else
				{
					locationURL.searchParams.set('id', newId);
				}
				history.pushState(state, null, locationURL);
			}

			editBox.changeMonId(newId);
		}
	}
	function search(event) {
		event?.preventDefault();
		const formData = new FormData(this);
		const searchString = formData.get("search-string");
		if (searchString.length == 0) {
			showSearch(Cards.filter(card=>card.enabled).slice(-100));
		} else {
			showSearch(searchByString(searchString));
		}
	}

	const formIdSearch = document.getElementById("form-id-search");
	formIdSearch.onchange = function(event){
		const formData = new FormData(this);
		const searchString = formData.get("card-id");
		const newId = parseInt(searchString, 10);
		idChange(newId);
	};//idChange; //让数字快速变化时也改变当前卡片
	formIdSearch.onsubmit = function(event){
		event?.preventDefault();
	};
	const formStringSearch = document.getElementById("form-string-search");
	formStringSearch.onsubmit = search;
	const monstersID = document.getElementById("card-id");
	// const txtSearchString = document.getElementById("search-string");
	// const btnSearchByString = document.getElementById("search-by-string");

	//觉醒
	const monEditOuterAwokensRow = editBox.querySelector(".row-awoken-sawoken");
	const monEditAwokensRow = monInfoBox.querySelector(".row-mon-awoken");
	const awokenCountLabel = monEditAwokensRow.querySelector(".awoken-count-num");
	const monEditAwokens = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul input[name='awoken-number']"));

	function checkAwoken() {
		const card = Cards[editBox.mid ?? 0];
		const value = parseInt(this.value, 10);
		awokenCountLabel.setAttribute(dataAttrName, value);
		awokenCountLabel.classList.toggle("full-awoken", value > 0 && value == card?.awakenings?.length);

		reCalculateAbility();
	}
	monEditAwokens.forEach(akDom => akDom.onclick = checkAwoken);

	const monEditAwokensLabel = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul .awoken-icon"));

	function playVoiceAwoken() { //点击label才播放语音
		if (parseInt(this.getAttribute("data-awoken-icon"), 10) === 63) {
			const card = Cards[editBox.mid];
			playVoiceById(card.voiceId);
		}
	}
	monEditAwokensLabel.forEach(akDom => akDom.onclick = playVoiceAwoken);

	//超觉醒
	const mSAwokenIcon = monEditOuterAwokensRow.querySelector("#current-super-awoken-icon");
	mSAwokenIcon.onclick = function(){
		this.setAttribute("data-awoken-icon", 0);
		reCalculateAbility();
	}

	//3个快速设置this.ipt为自己的value
	function setIptToMyValue() {
		if (this.ipt.value != this.value) {
			this.ipt.value = this.value;
			this.ipt.onchange();
		}
	}
	//等级
	const monEditLv = settingBox.querySelector(".m-level");
	monEditLv.onchange = function() {
		reCalculateExp();
		reCalculateAbility();
	};
	const monEditLvMin = settingBox.querySelector(".m-level-btn-min");
	const monLvExp = settingBox.querySelector(".m-level-exp");
	monEditLvMin.ipt = monEditLv;
	monEditLvMin.onclick = setIptToMyValue;
	const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
	monEditLvMax.ipt = monEditLv;
	monEditLvMax.onclick = setIptToMyValue;
	const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
	monEditLv110.ipt = monEditLv;
	monEditLv110.onclick = setIptToMyValue;
	const monEditLv120 = settingBox.querySelector(".m-level-btn-120");
	monEditLv120.ipt = monEditLv;
	monEditLv120.onclick = setIptToMyValue;
	//编辑界面重新计算怪物的经验值
	function reCalculateExp() {
		const monid = editBox.mid;
		const level = parseInt(monEditLv.value || 0, 10);
		const tempMon = {
			id: monid,
			level: level
		};
		const needExpArr = calculateExp(tempMon);
		monLvExp.innerHTML = '';
		if (needExpArr) monLvExp.append(needExpArr.map(exp=>exp.bigNumberToString({sub: true})).nodeJoin(" + "));
	}
	editBox.reCalculateExp = reCalculateExp;
	//三维
	const rowMonAbility = settingBox.querySelector(".row-mon-ability");
	const monEditHpValue = rowMonAbility.querySelector(".m-hp-li .ability-value");
	const monEditAtkValue = rowMonAbility.querySelector(".m-atk-li .ability-value");
	const monEditRcvValue = rowMonAbility.querySelector(".m-rcv-li .ability-value");
	//加蛋
	const rowMonPlus = settingBox.querySelector(".row-mon-plus");
	const monEditAddHp = rowMonPlus.querySelector(".m-plus-hp");
	monEditAddHp.onchange = reCalculateAbility;
	const monEditAddAtk = rowMonPlus.querySelector(".m-plus-atk");
	monEditAddAtk.onchange = reCalculateAbility;
	const monEditAddRcv = rowMonPlus.querySelector(".m-plus-rcv");
	monEditAddRcv.onchange = reCalculateAbility;
	//297按钮
	const monEditPlusFastSettings = Array.from(rowMonPlus.querySelectorAll(".m-plus-fast-setting"));
	monEditPlusFastSettings.forEach(btn=>btn.onclick=plusFastSetting);
	function plusFastSetting(){
		const sumPlus = parseInt(this.value, 10);
		let one_plus = Math.floor(sumPlus / 3);
		monEditAddHp.value = one_plus;
		monEditAddAtk.value = one_plus;
		monEditAddRcv.value = one_plus;
		reCalculateAbility();
	}

	//潜觉
	const monEditLatentUl = settingBox.querySelector(".row-mon-latent .latent-ul");
	const monEditLatents = Array.from(monEditLatentUl?.querySelectorAll(".latent-icon"));
	const monEditLatentAllowableDetail = settingBox.querySelector(".row-mon-latent details");
	const monEditLatentAllowableUl = monEditLatentAllowableDetail.querySelector(".m-latent-allowable-ul");
	const monEditLatentsAllowable = Array.from(monEditLatentAllowableUl.querySelectorAll(".latent-icon"));
	monEditLatentAllowableDetail.open = localStorage_getBoolean(cfgPrefix + 'hide-latent');
	monEditLatentAllowableDetail.onclick = function(event) {
		if (event instanceof Event) localStorage.setItem(cfgPrefix + 'hide-latent', Number(!this.open));
	}
	editBox.refreshLatent = function(latent, monid) {//刷新潜觉
		refreshLatent(latent, new Member(monid), monEditLatentUl);
	};

	const rowSkill = settingBox.querySelector(".row-mon-skill");
	const skillBox = rowSkill.querySelector(".skill-box");
	const skillTitle = skillBox.querySelector(".skill-name");
	const skillCD = skillBox.querySelector(".skill-cd");
	const skillLevel = skillBox.querySelector(".m-skill-level");
	const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
	const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");

	skillTitle.onclick = fastShowSkill;

	skillLevel.onchange = function() {
		const card = Cards[editBox.mid] || Cards[0]; //怪物固定数据
		const skill = Skills[card.activeSkillId];
		skillCD.textContent = skill?.initialCooldown - this.value + 1;
	};
	skillLevel_1.ipt = skillLevel;
	skillLevel_1.onclick = setIptToMyValue;
	skillLevel_Max.ipt = skillLevel;
	skillLevel_Max.onclick = setIptToMyValue;

	const rowLeaderSkill = settingBox.querySelector(".row-mon-leader-skill");
	const leaderSkillBox = rowLeaderSkill.querySelector(".skill-box");
	const lskillTitle = leaderSkillBox.querySelector(".skill-name");
	lskillTitle.onclick = fastShowSkill;

	//显示原文开关
	const showSkillOriginal = document.getElementById("show-skill-original");
	showSkillOriginal.checked = localStorage_getBoolean(cfgPrefix + showSkillOriginal.id);
	showSkillOriginal.onchange = function(event) {
		if (event instanceof Event) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
		skillBox.classList.toggle(this.id, this.checked);;
		leaderSkillBox.classList.toggle(this.id, this.checked);;
	};
	showSkillOriginal.onchange(false);

	editBox.refreshSkillParse = function(skp, lskp){
		const skillDetailParsed = skp ?? skillBox.querySelector(".skill-datail-parsed");
		const lskillDetailParsed = lskp ?? leaderSkillBox.querySelector(".skill-datail-parsed");
		
		const card = Cards[this.mid] || Cards[0];
		if (!card) return;
		
		try {
			skillDetailParsed.innerHTML = "";
			const parsedActiveSkill = skillParser(card.activeSkillId);
			const isEvolvedSkill = parsedActiveSkill.some(skill=>skill.kind == SkillKinds.EvolvedSkills);
			skillBox.classList.toggle("evolved-skill", isEvolvedSkill);
			skillDetailParsed.appendChild(renderSkillEntry(parsedActiveSkill));
		} catch (error) {
			console.error("%o 主动技 %d 解析出错", card, card.activeSkillId, error);
			skillDetailParsed.appendChild(renderSkillEntry([{kind: SkillKinds.Error}]));
		}
		try {
			lskillDetailParsed.innerHTML = "";
			const parsedLeaderSkill = skillParser(card.leaderSkillId);
			lskillDetailParsed.appendChild(renderSkillEntry(parsedLeaderSkill));
		} catch (error) {
			console.error("%o 队长技 %d 解析出错", card, card.leaderSkillId, error);
			lskillDetailParsed.appendChild(renderSkillEntry([{kind: SkillKinds.Error}]));
		}
	};

	//合并技能开关
	const mergeSill = document.getElementById("merge-skill");
	mergeSill.checked = localStorage_getBoolean(cfgPrefix + mergeSill.id, true);
	mergeSill.onchange = function(event){
		if (event) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
		merge_skill = this.checked;
		editBox.refreshSkillParse();
	};
	mergeSill.onchange(false);


	//已有觉醒的去除
	function deleteLatent(e) {
		const lIdx = parseInt(this.getAttribute("data-latent-icon"), 10); //潜觉的序号
		const aIdx = editBox.latent.indexOf(lIdx);
		if (aIdx >= 0)
		{
			editBox.latent.splice(aIdx, 1);
			editBox.reCalculateAbility(); //重计算三维
			editBox.refreshLatent(editBox.latent, editBox.mid); //刷新潜觉
		}
	}
	monEditLatents.forEach(la => la.onclick = deleteLatent);
	//可选觉醒的添加
	function addLatent() {
		if (this.classList.contains("unallowable-latent")) return; //不能选的觉醒直接退出
		const lIdx = parseInt(this.getAttribute("data-latent-icon"), 10); //潜觉的序号
		const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量
		const usedHoleN = usedHole(editBox.latent); //已经使用了的格子
		const enabledHole = maxLatentCount - usedHoleN; //还剩余的格子

		if (latentUseHole(lIdx) <= enabledHole)
			editBox.latent.push(lIdx);
		else
			return;

		editBox.reCalculateAbility();
		editBox.refreshLatent(editBox.latent, editBox.mid);
	}
	monEditLatentsAllowable.forEach(la => la.onclick = addLatent);

	//编辑界面重新计算怪物的能力
	function reCalculateAbility() {
		const id = editBox.mid;
		const level = parseInt(monEditLv.value || 0, 10);

		const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked");
		const awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0;
		const sawoken = mSAwokenIcon ? parseInt(mSAwokenIcon.getAttribute("data-awoken-icon"), 10) : 0;
		const plus = [
			parseInt(monEditAddHp.value || 0, 10),
			parseInt(monEditAddAtk.value || 0, 10),
			parseInt(monEditAddRcv.value || 0, 10)
		];
		const latent = editBox.latent;
		const tempMon = {
			id,
			level,
			plus,
			awoken,
			sawoken,
			latent
		};

		const abilitys = calculateAbility(tempMon, null, solo, teamsCount);

		mSAwokenIcon.classList.toggle("super-awoken-locked", level <= 99 || plus.some(p=>p<99));
		monEditLatentUl.classList.toggle("level-super-break", level > 110);; //切换潜觉为120级

		monEditHpValue.textContent = abilitys ? abilitys[0][0].toLocaleString() : 0;
		monEditAtkValue.textContent = abilitys ? abilitys[1][0].toLocaleString() : 0;
		monEditRcvValue.textContent = abilitys ? abilitys[2][0].toLocaleString() : 0;
	}
	editBox.reCalculateAbility = reCalculateAbility;

	const btnCancel = editBox.querySelector(".button-cancel");
	const btnDone = editBox.querySelector(".button-done");
	const btnNull = editBox.querySelector(".button-null");
	const btnDelay = editBox.querySelector(".button-delay");
	btnCancel.onclick = function() {
		btnDone.classList.remove("cant-assist");
		btnDone.disabled = false;
		editBox.memberIdx = [];
		editBox.hide();
	};
	btnDone.onclick = function() {
		if (parseInt(monEditLv.value, 10) == 0) {
			btnNull.onclick();
			return;
		}
		const mon = editBox.isAssist ? new MemberAssist() : new MemberTeam();
		const [teamIdx, isAssist, memberIdx] = editBox.memberIdx;
		const teamData = formation.teams[teamIdx];
		const teamBigBox = teamBigBoxs[teamIdx];
		const teamBox = teamBigBox.querySelector(".team-box");

		teamData[isAssist][memberIdx] = mon;

		mon.id = editBox.mid;
		const card = mon.card || Cards[0];
		const skill = Skills[card.activeSkillId];

		mon.level = parseInt(monEditLv.value, 10);

		const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked");
		mon.awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0;
		if (card.superAwakenings.length) //如果支持超觉醒
		{
			mon.sawoken = parseInt(mSAwokenIcon.getAttribute("data-awoken-icon"), 10) || 0;
		}

		if (card.stackable || card.types.some(t=>[0,12,14,15].includes(t)) &&
			mon.level >= card.maxLevel) { //当4种特殊type的时候是无法297和打觉醒的，但是不能叠加的在未满级时可以
			mon.plus = [0, 0, 0];
		} else {
			mon.plus[0] = parseInt(monEditAddHp.value) || 0;
			mon.plus[1] = parseInt(monEditAddAtk.value) || 0;
			mon.plus[2] = parseInt(monEditAddRcv.value) || 0;
			if (!editBox.isAssist) { //如果不是辅助，则可以设定潜觉
				mon.latent = editBox.latent.concat();
			}
		}

		const skillLevelNum = parseInt(skillLevel.value, 10);
		if (skillLevelNum < skill.maxLevel) {
			mon.skilllevel = skillLevelNum;
		}
		changeid(mon, editBox.monsterHead,
			isAssist ? null : editBox.latentBox, //潜觉Node
			isAssist ? null : teamData[1][memberIdx] //assist数据
		);

		const teamAbilityDom = teamBigBox.querySelector(".team-ability");
		refreshAbility(teamAbilityDom, teamData, memberIdx); //本人能力值

		let changeAttrTypeWeapon = false;
		let awokens = card.awakenings;
		if (!editBox.isAssist) {//如果改的不是辅助
			awokens = teamData[isAssist + 1][memberIdx].card.awakenings;
		}
		if (awokens.includes(49) && awokens.some(ak => ak >= 83 && ak <= 95)) changeAttrTypeWeapon = true;

		//如果是2人协力，且修改的是队长的情况，为了刷新另一个队伍时间计算，直接刷新整个队形
		if (teamsCount === 2 && memberIdx === 0 || changeAttrTypeWeapon) {
			refreshAll(formation);
		} else {
			const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
			if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, teamIdx);
			
			const teamTotalInfoCountDom = teamBigBox.querySelector(".team-total-info-count"); //队伍星级、属性、类型合计
			if (teamTotalInfoCountDom) refreshTeamTotalCount(teamTotalInfoCountDom, teamData, teamIdx);

			const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
			if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);

			const teamAwokenEffectDom = teamBigBox.querySelector(".team-awoken-effect"); //队伍觉醒效果计算
			if (teamAwokenEffectDom) refreshTeamAwokenEfeect(teamAwokenEffectDom, teamData, teamIdx);
	
			const teamMemberTypesDom = teamBigBox.querySelector(".team-member-types"); //队员类型
			if (teamMemberTypesDom) refreshMemberTypes(teamMemberTypesDom, teamData, memberIdx); //刷新本人觉醒

			const teamMemberAwokenDom = teamBigBox.querySelector(".team-member-awoken"); //队员觉醒
			const teamAssistAwokenDom = teamBigBox.querySelector(".team-assist-awoken"); //辅助觉醒
			if (teamMemberAwokenDom && teamAssistAwokenDom) refreshMemberAwoken(teamMemberAwokenDom, teamAssistAwokenDom, teamData, memberIdx); //刷新本人觉醒

			const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
			if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
			const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
			if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
	
			//刷新该队员的CD
			refreshMemberSkillCD(teamBox, teamData, memberIdx);
		}

		createNewUrl();
		editBox.hide();
	};
	window.addEventListener("keydown",function(event) {
		if (event.key === "s" && event.ctrlKey){ //按Ctrl+S打开搜索框
			event.preventDefault();
			if (editBox.classList.contains(className_displayNone)) {
				showSearch();
			} else {
				editBox.hide();
			}
		}
		if (!editBox.classList.contains(className_displayNone))
		{ //编辑窗打开
			if (event.key === "Escape") { //按下ESC时，自动关闭编辑窗
				btnCancel.onclick();
			}
			if (event.key === "Enter" && //按下回车时
				document.activeElement === monstersID && //当前焦点是id框
				editBox.mid == parseInt(monstersID.value, 10) //ID和目前打开的相同（已刷新）
			) {
				btnDone.onclick(); //点击完成
			}
		}
		else
		{
			let selection = window.getSelection(), selectNodes = selection?.focusNode?.childNodes;
			//如果正在编辑文本，则不执行快捷键操作
			if (selectNodes && Array.from(selectNodes).some(node=>node?.nodeName === "TEXTAREA" || node?.nodeName === "INPUT"))
				return;
			//如果按Ctrl+左右方向键，或者是小键盘上的左右方向键（关闭Num），快速切换变身
			if (event.key === "ArrowLeft"
				&& (event.code == "Numpad4" || event.ctrlKey))
			{ //变身后退
				henshinStep(-1);
			}
			else if (event.key === "ArrowRight"
				&& (event.code == "Numpad6" || event.ctrlKey))
			{ //变身前进
				henshinStep(+1);
			}
		}
	});
	btnNull.onclick = function() { //空位置
		const mon = new Member();
		const [teamIdx, isAssist, memberIdx] = editBox.memberIdx;
		const teamBigBox = teamBigBoxs[teamIdx];
		const teamData = formation.teams[teamIdx];
		teamData[isAssist][memberIdx] = mon;

		changeid(mon, editBox.monsterHead, editBox.latentBox);

		const teamAbilityDom = teamBigBox.querySelector(".team-ability");
		refreshAbility(teamAbilityDom, teamData, memberIdx); //本人能力值

		refreshAll(formation);
		
		createNewUrl();
		editBox.hide();
	};
	btnDelay.onclick = function() { //应对威吓
		const mon = new MemberDelay();
		const [teamIdx, isAssist, memberIdx] = editBox.memberIdx;
		const teamBigBox = teamBigBoxs[teamIdx];
		const teamData = formation.teams[teamIdx];
		teamData[isAssist][memberIdx] = mon;

		changeid(mon, editBox.monsterHead, editBox.latentBox);

		const teamAbilityDom = teamBigBox.querySelector(".team-ability");
		refreshAbility(teamAbilityDom, teamData, memberIdx); //本人能力值

		const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
		if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, teamIdx);
		
		const teamTotalInfoCountDom = teamBigBox.querySelector(".team-total-info-count"); //队伍星级、属性、类型合计
		if (teamTotalInfoCountDom) refreshTeamTotalCount(teamTotalInfoCountDom, teamData, teamIdx);

		const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
		if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);

		const teamMemberTypesDom = teamBigBox.querySelector(".team-member-types"); //队员类型
		if (teamMemberTypesDom) refreshMemberTypes(teamMemberTypesDom, teamData, memberIdx); //刷新本人觉醒

		const teamMemberAwokenDom = teamBigBox.querySelector(".team-member-awoken"); //队员觉醒
		const teamAssistAwokenDom = teamBigBox.querySelector(".team-assist-awoken"); //辅助觉醒
		if (teamMemberAwokenDom && teamAssistAwokenDom) refreshMemberAwoken(teamMemberAwokenDom, teamAssistAwokenDom, teamData, memberIdx); //刷新本人觉醒

		const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
		if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
		const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
		if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);

		//刷新改队员的CD
		refreshMemberSkillCD(teamBigBox, teamData, memberIdx);

		createNewUrl();
		editBox.hide();
	};



	//语言选择
	langSelectDom.onchange = function() {
		createNewUrl({ "language": this.value });
		history.go();
	};
	//数据源选择
	dataSelectDom.onchange = function() {
		createNewUrl({ datasource: this.value });
		history.go();
	};

	/*添对应语言执行的JS*/
	const languageJS = document.head.appendChild(document.createElement("script"));
	languageJS.id = "language-js";
	languageJS.type = "text/javascript";
	languageJS.src = `languages/${currentLanguage.i18n}.js`;

	if (isGuideMod) //图鉴模式直接打开搜索框
	{
		showSearch();
		//if (monstersID.value.length == 0) editBoxChangeMonId(0);
	}
}
//搜出一个卡片包含变身的的完整进化树，用于平铺显示
function buildEvoTreeIdsArray(card, includeHenshin = true) {

	function loopAddHenshin(card, cardSet)
	{
		function idToCard(id) {return Cards[id]}
		function filterCard(_card) {
			return _card && !cardSet.has(_card);
		}
		function addCard(_card) {
			cardSet.add(_card);
			loopAddHenshin(_card, cardSet);
		}
		//从本卡片变身到的
		if (Array.isArray(card.henshinFrom)) {
			const cardTo = card.henshinFrom.map(idToCard).filter(filterCard);
			cardTo.forEach(addCard);
		}
		//变身到本卡片的（多个）
		if (Array.isArray(card.henshinTo)) {
			const cardsFrom = card.henshinTo.map(idToCard).filter(filterCard);
			cardsFrom.forEach(addCard);
		}
		//如果本角色可以变身为其他人，则继续搜索进化链，被变身的就不需要了。
		const evoCards = Cards.filter(_card=>_card.evoRootId == card.evoRootId && !cardSet.has(_card));
		evoCards.forEach(addCard);
	}
	let evoLinkCardsArray = card.evoRootId ? Cards.filter(m=>m.evoRootId == card.evoRootId) : []; //筛选出相同进化链的 Card
	//let evoLinkCardsIdArray = evoLinkCardsArray.map(m=>m.id); //相同进化链的ID
	const evoLinkCardsSet = new Set(evoLinkCardsArray);
	if (includeHenshin) {
		evoLinkCardsArray.forEach(card=>{
			loopAddHenshin(card, evoLinkCardsSet);
		});
	}
	let evoLinkCardsIdArray = [...evoLinkCardsSet].map(card=>card.id); //只保留id
	evoLinkCardsIdArray.sort((a,b)=>a-b); //按ID大小排序
	return evoLinkCardsIdArray;
}

//改变一个怪物头像
function changeid(mon, monDom, latentDom, assist) {
	//let fragment = document.createDocumentFragment(); //创建节点用的临时空间
	//const parentNode = monDom.parentNode;
	//fragment.appendChild(monDom);
	const monId = mon.id;
	const card = Cards[monId] || Cards[0]; //怪物固定数据
	if (!card) { //如果搜不到怪物就退出操作
		parentNode.appendChild(fragment);
		return;
	}

	monDom.setAttribute("data-cardid", monId); //设定新的id
	//monDom.style.setProperty("--card-id",monId);

	if (monId < 0) //如果是延迟
	{
		monDom.removeAttribute("href");
		monDom.removeAttribute("title");
		monDom.classList.add("delay");
		monDom.classList.remove("null");
		//parentNode.appendChild(fragment);
		if (latentDom) latentDom.classList.add(className_displayNone);
		return;
	} else if (monId == 0) //如果是空
	{
		monDom.removeAttribute("href");
		monDom.removeAttribute("title");
		monDom.classList.add("null");
		monDom.classList.remove("delay");
		//parentNode.appendChild(fragment);
		if (latentDom) latentDom.classList.add(className_displayNone);
		return;
	} else if (monId > -1) //如果提供了id
	{
		monDom.classList.remove("null");
		monDom.classList.remove("delay");

		monDom.setAttribute("data-cards-pic-idx", Math.ceil(monId % 1e5 / 100)); //添加图片编号
		const idxInPage = (monId - 1) % 100; //获取当前页面的总序号
		monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号
		monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号

		const attrDoms = Array.from(monDom.querySelectorAll(".attr")); //所有属性边框
		attrDoms.forEach((attrDom, idx)=>{
			attrDom.setAttribute("data-attr", card.attrs[idx] ?? -1);
		});
		
		const assistAwakenings = assist?.card?.awakenings?.slice(0, assist.awoken);
		const changeAttrAwoken = assistAwakenings?.includes(49) && //是武器
								assistAwakenings.find(ak=>ak >= 91 && ak <= 95); //有更改副属性觉醒
		if (changeAttrAwoken) {
			attrDoms[1].setAttribute("data-attr", changeAttrAwoken - 91); //更改副属性
		}
		attrDoms[1].classList.toggle("changed-sub-attr", Boolean(changeAttrAwoken));

		monDom.title = `No.${monId} ${card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name}`;
		
		monDom.classList.toggle("allowable-assist", card.canAssist);; //可作为辅助

		monDom.classList.toggle("wepon", card.awakenings.includes(49));; //武器

		//如果是链接，增加链接
		if (monDom instanceof HTMLAnchorElement) monDom.href = currentLanguage.guideURL(monId, card.name);
	}
	const levelDom = monDom.querySelector(".level");
	if (levelDom) { //如果提供了等级
		if (mon.level) {
			const level = mon.level ?? 1;
			levelDom.setAttribute(dataAttrName, level);
	
			levelDom.classList.toggle("max", level === card.maxLevel);;
			//如果等级刚好等于最大等级，则修改为“最大”的字
			if (level >= 111 && level <= 120 && card.limitBreakIncr) {
				levelDom.setAttribute("data-level-range", "120");
			} else if (level >= 99 && level <= 110 && card.limitBreakIncr) {
				levelDom.setAttribute("data-level-range", "110");
			} else if (level > card.maxLevel) {
				levelDom.setAttribute("data-level-range", "error");
			} else {
				levelDom.setAttribute("data-level-range", "99");
			}
			levelDom.classList.remove(className_displayNone);
		} else {
			levelDom.classList.add(className_displayNone);
		}
	}
	const awokenIcon = monDom.querySelector(".awoken-count-num");
	if (awokenIcon) {
		awokenIcon.setAttribute(dataAttrName, mon.awoken || 0);
		if (mon.awoken != null) { //如果提供了觉醒
			awokenIcon.classList.toggle("full-awoken", card.awakenings.length > 0 && mon.awoken >= card.awakenings.length);;
		}else if(card.awakenings.length) {
			awokenIcon.classList.add("full-awoken");
		}
	}
	const sawoken = monDom.querySelector(".super-awoken");
	if (sawoken) { //如果存在超觉醒的DOM
		if (mon?.sawoken > 0 && //怪物超觉醒编号大于0
			//card.superAwakenings.length && //卡片有超觉醒
			(mon.level >= 100 && //怪物大于100级
			mon.plus.every(p=>p>=99) //怪物297了
			|| mon.sawoken === card.syncAwakening //同步觉醒
			)
		) {
			sawoken.classList.remove(className_displayNone);
			const sawokenIcon = sawoken.querySelector(".awoken-icon");
			sawokenIcon.setAttribute("data-awoken-icon", mon.sawoken);
		} else {
			sawoken.classList.add(className_displayNone);
		}
	}
	const m_id = monDom.querySelector(".id");
	if (m_id) { //怪物ID
		m_id.textContent = monId;
	}
	const plusDom = monDom.querySelector(".plus");
	if (plusDom) //如果提供了加值，且怪物头像内有加值
	{
		const plusArr = {
			hp: mon?.plus?.[0] ?? 0,
			atk: mon?.plus?.[1] ?? 0,
			rcv: mon?.plus?.[2] ?? 0,
		};
		const plusCount = plusArr.hp + plusArr.atk + plusArr.rcv;
		if (plusCount <= 0) {
			plusDom.classList.add(className_displayNone);
		} else if (plusCount === 297) {
			plusDom.classList.add("has297");
			plusDom.classList.remove(className_displayNone);
		} else {
			plusDom.querySelector(".hp").textContent = plusArr.hp;
			plusDom.querySelector(".atk").textContent = plusArr.atk;
			plusDom.querySelector(".rcv").textContent = plusArr.rcv;
			plusDom.classList.remove("has297");
			plusDom.classList.remove(className_displayNone);
		}
	}
	if (latentDom) {
		if (mon.latent) //如果提供了潜觉
		{
			const level = mon.level ?? 1;
			const latent = mon.latent;
			if (latent.length < 1) {
				latentDom.classList.add(className_displayNone);
			} else {
				refreshLatent(latent, mon, latentDom, {sort:false, assist});
				latentDom.classList.remove(className_displayNone);
			}
			latentDom.classList.toggle("level-super-break", level > 110);; //切换潜觉为120级
		} else {
			latentDom.classList.add(className_displayNone);
		}
	}

	const skillCdDom = monDom.querySelector(".skill-cd");
	if (skillCdDom) //如果存在技能CD DOM
	{
		skillCdDom.classList.toggle(className_displayNone, !card.activeSkillId);;
	}

	const switchLeaderDom = monDom.querySelector(".switch-leader");
	if (switchLeaderDom) //如果存在队长交换 DOM
	{
		const skills = getCardActiveSkills(card, [93, 227]); //更换队长的技能
		
		switchLeaderDom.classList.toggle(className_displayNone, !skills.length);;
	}

	const m_rarity = monDom.querySelector(".rarity");
	if (m_rarity) { //怪物ID
		m_rarity.setAttribute(dataAttrName,card.rarity);
	}

	const countInBox = monDom.querySelector(".count-in-box");
	if (countInBox && currentPlayerData) { //如果存在当前绑定用户数据
		function cardsCount(pre,cur) {
			return pre + cur.count;
		}
		let sameIdCount = currentPlayerData.parsedCards.filter(mon=>mon.id === monId).reduce(cardsCount, 0);
		
		monDom.setAttribute("data-box-have", sameIdCount === 0 ? 0 : 1);

		const countSameId = countInBox.querySelector(".same-id");
		if (countSameId) {
			countSameId.setAttribute("data-same-id", sameIdCount);
		}
		const countEvoTree = countInBox.querySelector(".evo-tree");
		if (countEvoTree) {
			let evoLinkCardsIdArray = buildEvoTreeIdsArray(card);
			let evoTreeCount = currentPlayerData.parsedCards.filter(mon=>evoLinkCardsIdArray.includes(mon.id)).reduce(cardsCount, 0);
			if (sameIdCount === 0 && evoTreeCount > 0) {
				monDom.setAttribute("data-box-have", 2);
			}
			countEvoTree.setAttribute("data-evo-tree", evoTreeCount - sameIdCount);
		}
	}

	//parentNode.appendChild(fragment);
}
//刷新潜觉
function refreshLatent(latents, member, latentsNode, option = {}) {
	const {sort, assist} = option;
	const maxLatentCount = getMaxLatentCount(member.id); //最大潜觉数量
	const iconArr = latentsNode.querySelectorAll('.latent-icon');
	latentsNode.classList.toggle("block-8", maxLatentCount > 6);
	if (sort) latents = latents.toSorted((a, b) => latentUseHole(b) - latentUseHole(a));
	//如果传入了辅助，才进行有效觉醒的计算，否则算作只有本人的。
	let effectiveAwokens = new Set(member.effectiveAwokens(assist));
	let latentIndex = 0, usedHoleN = 0;
	//如果传入了武器，就添加有效觉醒
	for (let ai = 0; ai < iconArr.length; ai++) {
		const icon = iconArr[ai], latent = latents[latentIndex];
		if (latent != undefined && ai >= usedHoleN && ai < maxLatentCount) //有潜觉
		{
			const thisHoleN = latentUseHole(latent);
			icon.setAttribute("data-latent-icon", latent);
			icon.setAttribute("data-latent-hole", thisHoleN);
			let unallowableLatent = false;
			//搜索需要觉醒的潜觉
			const needAwokenLatent = allowable_latent.needAwoken.find(obj=>obj.latent == latent);
			if (needAwokenLatent) { //如果是需要觉醒的潜觉
				let needAwokens = new Set([needAwokenLatent.awoken]);
				equivalent_awoken.forEach(obj=>{
					//如果搜索到等效觉醒，把大小值都添加到需要的觉醒
					if (obj.small === needAwokenLatent.awoken || obj.big === needAwokenLatent.awoken) {
						needAwokens.add(obj.small);
						needAwokens.add(obj.big);
					}
				});
				//如果需要的觉醒，在有效觉醒里全都没有
				if (needAwokens.isDisjointFrom(effectiveAwokens))
					unallowableLatent = true;
			}
			icon.classList.toggle('unallowable-latent', unallowableLatent);
			usedHoleN += thisHoleN;
			latentIndex++;
		} else {
			icon.removeAttribute("data-latent-icon");
			icon.removeAttribute("data-latent-hole");
		}
	}
};
//点击怪物头像，出现编辑窗
function editMember(teamNum, isAssist, indexInTeam) {
	//数据
	const mon = formation.teams[teamNum][isAssist][indexInTeam];

	//设定编辑模式
	sessionStorage.setItem('editing',JSON.stringify([teamNum, isAssist, indexInTeam]));

	const teamBigBox = teamBigBoxs[teamNum];
	const teamBox = teamBigBox.querySelector(".team-box");
	const memberBox = teamBox.querySelector(isAssist ? ".team-assist" : ".team-members");
	const memberLi = memberBox.querySelector(`.member-${indexInTeam+1}`);

	const monsterHead = memberLi.querySelector(".monster");

	editBox.show();

	editBox.isAssist = isAssist;
	editBox.monsterHead = monsterHead;
	editBox.memberIdx = [teamNum, isAssist, indexInTeam]; //储存队伍数组下标
	if (!isAssist) {
		const latentBox = teamBox.querySelector(".team-latents .latents-" + (indexInTeam + 1) + " .latent-ul");
		editBox.latentBox = latentBox;
	} else {
		editBox.latentBox = null;
	}

	const settingBox = editBox.querySelector(".setting-box");
	const formIdSearch = document.getElementById("form-id-search");
	const monstersID = document.getElementById("card-id");
	monstersID.value = mon.id > 0 ? mon.id : 0;
	formIdSearch.onchange();
	//觉醒
	const monEditOuterAwokensRow = editBox.querySelector(".row-awoken-sawoken");
	const monEditAwokens = monEditOuterAwokensRow.querySelectorAll(".row-mon-awoken .awoken-ul input[name='awoken-number']");
	//if (mon.awoken > 0 && monEditAwokens[mon.awoken]) monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示，所以需要点一下，为了减少计算次数，把这一条移动到了最后面
	//超觉醒
	//const monEditCurrentSAwokenRow = monEditOuterAwokensRow.querySelector(".current-super-awoken");
	const mSAwokenIcon = monEditOuterAwokensRow.querySelector("#current-super-awoken-icon");
	mSAwokenIcon.setAttribute("data-awoken-icon", mon.sawoken ?? 0);

	const monEditLv = settingBox.querySelector(".row-mon-level .m-level");
	monEditLv.value = mon.level || 1;
	const monEditAddHp = settingBox.querySelector(".row-mon-plus .m-plus-hp");
	const monEditAddAtk = settingBox.querySelector(".row-mon-plus .m-plus-atk");
	const monEditAddRcv = settingBox.querySelector(".row-mon-plus .m-plus-rcv");
	if (mon.plus && mon.id > 0) {
		monEditAddHp.value = mon.plus[0];
		monEditAddAtk.value = mon.plus[1];
		monEditAddRcv.value = mon.plus[2];
	}
	const rowMonLatent = settingBox.querySelector(".row-mon-latent");
	const skillLevel = settingBox.querySelector(".row-mon-skill .skill-box .m-skill-level");
	if (mon.skilllevel) {
		skillLevel.value = mon.skilllevel;
	}
	skillLevel?.onchange();

	const editBoxTitle = editBox.querySelector(".edit-box-title");
	const btnDelay = editBox.querySelector(".button-box .button-delay");
	if (!isAssist) {
		editBox.latent = mon.latent ? mon.latent.concat() : [];
		editBox.refreshLatent(editBox.latent, mon.id);
	}
	rowMonLatent.classList.toggle(className_displayNone, isAssist);;
	editBoxTitle.classList.toggle("edit-box-title-assist", isAssist);;
	btnDelay.classList.toggle(className_displayNone, !isAssist);;

	editBox.reCalculateExp();
	if (mon.awoken !== undefined && monEditAwokens[mon.awoken])
		monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示，所以需要点一下
	else
		editBox.reCalculateAbility();
	
	//自动选中ID狂，以方便修改
	//monstersID.focus();
	//monstersID.select();
}
//编辑窗，修改怪物ID
function editBoxChangeMonId(id) {
	const card = Cards[id] ?? Cards[0]; //怪物固定数据
	if (!card) { //如果搜不到怪物就直接返回，不做任何操作
		const errorMsg = "The game data has not been loaded successfully.\n游戏数据尚未加载成功。";
		alert(errorMsg);
		console.error(errorMsg);
		return;
	}
	if (card?.id === 0) {
		id = 0;
	}
	//const skill = Skills[card.activeSkillId];
	//const leaderSkill = Skills[card.leaderSkillId];

	const monInfoBox = editBox.querySelector(".monsterinfo-box");
	const settingBox = editBox.querySelector(".setting-box");

	//id搜索
	const monHead = monInfoBox.querySelector(".monster");
	changeid({ id: id }, monHead); //改变图像
	const mId = monInfoBox.querySelector(".monster-id");
	mId.textContent = id;
	const mRare = monInfoBox.querySelector(".monster-rare");
	mRare.setAttribute("data-rarity", card.rarity);
	const mMP = monInfoBox.querySelector(".monster-mp");
	mMP.textContent = card.sellMP.toLocaleString();
	const mName = monInfoBox.querySelector(".monster-name");
	mName.textContent = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0];
	mName.title = card.name;
	const mSeriesId = monInfoBox.querySelector(".monster-seriesId");
	mSeriesId.textContent = card.seriesId;
	mSeriesId.setAttribute(dataAttrName, card.seriesId);
	mSeriesId.classList.toggle(className_displayNone, !card.seriesId);

	const mCollabId = monInfoBox.querySelector(".monster-collabId");
	mCollabId.textContent = card.collabId;
	mCollabId.setAttribute(dataAttrName, card.collabId);
	mCollabId.classList.toggle(className_displayNone, !card.collabId);

	const mGachaId = monInfoBox.querySelector(".monster-gachaId");
	mGachaId.textContent = card.gachaIds.join();
	mGachaId.setAttribute(dataAttrName, card.gachaIds.join());
	mGachaId.classList.toggle(className_displayNone, !card.gachaIds.length);

	const mAltName = monInfoBox.querySelector(".monster-altName");
	//没有合作名就隐藏
	mAltName.classList.toggle(className_displayNone, card.altName.length < 1 && card?.otTags?.length < 1);;

	const evoLinkCardsIdArray = buildEvoTreeIdsArray(card);

	const createCardHead = editBox.createCardHead;
	const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
	
	//进化树
	const evolutionaryTreeMask = settingBox.querySelector(".mask-evolutionary-tree");
	const openEvolutionaryTreeClick = function(event) {
		if (event.ctrlKey) { //显示进化需求树，不是常用功能，就不做额外的按钮了，所以按住Ctrl点击生效
			evolutionaryTreeMask.showRequirementTree(editBox.mid);
		} else {
			evolutionaryTreeMask.show(editBox.mid);
		}
	};

	evoCardUl.classList.add(className_displayNone);
	evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好
	//const openEvolutionaryTree = settingBox.querySelector(".row-mon-id .open-evolutionary-tree");
	if (evoLinkCardsIdArray.length > 1) {
		const fragment = document.createDocumentFragment(); //创建节点用的临时空间

		const li = fragment.appendChild(document.createElement("li"));
		const openEvolutionaryTree = li.appendChild(document.createElement("button"));
		openEvolutionaryTree.classList = "open-evolutionary-tree brown-button";
		openEvolutionaryTree.onclick = openEvolutionaryTreeClick;

		evoLinkCardsIdArray.forEach(function(mid) {
			const cli = createCardHead(mid, {noTreeCount: true});
			if (mid == id) {
				cli.classList.add("unable-monster");
			}
			fragment.appendChild(cli);
		});

		evoCardUl.appendChild(fragment);
		evoCardUl.classList.remove(className_displayNone);
		//openEvolutionaryTree.classList.remove(className_displayNone); //显示进化树按钮
	}else
	{
		//openEvolutionaryTree.classList.add(className_displayNone); //隐藏进化树按钮
	}
	const searchEvolutionByThis = settingBox.querySelector(".row-mon-id .search-evolution-by-this");
	//对于进化型才显示
	searchEvolutionByThis.classList.toggle(className_displayNone, !card.types.includes(0));;

	const mType = monInfoBox.querySelectorAll(".monster-type li");
	for (let ti = 0; ti < mType.length; ti++) {
		if (ti < card.types.length && card.types[ti] >= 0) {
			mType[ti].setAttribute("data-type-name", card.types[ti]);
			mType[ti].querySelector(".type-icon").setAttribute("data-type-icon", card.types[ti]);
			mType[ti].classList.remove(className_displayNone);
		} else {
			mType[ti].classList.add(className_displayNone);
		}
	}

	//觉醒
	const monEditOuterAwokensRow = monInfoBox.querySelector(".row-awoken-sawoken");
	//没有觉醒时整体隐藏
	monEditOuterAwokensRow.classList.toggle(className_displayNone, card.awakenings.length == 0 && card.superAwakenings.length == 0);

	const monEditAwokensRow = monEditOuterAwokensRow.querySelector(".row-mon-awoken");
	const mAwokenIcon = monEditAwokensRow.querySelectorAll(".awoken-icon");
	const mAwokenIpt = monEditAwokensRow.querySelectorAll("input[name='awoken-number']");
	monEditAwokensRow.classList.toggle("allowable-assist", card.canAssist);;
	for (let ai = 0; ai < mAwokenIcon.length; ai++) {
		if (ai < card.awakenings.length) {
			mAwokenIcon[ai].setAttribute("data-awoken-icon", card.awakenings[ai]);
		}
		mAwokenIcon[ai].classList.toggle(className_displayNone, ai >= card.awakenings.length);;
	}
	mAwokenIpt[card.awakenings.length].click(); //选择最后一个觉醒

	//超觉醒
	const mSAwokenIcon = monEditOuterAwokensRow.querySelector("#current-super-awoken-icon");

	const monEditSAwokensRow = monEditOuterAwokensRow.querySelector(".row-mon-super-awoken");
	const monEditSAwokensUl = monEditSAwokensRow.querySelector(".awoken-ul");
	//获得之前的所有超觉醒
	const prevSAwoken = parseInt(mSAwokenIcon.getAttribute("data-awoken-icon"), 10) || 0;

	function setSAwoken() {
		const sawoken = parseInt(this.getAttribute("data-awoken-icon"), 10) || 0;

		if (mSAwokenIcon.classList.contains("super-awoken-locked") && !mSAwokenIcon.classList.contains("sync-awakening")) return;
		mSAwokenIcon.setAttribute("data-awoken-icon", sawoken);

		// const level = settingBox.querySelector(".row-mon-level .m-level");
		// const plusArr = [...settingBox.querySelectorAll(".row-mon-plus input[type='number']")];
		// if (sawoken > 0 && sawoken !== card.syncAwakening) {
		// 	//自动100级
		// 	if (parseInt(level.value, 10)<100)
		// 	{
		// 		console.debug("点亮超觉醒，自动设定100级");
		// 		level.value = 100;
		// 	}
		// 	//自动打上297
		// 	if (plusArr.some(ipt=>parseInt(ipt.value, 10)<99))
		// 	{
		// 		console.debug("点亮超觉醒，自动设定297");
		// 		plusArr.forEach(ipt=>ipt.value=99);
		// 	}
		// }
		editBox.reCalculateAbility();
	}
	//怪物没有超觉醒时隐藏超觉醒
	const monEditCurrentSAwokenRow = monEditOuterAwokensRow.querySelector(".current-super-awoken");
	monEditCurrentSAwokenRow.classList.toggle(className_displayNone, card.superAwakenings.length == 0);
	monEditSAwokensRow.classList.toggle(className_displayNone, card.superAwakenings.length == 0);
	
	if (!card.superAwakenings.includes(prevSAwoken)){
		mSAwokenIcon.setAttribute("data-awoken-icon", 0);
		//切换后没有相同超觉，则直接撤销这个超觉
	}
	monEditSAwokensUl.innerHTML = ''; //清空旧的超觉醒
	card.superAwakenings.forEach((sak,idx)=>{
		const btn = document.createElement("button");
		btn.className = "awoken-icon";
		btn.setAttribute("data-awoken-icon", sak);
		btn.onclick = setSAwoken;
		monEditSAwokensUl.append(btn);
	});
	mSAwokenIcon.classList.toggle("sync-awakening", Boolean(card.syncAwakening));

	const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
	//monEditLvMax.textContent = monEditLvMax.value = card.maxLevel;
	monEditLvMax.value = card.maxLevel;
	const monEditLv = settingBox.querySelector(".m-level");
	monEditLv.max = card.limitBreakIncr ? 120 : card.maxLevel; //最大可设定等级
	monEditLv.value = Math.min(defaultLevel, card.limitBreakIncr ? 120 : card.maxLevel); //默认等级
	const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
	const monEditLv120 = settingBox.querySelector(".m-level-btn-120");

	monEditLv110.setAttribute("data-limit-break-incr",card.limitBreakIncr);
	monEditLv110.classList.toggle(className_displayNone, !card.limitBreakIncr);;
	monEditLv120.classList.toggle(className_displayNone, !card.limitBreakIncr);;

	const mCost = settingBox.querySelector(".monster-cost");
	mCost.textContent = card.cost;

	const rowMonPlus = settingBox.querySelector(".row-mon-plus");
	const rowMonLatent = settingBox.querySelector(".row-mon-latent");
	const monLatentAllowUl = rowMonLatent.querySelector(".m-latent-allowable-ul");

	let allowLatent = [];
	if (!editBox.isAssist) {
		//该宠Type允许的杀，set不会出现重复的

		//获取类型允许的潜觉
		function getAllowLatent(card) {
			const latentSet = new Set(allowable_latent.common);
			allowable_latent.needAwoken.forEach(obj=>latentSet.add(obj.latent));
			card.types.filter(i => i >= 0)
				.flatMap(type => typekiller_for_type.find(t=>t.type==type).allowableLatent)
				.forEach(t => latentSet.add(t));
			if (card.limitBreakIncr) {
				allowable_latent.v120.forEach(t => (t!==49 || t===49 && card.attrs[0]===6) && latentSet.add(t));
			}
			return Array.from(latentSet);
		}
		allowLatent = getAllowLatent(card);
		const latentIcons = Array.from(monLatentAllowUl.querySelectorAll(`.latent-icon[data-latent-icon]`));
		latentIcons.forEach(icon => { //显示允许的潜觉，隐藏不允许的潜觉
			const ltId = parseInt(icon.getAttribute("data-latent-icon"),10);
			icon.classList.toggle("unallowable-latent", !allowLatent.includes(ltId));;
		});
	}

	//怪物主动技能
	const rowSkill = settingBox.querySelector(".row-mon-skill");
	const skillBox = rowSkill.querySelector(".skill-box");
	const skillTitle = skillBox.querySelector(".skill-name");
	const skillCD = skillBox.querySelector(".skill-cd");
	const skillLevel = skillBox.querySelector(".m-skill-level");
	//const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
	const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");
	const skillDetailParsed = skillBox.querySelector(".skill-datail-parsed");
	const skillDetailOriginal = skillBox.querySelector(".skill-datail-original");

	const activeskill = Skills[card.activeSkillId];
	const leaderSkill = Skills[card.leaderSkillId];
	let frg1 = document.createDocumentFragment(); //创建节点用的临时空间
	frg1.appendChild(skillBox);

	skillTitle.textContent = activeskill?.name;
	skillTitle.setAttribute("data-skillid", activeskill?.id);
	skillDetailOriginal.innerHTML = "";
	skillDetailOriginal.appendChild(parseSkillDescription(activeskill));

	const t_maxLevel = card.stackable ? 1 : activeskill?.maxLevel; //遇到不能升技的，最大等级强制为1
	skillLevel.max = t_maxLevel;
	skillLevel.value = t_maxLevel;
	skillLevel_Max.value = t_maxLevel;
	//skillLevel_Max.textContent = activeskill.maxLevel;
	skillCD.textContent = activeskill?.initialCooldown - t_maxLevel + 1;

	//怪物队长技能
	const rowLederSkill = settingBox.querySelector(".row-mon-leader-skill");
	const lskillBox = rowLederSkill.querySelector(".skill-box");
	const lskillTitle = lskillBox.querySelector(".skill-name");
	const lskillDetailParsed = lskillBox.querySelector(".skill-datail-parsed");
	const lskillDetailOriginal = lskillBox.querySelector(".skill-datail-original");

	let frg2 = document.createDocumentFragment(); //创建节点用的临时空间
	frg2.appendChild(lskillBox);

	lskillTitle.textContent = leaderSkill?.name;
	lskillTitle.setAttribute("data-skillid", leaderSkill?.id);
	lskillDetailOriginal.innerHTML = "";
	lskillDetailOriginal.appendChild(parseSkillDescription(leaderSkill));

	editBox.refreshSkillParse(skillDetailParsed, lskillDetailParsed);
	rowSkill.appendChild(frg1);
	rowLederSkill.appendChild(frg2);

	let noPowerup = card.stackable || card.types.some(t=>[0,12,14,15].includes(t)) && card.maxLevel <= 1;
	skillLevel.readOnly = noPowerup;
	rowMonPlus.classList.toggle("disabled", noPowerup);
	rowMonLatent.classList.toggle("disabled", noPowerup || card.onlyAssist); //极少数情况会出现仅允许当武器的，不能打潜觉
	if (noPowerup) { //当可以叠加时，不能打297和潜觉
		rowMonPlus.querySelector(".m-plus-hp").value = 0;
		rowMonPlus.querySelector(".m-plus-atk").value = 0;
		rowMonPlus.querySelector(".m-plus-rcv").value = 0;
	}

	const btnDone = editBox.querySelector(".button-done");
	if (editBox.isAssist) {
		btnDone.classList.toggle("cant-assist", !card.canAssist);
		btnDone.disabled = !card.canAssist;
	} else {
		btnDone.classList.toggle("only-assist", card.onlyAssist);
		btnDone.disabled = card.onlyAssist;
	}


	//去除所有不能再打的潜觉
	editBox.latent = editBox.latent.filter(lat => allowLatent.includes(lat));
	editBox.refreshLatent(editBox.latent, id);
	editBox.reCalculateExp();
	editBox.reCalculateAbility();
}
//刷新整个队伍
function refreshAll(formationData) {
	let fragment = document.createDocumentFragment(); //创建节点用的临时空间
	const titleBox = formationBox.querySelector(".title-box");
	const detailBox = formationBox.querySelector(".detail-box");
	const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
	const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
	const dungeonEnchanceDom = formationBox.querySelector(".dungeon-enchance"); //地下城强化

	//fragment.append(...formationBox.childNodes);

	const txtTitle = titleBox.querySelector(".title-code");
	const txtDetail = detailBox.querySelector(".detail-code");
	txtTitle.value = formationData.title || "";
	txtDetail.value = formationData.detail || "";
	const txtTitleDisplay = titleBox.querySelector(".title-display");
	const txtDetailDisplay = detailBox.querySelector(".detail-display");
	txtTitleDisplay.innerHTML = '';
	txtTitleDisplay.append(descriptionToHTML(txtTitle.value));
	formationBox.refreshDocumentTitle();
	txtDetailDisplay.innerHTML = '';
	txtDetailDisplay.append(descriptionToHTML(txtDetail.value));
	
	//地下城强化的显示，稀有度没有现成的，所以这里来循环生成
	const dge = formationData.dungeonEnchance;
	dungeonEnchanceDom.classList.add(className_displayNone);
	dungeonEnchanceDom.innerHTML = '';
	const dungeonEnchanceFragment = [];
	if (Object.values(dge.rate).some(rate => rate != 1)) //如果有任何一个属性的比率不为1，才产生强化图标
	{

		const seriesFragment = [];
		if (dge?.collabs?.length) { //添加合作的ID名称
			//搜索并显示合作
			function searchCollab(event) {
				event.preventDefault();
				const collabId = parseInt(this.getAttribute(dataAttrName), 10);
				showSearchBySeriesId(collabId, "collab");
				return false;
			}
			const fragment = dge.collabs.map(id=>{
				const lnk = document.createElement("a");
				lnk.className ="series-search card-collabId";
				lnk.setAttribute(dataAttrName, id);
				lnk.onclick = searchCollab;
				lnk.textContent = id;
				return lnk;
			}).nodeJoin(localTranslating?.skill_parse?.word?.slight_pause());

			seriesFragment.push(localTranslating?.skill_parse?.target?.collab_id({id:fragment}));
		}
		if (dge?.gachas?.length) { //添加抽蛋的ID名称
			//搜索并显示抽蛋
			function searchGacha(event) {
				event.preventDefault();
				const sids = this.getAttribute(dataAttrName).split(',')
							 .filter(Boolean).map(n=>parseInt(n, 10));
				if (sids.length) {
					showSearchBySeriesId(sids, "gacha");
				}
				return false;
			}
			const fragment = dge.gachas.map(id=>{
				const lnk = document.createElement("a");
				lnk.className ="series-search card-gachaId";
				lnk.setAttribute(dataAttrName, id);
				lnk.onclick = searchGacha;
				lnk.textContent = id;
				return lnk;
			}).nodeJoin(localTranslating?.skill_parse?.word?.slight_pause());

			seriesFragment.push(localTranslating?.skill_parse?.target?.gacha_id({id:fragment}));
		}
		if (dge.rarities.length > 0) {
			const raritiesIcons = dge.rarities.map(rarity=>{
				const icon = document.createElement("icon");
				icon.className = "rare-icon";
				icon.setAttribute("data-rare-icon", rarity);
				return icon;
			});
			seriesFragment.push(raritiesIcons.nodeJoin());
		}
		const skill = powerUp(dge.attrs, dge.types, p.mul({hp: dge.rate.hp * 100, atk: dge.rate.atk * 100, rcv: dge.rate.rcv * 100}));
		seriesFragment.push(renderSkill(skill));

		dungeonEnchanceFragment.push(seriesFragment.nodeJoin(localTranslating?.skill_parse?.word?.comma()));
	}
	if (dge?.benefit) { //添加阴阳
		const benefitAwoken = (dge.benefit & 0b1) ? 128 : 129;
		const icon = document.createElement("icon");
		icon.className ="awoken-icon";
		icon.setAttribute("data-awoken-icon", benefitAwoken);
		if (dge.benefit & 0b10)
			icon.classList.add("yinyang");
		dungeonEnchanceFragment.push(icon);
	}
	if (dge?.stage > 1) { //添加层数
		const states = localTranslating?.skill_parse?.stats;
		const dict = {
			state:states?.cstage(),
			num: dge?.stage
		};
		dungeonEnchanceFragment.push(states?.state_is(dict));
	}
	dungeonEnchanceDom.appendChild(dungeonEnchanceFragment.nodeJoin(localTranslating?.skill_parse?.word?.semicolon()));
	dungeonEnchanceDom.classList.remove(className_displayNone);

	teamBigBoxs.forEach((teamBigBox, teamNum) => {
		const teamBox = teamBigBox.querySelector(".team-box");
		const teamData = formationData.teams[teamNum];
		const badgeBox = teamBigBox.querySelector(".team-badge");
		if (badgeBox) badgeBox.setAttribute("data-badge-icon", teamData[2] ?? 0);

		const membersDom = teamBox.querySelector(".team-members");
		const latentsDom = teamBox.querySelector(".team-latents");
		const assistsDom = teamBox.querySelector(".team-assist");
		const teamAbilityDom = teamBigBox.querySelector(".team-ability");
		const teamMemberTypesDom = teamBigBox.querySelector(".team-member-types"); //队员类型
		const teamMemberAwokenDom = teamBigBox.querySelector(".team-member-awoken"); //队员觉醒
		const teamAssistAwokenDom = teamBigBox.querySelector(".team-assist-awoken"); //辅助觉醒
		
		for (let ti = 0, ti_len = membersDom.querySelectorAll(".member").length; ti < ti_len; ti++) {
			const leaderIdx = teamData[3]; //开始设置换队长
			const memberLi = membersDom.querySelector(`.member-${ti+1}`);
			const latentLi = latentsDom.querySelector(`.latents-${ti+1}`);
			const assistsLi = assistsDom.querySelector(`.member-${ti+1}`);
			const teamAbilityLi = teamAbilityDom && teamAbilityDom.querySelector(`.abilitys-${ti+1}`);
			const teamMemberTypesLi = teamMemberTypesDom && teamMemberTypesDom.querySelector(`.member-types-${ti+1}`);
			const teamMemberAwokenLi = teamAbilityDom && teamMemberAwokenDom.querySelector(`.member-awoken-${ti+1}`);
			const teamAssistAwokenLi = teamAbilityDom && teamAssistAwokenDom.querySelector(`.member-awoken-${ti+1}`);
			[
				memberLi,
				latentLi,
				assistsLi,
				teamAbilityLi,
				teamMemberTypesLi,
				teamMemberAwokenLi,
				teamAssistAwokenLi
			].forEach(dom=>{
				if (!dom) return;
				if (leaderIdx > 0 && (ti == 0 || ti == leaderIdx)) {
					if (ti == 0) {
						dom.style.transform = formation.teams.length == 2 && teamNum == 1 ? `translateX(${(5-leaderIdx)*-108}px)` : `translateX(${leaderIdx*108}px)`;
					}
					else if (ti == leaderIdx)
					{
						dom.style.transform = formation.teams.length == 2 && teamNum == 1 ? `translateX(${(5-ti)*108}px)` : `translateX(${ti*-108}px)`;
					}
					dom.classList.add("changing-leader");
					dom.onanimationend = function() {
						this.classList.remove("changing-leader");
						this.onanimationend = null;
					}
				} else {
					if (dom.style.transform) {
						dom.classList.add("changing-leader");
						dom.onanimationend = function() {
							this.classList.remove("changing-leader");
							this.onanimationend = null;
						}
					}
					dom.style.transform = null;
				}
			});
			//修改显示内容
			const memberDom = memberLi.querySelector(`.monster`);
			const assistDom = assistsLi.querySelector(`.monster`);
			const latentDom = latentLi.querySelector(`.latent-ul`);
			const member = teamData[0][ti], assist = teamData[1][ti];
			const memberCard = member.card || Cards[0], assistCard = assist.card || Cards[0];
			changeid(member, memberDom, latentDom, assist); //队员
			changeid(assist, assistDom); //辅助
			const enableBouns = member.id > 0 && assist.id > 0 && ( //基底和武器都不是空
				memberCard.attrs[0] === assistCard.attrs[0] || //如果主属性相等
				memberCard.attrs[0]===6 || assistCard.attrs[0]===6 //或任一为仅副属性
			);
			teamAbilityLi?.classList?.toggle("enable-bouns", enableBouns);

			//隐藏队长的自身换为换队长的技能
			if (ti == 5 || //好友队长永远隐藏
				leaderIdx == 0 && ti == 0 ) //当没换队长时，自身队长的欢队长技能隐藏
			{
				const skills_m = getCardActiveSkills(memberCard, [93, 227]); //更换队长的技能
				const skills_a = getCardActiveSkills(assistCard, [93, 227]); //更换队长的技能
				if (skills_m.length == 0 || skills_m[0].type != 227)
				{
					memberDom.querySelector(".switch-leader").classList.add(className_displayNone);
				}
				if (skills_a.length == 0 || skills_a[0].type != 227)
				{
					assistDom.querySelector(".switch-leader").classList.add(className_displayNone);
				}
			}
			refreshMemberSkillCD(teamBox, teamData, ti); //技能CD
			refreshAbility(teamAbilityDom, teamData, ti); //本人能力值
			refreshMemberAwoken(teamMemberAwokenDom, teamAssistAwokenDom, teamData, ti); //本人觉醒
			refreshMemberTypes(teamMemberTypesDom, teamData, ti); //本人类型

		}
		const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
		if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, teamNum);

		const teamTotalInfoCountDom = teamBigBox.querySelector(".team-total-info-count"); //队伍星级、属性、类型合计
		if (teamTotalInfoCountDom) refreshTeamTotalCount(teamTotalInfoCountDom, teamData, teamNum);

		const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
		if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);

		const teamAwokenEffectDom = teamBigBox.querySelector(".team-awoken-effect"); //队伍觉醒效果计算
		if (teamAwokenEffectDom) refreshTeamAwokenEfeect(teamAwokenEffectDom, teamData, teamNum);
	});

	if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);

	if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);

	formationBox.appendChild(fragment);
	// txtDetail.onblur(); //这个需要放在显示出来后再改才能生效

	
	// teamBigBoxs.forEach((teamBigBox, teamNum) => {
	// 	const teamBox = teamBigBox.querySelector(".team-box");
	// 	const teamData = formationData.teams[teamNum];

	// 	const membersDom = teamBox.querySelector(".team-members");
	// 	const latentsDom = teamBox.querySelector(".team-latents");
	// 	const assistsDom = teamBox.querySelector(".team-assist");
	// 	const teamAbilityDom = teamBigBox.querySelector(".team-ability");
	// 	const teamMemberTypesDom = teamBigBox.querySelector(".team-member-types"); //队员类型
	// 	const teamMemberAwokenDom = teamBigBox.querySelector(".team-member-awoken"); //队员觉醒
	// 	const teamAssistAwokenDom = teamBigBox.querySelector(".team-assist-awoken"); //辅助觉醒
		
	// 	for (let ti = 0, ti_len = membersDom.querySelectorAll(".member").length; ti < ti_len; ti++) {
	// 		const leaderIdx = teamData[3]; //开始设置换队长
	// 		const memberLi = membersDom.querySelector(`.member-${ti+1}`);
	// 		const latentLi = latentsDom.querySelector(`.latents-${ti+1}`);
	// 		const assistsLi = assistsDom.querySelector(`.member-${ti+1}`);
	// 		const teamAbilityLi = teamAbilityDom && teamAbilityDom.querySelector(`.abilitys-${ti+1}`);
	// 		const teamMemberTypesLi = teamMemberTypesDom && teamMemberTypesDom.querySelector(`.member-types-${ti+1}`);
	// 		const teamMemberAwokenLi = teamAbilityDom && teamMemberAwokenDom.querySelector(`.member-awoken-${ti+1}`);
	// 		const teamAssistAwokenLi = teamAbilityDom && teamAssistAwokenDom.querySelector(`.member-awoken-${ti+1}`);
	// 		[
	// 			memberLi,
	// 			latentLi,
	// 			assistsLi,
	// 			teamAbilityLi,
	// 			teamMemberTypesLi,
	// 			teamMemberAwokenLi,
	// 			teamAssistAwokenLi
	// 		].forEach(dom=>{
	// 			if (!dom) return;
	// 			if (leaderIdx > 0 && ti == 0) //队长
	// 			{
	// 				dom.style.transform = formation.teams.length == 2 && teamNum == 1 ? `translateX(${(5-leaderIdx)*-108}px)` : `translateX(${leaderIdx*108}px)`;
	// 			}
	// 			else if (leaderIdx > 0 && ti == leaderIdx) //队长员
	// 			{
	// 				dom.style.transform = formation.teams.length == 2 && teamNum == 1 ? `translateX(${(5-ti)*108}px)` : `translateX(${ti*-108}px)`;
	// 			}else
	// 			{
	// 				dom.style.transform = null;
	// 			}
	// 		});
	// 	}
	// });
}

//刷新队伍觉醒效果计算
function refreshTeamAwokenEfeect(awokenEffectDom, team, ti) {
	const [members, assists, badge, swapId] = team;
	let targetIcon;
	//解析两个队长技
	let leader1 = members[swapId || 0], //换队长或者默认队长
		leader2 = members[5];
	let parseLSkill1 = skillParser(leader1?.card?.leaderSkillId),
		parseLSkill2 = skillParser(leader2?.card?.leaderSkillId);

	//防绑
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"52\"]")) {
		const teamFlagsMembers = Array.from(targetIcon.parentElement.querySelectorAll(".team-flags li"));
		const equivalentAwoken = equivalent_awoken.find(eak => eak.big === 52);
		//储存附加 52 即大防绑的队长技能
		let lsAwoken = parseLSkill1.concat(parseLSkill2).filter(skill=>skill.kind == SkillKinds.ImpartAwakenings);

		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			let thisAwokenNum = 0;
			if (badge === 8 || badge === 22) {
				thisAwokenNum = 2;
			} else {
				let effectiveAwokens = memberData.effectiveAwokens(assistData);
				if (lsAwoken.length) { //增加队长技赋予的觉醒
					const {attrs=[], types=[]} = memberData.getAttrsTypesWithWeapon(assistData) || {};
					lsAwoken.forEach(pls=>{
						if (attrs.some(a => pls.attrs.includes(a)) || types.some(t => pls.types.includes(t))) {
							effectiveAwokens.push(...pls.awakenings);
						}
					});
				}
				thisAwokenNum = effectiveAwokens.filter(ak=>ak==equivalentAwoken.small).length + effectiveAwokens.filter(ak=>ak==equivalentAwoken.big).length * equivalentAwoken.times;
			}
			teamFlagsMembers[mi].setAttribute(dataAttrName, Math.round(Math.min(thisAwokenNum/2,1)*100));
		}
	}
	//自动回复
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"9\"]")) {
		const targetValue = targetIcon.parentElement.querySelector(".count");
		const equivalentAwoken = equivalent_awoken.find(eak => eak.small === 9);
		const thisAwokenNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
		awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
		let count = thisAwokenNum * 1000; //普通觉醒每个加1000

		//自动回复的队长技能
		let lsAwoken1 = parseLSkill1.filter(skill=>skill.kind == SkillKinds.AutoHeal),
			lsAwoken2 = parseLSkill2.filter(skill=>skill.kind == SkillKinds.AutoHeal);
		if (lsAwoken1.length) {
			const [,,rcv] = leader1.ability;
			count += rcv * lsAwoken1[0].value.value;
		}
		if (lsAwoken2.length) {
			const [,,rcv] = leader2.ability;
			count += rcv * lsAwoken2[0].value.value;
		}

		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			let latentCount = memberData?.latent?.filter(l=>l===5).length;
			if (latentCount>0) { //自动回复潜觉，不考虑任何297和觉醒
				let memberCard = memberData.card;
				//计算没有297的纯三维
				let memberRCV = Math.round(curve(memberCard.rcv, memberData.level, memberCard.maxLevel, memberCard.limitBreakIncr, 5));
				count += Math.round(memberRCV * 0.15 * latentCount); //回复力的15%
			} else {
				continue;
			}
		}
		targetValue.setAttribute(dataAttrName, count.bigNumberToString());
	}
	
	//颜色盾
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"4\"]")) {
		const awokens = Array.from(targetIcon.parentElement.querySelectorAll(".awoken-icon"));
		const teamLatents = members.flatMap(m=>m.latent); //因为盾是固定值，所以直接平面化所有的潜觉

		for (let ai=0; ai < awokens.length; ai++) {
			const awoken = awokens[ai];
			const ak = parseInt(awoken.dataset.awokenIcon, 10);
			const thisAwokenNum = awokenCountInTeam(team, ak, solo, teamsCount);
			const prob = thisAwokenNum * 0.07 //普通觉醒7%
					 + teamLatents.filter(l=>l===2+ak).length * 0.01  //小潜觉 1%
					 + teamLatents.filter(l=>l===28+ak).length * 0.03; //大潜觉 3%
			awoken.setAttribute(dataAttrName,Math.round(Math.min(prob,1)*100));
		}
	}

	//掉+珠
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"14\"]")) {
		const awokens = Array.from(targetIcon.parentElement.querySelectorAll(".awoken-icon"));

		for (let ai=0; ai < awokens.length; ai++) {
			const awoken = awokens[ai];
			const ak = parseInt(awoken.dataset.awokenIcon, 10);
			const equivalentAwoken = equivalent_awoken.find(eak => eak.small === ak);
			const thisAwokenNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
			awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
			const prob = thisAwokenNum * 0.2; //普通觉醒20%
			awoken.setAttribute(dataAttrName,Math.round(prob*100));
			awoken.classList.toggle("gt100", prob > 1);
		}
	}

	//SX
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"28\"]")) {
		const targetValue = targetIcon.parentElement.querySelector(".prob");
		const targetMeter = targetIcon.parentElement.querySelector("meter");
		const thisAwokenNum = awokenCountInTeam(team, 28, solo, teamsCount);
		let prob = thisAwokenNum / 5;
		switch (badge) {
			case 9:
				prob += 1;
				break;
			case 22: //状态异常耐性 辅助无效
				prob += 1;
				break;
		}
		const percentValue = Math.round(Math.min(prob,1)*100);
		targetValue.setAttribute(dataAttrName, percentValue);
		targetMeter.value = percentValue;
	}
	//暗
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"68\"]")) {
		const targetValue = targetIcon.parentElement.querySelector(".prob");
		const targetMeter = targetIcon.parentElement.querySelector("meter");
		const equivalentAwoken = equivalent_awoken.find(eak => eak.big === 68);
		const thisAwokenNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
		awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
		let prob = thisAwokenNum / 5;
		switch (badge) {
			case 12:
				prob += 1;
				break;
			case 22: //状态异常耐性 辅助无效
				prob += 1;
				break;
		}
		const percentValue = Math.round(Math.min(prob,1)*100);
		targetValue.setAttribute(dataAttrName, percentValue);
		targetMeter.value = percentValue;
	}
	//废
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"69\"]")) {
		const targetValue = targetIcon.parentElement.querySelector(".prob");
		const targetMeter = targetIcon.parentElement.querySelector("meter");
		const equivalentAwoken = equivalent_awoken.find(eak => eak.big === 69);
		const thisAwokenNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
		awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
		let prob = thisAwokenNum / 5;
		switch (badge) {
			case 13:
				prob += 1;
				break;
			case 22: //状态异常耐性 辅助无效
				prob += 1;
				break;
		}
		const percentValue = Math.round(Math.min(prob,1)*100);
		targetValue.setAttribute(dataAttrName, percentValue);
		targetMeter.value = percentValue;
	}
	//毒
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"70\"]")) {
		const targetValue = targetIcon.parentElement.querySelector(".prob");
		const targetMeter = targetIcon.parentElement.querySelector("meter");
		const equivalentAwoken = equivalent_awoken.find(eak => eak.big === 70);
		const thisAwokenNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
		awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
		let prob = thisAwokenNum / 5;
		switch (badge) {
			case 14:
				prob += 1;
				break;
			case 22: //状态异常耐性 辅助无效
				prob += 1;
				break;
		}
		const percentValue = Math.round(Math.min(prob,1)*100);
		targetValue.setAttribute(dataAttrName, percentValue);
		targetMeter.value = percentValue;
	}
	//云
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"54\"]")) {
		const thisAwokenNum = awokenCountInTeam(team, 54, solo, teamsCount);
		targetIcon.classList.toggle("disabled", thisAwokenNum === 0);
	}
	//封条
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"55\"]")) {
		const thisAwokenNum = awokenCountInTeam(team, 55, solo, teamsCount);
		targetIcon.classList.toggle("disabled", thisAwokenNum === 0);
	}
	//掉废
	if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"14\"]")) {
		const has = members.some(member=>member?.latent?.includes(14));
		targetIcon.classList.toggle("disabled", !has);
	}
	//掉毒
	if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"15\"]")) {
		const has = members.some(member=>member?.latent?.includes(15));
		targetIcon.classList.toggle("disabled", !has);
	}
	//心横解转转
	if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"40\"]")) {
		const targetValue = targetIcon.parentElement.querySelector(".count");
		const equivalentAwoken = equivalent_awoken.find(eak => eak.small === 20);
		let count = 0;
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			if (memberData?.latent?.includes(40)) {
				let effectiveAwokens = memberData.effectiveAwokens(assistData);
				count += effectiveAwokens.filter(ak=>ak==equivalentAwoken.small).length + effectiveAwokens.filter(ak=>ak==equivalentAwoken.big).length * equivalentAwoken.times;
			} else {
				continue;
			}
		}
		targetValue.setAttribute(dataAttrName, count);
	}
	//心追解云封
	if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"46\"]")) {
		const targetValue = targetIcon.parentElement.querySelector(".count");
		let count = 0;
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			if (memberData?.latent?.includes(46)) {
				let effectiveAwokens = memberData.effectiveAwokens(assistData);
				count += effectiveAwokens.filter(ak=>ak==45).length;
			} else {
				continue;
			}
		}
		targetValue.setAttribute(dataAttrName, count);
	}
	//普通L
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"60\"]")) {
		const orbs = Array.from(targetIcon.parentElement.querySelectorAll(".orb-list .orb"));
		const equivalentAwoken = equivalent_awoken.find(eak => eak.small === 60);
		let count = new Array(orbs.length).fill(0);
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			let effectiveAwokens = memberData?.effectiveAwokens(assistData);
			let thisAwokenNum = effectiveAwokens.filter(ak=>ak==equivalentAwoken.small).length + effectiveAwokens.filter(ak=>ak==equivalentAwoken.big).length * equivalentAwoken.times;
			if (thisAwokenNum == 0) continue;
			const {attrs=[]} = memberData.getAttrsTypesWithWeapon(assistData) || {};
			attrs.distinct().forEach(attr=>{
				count[attr] += thisAwokenNum;
			});
		}
		orbs.forEach((orb,oi)=>{
			orb.setAttribute(dataAttrName,count[oi]);
		});
	}
	//L解禁武器
	if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"48\"]")) {
		const orbs = Array.from(targetIcon.parentElement.querySelectorAll(".orb-list .orb"));
		const equivalentAwoken = equivalent_awoken.find(eak => eak.small === 60);
		let count = new Array(orbs.length).fill(0);
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			//const assistData = assists[mi]; //L解禁武器，武器上的L无意义
			if (memberData?.latent?.includes(48)) {
				let effectiveAwokens = memberData.effectiveAwokens();
				let thisAwokenNum = effectiveAwokens.filter(ak=>ak==equivalentAwoken.small).length + effectiveAwokens.filter(ak=>ak==equivalentAwoken.big).length * equivalentAwoken.times;
				if (thisAwokenNum == 0) continue;
				const {attrs=[]} = memberData.getAttrsTypesWithWeapon() || {};
				attrs.distinct().forEach(attr=>{
					count[attr] += thisAwokenNum;
				});
			} else {
				continue;
			}
		}
		orbs.forEach((orb,oi)=>{
			orb.setAttribute(dataAttrName,count[oi]);
		});
	}
	//普通十字
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"78\"]")) {
		const orbs = Array.from(targetIcon.parentElement.querySelectorAll(".orb-list .orb"));
		const equivalentAwoken = equivalent_awoken.find(eak => eak.small === 78);
		let count = new Array(orbs.length).fill(0);
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			let effectiveAwokens = memberData.effectiveAwokens(assistData);
			let thisAwokenNum = effectiveAwokens.filter(ak=>ak==equivalentAwoken.small).length + effectiveAwokens.filter(ak=>ak==equivalentAwoken.big).length * equivalentAwoken.times;
			if (thisAwokenNum == 0) continue;
			const {attrs=[]} = memberData.getAttrsTypesWithWeapon(assistData) || {};
			attrs.distinct().forEach(attr=>{
				count[attr] += thisAwokenNum;
			});
		}
		orbs.forEach((orb,oi)=>{
			orb.setAttribute(dataAttrName,count[oi]);
		});
	}
	//U解禁消
	if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"41\"]")) {
		const orbs = Array.from(targetIcon.parentElement.querySelectorAll(".orb-list .orb"));
		const equivalentAwoken = equivalent_awoken.find(eak => eak.small === 27);
		let count = new Array(orbs.length).fill(0);
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			if (memberData?.latent?.includes(41)) {
				let effectiveAwokens = memberData.effectiveAwokens(assistData);
				let thisAwokenNum = effectiveAwokens.filter(ak=>ak==equivalentAwoken.small).length + effectiveAwokens.filter(ak=>ak==equivalentAwoken.big).length * equivalentAwoken.times;
				if (thisAwokenNum == 0) continue;
				const {attrs=[]} = memberData.getAttrsTypesWithWeapon(assistData) || {};
				attrs.distinct().forEach(attr=>{
					count[attr] += thisAwokenNum;
				});
			} else {
				continue;
			}
		}
		orbs.forEach((orb,oi)=>{
			orb.setAttribute(dataAttrName,count[oi]);
		});
	}
	//普通C珠
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"62\"]")) {
		const orbs = Array.from(targetIcon.parentElement.querySelectorAll(".orb-list .orb"));
		//目前没有大觉醒
		//const equivalentAwoken = equivalent_awoken.find(eak => eak.small === 78);
		let count = new Array(orbs.length).fill(0);
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			let effectiveAwokens = memberData.effectiveAwokens(assistData);
			//let thisAwokenNum = effectiveAwokens.filter(ak=>ak==equivalentAwoken.small).length + effectiveAwokens.filter(ak=>ak==equivalentAwoken.big).length * equivalentAwoken.times;
			let thisAwokenNum = effectiveAwokens.filter(ak=>ak==62).length;
			if (thisAwokenNum == 0) continue;
			const {attrs=[]} = memberData.getAttrsTypesWithWeapon(assistData) || {};
			attrs.distinct().forEach(attr=>{
				count[attr] += thisAwokenNum;
			});
		}
		orbs.forEach((orb,oi)=>{
			orb.setAttribute(dataAttrName,count[oi]);
		});
	}
	//C珠破吸
	if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"39\"]")) {
		const orbs = Array.from(targetIcon.parentElement.querySelectorAll(".orb-list .orb"));
		//目前没有大觉醒
		//const equivalentAwoken = equivalent_awoken.find(eak => eak.small === 27);
		let count = new Array(orbs.length).fill(0);
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			if (memberData.latent.includes(39)) {
				let effectiveAwokens = memberData.effectiveAwokens(assistData);
				//let thisAwokenNum = effectiveAwokens.filter(ak=>ak==equivalentAwoken.small).length + effectiveAwokens.filter(ak=>ak==equivalentAwoken.big).length * equivalentAwoken.times;
				let thisAwokenNum = effectiveAwokens.filter(ak=>ak==62).length;
				if (thisAwokenNum == 0) continue;
				const {attrs=[]} = memberData.getAttrsTypesWithWeapon(assistData) || {};
				attrs.distinct().forEach(attr=>{
					count[attr] += thisAwokenNum;
				});
			} else {
				continue;
			}
		}
		orbs.forEach((orb,oi)=>{
			orb.setAttribute(dataAttrName,count[oi]);
		});
	}
	//普通T字
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"126\"]")) {
		const orbs = Array.from(targetIcon.parentElement.querySelectorAll(".orb-list .orb"));
		//目前没有大觉醒
		//const equivalentAwoken = equivalent_awoken.find(eak => eak.small === 78);
		let count = new Array(orbs.length).fill(0);
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			let effectiveAwokens = memberData.effectiveAwokens(assistData);
			//let thisAwokenNum = effectiveAwokens.filter(ak=>ak==equivalentAwoken.small).length + effectiveAwokens.filter(ak=>ak==equivalentAwoken.big).length * equivalentAwoken.times;
			let thisAwokenNum = effectiveAwokens.filter(ak=>ak==126).length;
			if (thisAwokenNum == 0) continue;
			const {attrs=[]} = memberData.getAttrsTypesWithWeapon(assistData) || {};
			attrs.distinct().forEach(attr=>{
				count[attr] += thisAwokenNum;
			});
		}
		orbs.forEach((orb,oi)=>{
			orb.setAttribute(dataAttrName,count[oi]);
		});
	}
	//竖心追
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"45\"]")) {
		const targetValue = targetIcon.parentElement.querySelector(".count");
		let count = 0;
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			let effectiveAwokens = memberData.effectiveAwokens(assistData);
			count += effectiveAwokens.filter(ak=>ak===45).length;
		}
		targetValue.setAttribute(dataAttrName, (count * 50_0000).bigNumberToString());
		const percent = Math.min(count * 20, 100);
		const sheildIcon = targetIcon.parentElement.querySelector("[data-icon-type=\"breaking-shield\"]");
		sheildIcon.style.setProperty("--percent",`${percent}%`);
		const targetValue2 = targetIcon.parentElement.querySelector(".count[data-postfix]");
		targetValue2.setAttribute(dataAttrName, percent);
	}
	//方心追
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"50\"]")) {
		const targetValue = targetIcon.parentElement.querySelector(".count");
		let count = 0;
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			let effectiveAwokens = memberData.effectiveAwokens(assistData);
			count += effectiveAwokens.filter(ak=>ak===50).length;
		}
		targetValue.setAttribute(dataAttrName, (count * 1000_0000).bigNumberToString());
		const percent = Math.min(count * 50, 100);
		const sheildIcon = targetIcon.parentElement.querySelector("[data-icon-type=\"breaking-shield\"]");
		sheildIcon.style.setProperty("--percent",`${percent}%`);
		const targetValue2 = targetIcon.parentElement.querySelector(".count[data-postfix]");
		targetValue2.setAttribute(dataAttrName, percent);
	}
	//L心
	if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"59\"]")) {
		const targetValue = targetIcon.parentElement.querySelector(".count");
		let count = 0;
		for (let mi=0; mi < members.length; mi++) {
			const memberData = members[mi];
			const assistData = assists[mi];
			let effectiveAwokens = memberData.effectiveAwokens(assistData);
			count += effectiveAwokens.filter(ak=>ak===59).length;
		}
		targetValue.setAttribute(dataAttrName, count * 5);
	}
}
function highlightAwokenMember(inputAwoken, teamDom) {
	if (!teamDom) return; //每次只生效一个队伍，没有目标队伍就退出
	const akId = (icon=>{
		if (Number.isInteger(icon)) {
			return icon;
		} else if (icon instanceof HTMLElement && icon.hasAttribute("data-awoken-icon")) {
			return parseInt(icon.getAttribute("data-awoken-icon"), 10);
		} else {
			throw new TypeError("输入的不是 整数 或者含 data-awoken-icon 的 HTML 元素");
		}
	})(inputAwoken);
	const eqak = equivalent_awoken.find(obj=>akId === obj.big || akId === obj.small);

	const akIcons = [...teamDom.querySelectorAll(":where(.team-member-awoken,.team-assist-awoken) .awoken-icon")];
	akIcons.filter(icon=>{
		const iconId = parseInt(icon?.dataset?.awokenIcon, 10);
		return eqak ? (iconId === eqak.big || iconId === eqak.small) : iconId === akId;
	})
	.forEach(icon=>icon.classList.add("hightlight"));
}
function highlightAwokenMemberForIcon(event) {
	const teamBigBoxs = [...formationBox.querySelectorAll(".teams .team-bigbox")];
	const teamBigBox = teamBigBoxs.find(box=>box.contains(this));
	highlightAwokenMember(this, teamBigBox);
}
function removeAllHighlightOnAwokenMenber() {
	const teamBigBoxs = [...formationBox.querySelectorAll(".teams .team-bigbox")];
	teamBigBoxs.forEach(teamDom=>{
		const akIcons = [...teamDom.querySelectorAll(":where(.team-member-awoken,.team-assist-awoken) .awoken-icon")];
		akIcons.forEach(icon=>icon.classList.remove("hightlight"));
	});
}
//刷新队伍觉醒统计
function refreshTeamAwokenCount(awokenDom, team) {
	let fragment = document.createDocumentFragment(); //创建节点用的临时空间
	const awokenResort = new Set([46]); //队伍大血，强制排在第一位
	official_awoken_sorting.forEach(ak=>awokenResort.add(ak));
	awokenResort.forEach(ak=>{
		let totalNum = 0;
		//搜索等效觉醒
		const equivalentAwoken = equivalent_awoken.find(eak => eak.small === ak || eak.big === ak);
		if (equivalentAwoken?.small === ak)
		{ //等效觉醒小
			totalNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
				awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
		} else if (equivalentAwoken?.big === ak)
		{ //等效觉醒大就跳过
			return;
		} else
		{ //普通觉醒
			totalNum = awokenCountInTeam(team, ak, solo, teamsCount);
		}
		if (totalNum == 0) return;
		const li = document.createElement("li");
		li.className = "awoken-count";
		const icon = li.appendChild(document.createElement("icon"));
		icon.className = "awoken-icon";
		icon.setAttribute("data-awoken-icon", ak);
		const span = li.appendChild(document.createElement("span"));
		span.className = "count";
		span.textContent = totalNum;

		icon.onmouseenter = highlightAwokenMemberForIcon;
		icon.onmouseleave = removeAllHighlightOnAwokenMenber;

		fragment.append(li);
	});

	const awokenUL = awokenDom.querySelector(".awoken-ul");
	awokenUL.innerHTML = '';
	awokenUL.append(fragment);
}
//刷新阵型觉醒统计
function refreshFormationAwokenCount(awokenDom, teams) {
	function awokenSetCount(aicon, number) {
		if (!aicon) return; //没有这个觉醒就撤回 
		const ali = aicon.parentNode;
		const countDom = ali.querySelector(".count");
		countDom.textContent = number;
		if (number)
			ali.classList.remove(className_displayNone);
		else
			ali.classList.add(className_displayNone);
	}
	let fragment = document.createDocumentFragment(); //创建节点用的临时空间
	const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));

	const aicons = Array.from(awokenUL.querySelectorAll(`.awoken-icon[data-awoken-icon]`));
	const acs = aicons.map(aicon=>{
		const ai = parseInt(aicon.getAttribute("data-awoken-icon"),10);
		let totalNum = 0;
		//搜索等效觉醒
		const equivalentAwoken = equivalent_awoken.find(eak => eak.small === ai || eak.big === ai);
		if (equivalentAwoken)
		{
			if (equivalentAwoken.small === ai)
			{
				totalNum = awokenCountInFormation(teams, equivalentAwoken.small, solo) +
					awokenCountInFormation(teams, equivalentAwoken.big, solo) * equivalentAwoken.times;
			}
		} else
		{
			totalNum = awokenCountInFormation(teams, ai, solo);
		}
		awokenSetCount(aicon, totalNum);
		return {a:ai,c:totalNum};
	});
	if (acs.every(ac=>ac.c==0))
	{
		awokenDom.classList.add(className_displayNone);
	} else
	{
		awokenDom.classList.remove(className_displayNone);
	}
	awokenDom.appendChild(fragment);
}
//刷新能力值
function refreshAbility(abilityDom, team, idx) {
	const memberData = team[0][idx];
	const assistData = team[1][idx];
	//基底三维，如果辅助是武器，还要加上辅助的觉醒
	const mainAbility = calculateAbility(memberData, assistData, solo, teamsCount);
	if (mainAbility && memberData.ability) {
		for (let ai = 0; ai < 3; ai++) {
			memberData.ability[ai] = mainAbility[ai][0];
			memberData.abilityNoAwoken[ai] = mainAbility[ai][1];
		}
	}
	if (!abilityDom) return; //如果没有dom，直接跳过
	const abilityLi = abilityDom.querySelector(".abilitys-" + (idx + 1));
	const hpDom = abilityLi.querySelector(".hp");
	const atkDom = abilityLi.querySelector(".atk");
	const rcvDom = abilityLi.querySelector(".rcv");
	[hpDom, atkDom, rcvDom].forEach(function(div, ai) {
		if (mainAbility) {
			div.classList.remove(className_displayNone);
			div.textContent = memberData.ability[ai];
		} else {
			div.classList.add(className_displayNone);
			div.textContent = 0;
		}
	});
}
//刷新队员
function refreshMemberTypes(memberTypesDom, team, idx) {
	if (!memberTypesDom) return; //如果没有dom，直接跳过
	const member = team[0][idx];
	const assist = team[1][idx];
	let {types = [], isAppendType = false, appendTypes} = member.getAttrsTypesWithWeapon(assist) || {};
	
	function typeIcon(tid, isAppendType = false) {
		const iconLi = document.createElement("li");
		const icon = iconLi.appendChild(document.createElement("icon"))
		icon.className = "type-icon";
		icon.setAttribute("data-type-icon", tid);
		if (isAppendType) {
			iconLi.classList.add('append-type');
		}
		return iconLi;
	}

	const fragment = document.createDocumentFragment();
	if (member.id > 0) {
		member.card.types.forEach(tid=>fragment.appendChild(typeIcon(tid)));
		if (isAppendType) {
			appendTypes.forEach(tid=>fragment.appendChild(typeIcon(tid, true)));
		}
	}
	
	const memberTypesUl = memberTypesDom.querySelector(`.member-types-${idx + 1} .types-ul`);
	memberTypesUl.innerHTML = '';
	memberTypesUl.appendChild(fragment);
}
//刷新队员觉醒
function refreshMemberAwoken(memberAwokenDom, assistAwokenDom, team, idx) {
	if (!memberAwokenDom) return; //如果没有dom，直接跳过

	const memberData = team[0][idx];
	const assistData = team[1][idx];

	// const memberCard = Cards[memberData.id] || Cards[0];
	// const assistCard = Cards[assistData.id] || Cards[0];
	//队员觉醒
	let memberAwokens = memberData.effectiveAwokens() || [];
	//memberAwokens.sort();
	//武器觉醒
	let assistAwokens = assistData.effectiveAwokens() || [];
	if (!assistAwokens?.includes(49)) assistAwokens = []; //清空非武器的觉醒
	//assistAwokens.sort();
	/*if (assistAwokens.includes(49))
	{
		memberAwokens = memberAwokens.concat(assistAwokens);
	}*/

	const memberAwokenUl = memberAwokenDom.querySelector(`.member-awoken-${idx + 1} .awoken-ul`);
	const assistAwokenUl = assistAwokenDom.querySelector(`.member-awoken-${idx + 1} .awoken-ul`);
	/* //通用的
	function countNum(arr) {
		const map = arr.reduce(function(preMap, value){
			return preMap.set(value, (preMap.get(value) || 0) + 1);
		}, new Map());
		return Array.from(map);
	};*/
	function countAwokenNum(arr) {
		const map = arr.reduce(function(preMap, value){
			const eak = equivalent_awoken.find(eako => eako.big === value);
			if (eak)
			{
				return preMap.set(eak.small, (preMap.get(eak.small) || 0) + eak.times);
			}else
			{
				return preMap.set(value, (preMap.get(value) || 0) + 1);
			}
		}, new Map());
		return Array.from(map);
	};
	/*const hideAwokens = [49,1,2,3,63];
	if (solo) hideAwokens.push(30); //协力觉醒
	if (!solo) hideAwokens.push(63); //掉落觉醒
	memberAwokens = memberAwokens.filter(ak=>!hideAwokens.includes(ak));*/
	let memberAwokensCount = countAwokenNum(memberAwokens);
	memberAwokenUl.innerHTML = '';
	memberAwokensCount.forEach(akc=>{
		const iconLi = document.createElement("li");
		const icon = iconLi.appendChild(document.createElement("icon"))
		icon.className = "awoken-icon";
		icon.setAttribute("data-awoken-icon", akc[0]);
		icon.setAttribute("data-awoken-count", akc[1]);
		memberAwokenUl.appendChild(iconLi);
	});
	let assistAwokensCount = countAwokenNum(assistAwokens);
	assistAwokenUl.innerHTML = '';
	assistAwokensCount.forEach(akc=>{
		const iconLi = document.createElement("li");
		const icon = iconLi.appendChild(document.createElement("icon"))
		icon.className = "awoken-icon";
		icon.setAttribute("data-awoken-icon", akc[0]);
		icon.setAttribute("data-awoken-count", akc[1]);
		assistAwokenUl.appendChild(iconLi);
	});
}

function setTextContentAndAttribute(dom, str, number)
{
	if (!dom) return;
	if (typeof str == "string") {
		dom.textContent = str;
	}
	else {
		dom.innerHTML = '';
		dom.append(str);
	}
	dom.setAttribute(dataAttrName, number ?? str);
}

function drawHpInfo(hpBarDom, reduceAttrRanges)
{
	const width = hpBarDom.width, height = hpBarDom.height;

	let ctx = hpBarDom.getContext("2d");
	if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0])) //有指定属性减伤
	{
		const attrColors = ['crimson','cornflowerblue','green','goldenrod','purple'];
		reduceAttrRanges.forEach((reduceRanges, ridx)=>{
			//console.table(reduceRanges);
			ctx.fillStyle = attrColors[ridx];
			ctx.fillRect(0, height / 5 * ridx, width, height / 5 * (ridx + 1));

			reduceRanges.forEach(range=>{
				ctx.fillStyle = `rgba(0, 0, 0, 0.5)`;
				ctx.fillRect(width * (range.min / 100), height / 5 * ridx, width * (range.max / 100), height / 5 * (1 - range.scale));
			});
		});
	}
	else //只有阶梯盾
	{
		const reduceRanges = reduceAttrRanges[0];
		//创建线性颜色渐变对象
		const canvasGradient = ctx.createLinearGradient(0, 0, 0, height);
		canvasGradient.addColorStop(0, "#EE99AA");
		canvasGradient.addColorStop(0.4, "#FFDDEE");
		canvasGradient.addColorStop(1, "#EE9999");
		ctx.fillStyle = canvasGradient;
		ctx.fillRect(0, 0, width, height);
		
		reduceRanges.forEach(range=>{
			ctx.fillStyle = `rgba(204, 0 ,85, 0.7)`;
			ctx.fillRect(width * (range.min / 100), 0, width * ((range.max - range.min) / 100), height * (1 - range.scale));
		});
	}
}
//刷新队伍能力值合计
function refreshTeamTotalHP(totalDom, team, teamIdx) {
	//计算总的生命值
	if (!totalDom) return;
	const tHpDom = totalDom.querySelector(".tIf-total-hp");
	const tSBDom = totalDom.querySelector(".tIf-total-skill-boost");
	const tMoveDom = totalDom.querySelector(".tIf-total-move");
	const tEffectDom = totalDom.querySelector(".tIf-effect");

	const [members, assists, badge, swapId] = team;

	const teams = formation.teams;
	const [teamsA=[], teamsB=[], teamsC=[]] = teams;
	const [teamsA_members, teamsA_assists, teamsA_badge, swapIdA] = teamsA;
	const [teamsB_members, teamsB_assists, teamsB_badge, swapIdB] = teamsB;

	const leader1id = members[swapId || 0].id;
	const leader2id = teamsCount===2 ? (teamIdx === 1 ? teamsA_members[swapIdA || 0].id : teamsB_members[swapIdB || 0].id) : members[5].id;

	//计算当前队伍，2P时则是需要特殊处理
	const team_2p = teamsCount===2 ? members.concat((teamIdx === 1 ? teamsA_members[0] : teamsB_members[0])) : members;
	const assistTeam_2p = teamsCount===2 ? assists.concat((teamIdx === 1 ? teamsA_assists[0] : teamsB_assists[0])) : assists;

	if (tHpDom) {
		const reduceScales1 = getReduceScales(leader1id);
		const reduceScales2 = getReduceScales(leader2id);
		const reduceAttrSeildAwokenScales = getAttrShieldAwokenReduceScales(team);
		const reduceAttrRanges = getReduceRange(reduceScales1.concat(reduceScales2));
		const reduceAttrRangesWithShieldAwoken = getReduceRange(reduceScales1.concat(reduceScales2, reduceAttrSeildAwokenScales));
		//将所有范围平铺，然后选择盾最少那个作为基础盾值
		const leastScale = reduceAttrRanges.flat().sort((a,b)=>a.scale-b.scale)[0];

		const hpBar = totalDom.querySelector(".reduce-details");

		if (reduceAttrRangesWithShieldAwoken.some(r=>r != reduceAttrRangesWithShieldAwoken[0]) ||
			reduceAttrRangesWithShieldAwoken[0].length > 1 ||
			reduceAttrRangesWithShieldAwoken[0][0].probability < 1) //有HP阶梯盾或者有指定属性减伤或者减伤几率不是100%
		{
			drawHpInfo(hpBar, reduceAttrRangesWithShieldAwoken);
			hpBar.classList.remove(className_displayNone);
		}else
		{
			hpBar.classList.add(className_displayNone);
		}

		const totalReduce = leastScale.scale;

		const teamHPArr = countTeamHp(team, leader1id, leader2id, solo);
		const teamHPNoAwokenArr = countTeamHp(team, leader1id, leader2id, solo, true);

		const teamHPAwoken = awokenCountInTeam(team, 46, solo, teamsCount), teamHPAwokenScale = (1 + 0.05 * teamHPAwoken); //全队大血包个数
		
		//徽章血量强化
		function getBadgeHPScale(badge, member) {
			if (teamsCount == 2) return 1;
			switch (badge) {
				case  5: return 1.10; //小血
				case 18: return 1.15; //大血
				case 20: return 1.10; //全属性
				case 22: case 23: return 1.50; //状态异常耐性&SB++ 辅助无效

				case 24: return member.card.collabId === 92 ? 1.15 : 1; //英雄学院徽章
				case 25: return member.card.gachaIds.includes(1) ? 1.15 : 1; //画师桶，1号徽章
				case 26: return member.card.collabId === 107 ? 1.15 : 1; //高达徽章
				case 27: return member.card.collabId === 112 ? 1.15 : 1; //转生成为史莱姆
				case 28: return member.card.collabId === 110 ? 1.15 : 1; //电击文库Index
				case 29: return member.card.collabId === 102 ? 1.15 : 1; //奥特曼
				case 30: return member.card.gachaIds.includes(6) ? 1.15 : 1; //花嫁
				case 31: return member.card.collabId === 113 ? 1.15 : 1; //叛逆的鲁鲁修
				case 15: return member.card.collabId === 96 ? 1.15 : 1; //漫威
				case 16: return member.card.gachaIds.includes(9) ? 1.15 : 1; //泳装
				case 32: return [21, 61].includes(member.card.collabId) ? 1.15 : 1; //怪物猎人
				case 33: return member.card.collabId === 27 ? 1.15 : 1; //三丽鸥
				case 34: return member.card.collabId === 97 ? 1.15 : 1; //咒术回战
				case 35: return member.card.gachaIds.includes(11) ? 1.15 : 1; //万圣节
				default: return 1;
			}
		}

		//由于JS的小数和强类型语言不完全一致，+1e-12后再做四舍五入会更准确符合游戏内数字
		let tHP = teamHPArr.reduce((pv, v, idx) => pv + Math.round(v * teamHPAwokenScale * getBadgeHPScale(badge, members[idx]) + 1e-12), 0); //队伍计算的总HP
		let tHPNoAwoken = teamHPNoAwokenArr.reduce((pv, v, idx) => pv + Math.round(v * getBadgeHPScale(badge, members[idx]) + 1e-12), 0); //队伍计算的总HP无觉醒

		//记录到bar中，方便打开详情时调用
		hpBar.reduceAttrRangesWithShieldAwoken = reduceAttrRangesWithShieldAwoken; //有盾觉醒的
		hpBar.reduceAttrRanges = reduceAttrRanges; //没有盾觉醒的
		hpBar.tHP = tHP;
		hpBar.tHPNoAwoken = tHPNoAwoken;

		const tReduceHP = Math.floor(tHP / (1 - totalReduce)); //队伍正常满血加上盾能承受的最大伤害

		const tReduceHPNoAwoken = Math.floor(tHPNoAwoken / (1 - totalReduce)); //队伍封觉醒满血加上盾能承受的最大伤害

		const tHpDom_general = tHpDom.querySelector(".general");
		const tHpDom_noAwoken = tHpDom.querySelector(".awoken-bind");
		const tHpDom_reduce = tHpDom.querySelector(".reduce");

		setTextContentAndAttribute(tHpDom_general, tHP.bigNumberToString({sub: true}));
		setTextContentAndAttribute(tHpDom_noAwoken, tHPNoAwoken.bigNumberToString({sub: true}));
		tHpDom_reduce.classList.toggle("no-reduce", totalReduce == 0);
		setTextContentAndAttribute(tHpDom_reduce.querySelector(".reduce-scale"), (totalReduce * 100).toFixed(2));
		setTextContentAndAttribute(tHpDom_reduce.querySelector(".general"), tReduceHP.bigNumberToString({sub: true}));
		setTextContentAndAttribute(tHpDom_reduce.querySelector(".awoken-bind"), tReduceHPNoAwoken.bigNumberToString({sub: true}));
	}

	if (tSBDom) {
		const sbn = countTeamSB(team, solo);
		const tSBDom_general = tSBDom.querySelector(".general");
		
		setTextContentAndAttribute(tSBDom_general, sbn);
	}

	if (tMoveDom) {
		const moveTime = countMoveTime(team, leader1id, leader2id, teamIdx);
		const tMoveDom_general = tMoveDom.querySelector(".general");
		const tMoveDom_noAwoken = tMoveDom.querySelector(".awoken-bind");
		
		if (moveTime.fixed) //固定时间的
		{
			tMoveDom.classList.add("fixed-move-time");
			setTextContentAndAttribute(tMoveDom_general, moveTime.duration.leader);
			setTextContentAndAttribute(tMoveDom_noAwoken, moveTime.duration.leader);
		} else
		{
			tMoveDom.classList.remove("fixed-move-time");
			setTextContentAndAttribute(tMoveDom_general, (moveTime.duration.default + moveTime.duration.leader + moveTime.duration.badge + moveTime.duration.awoken).keepCounts());
			setTextContentAndAttribute(tMoveDom_noAwoken, (moveTime.duration.default + moveTime.duration.leader + moveTime.duration.badge).keepCounts());
		}
	}

	if (tEffectDom)	{
		//76版队长技能不被换队长所影响
		const leader1id_original = members[0].id;
		const leader2id_original = teamsCount===2 ? (teamIdx === 1 ? teamsA_members[0].id : teamsB_members[0].id) : members[5].id;
		let effect = tIf_Effect(leader1id,leader2id, leader1id_original,leader2id_original);
		if (badge == 22) effect.poisonNoEffect = true;
		refreshEffectDom(tEffectDom, effect);
	}
}
//刷新队伍能力值合计
function refreshTeamTotalCount(totalCountDom, team, teamIdx) {
	//计算总的生命值
	if (!totalCountDom) return;

	const [members, assists, badge, swapId] = team;

	const teams = formation.teams;
	const [teamsA=[], teamsB=[], teamsC=[]] = teams;
	const [teamsA_members, teamsA_assists, teamsA_badge] = teamsA;
	const [teamsB_members, teamsB_assists, teamsB_badge] = teamsB;

	//计算当前队伍，2P时则是需要特殊处理
	const team_2p = teamsCount===2 ? members.concat((teamIdx === 1 ? teamsA_members[0] : teamsB_members[0])) : members;
	const assistTeam_2p = teamsCount===2 ? assists.concat((teamIdx === 1 ? teamsA_assists[0] : teamsB_assists[0])) : assists;


	const tRarityDom = totalCountDom.querySelector(".tIf-rarity");
	const tAttrsDom = totalCountDom.querySelector(".tIf-attrs");
	const tTypesDom = totalCountDom.querySelector(".tIf-types");
	//统计队伍稀有度总数
	if (tRarityDom)
	{
		const rarityDoms = tRarityDom.querySelector(".rarity");
		const rarityCount = members.slice(0,5).reduce((pre,member)=>{
			if (member.id <= 0) return pre;
			const card = member.card;
			return pre + (card?.rarity ?? 0);
		},0);
		rarityDoms.setAttribute(dataAttrName, rarityCount);
	}
	//统计队伍属性/类型个数
	if (tAttrsDom || tTypesDom)
	{
		const {attrs, types} = countTeamTotalAttrsTypes(team_2p, assistTeam_2p);
		if (tAttrsDom) {
			const attrDoms = Array.from(tAttrsDom.querySelectorAll(".attr"));
			attrDoms.forEach(attrDom=>{
				const attrId = parseInt(attrDom.getAttribute("data-attr-icon"));
				attrDom.setAttribute(dataAttrName, attrs[attrId] || 0);
			});
		}
		if (tTypesDom) {
			const typeDoms = Array.from(tTypesDom.querySelectorAll(".type-icon"));
			typeDoms.forEach(typeDom=>{
				const typeId = parseInt(typeDom.getAttribute("data-type-icon"));
				typeDom.setAttribute(dataAttrName, types[typeId] || 0);
			});
		}
	}
}
function refreshEffectDom(tEffectDom, effect) {
	const _76board = tEffectDom.querySelector(".icon-skill[data-icon-type='board-size-change']");
	_76board && _76board.classList.toggle(className_displayNone, !effect.board76);

	const noSkyfall = tEffectDom.querySelector(".icon-skill[data-icon-type='no-skyfall']");
	noSkyfall && noSkyfall.classList.toggle(className_displayNone, !effect.noSkyfall);

	const poisonNoEffect = tEffectDom.querySelector(".poison-no-effect");
	poisonNoEffect && poisonNoEffect.classList.toggle(className_displayNone, !effect.poisonNoEffect);

	const resolve = tEffectDom.querySelector(".icon-skill[data-icon-type='resolve']");
	resolve && resolve.classList.toggle(className_displayNone, !effect.resolve);

	const addCombo = tEffectDom.querySelector(".icon-skill[data-icon-type='add-combo']");
	if (addCombo) {
		addCombo.classList.toggle(className_displayNone, effect.addCombo.every(n=>n<1));
		addCombo.setAttribute("data-add-combo", effect.addCombo.filter(Boolean).join("/"));
	}

	const inflicts = tEffectDom.querySelector(".inflicts");
	if (inflicts) {
		inflicts.classList.toggle(className_displayNone, effect.inflicts.every(n=>n<1));
		inflicts.setAttribute("data-inflicts", effect.inflicts.filter(Boolean).map(v=>v.bigNumberToString()).join("/"));
	}
}
//刷新所有队伍能力值合计
function refreshFormationTotalHP(totalDom, teams) {
	//计算总的生命值
	if (!totalDom) return;
	const tHpDom = totalDom.querySelector(".tIf-total-hp");
	const tSBDom = totalDom.querySelector(".tIf-total-skill-boost");
	const tEffectDom = totalDom.querySelector(".tIf-effect");

	const [teamsA=[], teamsB=[], teamsC=[]] = teams;
	const [teamsA_members,,,teamsA_badge] = teamsA;
	const [teamsB_members,,,teamsB_badge] = teamsB;
	
	//因为目前仅用于2P，所以直接在外面固定写了
	const leader1id = teamsA_members[teamsA_badge || 0].id;
	const leader2id = teamsB_members[teamsB_badge || 0].id;

	if (tHpDom) {

		const reduceScales1 = getReduceScales(leader1id);
		const reduceScales2 = getReduceScales(leader2id);
		const reduceAttrRanges = getReduceRange(reduceScales1.concat(reduceScales2));
		//将所有范围平铺，然后选择盾最少那个作为基础盾值
		const leastScale = reduceAttrRanges.flat().sort((a,b)=>a.scale-b.scale)[0];

		const hpBar = totalDom.querySelector(".reduce-details");

		if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0]) || reduceAttrRanges[0].length > 1 || reduceAttrRanges[0][0].probability < 1) //有阶梯盾或者有指定属性减伤或者减伤比例不是100%
		{
			drawHpInfo(hpBar, reduceAttrRanges);
			hpBar.classList.remove(className_displayNone);
		}else
		{
			hpBar.classList.add(className_displayNone);
		}

		const totalReduce = leastScale.scale;

		const tHPArr = teams.map(team=>{
			const teamHPArr = countTeamHp(team, leader1id, leader2id, solo);

			const teamHPAwoken = awokenCountInTeam(team, 46, solo, teamsCount), teamHPAwokenScale = (1 + 0.05 * teamHPAwoken); //全队大血包个数
			const teamTHP = teamHPArr.reduce((pv, v) => pv + Math.round(v * teamHPAwokenScale + 1e-12), 0); //队伍计算的总HP

			return teamTHP;
		});
		const tHPNoAwokenArr = teams.map(team=>{
			const teamHPArr = countTeamHp(team, leader1id, leader2id, solo, true);

			const teamTHP = teamHPArr.reduce((pv, v) => pv + v, 0); //队伍计算的总HP
			return Math.round(teamTHP);
		});
		const tHP = tHPArr.reduce((pv, v) => pv + v);
		const tHPNoAwoken = tHPNoAwokenArr.reduce((pv, v) => pv + v, 0);

		//记录到bar中，方便打开详情时调用
		hpBar.reduceAttrRanges = reduceAttrRanges;
		hpBar.tHP = tHP;
		hpBar.tHPNoAwoken = tHPNoAwoken;

		const tReduceHP = Math.floor(tHP / (1 - totalReduce)); //队伍正常满血加上盾能承受的最大伤害
		const tReduceHPNoAwoken = Math.floor(tHPNoAwoken / (1 - totalReduce)); //队伍封觉醒满血加上盾能承受的最大伤害

		const tHpDom_general = tHpDom.querySelector(".general");
		const tHpDom_noAwoken = tHpDom.querySelector(".awoken-bind");
		const tHpDom_reduce = tHpDom.querySelector(".reduce");

		setTextContentAndAttribute(tHpDom_general, tHP.bigNumberToString());
		setTextContentAndAttribute(tHpDom_noAwoken, tHPNoAwoken.bigNumberToString());
		if (totalReduce > 0)
			tHpDom_reduce.classList.remove("no-reduce");
		else
			tHpDom_reduce.classList.add("no-reduce");
		setTextContentAndAttribute(tHpDom_reduce.querySelector(".reduce-scale"), (totalReduce * 100).toFixed(2));
		setTextContentAndAttribute(tHpDom_reduce.querySelector(".general"), tReduceHP.bigNumberToString());
		setTextContentAndAttribute(tHpDom_reduce.querySelector(".awoken-bind"), tReduceHPNoAwoken.bigNumberToString());
	}
	
	if (tSBDom) {
		const sbn1 = countTeamSB(teamsA, solo);
		const sbn2 = countTeamSB(teamsB, solo);
		const tSBDom_general = tSBDom.querySelector(".general");
		
		setTextContentAndAttribute(tSBDom_general, sbn1 + sbn2);
	}

	if (tEffectDom)	{
		//76版队长技能不被换队长所影响
		const leader1id_original = teamsA_members[0].id;
		const leader2id_original = teamsB_members[0].id;
		let effect = tIf_Effect(leader1id,leader2id, leader1id_original,leader2id_original);
		refreshEffectDom(tEffectDom, effect);
	}
}
//刷新单人技能CD
function refreshMemberSkillCD(teamDom, team, idx) {
	const memberMonDom = teamDom.querySelector(`.team-members .member-${idx+1} .monster`);
	const assistMonDom = teamDom.querySelector(`.team-assist .member-${idx+1} .monster`);
	const member = team[0][idx];
	const assist = team[1][idx];

	const memberCard = Cards[member.id] || Cards[0];
	const memberSkill = Skills[memberCard?.activeSkillId];
	const assistCard = Cards[assist.id] || Cards[0];
	const assistSkill = Skills[assistCard?.activeSkillId];

	const memberSkillCdDom = memberMonDom.querySelector(".skill-cd");
	const assistSkillCdDom = assistMonDom.querySelector(".skill-cd");

	const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel || memberSkill.maxLevel) + 1) : 0;
	const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel || assistSkill.maxLevel) + 1) : 0;
	memberSkillCdDom.innerHTML = '';
	assistSkillCdDom.innerHTML = '';
	memberSkillCdDom.classList.toggle("loop-skill", memberSkill.type == 233);
	if (memberSkill.type == 232 || memberSkill.type == 233) //232是单向进化技能，显示。233是循环进化技能，就不显示了
	{
		memberSkillCdDom.append(memberSkillCd);
		assistSkillCdDom.append(memberSkillCd+ assistSkillCd);
		memberSkill.params.slice(1).forEach(subSkillId=>{
			const subSkill = Skills[subSkillId];
			const memberEvoSkillCd = subSkill.initialCooldown - subSkill.maxLevel + 1;
			memberSkillCdDom.append(document.createElement("br"),memberEvoSkillCd);
			assistSkillCdDom.append(document.createElement("br"),memberEvoSkillCd+ assistSkillCd);
		});
	} else {
		memberSkillCdDom.append(memberSkillCd);
		assistSkillCdDom.append(memberSkillCd + assistSkillCd);
	}

	if (member?.skilllevel != undefined && member?.skilllevel < memberSkill?.maxLevel) {
		memberSkillCdDom.classList.remove("max-skill");
	} else {
		memberSkillCdDom.classList.add("max-skill");
	}
	if (assist?.skilllevel != undefined && assist?.skilllevel < assistSkill?.maxLevel) {
		assistSkillCdDom.classList.remove("max-skill");
	} else {
		assistSkillCdDom.classList.add("max-skill");
	}
}

//按住Ctrl点击技能在控制台输出技能的对象
function fastShowSkill(event) {
	const skillId = parseInt(this.getAttribute("data-skillid"), 10); //获得当前技能ID
	if (event.ctrlKey) {
		const skillId = parseInt(this.getAttribute("data-skillid"), 10);
		console.debug(Skills[skillId]);
		return;
	};
	const s_cards = Cards.filter(card => card.activeSkillId === skillId || card.leaderSkillId === skillId); //搜索同技能怪物
	showSearch(s_cards); //显示
}
// function svgGradientTextLengthRestore(svg, force = false) {
// 	if (!force && svg.width.baseVal.value > 0) return;
// 	const text = svg.querySelector("text");
// 	const rect = text.getBoundingClientRect();
// 	console.log(svg, rect.width)
// 	svg.width.baseVal.value = rect.width;
// }
function localisation($tra) {
	if (!$tra) return;
	document.title = $tra.webpage_title;
	controlBox.querySelector("#datasource-updatetime").title = $tra.force_reload_data;
	formationBox.querySelector(".title-box .title-code").placeholder = $tra.title_blank;
	formationBox.querySelector(".title-box .title-display").setAttribute("placeholder",$tra.title_blank);
	formationBox.querySelector(".detail-box .detail-code").placeholder = $tra.detail_blank;
	formationBox.querySelector(".detail-box .detail-display").setAttribute("placeholder",$tra.detail_blank);
	// gradientTextInit(editBox.querySelector("#active-skill-title"), $tra.active_skill_title);
	// gradientTextInit(editBox.querySelector("#evolved-skill-title"), $tra.evolved_skill_title);
	// gradientTextInit(editBox.querySelector("#leader-skill-title"), $tra.leader_skill_title);
	// function gradientTextInit(svg, str) {
	// 	const text = svg.querySelector("text");
	// 	text.textContent = str;
	// 	const rect = text.getBoundingClientRect();
	// 	svg.width.baseVal.value = rect.width;
	// }
	const s_sortList = editBox.querySelector(".search-box .sort-div .sort-list");
	const sortOptions = Array.from(s_sortList.options);
	sortOptions.forEach(opt => {
		const tag = opt.getAttribute("data-tag");
		const trans = $tra.sort_name[tag];
		if (trans) {
			opt.text = trans;
		}
	});
}