实现怪物头像上891的渐变色

script.js

@@ -6008,10 +6008,10 @@ function changeid(mon, monDom, latentDom, assist) {
 		if (sum <= 0) {
 			plusDom.classList.add(className_displayNone);
 		} else {
-			plusDom.querySelector(".hp").textContent = hp;
-			plusDom.querySelector(".atk").textContent = atk;
-			plusDom.querySelector(".rcv").textContent = rcv;
-			plusDom.querySelector(".sum").textContent = sum;
+			plusDom.querySelector(".hp").dataset.value = hp;
+			plusDom.querySelector(".atk").dataset.value = atk;
+			plusDom.querySelector(".rcv").dataset.value = rcv;
+			plusDom.querySelector(".sum").dataset.value = sum;
 			//刚好297
 			sum === 297 ? plusDom.classList.add("eq297") : plusDom.classList.remove("eq297");
 			//大于297

service-worker.js

@@ -53751,7 +53751,7 @@ const cachesMap = new Map([
 	],
 	[
 		"script.js",
-		"4458d64c7eae76f3bd44e7c7f840aba4"
+		"78cc0f9c595940f85289465d3956318e"
 	],
 	[
 		"solo.html",
@@ -53767,7 +53767,7 @@ const cachesMap = new Map([
 	],
 	[
 		"style.css",
-		"2a5d4df6d4c557f891f93cc2bf44e3d4"
+		"5f534e8d6388891836820c9d5b963446"
 	],
 	[
 		"temp.js",

style.css

@@ -760,21 +760,13 @@ body.block-width-7 .formation-box{
 .monster .plus{
 	font-size: 17px;
 	line-height: 17px;
-	text-shadow: black 0 0 1px,black 0 0 2px, black 2px 2px 0;
 	position: absolute;
 	left:10px;
+	display: flex;
+	flex-direction: column;
 }
-.monster.null>div,
-.monster.delay>div
-{
-	display:none !important;
-}
-.monster .plus .hp::before,
-.monster .plus .atk::before,
-.monster .plus .rcv::before,
-.monster .plus .sum::before
-{
-	content: "+";
+.monster .plus>* {
+	display: grid;
 }
 .monster .plus[class*="297"] :where(
 	.hp,
@@ -786,6 +778,32 @@ body.block-width-7 .formation-box{
 .monster .plus:not([class*="297"]) .sum{
 	display:none;
 }
+.monster .plus>*::before,
+.monster .plus.gt297>*::after {
+	content: "+" attr(data-value);
+	left: 0;
+	top: 0;
+	grid-row: 1;
+	grid-column: 1;
+}
+.monster .plus>*::before {
+	text-shadow: black 0 0 1px,black 0 0 2px, black 2px 2px 0;
+}
+.monster .plus.gt297>*::before {
+	-webkit-text-stroke: 2px black;
+}
+.monster .plus.gt297>*::after {
+	background-image: linear-gradient(#FF7711 25%, #FFEE33 80%);
+	color: transparent;
+	-webkit-background-clip: text;
+	background-clip: text;
+}
+
+.monster.null>div,
+.monster.delay>div
+{
+	display:none !important;
+}
 /*怪物-觉醒*/
 .awoken-count-num
 {
@@ -891,6 +909,8 @@ body.block-width-7 .formation-box{
 	line-height: 17px;
 	height: 17px;
 	text-shadow: black 0px 0px 2px,black -1px -1px 1px,black 1px 1px 1px;
+	-webkit-text-stroke: 1px black;
+	paint-order: stroke;
 	position: absolute;
 	left: 5px;
 	bottom: 15px;