From e3d8430d80d41bc36bfef6e1d9adcb9be882b8a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= <mapaler@163.com>
Date: Thu, 19 Mar 2020 19:06:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=81=9A=E5=A5=BD=E6=BD=9C=E8=A7=89=E7=9A=84da?=
 =?UTF-8?q?ta=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 multi.html              |  66 ++++++++++++------------
 script.js               |  69 +++++++++++++------------
 solo.html               |  66 ++++++++++++------------
 style-monsterimages.css | 110 ++++++++++++++++++++--------------------
 style.css               |  55 ++++++++++----------
 triple.html             |  66 ++++++++++++------------
 6 files changed, 218 insertions(+), 214 deletions(-)

diff --git a/multi.html b/multi.html
index 55774e75..e929994a 100644
--- a/multi.html
+++ b/multi.html
@@ -759,39 +759,39 @@ var formation = new Formation(teamsCount,5);
 					<li class="latent-icon"></li>
 				</ul>
 				<ul class="m-latent-allowable-ul">
-					<li class="latent-icon latent-icon-1" value="1"></li><!--HP-->
-					<li class="latent-icon latent-icon-2" value="2"></li><!--攻击-->
-					<li class="latent-icon latent-icon-3" value="3"></li><!--回复-->
-					<li class="latent-icon latent-icon-4" value="4"></li><!--手指-->
-					<li class="latent-icon latent-icon-5" value="5"></li><!--自回-->
-					<li class="latent-icon latent-icon-6" value="6"></li><!--火盾-->
-					<li class="latent-icon latent-icon-7" value="7"></li><!--水盾-->
-					<li class="latent-icon latent-icon-8" value="8"></li><!--木盾-->
-					<li class="latent-icon latent-icon-9" value="9"></li><!--光盾-->
-					<li class="latent-icon latent-icon-10" value="10"></li><!--暗盾-->
-					<li class="latent-icon latent-icon-11" value="11"></li><!--防坐-->
-					<li class="latent-icon latent-icon-12" value="12"></li><!--三维-->
-					<li class="latent-icon latent-icon-13" value="13"></li><!--进化杀-->
-					<li class="latent-icon latent-icon-14" value="14"></li><!--觉醒杀-->
-					<li class="latent-icon latent-icon-15" value="15"></li><!--强化杀-->
-					<li class="latent-icon latent-icon-16" value="16"></li><!--卖钱杀-->
-					<li class="latent-icon latent-icon-17" value="17"></li><!--神杀-->
-					<li class="latent-icon latent-icon-18" value="18"></li><!--龙杀-->
-					<li class="latent-icon latent-icon-19" value="19"></li><!--恶魔杀-->
-					<li class="latent-icon latent-icon-20" value="20"></li><!--机械杀-->
-					<li class="latent-icon latent-icon-21" value="21"></li><!--平衡杀-->
-					<li class="latent-icon latent-icon-22" value="22"></li><!--攻击杀-->
-					<li class="latent-icon latent-icon-23" value="23"></li><!--体力杀-->
-					<li class="latent-icon latent-icon-24" value="24"></li><!--回复杀-->
-					<li class="latent-icon latent-icon-25" value="25"></li><!--大HP-->
-					<li class="latent-icon latent-icon-26" value="26"></li><!--大攻击-->
-					<li class="latent-icon latent-icon-27" value="27"></li><!--大回复-->
-					<li class="latent-icon latent-icon-28" value="28"></li><!--大手指-->
-					<li class="latent-icon latent-icon-29" value="29"></li><!--大火盾-->
-					<li class="latent-icon latent-icon-30" value="30"></li><!--大水盾-->
-					<li class="latent-icon latent-icon-31" value="31"></li><!--大木盾-->
-					<li class="latent-icon latent-icon-32" value="32"></li><!--大光盾-->
-					<li class="latent-icon latent-icon-33" value="33"></li><!--大暗盾-->
+					<li class="latent-icon" data-latent-icon="1" value="1"></li><!--HP-->
+					<li class="latent-icon" data-latent-icon="2" value="2"></li><!--攻击-->
+					<li class="latent-icon" data-latent-icon="3" value="3"></li><!--回复-->
+					<li class="latent-icon" data-latent-icon="4" value="4"></li><!--手指-->
+					<li class="latent-icon" data-latent-icon="5" value="5"></li><!--自回-->
+					<li class="latent-icon" data-latent-icon="6" value="6"></li><!--火盾-->
+					<li class="latent-icon" data-latent-icon="7" value="7"></li><!--水盾-->
+					<li class="latent-icon" data-latent-icon="8" value="8"></li><!--木盾-->
+					<li class="latent-icon" data-latent-icon="9" value="9"></li><!--光盾-->
+					<li class="latent-icon" data-latent-icon="10" value="10"></li><!--暗盾-->
+					<li class="latent-icon" data-latent-icon="11" value="11"></li><!--防坐-->
+					<li class="latent-icon" data-latent-icon="12" value="12"></li><!--三维-->
+					<li class="latent-icon" data-latent-icon="13" value="13"></li><!--进化杀-->
+					<li class="latent-icon" data-latent-icon="14" value="14"></li><!--觉醒杀-->
+					<li class="latent-icon" data-latent-icon="15" value="15"></li><!--强化杀-->
+					<li class="latent-icon" data-latent-icon="16" value="16"></li><!--卖钱杀-->
+					<li class="latent-icon" data-latent-icon="17" value="17"></li><!--神杀-->
+					<li class="latent-icon" data-latent-icon="18" value="18"></li><!--龙杀-->
+					<li class="latent-icon" data-latent-icon="19" value="19"></li><!--恶魔杀-->
+					<li class="latent-icon" data-latent-icon="20" value="20"></li><!--机械杀-->
+					<li class="latent-icon" data-latent-icon="21" value="21"></li><!--平衡杀-->
+					<li class="latent-icon" data-latent-icon="22" value="22"></li><!--攻击杀-->
+					<li class="latent-icon" data-latent-icon="23" value="23"></li><!--体力杀-->
+					<li class="latent-icon" data-latent-icon="24" value="24"></li><!--回复杀-->
+					<li class="latent-icon" data-latent-icon="25" value="25"></li><!--大HP-->
+					<li class="latent-icon" data-latent-icon="26" value="26"></li><!--大攻击-->
+					<li class="latent-icon" data-latent-icon="27" value="27"></li><!--大回复-->
+					<li class="latent-icon" data-latent-icon="28" value="28"></li><!--大手指-->
+					<li class="latent-icon" data-latent-icon="29" value="29"></li><!--大火盾-->
+					<li class="latent-icon" data-latent-icon="30" value="30"></li><!--大水盾-->
+					<li class="latent-icon" data-latent-icon="31" value="31"></li><!--大木盾-->
+					<li class="latent-icon" data-latent-icon="32" value="32"></li><!--大光盾-->
+					<li class="latent-icon" data-latent-icon="33" value="33"></li><!--大暗盾-->
 				</ul>
 			</div>
 			<div class="setting-row row-mon-skill">
