8格潜觉的加上了锁

multi.html

@@ -123,8 +123,8 @@ var formation = new Formation(teamsCount,5);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-2">
@@ -135,8 +135,8 @@ var formation = new Formation(teamsCount,5);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-3">
@@ -147,8 +147,8 @@ var formation = new Formation(teamsCount,5);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-4">
@@ -159,8 +159,8 @@ var formation = new Formation(teamsCount,5);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-5">
@@ -171,8 +171,8 @@ var formation = new Formation(teamsCount,5);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 						</ul>
@@ -315,8 +315,8 @@ var formation = new Formation(teamsCount,5);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-3">
@@ -327,8 +327,8 @@ var formation = new Formation(teamsCount,5);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-4">
@@ -339,8 +339,8 @@ var formation = new Formation(teamsCount,5);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-5">
@@ -351,8 +351,8 @@ var formation = new Formation(teamsCount,5);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-1">
@@ -363,8 +363,8 @@ var formation = new Formation(teamsCount,5);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 						</ul>
@@ -754,16 +754,18 @@ var formation = new Formation(teamsCount,5);
 			</div>
 			<div class="setting-row row-mon-latent">
 				<!--潜在觉醒-->
-				<ul class="m-latent-ul">
-					<li class="latent-icon" value="0"></li>
-					<li class="latent-icon" value="1"></li>
-					<li class="latent-icon" value="2"></li>
-					<li class="latent-icon" value="3"></li>
-					<li class="latent-icon" value="4"></li>
-					<li class="latent-icon" value="5"></li>
-					<li class="latent-icon" value="6"></li>
-					<li class="latent-icon" value="7"></li>
-				</ul>
+				<div class="m-latent-ul-div">
+					<ul class="m-latent-ul">
+						<li class="latent-icon" value="0"></li>
+						<li class="latent-icon" value="1"></li>
+						<li class="latent-icon" value="2"></li>
+						<li class="latent-icon" value="3"></li>
+						<li class="latent-icon" value="4"></li>
+						<li class="latent-icon" value="5"></li>
+						<li class="latent-icon latent-lock" value="6"></li>
+						<li class="latent-icon latent-lock" value="7"></li>
+					</ul>
+				</div>
 				<ul class="m-latent-allowable-ul">
 					<li class="latent-icon" data-latent-icon="1"></li><!--HP-->
 					<li class="latent-icon" data-latent-icon="2"></li><!--攻击-->

script.js

@@ -1171,26 +1171,7 @@ function initialize()
 	const monEditLatentsAllowable = Array.from(monEditLatentAllowableUl.querySelectorAll("li"));
 	editBox.refreshLatent = function(latent,monid) //刷新潜觉
 	{
-		const maxLatentCount = getMaxLatentCount(monid); //最大潜觉数量
-		const usedHoleN = usedHole(latent);
-		const showLatentCount = maxLatentCount-usedHoleN+latent.length; //显示的潜觉个数（包含空格）
-		for (let ai = 0; ai<monEditLatents.length; ai++)
-		{
-			if (latent[ai] != undefined) //有的潜觉
-			{
-				monEditLatents[ai].setAttribute("data-latent-icon", latent[ai]);
-				monEditLatents[ai].classList.remove(className_displayNone);
-			}
-			else if(ai < showLatentCount) //空格
-			{
-				monEditLatents[ai].removeAttribute("data-latent-icon");
-				monEditLatents[ai].classList.remove(className_displayNone);
-			}
-			else //不显示的部分
-			{
-				monEditLatents[ai].classList.add(className_displayNone);
-			}
-		}
+		refreshLatent(latent,monid,monEditLatents);
 	};
 
 	const rowSkill = settingBox.querySelector(".row-mon-skill");
@@ -1221,7 +1202,7 @@ function initialize()
 
 	//已有觉醒的去除
 	function deleteLatent(){
-		const aIdx = parseInt(this.value, 10);
+		const aIdx = monEditLatents.filter(l=>!l.classList.contains(className_displayNone)).findIndex(l=>l==this);
 		editBox.latent.splice(aIdx,1);
 		editBox.reCalculateAbility(); //重计算三维
 		editBox.refreshLatent(editBox.latent,editBox.mid); //刷新潜觉
@@ -1241,7 +1222,7 @@ function initialize()
 		editBox.reCalculateAbility();
 		editBox.refreshLatent(editBox.latent,editBox.mid);
 	}
