mapaler
/
PADDashFormation
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

加入第四属性彩蛋

This commit is contained in:
枫谷剑仙 2024-06-21 06:05:57 +08:00
parent 6aa217c9b2
commit d657a6b81d
10 changed files with 228 additions and 182 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/CARDFRAME2.PNG
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 31 KiB

BIN
images/project file/CARDFRAME2.fw.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

88
multi.html
View File

@ -74,17 +74,17 @@ const teamsCount = 2;
<details class="config-display-list">
<summary></summary>
<div class="in-card">
<div class="monster" data-cardid="8388" data-cards-pic-idx="84" data-cards-pic-x="7" data-cards-pic-y="8" title="No.8388 超火山龙" style="transform: scale(0.75); margin: calc(-100px * (1 - 0.75) / 2);">
<div class="monster allowable-assist" title="No.8388 闪亮茵可" style="transform: scale(0.75); margin: calc(-100px * (1 - 0.75) / 2);">
<div class="attrs">
<div class="attr" data-attr="0"></div><div class="attr" data-attr="0"></div><div class="attr" data-attr="-1"></div>
<div class="attr" data-attr="1"></div><div class="attr" data-attr="3"></div><div class="attr" data-attr="2"></div><div class="attr" data-attr="0"></div>
</div>
<div class="plus has297"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num full-awoken" data-value="9"></div>
<div class="super-awoken"><div class="awoken-icon" data-awoken-icon="43"></div></div>
<div class="level" data-value="110" data-level-range="110"></div>
<div class="rarity" data-value="2"></div>
<div class="id">8388</div>
<div class="skill-cd max-skill">6</div>
<div class="plus"><div class="hp">999</div><div class="atk">999</div><div class="rcv">999</div></div>
<div class="awoken-count-num" data-value="99"></div>
<div class="super-awoken"><div class="awoken-icon" data-awoken-icon="63"></div></div>
<div class="level" data-value="999" data-level-range="120"></div>
<div class="rarity" data-value="99"></div>
<div class="id">99999</div>
<div class="skill-cd max-skill">999</div>
</div>
<div class="switchs">
<input type="checkbox" class="switch-ipt" id="show-card-id"><label for="show-card-id"></label>
@ -239,7 +239,7 @@ const teamsCount = 2;
<li class="member member-1">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -252,7 +252,7 @@ const teamsCount = 2;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -265,7 +265,7 @@ const teamsCount = 2;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -278,7 +278,7 @@ const teamsCount = 2;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -291,7 +291,7 @@ const teamsCount = 2;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -375,7 +375,7 @@ const teamsCount = 2;
<li class="member member-1 team-leader">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -390,7 +390,7 @@ const teamsCount = 2;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -405,7 +405,7 @@ const teamsCount = 2;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -420,7 +420,7 @@ const teamsCount = 2;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -435,7 +435,7 @@ const teamsCount = 2;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -504,7 +504,7 @@ const teamsCount = 2;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -519,7 +519,7 @@ const teamsCount = 2;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -534,7 +534,7 @@ const teamsCount = 2;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -549,7 +549,7 @@ const teamsCount = 2;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -564,7 +564,7 @@ const teamsCount = 2;
<li class="member member-1 team-leader">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -650,7 +650,7 @@ const teamsCount = 2;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -663,7 +663,7 @@ const teamsCount = 2;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -676,7 +676,7 @@ const teamsCount = 2;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -689,7 +689,7 @@ const teamsCount = 2;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -702,7 +702,7 @@ const teamsCount = 2;
<li class="member member-1">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1248,7 +1248,7 @@ const teamsCount = 2;
<div class="monster-head">
<a class="monster null" target="_blank">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</a>
</div>
@ -1468,7 +1468,7 @@ const teamsCount = 2;
</div>
<template id="template-card-a">
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="attrs"><div class="attr"></div><div class="attr"></div><div class="attr"></div></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="attrs"><div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
</template>
</div>
<svg id="interchange-line" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" height="100%" width="100%" style="display:none;">
@ -1622,7 +1622,7 @@ const teamsCount = 2;
<td class="avatar" rowspan="3">
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</td>
@ -1645,72 +1645,72 @@ const teamsCount = 2;
<li class="team-leader">
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li class="team-leader">
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>