diff --git a/script.js b/script.js
index 09e5d629..ed6b6da5 100644
--- a/script.js
+++ b/script.js
@@ -1165,19 +1165,22 @@ function initialize()
 	{
 		const maxLatentCount = getMaxLatentCount(monid); //最大潜觉数量
 		const usedHoleN = usedHole(latent);
-		for (let ai=0;ai<monEditLatents.length;ai++)
+		const showLatentCount = maxLatentCount-usedHoleN+latent.length; //显示的潜觉个数（包含空格）
+		for (let ai = 0; ai<monEditLatents.length; ai++)
 		{
-			if (latent[ai] != undefined)
+			if (latent[ai] != undefined) //有的潜觉
 			{
-				monEditLatents[ai].className = "latent-icon latent-icon-" + latent[ai];
+				monEditLatents[ai].setAttribute("data-latent-icon", latent[ai]);
+				monEditLatents[ai].classList.remove("display-none");
 			}
-			else if(ai<(maxLatentCount-usedHoleN+latent.length))
+			else if(ai < showLatentCount) //空格
 			{
-				monEditLatents[ai].className = "latent-icon";
+				monEditLatents[ai].removeAttribute("data-latent-icon");
+				monEditLatents[ai].classList.remove("display-none");
 			}
-			else
+			else //不显示的部分
 			{
-				monEditLatents[ai].className = "display-none";
+				monEditLatents[ai].classList.add("display-none");
 			}
 		}
 	};