-	monEditLatentsAllowable.forEach((la)=>{la.onclick = addLatent;});
+	monEditLatentsAllowable.forEach(la=>la.onclick = addLatent);
 
 	//编辑界面重新计算怪物的能力
 	function reCalculateAbility(){
@@ -1721,27 +1702,7 @@ function changeid(mon,monDom,latentDom)
 			}else
 			{
 				latentDom.classList.remove(className_displayNone);
-
-				const usedHoleN = usedHole(latent); //使用的格子数
-				const maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量
-				const showLatentCount = maxLatentCount-usedHoleN+latent.length; //显示的潜觉个数（包含空格）
-				for (let ai=0;ai<latentDoms.length;ai++)
-				{
-					if (latent[ai]) //有的潜觉
-					{
-						latentDoms[ai].setAttribute("data-latent-icon", latent[ai]);
-						latentDoms[ai].classList.remove(className_displayNone);
-					}
-					else if(ai<showLatentCount) //空格
-					{
-						latentDoms[ai].removeAttribute("data-latent-icon");
-						latentDoms[ai].classList.remove(className_displayNone);
-					}
-					else //不显示的部分
-					{
-						latentDoms[ai].classList.add(className_displayNone);
-					}
-				}
+				refreshLatent(latent,mon.id,latentDoms);
 			}
 		}else
 		{
@@ -1764,6 +1725,35 @@ function changeid(mon,monDom,latentDom)
 
 	parentNode.appendChild(fragment);
 }