40
script-universal_function.js
View File

@ -959,9 +959,9 @@ function searchCards(cards, {attrs: sAttrs, fixMainColor, types, typeAndOr, rare
if (notWeapon) cardsRange = cardsRange.filter(card=>!card.awakenings.includes(49) && //不是武器
!card.stackable); //不可堆叠
//属性
const anyAttrsFlag = 0b1011111;
const isAnyAttrs = sAttrs.map(attr=>attr === 0 || (attr & anyAttrsFlag) == anyAttrsFlag);
if (isAnyAttrs.some(any=>!any)) { //当任一属性不为任意颜色时才需要筛选属性，否则跳过属性筛选
const anyAttrsFlag = 0b1011111; //所有颜色的查找，注意右边才是最低位
sAttrs = sAttrs.map(attr=>attr || anyAttrsFlag); //如果传入搜索为0，提高到任意色
if (sAttrs.some(attr=>(attr & anyAttrsFlag) !== anyAttrsFlag)) { //当任一属性不为任意颜色时才需要筛选属性，否则跳过属性筛选
//如果固定顺序就直接使用当前颜色顺序；否则不考虑顺序时，去除任意色
const attrNums = sAttrs.filter(attr=>fixMainColor || attr > 0 && (attr & anyAttrsFlag) !== anyAttrsFlag)
.map(attr=>{
@ -970,26 +970,38 @@ function searchCards(cards, {attrs: sAttrs, fixMainColor, types, typeAndOr, rare
return attrNum;
});
if (fixMainColor) {//如果固定了顺序
//只有第一属性有搜索内容时才搜索无主属性
const isSearchNoMainAttr = (sAttrs[0] ^ 0b1000000) > 0 && sAttrs.slice(1).every(attr=>(attr & anyAttrsFlag) === anyAttrsFlag);
cardsRange = cardsRange.filter(({attrs:cAttrs}) => {
//默认逻辑为，只要不是any，就判断这个颜色是否包含了对应的颜色
return (isAnyAttrs[0] || attrNums[0].includes(cAttrs[0]) ||
isAnyAttrs[1] && cAttrs[0] === 6 && attrNums[0].includes(cAttrs[1])) && //只选第一属性的时候，且第一属性为无主属性的时候，也显示副属性等于主属性的
(isAnyAttrs[1] || attrNums[1].includes(cAttrs[1])) &&
(isAnyAttrs[2] || attrNums[2].includes(cAttrs[2]));
//不能用怪物颜色来查找，因为怪物只有一个颜色就会提前退出循环，导致不搜索副属性
return sAttrs.every((sAttr, idx)=>{
if (idx === 0 && isSearchNoMainAttr && //第一属性搜索，需要搜索无主属性时
//只选第一属性的时候，且第一属性为无主属性的时候，也显示副属性等于主属性的
cAttrs[0] === 6 && //角色第一属性为无主属性
(sAttr & 1 << cAttrs[1])) return true; //第二属性计算flag
const flag = 1 << (Number.isInteger(cAttrs[idx]) ? cAttrs[idx] : 6);
return sAttr & flag;
});
// (isAnyAttrs[0] || attrNums[0].includes(cAttrs[0]) ||
// isAnyAttrs[1] && cAttrs[0] === 6 && attrNums[0].includes(cAttrs[1])) && //只选第一属性的时候，且第一属性为无主属性的时候，也显示副属性等于主属性的
// (isAnyAttrs[1] || attrNums[1].includes(cAttrs[1])) &&
// (isAnyAttrs[2] || attrNums[2].includes(cAttrs[2]));
});
}
else {//不限定顺序时
//const attrFlags = sAttrs.filter(attr=>attr > 0 && (attr & anyAttrsFlag) !== anyAttrsFlag);
const attrFlags = sAttrs.map(attr=>attr || anyAttrsFlag);
//const notAnyAttrsCount = isAnyAttrs.filter(b=>!b).length;
cardsRange = cardsRange.filter(({attrs:cAttrs_, id}) => {
const cAttrs = cAttrs_.concat();
if (cAttrs[1] == undefined) cAttrs[1] = 6;
if (cAttrs[2] == undefined) cAttrs[2] = 6;
cardsRange = cardsRange.filter(({attrs:cAttrs, id}) => {
cAttrs = cAttrs.concat();
for (let i = 1; i < sAttrs.length; i++) {
if (!Number.isInteger(cAttrs[i])) cAttrs[i] = 6;
}
/*
我也不知道为什么这个代码可以跑，没学过矩阵运算，乱猜的，好像结果可以用，结果发现矩阵好像根本没用
*/
const matrix3x3 = attrFlags.map(sAttr=>{
const matrix3x3 = sAttrs.map(sAttr=>{
return cAttrs.map(cAttr=>1 << cAttr & sAttr);
});
const rowValues = matrix3x3.map(row=>row.reduce((p,v)=>p | v,0)); //每个属性都有 filter 匹配

45
script.js
View File

@ -2172,6 +2172,7 @@ function loadData(force = false)
}
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++)
@ -4714,7 +4715,7 @@ function initialize() {
s_AttrForm.onchange = function(event){
event?.preventDefault();
const formData = new FormData(this);
for (let i = 0; i <= 2; i++) {
for (let i = 0; i <= 3; i++) {
const attr = parseInt(formData.get(`attr-${i+1}`),10);
s_attr_preview_attrs[i].dataset.attr = Number.isNaN(attr) ? "any" : attr;
}
@ -4743,7 +4744,6 @@ function initialize() {
img.height * imgScale
);
img.close();
btnCustomAvatarSave.classList.remove(className_displayNone);
};
const btnCustomAvatarSave = searchBox.querySelector(".attrs-div #avatar-save");
btnCustomAvatarSave.onclick = function(event) {
@ -4757,7 +4757,18 @@ function initialize() {
});
});
}
//显示第四属性的选择，彩蛋
function set_4th_attrs(){
btnCustomAvatarSave.classList.remove(className_displayNone);
const attrs4 = s_AttrForm.querySelector(".attr-selecter-list .attr-list.display-none");
if (attrs4) {
Cards.forEach(card=>card.attrs[3] = Math.randomInteger(0,4));
attrs4.classList.remove(className_displayNone);
}
editBox.changeMonId(monstersID.value);
alert("恶搞功能：所有角色全部随机设定了第四属性，请勿当真。你可以上传你的自定义图片以制作卡片头像。\n\nSpoof function: All Cards have a random 4th attribute, don't take it seriously. You can upload your custom image to make a card avatar.");
}
avatarSelect.addEventListener("click", set_4th_attrs, {once: true});
function s_types_onchange(){
const newClassName = `type-killer-${this.value}`;
@ -5212,7 +5223,7 @@ function initialize() {
searchBox.getSearchOptions = function(){
const attrs = (function(formData){
const attrsArr = [];
for (let i = 0; i <= 2; i++) {
for (let i = 0; i <= 3; i++) {
const attrNum = Bin.enflags(formData.getAll(`attr-${i+1}`).map(Str2Int));
attrsArr.push(attrNum);
}
@ -5936,22 +5947,20 @@ function changeid(mon, monDom, latentDom, assist) {
monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号
monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号
const attrDoms = monDom.querySelectorAll(".attr"); //所有属性边框
attrDoms[0].setAttribute("data-attr", card.attrs[0]); //主属性
let subAttribute = card.attrs[1] ?? -1; //正常的副属性
let assistCard = Cards[assist?.id], assistAwakenings = assistCard?.awakenings?.slice(0, assist.awoken);
let changeAttr;
if (assistAwakenings?.includes(49) && //如果传入了辅助武器
(changeAttr = assistAwakenings.find(ak=>ak >= 91 && ak <= 95)) //搜索改副属性的觉醒
) {
subAttribute = changeAttr - 91; //更改副属性
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].setAttribute("data-attr", subAttribute); //副属性
attrDoms[1].classList.toggle("changed-sub-attr", Boolean(changeAttr));
attrDoms[1].classList.toggle("changed-sub-attr", Boolean(changeAttrAwoken));
attrDoms[2].setAttribute("data-attr", card.attrs[2] ?? -1); //第三属性
monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name);
monDom.title = `No.${monId} ${card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name}`;
monDom.href = currentLanguage.guideURL(monId, card.name);
monDom.classList.toggle("allowable-assist", card.canAssist);; //可作为辅助

20
service-worker.js
View File

@ -6067,7 +6067,7 @@ const cachesMap = new Map([
],
[
"sound/voice/ja/padv2191.wav",
"143e052f3c15efaadaf7eaae277c68e7"
"d07c2fc9a621d4345c053f3d2187a937"
],
[
"sound/voice/ja/padv2192.wav",
@ -29491,7 +29491,7 @@ const cachesMap = new Map([
],
[
"multi.html",
"2861872f7a1198950a2a50a39a22bde9"
"a598a7d370517e705b2799104209c960"
],
[
"script-custom_elements.js",
@ -29507,23 +29507,23 @@ const cachesMap = new Map([
],
[
"script-universal_function.js",
"6a6e0f1227206a263e2dde6995889bcb"
"eb995d69da2ff44026be01f7ba42bee1"
],
[
"script.js",
"0df0acc896015a3b79918468b10fb1dd"
"8568d24114f2312366edf38bd1552470"
],
[
"solo.html",
"1c811038b11047efce83940d92a98a1d"
"f55b918d162de2c14a9cd9374b2d2ad3"
],
[
"style-monsterimages.css",
"ba8540c1326db9e1ba3f0cb4894a7628"
"f601e773a3940cb0aa51dd23f9074338"
],
[
"style.css",
"b5b782fb1aff5a1cd6437255c8d5b7bc"
"dfdca9305210f9a8d9dde03855a51650"
],
[
"temp.js",
@ -29531,7 +29531,7 @@ const cachesMap = new Map([
],
[
"triple.html",
"a64aac37d9c4d6483c694090a14e44c5"
"26802d635b20aecdd824256243a3286f"
],
[
"languages/en.css",
@ -29611,7 +29611,7 @@ const cachesMap = new Map([
],
[
"images/CARDFRAME2.PNG",
"5628240f4b8263577e66209373d3acdf"
"c28d99259c0c7db5dcc2824286b93ba6"
],
[
"images/CARDFRAMEW.PNG",
@ -29867,7 +29867,7 @@ const cachesMap = new Map([
],
[
"doc/images/bluestacks-vhd-mount-vhd-failed.webp",
"e41f2de6990b34ae7995a5acb0e3ea0c"
"7941862be127cb177b86ea4cc2877134"
],
[
"doc/images/bluestacks-vhd-open-disk-management.webp",

81
solo.html
View File

@ -53,17 +53,17 @@ const teamsCount = 1;
<details class="config-display-list">
<summary></summary>
<div class="in-card">
<div class="monster" data-cardid="8388" data-cards-pic-idx="84" data-cards-pic-x="7" data-cards-pic-y="8" title="No.8388 超火山龙" style="transform: scale(0.75); margin: calc(-100px * (1 - 0.75) / 2);">
<div class="monster allowable-assist" title="No.8388 闪亮茵可" style="transform: scale(0.75); margin: calc(-100px * (1 - 0.75) / 2);">
<div class="attrs">
<div class="attr" data-attr="0"></div><div class="attr" data-attr="0"></div><div class="attr" data-attr="-1"></div>
<div class="attr" data-attr="1"></div><div class="attr" data-attr="3"></div><div class="attr" data-attr="2"></div><div class="attr" data-attr="0"></div>
</div>
<div class="plus has297"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num full-awoken" data-value="9"></div>
<div class="super-awoken"><div class="awoken-icon" data-awoken-icon="43"></div></div>
<div class="level" data-value="110" data-level-range="110"></div>
<div class="rarity" data-value="2"></div>
<div class="id">8388</div>
<div class="skill-cd max-skill">6</div>
<div class="plus"><div class="hp">999</div><div class="atk">999</div><div class="rcv">999</div></div>
<div class="awoken-count-num" data-value="99"></div>
<div class="super-awoken"><div class="awoken-icon" data-awoken-icon="63"></div></div>
<div class="level" data-value="999" data-level-range="120"></div>
<div class="rarity" data-value="99"></div>
<div class="id">99999</div>
<div class="skill-cd max-skill">999</div>
</div>
<div class="switchs">
<input type="checkbox" class="switch-ipt" id="show-card-id"><label for="show-card-id"></label>
@ -156,7 +156,7 @@ const teamsCount = 1;
<li class="member member-1">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -169,7 +169,7 @@ const teamsCount = 1;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -182,7 +182,7 @@ const teamsCount = 1;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -195,7 +195,7 @@ const teamsCount = 1;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -208,7 +208,7 @@ const teamsCount = 1;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -221,7 +221,7 @@ const teamsCount = 1;
<li class="member member-6">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="5">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -318,7 +318,7 @@ const teamsCount = 1;
<li class="member member-1 team-leader">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -333,7 +333,7 @@ const teamsCount = 1;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -348,7 +348,7 @@ const teamsCount = 1;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -363,7 +363,7 @@ const teamsCount = 1;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -378,7 +378,7 @@ const teamsCount = 1;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -393,7 +393,7 @@ const teamsCount = 1;
<li class="member member-6 team-leader">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="5">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -593,6 +593,7 @@ const teamsCount = 1;
<div class="attr" data-attr="any"></div>
<div class="attr" data-attr="any"></div>
<div class="attr" data-attr="any"></div>
<div class="attr" data-attr="any"></div>
</div>
</label>
<div class="attr-selecter-list">
@ -620,6 +621,14 @@ const teamsCount = 1;
<li><input type="checkbox" name="attr-3" value="4" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
<li><input type="checkbox" name="attr-3" value="6" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
<ul class="attr-list horizontally-radio-list display-none">
<li><input type="checkbox" name="attr-4" value="0" id="search-attr-4-0" /><label for="search-attr-4-0"><span class="attr" data-attr-icon="0"></span></label></li><!--火-->
<li><input type="checkbox" name="attr-4" value="1" id="search-attr-4-1" /><label for="search-attr-4-1"><span class="attr" data-attr-icon="1"></span></label></li><!--水-->
<li><input type="checkbox" name="attr-4" value="2" id="search-attr-4-2" /><label for="search-attr-4-2"><span class="attr" data-attr-icon="2"></span></label></li><!--木-->
<li><input type="checkbox" name="attr-4" value="3" id="search-attr-4-3" /><label for="search-attr-4-3"><span class="attr" data-attr-icon="3"></span></label></li><!--光-->
<li><input type="checkbox" name="attr-4" value="4" id="search-attr-4-4" /><label for="search-attr-4-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
<li><input type="checkbox" name="attr-4" value="6" id="search-attr-4-6" /><label for="search-attr-4-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
</div>
<button id="attr-clear" type="reset" class="brown-button"></button>
<div class="options"><button id="avatar-save" type="button" class="display-none">💾</button><input type="checkbox" name="fix-main-color" id="fix-main-color" checked><label for="fix-main-color"></label></div>
@ -986,7 +995,7 @@ const teamsCount = 1;
<div class="monster-head">
<a class="monster null" target="_blank">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</a>
</div>
@ -1206,7 +1215,7 @@ const teamsCount = 1;
</div>
<template id="template-card-a">
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="attrs"><div class="attr"></div><div class="attr"></div><div class="attr"></div></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="attrs"><div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
</template>
</div>
<svg id="interchange-line" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" height="100%" width="100%" style="display:none;">
@ -1360,7 +1369,7 @@ const teamsCount = 1;
<td class="avatar" rowspan="3">
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</td>
@ -1383,72 +1392,72 @@ const teamsCount = 1;
<li class="team-leader">
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li class="team-leader">
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>

3
style-monsterimages.css
View File

@ -9,6 +9,9 @@
.monster .attrs .attr:nth-of-type(3){ /*三属性*/
background-position-y: -208px;
}
.monster .attrs .attr:nth-of-type(4){ /*四属性*/
background-position-y: -312px;
}
.monster .attrs .attr[data-attr='-1'] {
background: none; /*无*/
}

4
style.css
View File

@ -1725,11 +1725,15 @@ label[for="search-string"]::before {
box-sizing: border-box;
padding: 2px;
border-radius: 5px;
}
#search-attr .monster .custom-avatar,
.config-display-list .in-card .monster {
background-image: url(images/avatar.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-clip: content-box;
}
#avatar-select {
display: none;

129
triple.html
View File

@ -64,17 +64,17 @@ const teamsCount = 3;
<details class="config-display-list">
<summary></summary>
<div class="in-card">
<div class="monster" data-cardid="8388" data-cards-pic-idx="84" data-cards-pic-x="7" data-cards-pic-y="8" title="No.8388 超火山龙" style="transform: scale(0.75); margin: calc(-100px * (1 - 0.75) / 2);">
<div class="monster allowable-assist" title="No.8388 闪亮茵可" style="transform: scale(0.75); margin: calc(-100px * (1 - 0.75) / 2);">
<div class="attrs">
<div class="attr" data-attr="0"></div><div class="attr" data-attr="0"></div><div class="attr" data-attr="-1"></div>
<div class="attr" data-attr="1"></div><div class="attr" data-attr="3"></div><div class="attr" data-attr="2"></div><div class="attr" data-attr="0"></div>
</div>
<div class="plus has297"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num full-awoken" data-value="9"></div>
<div class="super-awoken"><div class="awoken-icon" data-awoken-icon="43"></div></div>
<div class="level" data-value="110" data-level-range="110"></div>
<div class="rarity" data-value="2"></div>
<div class="id">8388</div>
<div class="skill-cd max-skill">6</div>
<div class="plus"><div class="hp">999</div><div class="atk">999</div><div class="rcv">999</div></div>
<div class="awoken-count-num" data-value="99"></div>
<div class="super-awoken"><div class="awoken-icon" data-awoken-icon="63"></div></div>
<div class="level" data-value="999" data-level-range="120"></div>
<div class="rarity" data-value="99"></div>
<div class="id">99999</div>
<div class="skill-cd max-skill">999</div>
</div>
<div class="switchs">
<input type="checkbox" class="switch-ipt" id="show-card-id"><label for="show-card-id"></label>
@ -167,7 +167,7 @@ const teamsCount = 3;
<li class="member member-1">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -180,7 +180,7 @@ const teamsCount = 3;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -193,7 +193,7 @@ const teamsCount = 3;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -206,7 +206,7 @@ const teamsCount = 3;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -219,7 +219,7 @@ const teamsCount = 3;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -232,7 +232,7 @@ const teamsCount = 3;
<li class="member member-6">
<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="5">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -329,7 +329,7 @@ const teamsCount = 3;
<li class="member member-1 team-leader">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -344,7 +344,7 @@ const teamsCount = 3;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -359,7 +359,7 @@ const teamsCount = 3;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -374,7 +374,7 @@ const teamsCount = 3;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -389,7 +389,7 @@ const teamsCount = 3;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -404,7 +404,7 @@ const teamsCount = 3;
<li class="member member-6 team-leader">
<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="5">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -633,7 +633,7 @@ const teamsCount = 3;
<li class="member member-1">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -646,7 +646,7 @@ const teamsCount = 3;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -659,7 +659,7 @@ const teamsCount = 3;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -672,7 +672,7 @@ const teamsCount = 3;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -685,7 +685,7 @@ const teamsCount = 3;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -698,7 +698,7 @@ const teamsCount = 3;
<li class="member member-6">
<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="5">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -795,7 +795,7 @@ const teamsCount = 3;
<li class="member member-1 team-leader">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -810,7 +810,7 @@ const teamsCount = 3;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -825,7 +825,7 @@ const teamsCount = 3;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -840,7 +840,7 @@ const teamsCount = 3;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -855,7 +855,7 @@ const teamsCount = 3;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -870,7 +870,7 @@ const teamsCount = 3;
<li class="member member-6 team-leader">
<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="5">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1099,7 +1099,7 @@ const teamsCount = 3;
<li class="member member-1">
<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1112,7 +1112,7 @@ const teamsCount = 3;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1125,7 +1125,7 @@ const teamsCount = 3;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1138,7 +1138,7 @@ const teamsCount = 3;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1151,7 +1151,7 @@ const teamsCount = 3;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1164,7 +1164,7 @@ const teamsCount = 3;
<li class="member member-6">
<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="5">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1261,7 +1261,7 @@ const teamsCount = 3;
<li class="member member-1 team-leader">
<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="0">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1276,7 +1276,7 @@ const teamsCount = 3;
<li class="member member-2">
<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="1">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1291,7 +1291,7 @@ const teamsCount = 3;
<li class="member member-3">
<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="2">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1306,7 +1306,7 @@ const teamsCount = 3;
<li class="member member-4">
<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="3">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1321,7 +1321,7 @@ const teamsCount = 3;
<li class="member member-5">
<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="4">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1336,7 +1336,7 @@ const teamsCount = 3;
<li class="member member-6 team-leader">
<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="5">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
<div class="awoken-count-num"></div>
@ -1537,6 +1537,7 @@ const teamsCount = 3;
<div class="attr" data-attr="any"></div>
<div class="attr" data-attr="any"></div>
<div class="attr" data-attr="any"></div>
<div class="attr" data-attr="any"></div>
</div>
</label>
<div class="attr-selecter-list">
@ -1564,6 +1565,14 @@ const teamsCount = 3;
<li><input type="checkbox" name="attr-3" value="4" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
<li><input type="checkbox" name="attr-3" value="6" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
<ul class="attr-list horizontally-radio-list display-none">
<li><input type="checkbox" name="attr-4" value="0" id="search-attr-4-0" /><label for="search-attr-4-0"><span class="attr" data-attr-icon="0"></span></label></li><!--火-->
<li><input type="checkbox" name="attr-4" value="1" id="search-attr-4-1" /><label for="search-attr-4-1"><span class="attr" data-attr-icon="1"></span></label></li><!--水-->
<li><input type="checkbox" name="attr-4" value="2" id="search-attr-4-2" /><label for="search-attr-4-2"><span class="attr" data-attr-icon="2"></span></label></li><!--木-->
<li><input type="checkbox" name="attr-4" value="3" id="search-attr-4-3" /><label for="search-attr-4-3"><span class="attr" data-attr-icon="3"></span></label></li><!--光-->
<li><input type="checkbox" name="attr-4" value="4" id="search-attr-4-4" /><label for="search-attr-4-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
<li><input type="checkbox" name="attr-4" value="6" id="search-attr-4-6" /><label for="search-attr-4-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
</div>
<button id="attr-clear" type="reset" class="brown-button"></button>
<div class="options"><button id="avatar-save" type="button" class="display-none">💾</button><input type="checkbox" name="fix-main-color" id="fix-main-color" checked><label for="fix-main-color"></label></div>
@ -1930,7 +1939,7 @@ const teamsCount = 3;
<div class="monster-head">
<a class="monster null" target="_blank">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</a>
</div>
@ -2150,7 +2159,7 @@ const teamsCount = 3;
</div>
<template id="template-card-a">
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="attrs"><div class="attr"></div><div class="attr"></div><div class="attr"></div></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="attrs"><div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
</template>
</div>
<svg id="interchange-line" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" height="100%" width="100%" style="display:none;">
@ -2304,7 +2313,7 @@ const teamsCount = 3;
<td class="avatar" rowspan="3">
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</td>
@ -2327,72 +2336,72 @@ const teamsCount = 3;
<li class="team-leader">
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li>
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>
<li class="team-leader">
<div class="monster null" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
<div class="monster assist" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title="">
<div class="attrs">
<div class="attr"></div><div class="attr"></div><div class="attr"></div>
<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
</div>
</div>
</li>