@@ -1690,10 +1693,10 @@ function changeid(mon,monDom,latentDom)
 	}
 	if (latentDom)
 	{
-		let latentDoms = Array.from(latentDom.querySelectorAll("li"));
+		const latentDoms = Array.from(latentDom.querySelectorAll("li"));
 		if (mon.latent) //如果提供了潜觉
 		{
-			let latent = mon.latent.sort(function(a,b){
+			const latent = mon.latent.sort(function(a,b){
 				if(b>=12 && a<12) {return 1;} //如果大于12，就排到前面
 				else if(b<12 && a>=12) {return -1;} //如果小于12就排到后面
 				else {return 0;} //其他情况不变
@@ -1704,22 +1707,26 @@ function changeid(mon,monDom,latentDom)
 			}else
 			{
 				latentDom.classList.remove("display-none");
-			}
-			let usedHoleN = usedHole(latent); //使用的格子数
-			let maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量
-			for (let ai=0;ai<latentDoms.length;ai++)
-			{
-				if (latent[ai])
-				{
-					latentDoms[ai].className = "latent-icon latent-icon-" + latent[ai];
-				}
-				else if(ai<(maxLatentCount-usedHoleN+latent.length))
-				{
-					latentDoms[ai].className = "latent-icon";
-				}
-				else
+				
+				const usedHoleN = usedHole(latent); //使用的格子数
+				const maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量
+				const showLatentCount = maxLatentCount-usedHoleN+latent.length; //显示的潜觉个数（包含空格）
+				for (let ai=0;ai<latentDoms.length;ai++)
 				{
-					latentDoms[ai].className = "display-none";
+					if (latent[ai]) //有的潜觉
+					{
+						latentDoms[ai].setAttribute("data-latent-icon", latent[ai]);
+						latentDoms[ai].classList.remove("display-none");
+					}
+					else if(ai<showLatentCount) //空格
+					{
+						latentDoms[ai].removeAttribute("data-latent-icon");
+						latentDoms[ai].classList.remove("display-none");
+					}
+					else //不显示的部分
+					{
+						latentDoms[ai].classList.add("display-none");
+					}
 				}
 			}
 		}else
@@ -1975,20 +1982,16 @@ function editBoxChangeMonId(id)
 	const rowLatent =  settingBox.querySelector(".row-mon-latent");
 	const monLatentAllowUl = rowLatent.querySelector(".m-latent-allowable-ul");
 	//该宠Type允许的杀,uniq是去重的自定义函数
-	const allowLatent = card.types.reduce(function (previous, t, index, array) {
-		return previous.concat(type_allowable_latent[t]);
-	},[]).uniq();
+	const allowLatent = [].concat(...card.types.filter(i=>i>=0).map(type=>type_allowable_latent[type])).uniq();
 	for(let li=17;li<=24;li++) //显示允许的杀，隐藏不允许的杀
 	{
-		const latentDom = monLatentAllowUl.querySelector(".latent-icon-" + li);
+		const latentDom = monLatentAllowUl.querySelector(`.latent-icon[data-latent-icon='${li}']`);
 		if (allowLatent.includes(li))
 		{
-			if(latentDom.classList.contains("unselected-latent"))
-				latentDom.classList.remove("unselected-latent");
+			latentDom.classList.remove("unselected-latent");
 		}else
 		{
-			if(!latentDom.classList.contains("unselected-latent"))
-				latentDom.classList.add("unselected-latent");
+			latentDom.classList.add("unselected-latent");
 		}
 	}
 	//怪物主动技能
@@ -1997,7 +2000,7 @@ function editBoxChangeMonId(id)
 	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_1 = skillBox.querySelector(".m-skill-lv-1");
 	const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");
 	const skillDetail = skillBox.querySelector(".skill-datail");
 	
diff --git a/solo.html b/solo.html
index 9d19c34b..c6a9884d 100644
--- a/solo.html
+++ b/solo.html
@@ -711,39 +711,39 @@ var formation = new Formation(teamsCount,6);
 					<li class="latent-icon"></li>
 				</ul>
 				<ul class="m-latent-allowable-ul">
-					<li class="latent-icon latent-icon-1" value="1"></li><!--HP-->
-					<li class="latent-icon latent-icon-2" value="2"></li><!--攻击-->
-					<li class="latent-icon latent-icon-3" value="3"></li><!--回复-->
-					<li class="latent-icon latent-icon-4" value="4"></li><!--手指-->
-					<li class="latent-icon latent-icon-5" value="5"></li><!--自回-->
-					<li class="latent-icon latent-icon-6" value="6"></li><!--火盾-->
-					<li class="latent-icon latent-icon-7" value="7"></li><!--水盾-->
-					<li class="latent-icon latent-icon-8" value="8"></li><!--木盾-->
-					<li class="latent-icon latent-icon-9" value="9"></li><!--光盾-->
-					<li class="latent-icon latent-icon-10" value="10"></li><!--暗盾-->
-					<li class="latent-icon latent-icon-11" value="11"></li><!--防坐-->
-					<li class="latent-icon latent-icon-12" value="12"></li><!--三维-->
-					<li class="latent-icon latent-icon-13" value="13"></li><!--进化杀-->
-					<li class="latent-icon latent-icon-14" value="14"></li><!--觉醒杀-->
-					<li class="latent-icon latent-icon-15" value="15"></li><!--强化杀-->
-					<li class="latent-icon latent-icon-16" value="16"></li><!--卖钱杀-->
-					<li class="latent-icon latent-icon-17" value="17"></li><!--神杀-->
-					<li class="latent-icon latent-icon-18" value="18"></li><!--龙杀-->
-					<li class="latent-icon latent-icon-19" value="19"></li><!--恶魔杀-->
-					<li class="latent-icon latent-icon-20" value="20"></li><!--机械杀-->
-					<li class="latent-icon latent-icon-21" value="21"></li><!--平衡杀-->
-					<li class="latent-icon latent-icon-22" value="22"></li><!--攻击杀-->
-					<li class="latent-icon latent-icon-23" value="23"></li><!--体力杀-->
-					<li class="latent-icon latent-icon-24" value="24"></li><!--回复杀-->
-					<li class="latent-icon latent-icon-25" value="25"></li><!--大HP-->
-					<li class="latent-icon latent-icon-26" value="26"></li><!--大攻击-->
-					<li class="latent-icon latent-icon-27" value="27"></li><!--大回复-->
-					<li class="latent-icon latent-icon-28" value="28"></li><!--大手指-->
-					<li class="latent-icon latent-icon-29" value="29"></li><!--大火盾-->
-					<li class="latent-icon latent-icon-30" value="30"></li><!--大水盾-->
-					<li class="latent-icon latent-icon-31" value="31"></li><!--大木盾-->
-					<li class="latent-icon latent-icon-32" value="32"></li><!--大光盾-->
-					<li class="latent-icon latent-icon-33" value="33"></li><!--大暗盾-->
+					<li class="latent-icon" data-latent-icon="1" value="1"></li><!--HP-->
+					<li class="latent-icon" data-latent-icon="2" value="2"></li><!--攻击-->
+					<li class="latent-icon" data-latent-icon="3" value="3"></li><!--回复-->
+					<li class="latent-icon" data-latent-icon="4" value="4"></li><!--手指-->
+					<li class="latent-icon" data-latent-icon="5" value="5"></li><!--自回-->
+					<li class="latent-icon" data-latent-icon="6" value="6"></li><!--火盾-->
+					<li class="latent-icon" data-latent-icon="7" value="7"></li><!--水盾-->
+					<li class="latent-icon" data-latent-icon="8" value="8"></li><!--木盾-->
+					<li class="latent-icon" data-latent-icon="9" value="9"></li><!--光盾-->
+					<li class="latent-icon" data-latent-icon="10" value="10"></li><!--暗盾-->
+					<li class="latent-icon" data-latent-icon="11" value="11"></li><!--防坐-->
+					<li class="latent-icon" data-latent-icon="12" value="12"></li><!--三维-->
+					<li class="latent-icon" data-latent-icon="13" value="13"></li><!--进化杀-->
+					<li class="latent-icon" data-latent-icon="14" value="14"></li><!--觉醒杀-->
+					<li class="latent-icon" data-latent-icon="15" value="15"></li><!--强化杀-->
+					<li class="latent-icon" data-latent-icon="16" value="16"></li><!--卖钱杀-->
+					<li class="latent-icon" data-latent-icon="17" value="17"></li><!--神杀-->
+					<li class="latent-icon" data-latent-icon="18" value="18"></li><!--龙杀-->
+					<li class="latent-icon" data-latent-icon="19" value="19"></li><!--恶魔杀-->
+					<li class="latent-icon" data-latent-icon="20" value="20"></li><!--机械杀-->
+					<li class="latent-icon" data-latent-icon="21" value="21"></li><!--平衡杀-->
+					<li class="latent-icon" data-latent-icon="22" value="22"></li><!--攻击杀-->
+					<li class="latent-icon" data-latent-icon="23" value="23"></li><!--体力杀-->
+					<li class="latent-icon" data-latent-icon="24" value="24"></li><!--回复杀-->
+					<li class="latent-icon" data-latent-icon="25" value="25"></li><!--大HP-->
+					<li class="latent-icon" data-latent-icon="26" value="26"></li><!--大攻击-->
+					<li class="latent-icon" data-latent-icon="27" value="27"></li><!--大回复-->
+					<li class="latent-icon" data-latent-icon="28" value="28"></li><!--大手指-->
+					<li class="latent-icon" data-latent-icon="29" value="29"></li><!--大火盾-->
+					<li class="latent-icon" data-latent-icon="30" value="30"></li><!--大水盾-->
+					<li class="latent-icon" data-latent-icon="31" value="31"></li><!--大木盾-->
+					<li class="latent-icon" data-latent-icon="32" value="32"></li><!--大光盾-->
+					<li class="latent-icon" data-latent-icon="33" value="33"></li><!--大暗盾-->
 				</ul>
 			</div>
 			<div class="setting-row row-mon-skill">
diff --git a/style-monsterimages.css b/style-monsterimages.css
index 732a3d6e..1a17155e 100644
--- a/style-monsterimages.css
+++ b/style-monsterimages.css
@@ -646,127 +646,127 @@
 	background-image: url(images/latent.png);
 	background-position-x: 0;
 }
-.latent-icon-1{ /*HP*/
+.latent-icon[data-latent-icon='1']{ /*HP*/
 	background-position-y: -32px;
 }
-.latent-icon-2{ /*攻击*/
+.latent-icon[data-latent-icon='2']{ /*攻击*/
 	background-position-y: -64px;
 }
-.latent-icon-3{ /*回复*/
+.latent-icon[data-latent-icon='3']{ /*回复*/
 	background-position-y: -96px;
 }
-.latent-icon-4{ /*手指*/
+.latent-icon[data-latent-icon='4']{ /*手指*/
 	background-position-y: -128px;
 }
-.latent-icon-5{ /*自回*/
+.latent-icon[data-latent-icon='5']{ /*自回*/
 	background-position-y: -160px;
 }
-.latent-icon-6{ /*火盾*/
+.latent-icon[data-latent-icon='6']{ /*火盾*/
 	background-position-y: -192px;
 }
-.latent-icon-7{ /*水盾*/
+.latent-icon[data-latent-icon='7']{ /*水盾*/
 	background-position-y: -224px;
 }
-.latent-icon-8{ /*木盾*/
+.latent-icon[data-latent-icon='8']{ /*木盾*/
 	background-position-y: -256px;
 }
-.latent-icon-9{ /*光盾*/
+.latent-icon[data-latent-icon='9']{ /*光盾*/
 	background-position-y: -288px;
 }
-.latent-icon-10{ /*暗盾*/
+.latent-icon[data-latent-icon='10']{ /*暗盾*/
 	background-position-y: -320px;
 }
-.latent-icon-11{ /*防坐*/
+.latent-icon[data-latent-icon='11']{ /*防坐*/
 	background-position-y: -352px;
 }
-.latent-icon-12{ /*三维*/
+.latent-icon[data-latent-icon='12']{ /*三维*/
 	background-position-y: -384px;
 }
-.latent-icon-13{ /*进化杀*/
+.latent-icon[data-latent-icon='13']{ /*进化杀*/
 	background-position-y: -416px;
 }
-.latent-icon-14{ /*觉醒杀*/
+.latent-icon[data-latent-icon='14']{ /*觉醒杀*/
 	background-position-y: -448px;
 }
-.latent-icon-15{ /*强化杀*/
+.latent-icon[data-latent-icon='15']{ /*强化杀*/
 	background-position-y: -480px;
 }
-.latent-icon-16{ /*卖钱杀*/
+.latent-icon[data-latent-icon='16']{ /*卖钱杀*/
 	background-position-y: -512px;
 }
-.latent-icon-17{ /*神杀*/
+.latent-icon[data-latent-icon='17']{ /*神杀*/
 	background-position-y: -544px;
 }
-.latent-icon-18{ /*龙杀*/
+.latent-icon[data-latent-icon='18']{ /*龙杀*/
 	background-position-y: -576px;
 }
-.latent-icon-19{ /*恶魔杀*/
+.latent-icon[data-latent-icon='19']{ /*恶魔杀*/
 	background-position-y: -608px;
 }
-.latent-icon-20{ /*机械杀*/
+.latent-icon[data-latent-icon='20']{ /*机械杀*/
 	background-position-y: -640px;
 }
-.latent-icon-21{ /*平衡杀*/
+.latent-icon[data-latent-icon='21']{ /*平衡杀*/
 	background-position-y: -672px;
 }
-.latent-icon-22{ /*攻击杀*/
+.latent-icon[data-latent-icon='22']{ /*攻击杀*/
 	background-position-y: -704px;
 }
-.latent-icon-23{ /*体力杀*/
+.latent-icon[data-latent-icon='23']{ /*体力杀*/
 	background-position-y: -736px;
 }
-.latent-icon-24{ /*回复杀*/
+.latent-icon[data-latent-icon='24']{ /*回复杀*/
 	background-position-y: -768px;
 }
-.latent-icon-25{ /*大HP*/
+.latent-icon[data-latent-icon='25']{ /*大HP*/
 	background-position-y: -800px;
 }
-.latent-icon-26{ /*大攻击*/
+.latent-icon[data-latent-icon='26']{ /*大攻击*/
 	background-position-y: -832px;
 }
-.latent-icon-27{ /*大回复*/
+.latent-icon[data-latent-icon='27']{ /*大回复*/
 	background-position-y: -864px;
 }
-.latent-icon-28{ /*大手指*/
+.latent-icon[data-latent-icon='28']{ /*大手指*/
 	background-position-y: -896px;
 }
-.latent-icon-29{ /*大火盾*/
+.latent-icon[data-latent-icon='29']{ /*大火盾*/
 	background-position-y: -928px;
 }
-.latent-icon-30{ /*大水盾*/
+.latent-icon[data-latent-icon='30']{ /*大水盾*/
 	background-position-y: -960px;
 }
-.latent-icon-31{ /*大木盾*/
+.latent-icon[data-latent-icon='31']{ /*大木盾*/
 	background-position-y: -992px;
 }
-.latent-icon-32{ /*大光盾*/
+.latent-icon[data-latent-icon='32']{ /*大光盾*/
 	background-position-y: -1024px;
 }
-.latent-icon-33{ /*大暗盾*/
+.latent-icon[data-latent-icon='33']{ /*大暗盾*/
 	background-position-y: -1056px;
 }
-.latent-icon-12,
-.latent-icon-13,
-.latent-icon-14,
-.latent-icon-15,
-.latent-icon-16,
-.latent-icon-17,
-.latent-icon-18,
-.latent-icon-19,
-.latent-icon-20,
-.latent-icon-21,
-.latent-icon-22,
-.latent-icon-23,
-.latent-icon-24,
-.latent-icon-25,
-.latent-icon-26,
-.latent-icon-27,
-.latent-icon-28,
-.latent-icon-29,
-.latent-icon-30,
-.latent-icon-31,
-.latent-icon-32,
-.latent-icon-33{
+.latent-icon[data-latent-icon='12'],
+.latent-icon[data-latent-icon='13'],
+.latent-icon[data-latent-icon='14'],
+.latent-icon[data-latent-icon='15'],
+.latent-icon[data-latent-icon='16'],
+.latent-icon[data-latent-icon='17'],
+.latent-icon[data-latent-icon='18'],
+.latent-icon[data-latent-icon='19'],
+.latent-icon[data-latent-icon='20'],
+.latent-icon[data-latent-icon='21'],
+.latent-icon[data-latent-icon='22'],
+.latent-icon[data-latent-icon='23'],
+.latent-icon[data-latent-icon='24'],
+.latent-icon[data-latent-icon='25'],
+.latent-icon[data-latent-icon='26'],
+.latent-icon[data-latent-icon='27'],
+.latent-icon[data-latent-icon='28'],
+.latent-icon[data-latent-icon='29'],
+.latent-icon[data-latent-icon='30'],
+.latent-icon[data-latent-icon='31'],
+.latent-icon[data-latent-icon='32'],
+.latent-icon[data-latent-icon='33']{
 	width: 76px;
 }
 /*
diff --git a/style.css b/style.css
index 58b9b969..fc954d43 100644
--- a/style.css
+++ b/style.css
@@ -534,28 +534,29 @@ ul{
 	margin-left: 3px;
 	margin-right: 3px;
 }
-.team-latents .latent-icon-12,
-.team-latents .latent-icon-13,
-.team-latents .latent-icon-14,
-.team-latents .latent-icon-15,
-.team-latents .latent-icon-16,
-.team-latents .latent-icon-17,
-.team-latents .latent-icon-18,
-.team-latents .latent-icon-19,
-.team-latents .latent-icon-20,
-.team-latents .latent-icon-21,
-.team-latents .latent-icon-22,
-.team-latents .latent-icon-23,
-.team-latents .latent-icon-24,
-.team-latents .latent-icon-25,
-.team-latents .latent-icon-26,
-.team-latents .latent-icon-27,
-.team-latents .latent-icon-28,
-.team-latents .latent-icon-29,
-.team-latents .latent-icon-30,
-.team-latents .latent-icon-31,
-.team-latents .latent-icon-32,
-.team-latents .latent-icon-33{
+.team-latents .latent-icon[data-latent-icon='12'],
+.team-latents .latent-icon[data-latent-icon='13'],
+.team-latents .latent-icon[data-latent-icon='14'],
+.team-latents .latent-icon[data-latent-icon='15'],
+.team-latents .latent-icon[data-latent-icon='16'],
+.team-latents .latent-icon[data-latent-icon='17'],
+.team-latents .latent-icon[data-latent-icon='18'],
+.team-latents .latent-icon[data-latent-icon='19'],
+.team-latents .latent-icon[data-latent-icon='20'],
+.team-latents .latent-icon[data-latent-icon='21'],
+.team-latents .latent-icon[data-latent-icon='22'],
+.team-latents .latent-icon[data-latent-icon='23'],
+.team-latents .latent-icon[data-latent-icon='24'],
+.team-latents .latent-icon[data-latent-icon='25'],
+.team-latents .latent-icon[data-latent-icon='26'],
+.team-latents .latent-icon[data-latent-icon='27'],
+.team-latents .latent-icon[data-latent-icon='28'],
+.team-latents .latent-icon[data-latent-icon='29'],
+.team-latents .latent-icon[data-latent-icon='30'],
+.team-latents .latent-icon[data-latent-icon='31'],
+.team-latents .latent-icon[data-latent-icon='32'],
+.team-latents .latent-icon[data-latent-icon='33']
+{
 	margin: 0;
 }
 /*队长的边框*/
@@ -1270,14 +1271,14 @@ ul{
 	margin-right: unset;
 }
 
-.m-latent-allowable-ul .latent-icon,
-.m-latent-ul .latent-icon{
-	cursor: pointer;
-}
 /*没有打觉醒的空格，没有手指*/
-.m-latent-ul .latent-icon[class="latent-icon"]{
+.m-latent-ul .latent-icon{
 	cursor: default;
 }
+.m-latent-allowable-ul .latent-icon,
+.m-latent-ul .latent-icon[data-latent-icon]{
+	cursor: pointer;
+}
 /*不允许使用的潜觉，不是手指，半透明，灰度*/
 .m-latent-allowable-ul .latent-icon.unselected-latent{
 	cursor: default;
diff --git a/triple.html b/triple.html
index 0d6d1fba..a8b16c59 100644
--- a/triple.html
+++ b/triple.html
@@ -1345,39 +1345,39 @@ var formation = new Formation(teamsCount,6);
 					<li class="latent-icon"></li>
 				</ul>
 				<ul class="m-latent-allowable-ul">
-					<li class="latent-icon latent-icon-1" value="1"></li><!--HP-->
-					<li class="latent-icon latent-icon-2" value="2"></li><!--攻击-->
-					<li class="latent-icon latent-icon-3" value="3"></li><!--回复-->
-					<li class="latent-icon latent-icon-4" value="4"></li><!--手指-->
-					<li class="latent-icon latent-icon-5" value="5"></li><!--自回-->
-					<li class="latent-icon latent-icon-6" value="6"></li><!--火盾-->
-					<li class="latent-icon latent-icon-7" value="7"></li><!--水盾-->
-					<li class="latent-icon latent-icon-8" value="8"></li><!--木盾-->
-					<li class="latent-icon latent-icon-9" value="9"></li><!--光盾-->
-					<li class="latent-icon latent-icon-10" value="10"></li><!--暗盾-->
-					<li class="latent-icon latent-icon-11" value="11"></li><!--防坐-->
-					<li class="latent-icon latent-icon-12" value="12"></li><!--三维-->
-					<li class="latent-icon latent-icon-13" value="13"></li><!--进化杀-->
-					<li class="latent-icon latent-icon-14" value="14"></li><!--觉醒杀-->
-					<li class="latent-icon latent-icon-15" value="15"></li><!--强化杀-->
-					<li class="latent-icon latent-icon-16" value="16"></li><!--卖钱杀-->
-					<li class="latent-icon latent-icon-17" value="17"></li><!--神杀-->
-					<li class="latent-icon latent-icon-18" value="18"></li><!--龙杀-->
-					<li class="latent-icon latent-icon-19" value="19"></li><!--恶魔杀-->
-					<li class="latent-icon latent-icon-20" value="20"></li><!--机械杀-->
-					<li class="latent-icon latent-icon-21" value="21"></li><!--平衡杀-->
-					<li class="latent-icon latent-icon-22" value="22"></li><!--攻击杀-->
-					<li class="latent-icon latent-icon-23" value="23"></li><!--体力杀-->
-					<li class="latent-icon latent-icon-24" value="24"></li><!--回复杀-->
-					<li class="latent-icon latent-icon-25" value="25"></li><!--大HP-->
-					<li class="latent-icon latent-icon-26" value="26"></li><!--大攻击-->
-					<li class="latent-icon latent-icon-27" value="27"></li><!--大回复-->
-					<li class="latent-icon latent-icon-28" value="28"></li><!--大手指-->
-					<li class="latent-icon latent-icon-29" value="29"></li><!--大火盾-->
-					<li class="latent-icon latent-icon-30" value="30"></li><!--大水盾-->
-					<li class="latent-icon latent-icon-31" value="31"></li><!--大木盾-->
-					<li class="latent-icon latent-icon-32" value="32"></li><!--大光盾-->
-					<li class="latent-icon latent-icon-33" value="33"></li><!--大暗盾-->
+					<li class="latent-icon" data-latent-icon="1" value="1"></li><!--HP-->
+					<li class="latent-icon" data-latent-icon="2" value="2"></li><!--攻击-->
+					<li class="latent-icon" data-latent-icon="3" value="3"></li><!--回复-->
+					<li class="latent-icon" data-latent-icon="4" value="4"></li><!--手指-->
+					<li class="latent-icon" data-latent-icon="5" value="5"></li><!--自回-->
+					<li class="latent-icon" data-latent-icon="6" value="6"></li><!--火盾-->
+					<li class="latent-icon" data-latent-icon="7" value="7"></li><!--水盾-->
+					<li class="latent-icon" data-latent-icon="8" value="8"></li><!--木盾-->
+					<li class="latent-icon" data-latent-icon="9" value="9"></li><!--光盾-->
+					<li class="latent-icon" data-latent-icon="10" value="10"></li><!--暗盾-->
+					<li class="latent-icon" data-latent-icon="11" value="11"></li><!--防坐-->
+					<li class="latent-icon" data-latent-icon="12" value="12"></li><!--三维-->
+					<li class="latent-icon" data-latent-icon="13" value="13"></li><!--进化杀-->
+					<li class="latent-icon" data-latent-icon="14" value="14"></li><!--觉醒杀-->
+					<li class="latent-icon" data-latent-icon="15" value="15"></li><!--强化杀-->
+					<li class="latent-icon" data-latent-icon="16" value="16"></li><!--卖钱杀-->
+					<li class="latent-icon" data-latent-icon="17" value="17"></li><!--神杀-->
+					<li class="latent-icon" data-latent-icon="18" value="18"></li><!--龙杀-->
+					<li class="latent-icon" data-latent-icon="19" value="19"></li><!--恶魔杀-->
+					<li class="latent-icon" data-latent-icon="20" value="20"></li><!--机械杀-->
+					<li class="latent-icon" data-latent-icon="21" value="21"></li><!--平衡杀-->
+					<li class="latent-icon" data-latent-icon="22" value="22"></li><!--攻击杀-->
+					<li class="latent-icon" data-latent-icon="23" value="23"></li><!--体力杀-->
+					<li class="latent-icon" data-latent-icon="24" value="24"></li><!--回复杀-->
+					<li class="latent-icon" data-latent-icon="25" value="25"></li><!--大HP-->
+					<li class="latent-icon" data-latent-icon="26" value="26"></li><!--大攻击-->
+					<li class="latent-icon" data-latent-icon="27" value="27"></li><!--大回复-->
+					<li class="latent-icon" data-latent-icon="28" value="28"></li><!--大手指-->
+					<li class="latent-icon" data-latent-icon="29" value="29"></li><!--大火盾-->
+					<li class="latent-icon" data-latent-icon="30" value="30"></li><!--大水盾-->
+					<li class="latent-icon" data-latent-icon="31" value="31"></li><!--大木盾-->
+					<li class="latent-icon" data-latent-icon="32" value="32"></li><!--大光盾-->
+					<li class="latent-icon" data-latent-icon="33" value="33"></li><!--大暗盾-->
 				</ul>
 			</div>
 			<div class="setting-row row-mon-skill">