修正注册表单的同意协议checkbox实现在火狐浏览器上不work的bug

src/routes/auth/+page.svelte

@@ -423,25 +423,54 @@
 										{/if}
 
 										{#if mode === 'signup'}
-											<div class="mt-3 flex items-start text-sm text-left text-gray-700 dark:text-gray-300 gap-2">
+											<div class="mt-3 flex flex-wrap items-center text-sm text-left text-gray-700 dark:text-gray-300 gap-2">
-												<input
+												<button
+													type="button"
 													id="agree-privacy"
-													type="checkbox"
+													class="size-4 shrink-0 rounded border transition-all {agreeToPrivacy
-													class="mt-0.5 rounded border-gray-300 bg-transparent text-gray-800 dark:text-gray-100 focus:ring-0"
+														? 'bg-blue-600 border-blue-600'
-													bind:checked={agreeToPrivacy}
+														: 'border-gray-300 bg-transparent dark:bg-gray-800 dark:border-gray-600'
-												/>
+													} flex items-center justify-center cursor-pointer"
-												<label for="agree-privacy" class="leading-tight">
+													on:click={() => {
-													<span>我已阅读并同意</span>
+														agreeToPrivacy = !agreeToPrivacy;
-													<button
+													}}
-														type="button"
+													role="checkbox"
-														class="ml-1 underline font-medium"
+													aria-checked={agreeToPrivacy}
-														on:click={() => {
+													aria-labelledby="agree-privacy-label"
-															showPrivacyModal = true;
+												>
-														}}
+													{#if agreeToPrivacy}
-													>
+														<svg
-														隐私协议
+															viewBox="0 0 16 16"
-													</button>
+															fill="none"
+															stroke="white"
+															stroke-width="3"
+															stroke-linecap="round"
+															stroke-linejoin="round"
+															class="w-3 h-3"
+														>
+															<path d="M4 8l3 3l5-5"/>
+														</svg>
+													{/if}
+												</button>
+												<label
+													id="agree-privacy-label"
+													for="agree-privacy"
+													class="inline-block cursor-pointer select-none"
+													on:click={() => {
+														agreeToPrivacy = !agreeToPrivacy;
+													}}
+												>
+													我已阅读并同意
 												</label>
+												<button
+													type="button"
+													class="underline font-medium hover:text-gray-900 dark:hover:text-gray-100"
+													on:click={() => {
+														showPrivacyModal = true;
+													}}
+												>
+													隐私协议
+												</button>
 											</div>
 										{/if}
 									</div>