diff --git a/debug.md b/debug.md
index a20021e..0959cbf 100644
--- a/debug.md
+++ b/debug.md
@@ -5,241 +5,7 @@ title: 背单词
 <link rel="stylesheet" type="text/css" href="/css/normalize.css" />
 <link rel="stylesheet" type="text/css" href="/css/component.css" />
 <script type="text/javascript" src="/jquery.js"></script>
-<script type="text/javascript">
-$(function() {
-
-	/*
-		定义变量 - 开始
-	*/
-	
-	var selected = "7b_u1"
-	var version = "1.2.3.9"  
-	var versionS = "debug"
-	var complete = false
-	var allcount, helpcount, correct, name, notice, rightcount, trans, unit_xml, words, words_index, time, timer, timeresultM, timeresultS, timeresult, timecount, diyhelp, count, date, name
-	
-	/*
-		定义变量 - 结束
-		
-		初始化 - 开始
-	*/
-	
-	selected = $("#unit").val()
-	memorize_words(selected)
-	$("#version").html(versionS + " " +version)  
-	version = versionS = undefined
-	
-	/*
-		初始化 - 结束
-		
-		基本方法 - 开始
-	*/
-	
-	$("#input-helpdiy").off("input").on("input",
-	function() {
-		if($("#input-helpdiy").val() == 0) {
-			$("#input-helpdiy").val("")
-		}
-		diyhelp = $("#input-helpdiy").val()
-		memorize_words(selected)
-	})
-	$("#unit").off("change").on("change", 
-	function() {
-		selected = $("#unit").val()
-		memorize_words(selected)  
-	}) 
-	$("#help").off("click").on("click",
-	function() {
-		if (!complete) {
-			if($("#input-helpdiy").val() != 0) {
-				$("#notice").html(words[words_index].name.substring(0, $("#input-helpdiy").val())) 
-			} else if($("#input-helpdiy").val() == 0) {
-				$("#notice").html(words[words_index].name)
-			}
-			helpcount++
-		} else {
-			if(timeresult == "获取失败") {
-				while(timecount >= 60) {
-					timecount = timecount - 60
-					timeresultM++
-				}
-				if(timecount < 10) {
-					timeresultS = "0" + timecount
-				} else if(timecount >= 10) {
-					timeresultS = timecount
-				} 
-				timeresult = timeresultM + ":" + timeresultS
-				timeresultM = timeresultS = timecount = 0
-			}
-			if(diyhelp == 0) {
-				diyhelp = "全部"
-			}
-			count = "共默写" + allcount + "个单词 共提示" + helpcount + "次 使用提示字数" + diyhelp + " 用时" + timeresult + "\n获取分享链接？"
-			if(confirm(count)) {
-				name = prompt("请输入你的名字：", "没名字")
-				if(diyhelp == "全部") {
-					diyhelp = 0
-				}
-				if(name == undefined) {
-					name = "没名字"
-				}
-				window.open("result.html?aff645cab7b897442173e9db545a7e11=" + date + "&0d11ccc47ab4ad4a233279a8909769d1=" + getKey() + "&unit=" + lockWords(selected) + "&timer=" + lockTime(timeresult) + "&diyhelp=" + lockNumbers(diyhelp) + "&help=" + lockNumbers(helpcount) + "&name=" + lockWords(name), '_blank').location
-				diyhelp = "全部"
-				name = undefined
-			}
-		}
-	})
-	$("#play").off("click").on("click",
-	function() {
-		if (!complete) {
-			new Audio("http://dict.youdao.com/speech?audio=" + words[words_index].name).play()
-		} else {
-			new Audio("/sounds/win.mp3").play()
-		}
-	})
-	$("#again").off("click").on("click",
-	function() {
-		memorize_words(selected)
-	})
-	$("#text").off("input").on("input",
-	function() {
-		var hint = $("#hint").html()
-		$("#notice").html("")
-		if (!complete) {
-			if ($("#text").val().toLowerCase().trim() == words[words_index].name.trim().toLowerCase() ) {
-				correct = true
-			} else {
-				correct = false
-			}
-		} else {
-			$("#text").val("")
-		}
-	}) 
-	$("#text").off("keydown").on("keydown",
-	function(e) {
-		if (e.keyCode == 13) {
-			$("#notice").html("")
-			if (correct == false && time == undefined) {
-				$("#text").attr("class", "input-wrong")
-				helpcount++
-				$("#notice").html("<font color='red'>请输入正确的单词：" + words[words_index].name + "</font>")
-				$("#text").val("")
-				time = setTimeout(function() {
-					$("#notice").html("")
-					time = undefined
-				},
-				1000)
-			} else if (correct == true) {
-				setTimeout(function() {
-					$("#text").attr("class", "myInput")
-					if (++rightcount >= allcount) {
-						clearInterval(timer)
-						$("#text").val("") 
-						$("#result").html("") 
-						$("#notice").html("") 
-						$("#help").html("统计") 
-						$("#hint").html("<font color='green'>恭喜你 默写完成</font>")
-						date = Date.parse(new Date())
-						complete = true
-					} else {
-						update()
-					}
-				},
-				100)
-			}
-		}
-	})
-	function getKey() {
-		if(date != undefined) {
-			return date.toString().substring(4, 10) * date.toString().substring(0, 5)
-		}
-	}
-	function lockWords(data) {
-		var returnWords = ""
-		$(data.split("")).each(function(index) {
-			returnWords = returnWords + "/" + (parseInt($(this)[0].charCodeAt()) + parseInt(date.toString().substring(0, 5))) * parseInt(date.toString().substring(4, 10))
-		})
-		return returnWords
-		returnWords = undefined
-	}
-	function lockNumbers(data) {
-		return (parseInt(data) + parseInt(date.toString().substring(0, 5))) * parseInt(date.toString().substring(4, 10))
-	}
-	function lockTime(data) {
-		data = data.replace(":", "/" + date.toString().substring(4, 10) * date.toString().substring(9, 10) + "/")
-		dataArray = data.split("/")
-		data = dataArray[0] + "/" + (parseInt(dataArray[1]) + (parseInt(dataArray[0]) * parseInt(date.toString().substring(8, 9)) + parseInt(dataArray[2]) * parseInt(date.toString().substring(9, 10))) * parseInt(date.toString().substring(4, 10))) + "/" + dataArray[2]
-		return data
-	}
-	function startTimer() {
-		$("#time").html(timecount)
-		timer = setInterval(function(){
-			$("#time").html(++timecount)
-		},
-		1000)
-	}
-	function randomsort(a, b) {
-		return Math.random() > .5 ? -1 : 1  
-	}
-	function update() {
-		correct = false
-		$("#hint").html(words[++words_index].notice) 
-		$("#text").val("") 
-		$("#notice").html("")
-		$("#result").html(rightcount + "/" + allcount)
-	}
-	
-	/*
-		基本方法 结束
-	*/
-	function memorize_words(units) {
-		clearInterval(timer)
-		$("#text").attr("class", "myInput")
-		$("#text").val("")
-		$("#hint").html("Loading...")
-		$("#help").html("Please")
-		$("#again").html("wait...")
-		$("#result").html("0/0")
-		diyhelp = $("#input-helpdiy").val()
-		words = new Array()
-		complete = correct = false
-		allcount = helpcount = rightcount = words_index = timecount = timeresultM = timeresultS = 0
-		time = timer = count = undefined
-		timeresult = "获取失败"
-		
-		//====================
-		
-		unit_xml = "/xml/words_" + units + ".xml"
-		$.ajax({
-			url: unit_xml,
-			dataType: 'xml',
-			type: 'GET',
-			timeout: 5000,
-			success: function(data) {
-				$(data).find("item").each(function(index) {
-					name = $(this).find("word").html() 
-					trans = $(this).find("trans").html() 
-					notice = trans.substring(9, trans.length - 3) 
-					words[index] = {
-						'name': name,
-						'notice': notice
-					}
-					index = undefined
-				}) 
-				words.sort(randomsort)  
-				allcount = words.length
-				$("#hint").html(words[words_index].notice)
-				$("#result").html(rightcount + "/" + allcount)
-				$("#help").html("提示") 
-				$("#again").html("重默")
-				$("#notice").html("")
-				startTimer()
-				name = trans = notice = unit_xml = undefined
-			}
-		})  
-	}
-})
-</script>
+<script type="text/javascript" src="/js/debug.js"></script>
 <style type="text/css">
 	.bton {
 		padding:0.6rem 0.9rem;
@@ -259,6 +25,18 @@ $(function() {
 		background-color: rgba(0,0,0,0.2);
 		border-color: rgba(0,0,0,0.3);
 	}
+	@media (prefers-color-scheme: dark) {
+		.bton, .darkBton {
+			color: ;
+			background-color: rgba(50,50,50,50.08);
+			border-color: rgba(255,255,255,0.2);
+		}
+		.bton:hover, .darkBton:hover {
+			color: rgba(255,255,255,0.4);
+			text-decoration: none;
+			background-color: rgba(0,0,0,0.2);
+		}
+	}
 	.play {
 		background: url('/images/youdao-img.png') no-repeat;
 		background-position: -119px 3px; 
@@ -278,6 +56,7 @@ $(function() {
 		border-top: none; 
 		border-left: none;
 		border-right: none;
+		background-color: rgba(0, 0, 0, 0);
 	}
 	.myInput:focus {
 		border-bottom: 3px solid #30FF30; 
@@ -290,6 +69,7 @@ $(function() {
 		border-left: none;
 		border-right: none;
 		border-bottom: 3px solid #FF0000; 
+		background-color: rgba(0, 0, 0, 0);
 	}
 	.select {
 		outline: none;
@@ -298,6 +78,7 @@ $(function() {
 		border-left: none;
 		border-right: none;
 		border-bottom: 2px solid #FF7070; 
+		background-color: rgba(0, 0, 0, 0);
 	}
 	input::-webkit-outer-spin-button,
 	input::-webkit-inner-spin-button {
diff --git a/js/debug.js b/js/debug.js
new file mode 100644
index 0000000..22c0fca
--- /dev/null
+++ b/js/debug.js
@@ -0,0 +1,248 @@
+$(function() {
+
+	/*
+		定义变量 - 开始
+	*/
+	
+	var version = "1.2.3.13"  
+	var versionS = "debug"
+	var complete = false
+	var allcount, helpcount, correct, name, notice, rightcount, trans, unit_xml, words, words_index, time, timer, timeresultM, timeresultS, timeresult, timecount, diyhelp, count, date, name
+	
+	/*
+		定义变量 - 结束
+		
+		初始化 - 开始
+	*/
+	
+	memorize_words()
+	$("#version").html(versionS + " " +version)  
+	version = versionS = null
+	
+	/*
+		初始化 - 结束
+		
+		基本方法 - 开始
+	*/
+	
+	$("#input-helpdiy").off("keydown").on("keydown",
+	function(e) {
+		if(e.keyCode == 13 && diyhelp != $("#input-helpdiy").val() && timer != null) {
+			if($("#input-helpdiy").val() == 0) {
+				$("#input-helpdiy").val("")
+			}
+			diyhelp = $("#input-helpdiy").val()
+			memorize_words()
+		}
+	})
+	$("#unit").off("change").on("change", 
+	function() {
+		memorize_words()  
+	}) 
+	$("#help").off("click").on("click",
+	function() {
+		if (!complete) {
+			if($("#input-helpdiy").val() != 0) {
+				$("#notice").html(words[words_index].name.substring(0, $("#input-helpdiy").val())) 
+			} else if($("#input-helpdiy").val() == 0) {
+				$("#notice").html(words[words_index].name)
+			}
+			helpcount++
+		} else {
+			count = "共默写" + allcount + "个单词 共提示" + helpcount + "次 使用提示字数" + diyhelp + " 用时" + timeresult + "\n获取分享链接？"
+			if(confirm(count)) {
+				name = prompt("请输入你的名字：", "没名字")
+				if(diyhelp == "全部") {
+					diyhelp = 0
+				}
+				if(name == null || name == "") {
+					name = "没名字"
+				}
+				window.open("result.html?aff645cab7b897442173e9db545a7e11=" + date + "&0d11ccc47ab4ad4a233279a8909769d1=" + getKey() + "&unit=" + lockWords($("#unit").val()) + "&timer=" + lockTime(timeresult) + "&diyhelp=" + lockNumbers(diyhelp) + "&help=" + lockNumbers(helpcount) + "&name=" + lockWords(name), '_blank').location
+				diyhelp = "全部"
+				name = null
+			}
+		}
+	})
+	$("#play").off("click").on("click",
+	function() {
+		if (!complete) {
+			new Audio("http://dict.youdao.com/speech?audio=" + words[words_index].name).play()
+		} else {
+			new Audio("/sounds/win.mp3").play()
+		}
+	})
+	$("#again").off("click").on("click",
+	function() {
+		memorize_words()
+	})
+	$("#text").off("input").on("input",
+	function() {
+		var hint = $("#hint").html()
+		$("#notice").html("")
+		if (!complete) {
+			if ($("#text").val().toLowerCase().trim() == words[words_index].name.trim().toLowerCase() ) {
+				correct = true
+			} else {
+				correct = false
+			}
+		} else {
+			$("#text").val("")
+		}
+	}) 
+	$("#text").off("keydown").on("keydown",
+	function(e) {
+		if (e.keyCode == 13) {
+			$("#notice").html("")
+			if (correct == false && time == null) {
+				$("#text").attr("class", "input-wrong")
+				helpcount++
+				$("#notice").html("<font color='red'>请输入正确的单词：" + words[words_index].name + "</font>")
+				$("#text").val("")
+				time = setTimeout(function() {
+					$("#notice").html("")
+					time = null
+				},
+				1000)
+			} else if (correct == true) {
+				setTimeout(function() {
+					$("#text").attr("class", "myInput")
+					if (++rightcount >= allcount) {
+						clearInterval(timer)
+						$("#text").val("") 
+						$("#result").html("") 
+						$("#notice").html("") 
+						$("#help").html("统计") 
+						$("#hint").html("<font color='green'>恭喜你 默写完成</font>")
+						date = Date.parse(new Date())
+						complete = true
+						if(timeresult == "获取失败") {
+							while(timecount >= 60) {
+								timecount = timecount - 60
+								timeresultM++
+							}
+							if(timecount < 10) {
+								timeresultS = "0" + timecount
+							} else if(timecount >= 10) {
+								timeresultS = timecount
+							} 
+							timeresult = timeresultM + ":" + timeresultS
+							timeresultM = timeresultS = timecount = 0
+						}
+						if(diyhelp == 0) {
+							diyhelp = "全部"
+						}
+					} else {
+						update()
+					}
+				},
+				100)
+			}
+		}
+	})
+	function getKey() {
+		if(date != null) {
+			return date.toString().substring(4, 10) * date.toString().substring(0, 5)
+		}
+	}
+	function lockWords(data) {
+		var returnWords = ""
+		$(data.split("")).each(function(index) {
+			returnWords = returnWords + "/" + (parseInt($(this)[0].charCodeAt()) + parseInt(date.toString().substring(0, 5))) * parseInt(date.toString().substring(4, 10))
+		})
+		return returnWords
+		returnWords = null
+	}
+	function lockNumbers(data) {
+		return (parseInt(data) + parseInt(date.toString().substring(0, 5))) * parseInt(date.toString().substring(4, 10))
+	}
+	function lockTime(data) {
+		data = data.replace(":", "/" + date.toString().substring(4, 10) * date.toString().substring(9, 10) + "/")
+		dataArray = data.split("/")
+		data = dataArray[0] + "/" + (parseInt(dataArray[1]) + (parseInt(dataArray[0]) * parseInt(date.toString().substring(8, 9)) + parseInt(dataArray[2]) * parseInt(date.toString().substring(9, 10))) * parseInt(date.toString().substring(4, 10))) + "/" + dataArray[2]
+		return data
+	}
+	function startTimer() {
+		$("#time").html(timecount)
+		timer = setInterval(function(){
+			$("#time").html(++timecount)
+		},
+		1000)
+	}
+	function randomsort(a, b) {
+		return Math.random() > .5 ? -1 : 1  
+	}
+	function update() {
+		correct = false
+		$("#hint").html(words[++words_index].notice) 
+		$("#text").val("") 
+		$("#notice").html("")
+		$("#result").html(rightcount + "/" + allcount)
+	}
+	
+	/*
+		基本方法 结束
+	*/
+	function memorize_words() {
+		clearInterval(timer)
+		$("#text").attr("class", "myInput")
+		$("#text").val("")
+		$("#hint").html("Loading...")
+		$("#help").html("Please")
+		$("#again").html("wait...")
+		$("#result").html("0/0")
+		var units = $("#unit").val()
+		diyhelp = $("#input-helpdiy").val()
+		words = new Array()
+		complete = correct = false
+		allcount = helpcount = rightcount = words_index = timecount = timeresultM = timeresultS = 0
+		time = timer = count = null
+		timeresult = "获取失败"
+		
+		//====================
+		
+		unit_xml = "/xml/words_" + units + ".xml"
+		$.ajax({
+			url: unit_xml,
+			dataType: 'xml',
+			type: 'GET',
+			timeout: 5000,
+			success: function(data) {
+				$(data).find("item").each(function(index) {
+					name = $(this).find("word").html() 
+					trans = $(this).find("trans").html() 
+					notice = trans.substring(9, trans.length - 3) 
+					words[index] = {
+						'name': name,
+						'notice': notice
+					}
+					index = null
+				}) 
+				words.sort(randomsort)  
+				allcount = words.length
+				$("#hint").html(words[words_index].notice)
+				$("#result").html(rightcount + "/" + allcount)
+				$("#help").html("提示") 
+				$("#again").html("重默")
+				$("#notice").html("")
+				startTimer()
+				name = trans = notice = unit_xml = null
+			}
+		})  
+	}
+	units = null
+	let media = window.matchMedia('(prefers-color-scheme: dark)')
+	let callback = (e) => {
+		let prefersDarkMode = e.matches
+		if (prefersDarkMode) {
+			$(".bton").addClass("darkBton")
+		} else {
+			$(".bton").removeClass("darkBton")
+		}
+	}
+	if (typeof media.addEventListener === 'function') {
+		media.addEventListener('change', callback)
+	} else if (typeof media.addListener === 'function') {
+		media.addListener(callback)
+	}
+})
\ No newline at end of file
diff --git a/js/release.js b/js/release.js
new file mode 100644
index 0000000..729bf9f
--- /dev/null
+++ b/js/release.js
@@ -0,0 +1,248 @@
+$(function() {
+
+	/*
+		定义变量 - 开始
+	*/
+	
+	var version = "1.2.3.13"  
+	var versionS = "release"
+	var complete = false
+	var allcount, helpcount, correct, name, notice, rightcount, trans, unit_xml, words, words_index, time, timer, timeresultM, timeresultS, timeresult, timecount, diyhelp, count, date, name
+	
+	/*
+		定义变量 - 结束
+		
+		初始化 - 开始
+	*/
+	
+	memorize_words()
+	$("#version").html(versionS + " " +version)  
+	version = versionS = null
+	
+	/*
+		初始化 - 结束
+		
+		基本方法 - 开始
+	*/
+	
+	$("#input-helpdiy").off("keydown").on("keydown",
+	function(e) {
+		if(e.keyCode == 13 && diyhelp != $("#input-helpdiy").val() && timer != null) {
+			if($("#input-helpdiy").val() == 0) {
+				$("#input-helpdiy").val("")
+			}
+			diyhelp = $("#input-helpdiy").val()
+			memorize_words()
+		}
+	})
+	$("#unit").off("change").on("change", 
+	function() {
+		memorize_words()  
+	}) 
+	$("#help").off("click").on("click",
+	function() {
+		if (!complete) {
+			if($("#input-helpdiy").val() != 0) {
+				$("#notice").html(words[words_index].name.substring(0, $("#input-helpdiy").val())) 
+			} else if($("#input-helpdiy").val() == 0) {
+				$("#notice").html(words[words_index].name)
+			}
+			helpcount++
+		} else {
+			count = "共默写" + allcount + "个单词 共提示" + helpcount + "次 使用提示字数" + diyhelp + " 用时" + timeresult + "\n获取分享链接？"
+			if(confirm(count)) {
+				name = prompt("请输入你的名字：", "没名字")
+				if(diyhelp == "全部") {
+					diyhelp = 0
+				}
+				if(name == null || name == "") {
+					name = "没名字"
+				}
+				window.open("result.html?aff645cab7b897442173e9db545a7e11=" + date + "&0d11ccc47ab4ad4a233279a8909769d1=" + getKey() + "&unit=" + lockWords($("#unit").val()) + "&timer=" + lockTime(timeresult) + "&diyhelp=" + lockNumbers(diyhelp) + "&help=" + lockNumbers(helpcount) + "&name=" + lockWords(name), '_blank').location
+				diyhelp = "全部"
+				name = null
+			}
+		}
+	})
+	$("#play").off("click").on("click",
+	function() {
+		if (!complete) {
+			new Audio("http://dict.youdao.com/speech?audio=" + words[words_index].name).play()
+		} else {
+			new Audio("/sounds/win.mp3").play()
+		}
+	})
+	$("#again").off("click").on("click",
+	function() {
+		memorize_words()
+	})
+	$("#text").off("input").on("input",
+	function() {
+		var hint = $("#hint").html()
+		$("#notice").html("")
+		if (!complete) {
+			if ($("#text").val().toLowerCase().trim() == words[words_index].name.trim().toLowerCase() ) {
+				correct = true
+			} else {
+				correct = false
+			}
+		} else {
+			$("#text").val("")
+		}
+	}) 
+	$("#text").off("keydown").on("keydown",
+	function(e) {
+		if (e.keyCode == 13) {
+			$("#notice").html("")
+			if (correct == false && time == null) {
+				$("#text").attr("class", "input-wrong")
+				helpcount++
+				$("#notice").html("<font color='red'>请输入正确的单词：" + words[words_index].name + "</font>")
+				$("#text").val("")
+				time = setTimeout(function() {
+					$("#notice").html("")
+					time = null
+				},
+				1000)
+			} else if (correct == true) {
+				setTimeout(function() {
+					$("#text").attr("class", "myInput")
+					if (++rightcount >= allcount) {
+						clearInterval(timer)
+						$("#text").val("") 
+						$("#result").html("") 
+						$("#notice").html("") 
+						$("#help").html("统计") 
+						$("#hint").html("<font color='green'>恭喜你 默写完成</font>")
+						date = Date.parse(new Date())
+						complete = true
+						if(timeresult == "获取失败") {
+							while(timecount >= 60) {
+								timecount = timecount - 60
+								timeresultM++
+							}
+							if(timecount < 10) {
+								timeresultS = "0" + timecount
+							} else if(timecount >= 10) {
+								timeresultS = timecount
+							} 
+							timeresult = timeresultM + ":" + timeresultS
+							timeresultM = timeresultS = timecount = 0
+						}
+						if(diyhelp == 0) {
+							diyhelp = "全部"
+						}
+					} else {
+						update()
+					}
+				},
+				100)
+			}
+		}
+	})
+	function getKey() {
+		if(date != null) {
+			return date.toString().substring(4, 10) * date.toString().substring(0, 5)
+		}
+	}
+	function lockWords(data) {
+		var returnWords = ""
+		$(data.split("")).each(function(index) {
+			returnWords = returnWords + "/" + (parseInt($(this)[0].charCodeAt()) + parseInt(date.toString().substring(0, 5))) * parseInt(date.toString().substring(4, 10))
+		})
+		return returnWords
+		returnWords = null
+	}
+	function lockNumbers(data) {
+		return (parseInt(data) + parseInt(date.toString().substring(0, 5))) * parseInt(date.toString().substring(4, 10))
+	}
+	function lockTime(data) {
+		data = data.replace(":", "/" + date.toString().substring(4, 10) * date.toString().substring(9, 10) + "/")
+		dataArray = data.split("/")
+		data = dataArray[0] + "/" + (parseInt(dataArray[1]) + (parseInt(dataArray[0]) * parseInt(date.toString().substring(8, 9)) + parseInt(dataArray[2]) * parseInt(date.toString().substring(9, 10))) * parseInt(date.toString().substring(4, 10))) + "/" + dataArray[2]
+		return data
+	}
+	function startTimer() {
+		$("#time").html(timecount)
+		timer = setInterval(function(){
+			$("#time").html(++timecount)
+		},
+		1000)
+	}
+	function randomsort(a, b) {
+		return Math.random() > .5 ? -1 : 1  
+	}
+	function update() {
+		correct = false
+		$("#hint").html(words[++words_index].notice) 
+		$("#text").val("") 
+		$("#notice").html("")
+		$("#result").html(rightcount + "/" + allcount)
+	}
+	
+	/*
+		基本方法 结束
+	*/
+	function memorize_words() {
+		clearInterval(timer)
+		$("#text").attr("class", "myInput")
+		$("#text").val("")
+		$("#hint").html("Loading...")
+		$("#help").html("Please")
+		$("#again").html("wait...")
+		$("#result").html("0/0")
+		var units = $("#unit").val()
+		diyhelp = $("#input-helpdiy").val()
+		words = new Array()
+		complete = correct = false
+		allcount = helpcount = rightcount = words_index = timecount = timeresultM = timeresultS = 0
+		time = timer = count = null
+		timeresult = "获取失败"
+		
+		//====================
+		
+		unit_xml = "/xml/words_" + units + ".xml"
+		$.ajax({
+			url: unit_xml,
+			dataType: 'xml',
+			type: 'GET',
+			timeout: 5000,
+			success: function(data) {
+				$(data).find("item").each(function(index) {
+					name = $(this).find("word").html() 
+					trans = $(this).find("trans").html() 
+					notice = trans.substring(9, trans.length - 3) 
+					words[index] = {
+						'name': name,
+						'notice': notice
+					}
+					index = null
+				}) 
+				words.sort(randomsort)  
+				allcount = words.length
+				$("#hint").html(words[words_index].notice)
+				$("#result").html(rightcount + "/" + allcount)
+				$("#help").html("提示") 
+				$("#again").html("重默")
+				$("#notice").html("")
+				startTimer()
+				name = trans = notice = unit_xml = null
+			}
+		})  
+	}
+	units = null
+	let media = window.matchMedia('(prefers-color-scheme: dark)')
+	let callback = (e) => {
+		let prefersDarkMode = e.matches
+		if (prefersDarkMode) {
+			$(".bton").addClass("darkBton")
+		} else {
+			$(".bton").removeClass("darkBton")
+		}
+	}
+	if (typeof media.addEventListener === 'function') {
+		media.addEventListener('change', callback)
+	} else if (typeof media.addListener === 'function') {
+		media.addListener(callback)
+	}
+})
\ No newline at end of file
diff --git a/release.md b/release.md
index 4e68ca0..bca8d52 100644
--- a/release.md
+++ b/release.md
@@ -5,241 +5,7 @@ title: 背单词
 <link rel="stylesheet" type="text/css" href="/css/normalize.css" />
 <link rel="stylesheet" type="text/css" href="/css/component.css" />
 <script type="text/javascript" src="/jquery.js"></script>
-<script type="text/javascript">
-$(function() {
-
-	/*
-		定义变量 - 开始
-	*/
-	
-	var selected = "7b_u1"
-	var version = "1.2.3.9"  
-	var versionS = "release"
-	var complete = false
-	var allcount, helpcount, correct, name, notice, rightcount, trans, unit_xml, words, words_index, time, timer, timeresultM, timeresultS, timeresult, timecount, diyhelp, count, date, name
-	
-	/*
-		定义变量 - 结束
-		
-		初始化 - 开始
-	*/
-	
-	selected = $("#unit").val()
-	memorize_words(selected)
-	$("#version").html(versionS + " " +version)  
-	version = versionS = undefined
-	
-	/*
-		初始化 - 结束
-		
-		基本方法 - 开始
-	*/
-	
-	$("#input-helpdiy").off("input").on("input",
-	function() {
-		if($("#input-helpdiy").val() == 0) {
-			$("#input-helpdiy").val("")
-		}
-		diyhelp = $("#input-helpdiy").val()
-		memorize_words(selected)
-	})
-	$("#unit").off("change").on("change", 
-	function() {
-		selected = $("#unit").val()
-		memorize_words(selected)  
-	}) 
-	$("#help").off("click").on("click",
-	function() {
-		if (!complete) {
-			if($("#input-helpdiy").val() != 0) {
-				$("#notice").html(words[words_index].name.substring(0, $("#input-helpdiy").val())) 
-			} else if($("#input-helpdiy").val() == 0) {
-				$("#notice").html(words[words_index].name)
-			}
-			helpcount++
-		} else {
-			if(timeresult == "获取失败") {
-				while(timecount >= 60) {
-					timecount = timecount - 60
-					timeresultM++
-				}
-				if(timecount < 10) {
-					timeresultS = "0" + timecount
-				} else if(timecount >= 10) {
-					timeresultS = timecount
-				} 
-				timeresult = timeresultM + ":" + timeresultS
-				timeresultM = timeresultS = timecount = 0
-			}
-			if(diyhelp == 0) {
-				diyhelp = "全部"
-			}
-			count = "共默写" + allcount + "个单词 共提示" + helpcount + "次 使用提示字数" + diyhelp + " 用时" + timeresult + "\n获取分享链接？"
-			if(confirm(count)) {
-				name = prompt("请输入你的名字：", "没名字")
-				if(diyhelp == "全部") {
-					diyhelp = 0
-				}
-				if(name == undefined) {
-					name = "没名字"
-				}
-				window.open("result.html?aff645cab7b897442173e9db545a7e11=" + date + "&0d11ccc47ab4ad4a233279a8909769d1=" + getKey() + "&unit=" + lockWords(selected) + "&timer=" + lockTime(timeresult) + "&diyhelp=" + lockNumbers(diyhelp) + "&help=" + lockNumbers(helpcount) + "&name=" + lockWords(name), '_blank').location
-				diyhelp = "全部"
-				name = undefined
-			}
-		}
-	})
-	$("#play").off("click").on("click",
-	function() {
-		if (!complete) {
-			new Audio("http://dict.youdao.com/speech?audio=" + words[words_index].name).play()
-		} else {
-			new Audio("/sounds/win.mp3").play()
-		}
-	})
-	$("#again").off("click").on("click",
-	function() {
-		memorize_words(selected)
-	})
-	$("#text").off("input").on("input",
-	function() {
-		var hint = $("#hint").html()
-		$("#notice").html("")
-		if (!complete) {
-			if ($("#text").val().toLowerCase().trim() == words[words_index].name.trim().toLowerCase() ) {
-				correct = true
-			} else {
-				correct = false
-			}
-		} else {
-			$("#text").val("")
-		}
-	}) 
-	$("#text").off("keydown").on("keydown",
-	function(e) {
-		if (e.keyCode == 13) {
-			$("#notice").html("")
-			if (correct == false && time == undefined) {
-				$("#text").attr("class", "input-wrong")
-				helpcount++
-				$("#notice").html("<font color='red'>请输入正确的单词：" + words[words_index].name + "</font>")
-				$("#text").val("")
-				time = setTimeout(function() {
-					$("#notice").html("")
-					time = undefined
-				},
-				1000)
-			} else if (correct == true) {
-				setTimeout(function() {
-					$("#text").attr("class", "myInput")
-					if (++rightcount >= allcount) {
-						clearInterval(timer)
-						$("#text").val("") 
-						$("#result").html("") 
-						$("#notice").html("") 
-						$("#help").html("统计") 
-						$("#hint").html("<font color='green'>恭喜你 默写完成</font>")
-						date = Date.parse(new Date())
-						complete = true
-					} else {
-						update()
-					}
-				},
-				100)
-			}
-		}
-	})
-	function getKey() {
-		if(date != undefined) {
-			return date.toString().substring(4, 10) * date.toString().substring(0, 5)
-		}
-	}
-	function lockWords(data) {
-		var returnWords = ""
-		$(data.split("")).each(function(index) {
-			returnWords = returnWords + "/" + (parseInt($(this)[0].charCodeAt()) + parseInt(date.toString().substring(0, 5))) * parseInt(date.toString().substring(4, 10))
-		})
-		return returnWords
-		returnWords = undefined
-	}
-	function lockNumbers(data) {
-		return (parseInt(data) + parseInt(date.toString().substring(0, 5))) * parseInt(date.toString().substring(4, 10))
-	}
-	function lockTime(data) {
-		data = data.replace(":", "/" + date.toString().substring(4, 10) * date.toString().substring(9, 10) + "/")
-		dataArray = data.split("/")
-		data = dataArray[0] + "/" + (parseInt(dataArray[1]) + (parseInt(dataArray[0]) * parseInt(date.toString().substring(8, 9)) + parseInt(dataArray[2]) * parseInt(date.toString().substring(9, 10))) * parseInt(date.toString().substring(4, 10))) + "/" + dataArray[2]
-		return data
-	}
-	function startTimer() {
-		$("#time").html(timecount)
-		timer = setInterval(function(){
-			$("#time").html(++timecount)
-		},
-		1000)
-	}
-	function randomsort(a, b) {
-		return Math.random() > .5 ? -1 : 1  
-	}
-	function update() {
-		correct = false
-		$("#hint").html(words[++words_index].notice) 
-		$("#text").val("") 
-		$("#notice").html("")
-		$("#result").html(rightcount + "/" + allcount)
-	}
-	
-	/*
-		基本方法 结束
-	*/
-	function memorize_words(units) {
-		clearInterval(timer)
-		$("#text").attr("class", "myInput")
-		$("#text").val("")
-		$("#hint").html("Loading...")
-		$("#help").html("Please")
-		$("#again").html("wait...")
-		$("#result").html("0/0")
-		diyhelp = $("#input-helpdiy").val()
-		words = new Array()
-		complete = correct = false
-		allcount = helpcount = rightcount = words_index = timecount = timeresultM = timeresultS = 0
-		time = timer = count = undefined
-		timeresult = "获取失败"
-		
-		//====================
-		
-		unit_xml = "/xml/words_" + units + ".xml"
-		$.ajax({
-			url: unit_xml,
-			dataType: 'xml',
-			type: 'GET',
-			timeout: 5000,
-			success: function(data) {
-				$(data).find("item").each(function(index) {
-					name = $(this).find("word").html() 
-					trans = $(this).find("trans").html() 
-					notice = trans.substring(9, trans.length - 3) 
-					words[index] = {
-						'name': name,
-						'notice': notice
-					}
-					index = undefined
-				}) 
-				words.sort(randomsort)  
-				allcount = words.length
-				$("#hint").html(words[words_index].notice)
-				$("#result").html(rightcount + "/" + allcount)
-				$("#help").html("提示") 
-				$("#again").html("重默")
-				$("#notice").html("")
-				startTimer()
-				name = trans = notice = unit_xml = undefined
-			}
-		})  
-	}
-})
-</script>
+<script type="text/javascript" src="/js/release.js"></script>
 <style type="text/css">
 	.bton {
 		padding:0.6rem 0.9rem;
diff --git a/result.md b/result.md
index e7c124d..b320485 100644
--- a/result.md
+++ b/result.md
@@ -8,7 +8,7 @@ $(function() {
 	function getQueryString(name) {
 		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
 		var r = window.location.search.substr(1).match(reg)
-		if(r != undefined) {
+		if(r != null) {
 			return unescape(r[2])
 		}
 	}
@@ -48,58 +48,67 @@ $(function() {
 	var nameLocked = getQueryString("name").split("/")
 	if(ifOtherChar(time) == false && ifOtherChar(key) == false && ifOtherChar(unitLocked) == false && ifOtherChar(timerLocked) == false && ifOtherChar(diyhelp) == false && ifOtherChar(help) == false && ifOtherChar(nameLocked) == false) {
 		console.log("反伪造基础关 - 已通过")
-		if(time != undefined && time.toString().indexOf(".") == -1 && time.toString().indexOf("-") == -1) {
+		$("#progress").css("width", "11%")
+		if(time != null && time.toString().indexOf(".") == -1 && time.toString().indexOf("-") == -1) {
 			console.log("反伪造第一关 - 已通过")
+			$("#progress").css("width", "22%")
 			if(time <= Date.parse(new Date()) / 1000) {
 				console.log("反伪造第二关 - 已通过")
+				$("#progress").css("width", "33%")
 				if(time.toString().substring(4, 10) * time.toString().substring(0, 5) == key) {
 					console.log("反伪造第三关 - 已通过")
-					key = undefined
+					$("#progress").css("width", "44%")
+					key = null
 					var unit = ""
-					var unitIf = false
+					var unitIf = true
 					$(unitLocked).each(function(index) {
 						if(index > 0) {
-							if((unitLocked[index] / time.toString().substring(4, 10) - time.toString().substring(0, 5)).toString().indexOf(".") == -1 && (unitLocked[index] / time.toString().substring(4, 10) - time.toString().substring(0, 5)).toString().indexOf("-") == -1) {
+							if((unitLocked[index] / time.toString().substring(4, 10) - time.toString().substring(0, 5)).toString().indexOf(".") == -1 && (unitLocked[index] / time.toString().substring(4, 10) - time.toString().substring(0, 5)).toString().indexOf("-") == -1 && unitIf == true) {
 								unit = unit + String.fromCharCode(unitLocked[index] / time.toString().substring(4, 10) - time.toString().substring(0, 5))
-								if(index == unitLocked.length - 1) {
-									unitIf = true
-								}
+								unitIf = true
+							} else {
+								unitIf = false
 							}
 						}
 					})
-					unitLocked = undefined
+					unitLocked = null
 					if(unitIf == true) {
 						console.log("反伪造第四关 - 已通过")
-						unitIf = undefined
+						$("#progress").css("width", "56%")
+						unitIf = null
 						var timer = ""
 						if(parseInt(timerLocked[1]) - (parseInt(timerLocked[0]) * parseInt(time.toString().substring(8, 9)) + parseInt(timerLocked[2]) * parseInt(time.toString().substring(9, 10))) * parseInt(time.toString().substring(4, 10)) == parseInt(time.toString().substring(4, 10)) * parseInt(time.toString().substring(9, 10))) {
 							console.log("反伪造第五关 - 已通过")
+							$("#progress").css("width", "67%")
 							timer = timerLocked[0] + ":" + timerLocked[2]
-							timerLocked = undefined
+							timerLocked = null
 							if (diyhelp.toString().indexOf(".") == -1 && diyhelp.toString().indexOf("-") == -1) {
 								console.log("反伪造第六关 - 已通过")
+								$("#progress").css("width", "78%")
 								if(diyhelp == 0) {
 									diyhelp = "全部"
 								}
 								if(help.toString().indexOf(".") == -1 && help.toString().indexOf("-") == -1) {
 									console.log("反伪造第七关 - 已通过")
+									$("#progress").css("width", "89%")
 									var name = ""
-									var nameIf = false
+									var nameIf = true
 									$(nameLocked).each(function(index) {
 										if(index > 0) {
-											if((nameLocked[index] / time.toString().substring(4, 10) - time.toString().substring(0, 5)).toString().indexOf(".") == -1 && (nameLocked[index] / time.toString().substring(4, 10) - time.toString().substring(0, 5)).toString().indexOf("-") == -1) {
+											if((nameLocked[index] / time.toString().substring(4, 10) - time.toString().substring(0, 5)).toString().indexOf(".") == -1 && (nameLocked[index] / time.toString().substring(4, 10) - time.toString().substring(0, 5)).toString().indexOf("-") == -1 && nameIf == true) {
 												name = name + String.fromCharCode(nameLocked[index] / time.toString().substring(4, 10) - time.toString().substring(0, 5))
-												if(index == nameLocked.length - 1) {
-													nameIf = true
-												}
+												nameIf = true
+											} else {
+												nameIf = false
 											}
 										}
 									})
-									nameLocked = undefined
+									nameLocked = null
 									if(nameIf == true) {
 										console.log("反伪造第八关 - 已通过")
+										$("#progress").css("width", "100%")
 										console.log("人工反伪造（错误将会非常明显） - 等待验证")
-										nameIf = undefined
+										nameIf = null
 										time = getLocalTime(time)
 										$("#result").html("我是" + name + " 我在" + time + "（检查数据时请务必检查本时间）默写了" + unit + "的单词 用时" + timer + " 使用提示字数" + diyhelp + " 提示了" + help + "次\n如内容显示错误 请考虑本数据有伪造数据嫌疑")
 									}
@@ -113,4 +122,22 @@ $(function() {
 	}
 })
 </script>
-<p id="result"></p>
\ No newline at end of file
+<style type="text/css">
+	.back {
+		background-color: #FF0000;
+		height: 2px;
+		margin-bottom: 5px;
+		width: 100%;
+	}
+	.progress {
+		background-color: #226DDD;
+		width: 0%;
+		height: 100%;
+		transition: 1.5s;
+	}
+</style>
+<div class="back">
+	<div id="progress" class="progress"></div>
+</div>
+<p id="result"></p>
+<a href="https://xfqwdsj.github.io/mword/#%E4%BC%A0%E9%80%81%E9%97%A8">我也试一试！</a>
\ No newline at end of file