diff --git a/doc/export-player-data.html b/doc/export-player-data.html
index 6a628c36..bc39dc4c 100644
--- a/doc/export-player-data.html
+++ b/doc/export-player-data.html
@@ -9,7 +9,6 @@
 		content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 	<style type="text/css">
 		body {
-			font-size: 1.25em;;
 		}
 		code {
 			padding: .2em .4em;
@@ -50,6 +49,7 @@
 
 		img {
 			outline: grey solid 1px;
+			max-width: 100%;
 		}
 		#form-language {
 			position: sticky;
@@ -95,7 +95,9 @@
 			const formData = new FormData(this);
 			const language = formData.get("language");
 			if (language  == "all") {
-				langCss.innerHTML = "";
+				langCss.innerHTML = `
+[lang] {display:block;}
+				`;
 			} else {
 				langCss.innerHTML = `
 [lang]:not(:lang(${language})){
@@ -104,7 +106,12 @@
 				`;
 			}
 		}
+		if (/^zh\b/i.test(navigator.language)) {
+			const languageZh = formLanguage.querySelector('input[name="language"][value="zh"]');
+			languageZh && (languageZh.checked = true);
+		}
 		formLanguage.onchange();
+		
 		const openAllDetails = document.getElementById("open-all-details");
 		openAllDetails.onclick = function(){
 			document.querySelectorAll("details").forEach(node=>node.open=true);
diff --git a/doc/images/tips-generate-avatar-1.webp b/doc/images/tips-generate-avatar-1.webp
new file mode 100644
index 00000000..cbbc9cdf
Binary files /dev/null and b/doc/images/tips-generate-avatar-1.webp differ
diff --git a/doc/images/tips-generate-avatar-2.webp b/doc/images/tips-generate-avatar-2.webp
new file mode 100644
index 00000000..806f6b81
Binary files /dev/null and b/doc/images/tips-generate-avatar-2.webp differ
diff --git a/doc/index.html b/doc/index.html
index 5d41299c..adfc98d0 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -9,7 +9,6 @@
 		content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 	<style type="text/css">
 		body {
-			font-size: 1.25em;;
 		}
 		code {
 			padding: .2em .4em;
@@ -44,6 +43,7 @@
 
 		img {
 			outline: grey solid 1px;
+			max-width: 100%;
 		}
 		#form-language {
 			position: sticky;
@@ -88,7 +88,9 @@
 			const formData = new FormData(this);
 			const language = formData.get("language");
 			if (language  == "all") {
-				langCss.innerHTML = "";
+				langCss.innerHTML = `
+[lang] {display:block;}
+				`;
 			} else {
 				langCss.innerHTML = `
 [lang]:not(:lang(${language})){
@@ -97,6 +99,10 @@
 				`;
 			}
 		}
+		if (/^zh\b/i.test(navigator.language)) {
+			const languageZh = formLanguage.querySelector('input[name="language"][value="zh"]');
+			languageZh && (languageZh.checked = true);
+		}
 		formLanguage.onchange();
 	</script>
 	<h1>
@@ -430,13 +436,14 @@ <h2 id="search-cards">
 			<img src="images/tips-search-TagInGame.png" alt="在游戏中搜索怪物系列">
 		</li>
 		<li>
-			<span lang="zh">点击编辑界面的卡片头像可以跳转到预定义的攻略网站。</span>
-			<span lang="en">Click on the card avatar on the editing interface to jump to a predefined guide website.</span>
+			<span lang="zh">点击编辑界面的卡片头像可以生成这个头像的图片。</span>
+			<span lang="en">Click on the card avatar on the editing interface to generate a picture of this avatar.</span>
 			<br>
-			<img src="images/tips-guide.png" alt="攻略网站">
+			<img src="images/tips-generate-avatar-1.webp" alt="点击可以生成头像图片">
+			<img src="images/tips-generate-avatar-2.webp" alt="打开保存的头像图片">
 			<br>
-			<span lang="zh">在队伍界面和搜索结果的怪物头像上，点击鼠标中键也可以跳转到攻略网站。在手机上则是长按怪物头像然后选择在新标签页打开。</span>
-			<span lang="en">Or click the middle mouse button on the monster avatar of the formation interface and search results to jump to the Guide. On your phone, you're long-pressing the monster avatar and then selecting to open it in a new tab.</span>
+			<span lang="zh">在队伍界面和搜索结果的怪物头像上，点击鼠标中键可以跳转到指定的怪物图鉴。在手机上则是长按怪物头像然后选择在新标签页打开。</span>
+			<span lang="en">Or click the middle mouse button on the monster avatar of the formation interface and search results to jump to the card Guide. On your phone, you're long-pressing the monster avatar and then selecting to open it in a new tab.</span>
 			<br>
 			<img src="images/tips-guide2.png" alt="攻略网站2">
 		</li>
diff --git a/images/CARDFRAME2.png b/images/CARDFRAME2.png
index d55ed400..fb2db53e 100644
Binary files a/images/CARDFRAME2.png and b/images/CARDFRAME2.png differ
diff --git a/images/project file/CARDFRAME2.fw.png b/images/project file/CARDFRAME2.fw.png
index b7da2c09..35ab1c4a 100644
Binary files a/images/project file/CARDFRAME2.fw.png and b/images/project file/CARDFRAME2.fw.png differ
diff --git a/service-worker.js b/service-worker.js
index 8724225e..fc63da90 100644
--- a/service-worker.js
+++ b/service-worker.js
@@ -36167,7 +36167,7 @@ const cachesMap = new Map([
 	],
 	[
 		"script.js",
-		"963b5bed10b1221f913502e3d3a2c9bc"
+		"09b2d8e669f53c8e0b66aed5c27cc022"
 	],
 	[
 		"solo.html",
@@ -36179,11 +36179,11 @@ const cachesMap = new Map([
 	],
 	[
 		"style-monsterimages.css",
-		"a9528becc8c4e90c8ced6cb1fda4ec9a"
+		"ab153407ebbe5d123d4170b21c8ebc42"
 	],
 	[
 		"style.css",
-		"3d5371df89386c6c725b0172d7e85655"
+		"2043a51c36152aec55b885dd7794b4b6"
 	],
 	[
 		"temp.js",
@@ -36275,7 +36275,7 @@ const cachesMap = new Map([
 	],
 	[
 		"images/CARDFRAME2.png",
-		"13006618d031ec6f749b1cc1f429d42e"
+		"06dbd71f7237c5effd645c4ebbe647ca"
 	],
 	[
 		"images/CARDFRAMEW.png",
@@ -36439,11 +36439,11 @@ const cachesMap = new Map([
 	],
 	[
 		"doc/export-player-data.html",
-		"1a8617125c7103ecaf91a158c1b41563"
+		"05275f5501d580f53bf163027de2c597"
 	],
 	[
 		"doc/index.html",
-		"67df78ff5f6b6dcc4ba4a117f9ea447c"
+		"6b00206673f027d8dc5e72a9165d2519"
 	],
 	[
 		"doc/images/bluestacks-adb-connect.webp",
@@ -36761,6 +36761,14 @@ const cachesMap = new Map([
 		"doc/images/tips-arrow-close-numlock.webp",
 		"7d2c3d6922b116dc63d0dc7ec05ba9d2"
 	],
+	[
+		"doc/images/tips-generate-avatar-1.webp",
+		"7a5a024c6e06a78f04d19bff5719bbd1"
+	],
+	[
+		"doc/images/tips-generate-avatar-2.webp",
+		"f3d8fb9bada506ad9a26e63d9181e3dd"
+	],
 	[
 		"doc/images/tips-guide.png",
 		"a4f7b6a4ea4d4e3e04e1dd3944c2db7e"