+function refreshLatent(latent,monid,iconArr) //刷新潜觉
+{
+	const maxLatentCount = getMaxLatentCount(monid); //最大潜觉数量
+	let latentIndex = 0,usedHoleN = 0;
+	for (let ai = 0; ai<iconArr.length; ai++)
+	{
+		const icon = iconArr[ai];
+		if (latent[latentIndex] != undefined && ai >= usedHoleN) //有潜觉
+		{
+			icon.setAttribute("data-latent-icon", latent[latentIndex]);
+			icon.classList.remove(className_displayNone);
+			usedHoleN += latent[latentIndex] == 37 ? 6 : (latent[latentIndex]>= 12 ? 2 : 1);
+			latentIndex++;
+		}
+		else if(ai < usedHoleN) //多格潜觉后方隐藏
+		{
+			icon.classList.add(className_displayNone);
+		}
+		else if(ai < maxLatentCount) //没有使用的空格觉醒
+		{
+			icon.removeAttribute("data-latent-icon");
+			icon.classList.remove(className_displayNone);
+		}
+		else //不需要显示的部分
+		{
+			icon.classList.add(className_displayNone);
+		}
+	}
+};
 //点击怪物头像，出现编辑窗
 function editMon(teamNum,isAssist,indexInTeam)
 {

solo.html

@@ -153,8 +153,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-2">
@@ -165,8 +165,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-3">
@@ -177,8 +177,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-4">
@@ -189,8 +189,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-5">
@@ -201,8 +201,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-6">
@@ -213,8 +213,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 						</ul>
@@ -706,16 +706,18 @@ var formation = new Formation(teamsCount,6);
 			</div>
 			<div class="setting-row row-mon-latent">
 				<!--潜在觉醒-->
-				<ul class="m-latent-ul">
-					<li class="latent-icon" value="0"></li>
-					<li class="latent-icon" value="1"></li>
-					<li class="latent-icon" value="2"></li>
-					<li class="latent-icon" value="3"></li>
-					<li class="latent-icon" value="4"></li>
-					<li class="latent-icon" value="5"></li>
-					<li class="latent-icon" value="6"></li>
-					<li class="latent-icon" value="7"></li>
-				</ul>
+				<div class="m-latent-ul-div">
+					<ul class="m-latent-ul">
+						<li class="latent-icon" value="0"></li>
+						<li class="latent-icon" value="1"></li>
+						<li class="latent-icon" value="2"></li>
+						<li class="latent-icon" value="3"></li>
+						<li class="latent-icon" value="4"></li>
+						<li class="latent-icon" value="5"></li>
+						<li class="latent-icon latent-lock" value="6"></li>
+						<li class="latent-icon latent-lock" value="7"></li>
+					</ul>
+				</div>
 				<ul class="m-latent-allowable-ul">
 					<li class="latent-icon" data-latent-icon="1"></li><!--HP-->
 					<li class="latent-icon" data-latent-icon="2"></li><!--攻击-->

style-monsterimages.css

@@ -644,25 +644,31 @@
 /*潜在觉醒*/
 .latent-icon{
 	display:inline-block;
-	background: linear-gradient(#777 33%, #555 80%);
-	border: 2px ridge #ddd;
+    background: rgba(33,28,21,0.5);
+    border: 2px ridge rgba(82,82,60,0.5);
 	border-radius: 5px;
 	box-sizing: border-box;
-	box-shadow: black 1px 1px 1px;
+	box-shadow:inset 0 2px 1px -1px rgba(0,0,0,0.5);
 }
-.latent-icon::before{ /*HP*/
+.latent-icon::before{
 	content: "";
 	display: inline-block;
 	margin: -2px;
 	width: 32px;
 	height: 32px;
 	background-image: url(images/latent.png);
-	background-position-x: 0;
 	background-repeat: no-repeat;
 }
+.latent-icon.latent-lock::before{
+	background-position-x: -32px;
+}
 .latent-icon[data-latent-icon]{
 	background: linear-gradient(#4499EE 33%,  #2277EE 80%);
 	border-color: #CCEEFF;
+	box-shadow: black 1px 1px 1px;
+}
+.latent-icon[data-latent-icon]::before{
+	background-position-x: 0;
 }
 .latent-icon[data-latent-icon='12']::before,
 .latent-icon[data-latent-icon='13']::before,

style.css

@@ -1339,9 +1339,16 @@ ul{
 /*.edit-box .setting-box .row-mon-latent::before{
 	content: "▼潜在觉醒";
 }*/
-.m-latent-ul{
+.m-latent-ul-div{
 	text-align: center;
+}
+.m-latent-ul{
 	font-size: 0;
+	display: inline-block;
+	background: rgba(88,75,56,154);
+	border: 2px ridge #94733f;
+	border-radius: 7px;
+	padding: 2px;
 }
 .m-latent-ul .latent-icon{
 	margin-left: 12px;

triple.html

@@ -168,8 +168,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-2">
@@ -180,8 +180,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-3">
@@ -192,8 +192,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-4">
@@ -204,8 +204,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-5">
@@ -216,8 +216,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-6">
@@ -228,8 +228,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 						</ul>
@@ -508,8 +508,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-2">
@@ -520,8 +520,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-3">
@@ -532,8 +532,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-4">
@@ -544,8 +544,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-5">
@@ -556,8 +556,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-6">
@@ -568,8 +568,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 						</ul>
@@ -848,8 +848,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-2">
@@ -860,8 +860,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-3">
@@ -872,8 +872,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-4">
@@ -884,8 +884,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-5">
@@ -896,8 +896,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 							<li class="latents latents-6">
@@ -908,8 +908,8 @@ var formation = new Formation(teamsCount,6);
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
-									<li class="latent-icon"></li>
+									<li class="latent-icon latent-lock"></li>
+									<li class="latent-icon latent-lock"></li>
 								</ul>
 							</li>
 						</ul>
@@ -1401,16 +1401,18 @@ var formation = new Formation(teamsCount,6);
 			</div>
 			<div class="setting-row row-mon-latent">
 				<!--潜在觉醒-->
-				<ul class="m-latent-ul">
-					<li class="latent-icon" value="0"></li>
-					<li class="latent-icon" value="1"></li>
-					<li class="latent-icon" value="2"></li>
-					<li class="latent-icon" value="3"></li>
-					<li class="latent-icon" value="4"></li>
-					<li class="latent-icon" value="5"></li>
-					<li class="latent-icon" value="6"></li>
-					<li class="latent-icon" value="7"></li>
-				</ul>
+				<div class="m-latent-ul-div">
+					<ul class="m-latent-ul">
+						<li class="latent-icon" value="0"></li>
+						<li class="latent-icon" value="1"></li>
+						<li class="latent-icon" value="2"></li>
+						<li class="latent-icon" value="3"></li>
+						<li class="latent-icon" value="4"></li>
+						<li class="latent-icon" value="5"></li>
+						<li class="latent-icon latent-lock" value="6"></li>
+						<li class="latent-icon latent-lock" value="7"></li>
+					</ul>
+				</div>
 				<ul class="m-latent-allowable-ul">
 					<li class="latent-icon" data-latent-icon="1"></li><!--HP-->
 					<li class="latent-icon" data-latent-icon="2"></li><!--攻击-->