From 783c6ad62880d15c1d3a686135df5be78aeeef51 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: Mon, 29 Jul 2024 12:27:54 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E9=A6=96=E9=A1=B5=E4=B8=8D?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 6 +++---
 style.css  | 7 +++++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index f6503e5b..7b99d006 100644
--- a/index.html
+++ b/index.html
@@ -55,9 +55,9 @@
 	<noscript>您的浏览器不支持 JavaScript！<br/>Your browser does not support JavaScript!</noscript>
 	<h1 class="title">智龙急速阵型<br>Puzzle & Dragons Dash Formation</h1>
 	<ul class="control-box">
-		<li><a id="btn-solo-link" href="solo.html"><!--单人模式--></a></li>
-		<li><a id="btn-multi-link" href="multi.html"><!--多人模式--></a></li>
-		<li><a id="btn-triple-link" href="triple.html"><!--三人模式--></a></li>
+		<li><a href="solo.html"><!--单人模式--><label for="player-number-1"></label></a></li>
+		<li><a href="multi.html"><!--多人模式--><label for="player-number-2"></label></a></li>
+		<li><a href="triple.html"><!--三人模式--><label for="player-number-3"></label></a></li>
 		<li><br></li>
 		<li><a class="btn-guide-link" href="solo.html?guide=1"><!--图鉴模式--> - パズル＆ドラゴンズ</a></li>
 		<li><a class="btn-guide-link" href="solo.html?guide=1&s=en"><!--图鉴模式--> - Puzzle & Dragons</a></li>
diff --git a/style.css b/style.css
index 94b55d6e..daabba3a 100644
--- a/style.css
+++ b/style.css
@@ -353,7 +353,7 @@ input[type="checkbox"].switch-ipt+label::before{
 	width: 2em;
 	height: 1.1em;
 	border-radius: 0.5em;
-	background-image: radial-gradient(white 40%, black 50%, transparent 50%);
+	background-image: radial-gradient(white 40%, black 50%, transparent 55%);
 	background-size: 1.1em 1.1em;
 	background-repeat: no-repeat;
 	transition: .3s ease-out;
@@ -3145,8 +3145,11 @@ a.series-search::before {
 	font-family: var(--font-family);
 }
 .team-awoken-effect>ul {
+	--gap: 3px;
 	display: grid;
-	grid-template-columns: repeat(6, 110px);
+	gap: var(--gap);
+	margin-bottom: var(--gap);
+	grid-template-columns: repeat(6, calc(var(--head-block-width) - var(--gap)));
 }
 .team-awoken-effect .team-flags {
 	display: inline-flex;