增加隐藏的图鉴模式

help.md

@@ -31,6 +31,8 @@ Formation Title and Detail can use the `^[Hex Color Code]^Content^p` to change t
 The 2P, 3P Multi Games Mode shows only the statistics of general awakening (excluding super-awakening), and 2P only show several common awoken statistics, but the Solo Mode shows all.
 * 内建的截图按钮依靠 [html2canvas](https://github.com/niklasvh/html2canvas/)，会有一些绘制错误，浏览器的截图扩展能够更加还原显示的真实样子。  
 Built-in screenshot button relies on [html2canvas](https://github.com/niklasvh/html2canvas/), there will be some drawing errors, browser screenshot extension can be more restore the real appearance of the display.
+* 如果你只是希望将本程序当作简单图鉴使用，可以在参数里加上`guide=1`，如`http://mapaler.gitee.io/paddashformation/solo.html?guide=1`。图鉴模式下进入网页时，会直接打开怪物修改界面，并且背景不透明。  
+If you just want to use this program as a simple guide, you can add `guide=1` to the parameters, such as `https://mapaler.github.io/PADDashFormation/solo.html?guide=1`. When you enter the page in guide mode, the monster modification interface opens directly and the background is opaque.
 
 ## 报告BUG | Report BUG
 如果发现 BUG，请先按 Ctrl+F5 强制刷新后测试，如仍有问题可以在 [Issues](//github.com/Mapaler/PADDashFormation/issues) 报告。  

script.js

@@ -2,6 +2,7 @@ var Cards; //怪物数据
 var Skills; //技能数据
 var currentLanguage; //当前语言
 var currentDataSource; //当前数据
+var isGuideMod; //是否以图鉴模式启动
 
 const teamBigBoxs = []; //储存全部teamBigBox
 const allMembers = []; //储存所有成员，包含辅助
@@ -313,9 +314,15 @@ window.onload = function()
 	toggleDomClassName(controlBox.querySelector("#show-mon-id"),'not-show-mon-id',false);
 	toggleDomClassName(controlBox.querySelector("#btn-show-mon-skill-cd"),'show-mon-skill-cd');
 	toggleDomClassName(controlBox.querySelector("#btn-show-awoken-count"),'not-show-awoken-count',false);
+	isGuideMod = Boolean(parseInt(getQueryString("guide")));
 
 	formationBox = document.body.querySelector(".formation-box");
 	editBox = document.body.querySelector(".edit-box");
+	if (isGuideMod)
+	{
+		console.log('现在是 怪物图鉴 模式');
+		document.body.classList.add('guide-mod');
+	}
 
 	if (location.hostname.includes("gitee")) { helpLink.hostname = "gitee.com"; }
 
@@ -1424,6 +1431,9 @@ function initialize()
 	languageJS.id = "language-js";
 	languageJS.type = "text/javascript";
 	languageJS.src = "languages/"+currentLanguage.i18n+".js";
+
+	if (isGuideMod) //图鉴模式直接打开搜索框
+		showSearch([]);
 }
 //编辑界面点击每个怪物的头像的处理
 function clickMonHead(e)

style.css

@@ -681,6 +681,10 @@ ul{
 	filter:blur(5px);
 	pointer-events: none;
 }
+.guide-mod .blur-bg{
+	filter: unset;
+}
+
 .edit-box{
 	background-color: rgba(82, 53, 30, 0.8);
 	color: white;
@@ -691,6 +695,9 @@ ul{
 	box-sizing: border-box;
 	min-width:664px;
 }
+.guide-mod .edit-box{
+	background-color: rgb(102, 73, 50);
+}
 .edit-box-title{
 	text-align: center;
 	font-size: 2em;