diff --git a/dist.7z b/dist.7z
deleted file mode 100644
index 866b68e7..00000000
Binary files a/dist.7z and /dev/null differ
diff --git a/public/image/toolsGuide/detailCN.png b/public/image/toolsGuide/detailCN.png
new file mode 100644
index 00000000..22b87e78
Binary files /dev/null and b/public/image/toolsGuide/detailCN.png differ
diff --git a/public/image/toolsGuide/detailEN.png b/public/image/toolsGuide/detailEN.png
new file mode 100644
index 00000000..a12455a5
Binary files /dev/null and b/public/image/toolsGuide/detailEN.png differ
diff --git a/src/assets/images/socialMediaLogo/biliBliIcon.png b/src/assets/images/socialMediaLogo/biliBliIcon.png
deleted file mode 100644
index 21a861d7..00000000
Binary files a/src/assets/images/socialMediaLogo/biliBliIcon.png and /dev/null differ
diff --git a/src/assets/images/socialMediaLogo/biliBliIcon.svg b/src/assets/images/socialMediaLogo/biliBliIcon.svg
new file mode 100644
index 00000000..44e1d963
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/biliBliIcon.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="23.76" height="23.76" fill="url(#pattern0_2426_2354)"/>
+<defs>
+<pattern id="pattern0_2426_2354" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2426_2354" transform="scale(0.005)"/>
+</pattern>
+<image id="image0_2426_2354" width="200" height="200" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAQAElEQVR4Aeyde3BcVR3Hd9ck5g8KAsqbghhLSDYbQNqiVCmvUqRVcIY3MiCMMwXlpQzFJ+iABXkMCsVhQBR5isOzCG1FQCi2pUyG7CYpsYhtRRFKeQx/YIbs+v2ZDWw3m2TvPb97955zvp3z69l7957fPb/P7/e9Z/dussmk+I8ESGBcAhTIuGj4BAmkUhQIq4AEJiBAgUwAh0+RAAXCGiCBCQhEKJAJzsqnSMASAhSIJYniNBtDgAJpDHee1RICFIglieI0G0OAAmkMd57VEgJ2CsQSuJym/QQoEPtzyAgiJECBRAiXru0nQIHYn0NGECEBCiRCuHRtPwEKpCqH3CSBSgIUSCUNPiaBKgIUSBUQbpJAJQEKpJIGH5NAFQEKpAoIN0mgkoBzAuno6JjR2dl5QVdX1zHZbHb3ymAb/NjJ07e3t+8JzifAzgX7fV0L0gmBzJ49uwkJuhqieDWTyaxKp9PXlkqlB5CsDdjfi/0X4jGbIgFhCis0NTW9Arf3wK4H+x7wFuaL29raPo591jfrBZLL5WZu2rTpn8jEdyCKXdBXty7svwaJW4qEfqn6SW4HIyAMhaUwhXXWGC2r9oLW1tbXcdwJNZ63apfVApEEFIvFlSC+I2yyNgcJfRoJPm6yA/l8bQLCThji2TmwydrWOOAeuYCht7ZZK5DyEn5zUPJI8O8l0UHH+X68MBN2QTngAvaQvAQOOi4px1srECzh1wGiXKXQBWuSaEl4sFFJPjrauQkrYRbyLDviJfCikGMbPsxagYDcPFjoJgmXxId24MlAYSSsDMO19r2IlQIp306UN4NGeZPESwEYOXF4sLARRgoh7ob3izkFP7G7sFIguJ2odjdKCkAKIXbyCT+hMBE2WtOErxlavuL0Y6VA8DnHBk1ISB7fuFcA1RaHuEbOitLbZlYKBAX9gjZo+KRIAHWMOLBPo2HVX6HhJ24fVgqkUChsBKg8TLX5LpKoxIEkDfT29r6E3rpmpUCEMpbs30ivbb6KJEJxpJCrW7TzFJc/awWSz+evBaRlMPXmm0iiFAeSs6ycKzy0r1krEEGNK9Pl0kdhvogkYnHI6hFZjqLIe7VPqwWCK9NfIJLjq4PS2nZdJDGI43jJ0Xj5sGG/1QIRwEjAfRSJkAhmMYnjvmCzSt7R1gtEkFIkQqF+ozjqZ+WEQCRcikQoTG4Ux+SMKo9wRiASFEUiFMY3imN8NuM945RAJEiKRCiMNc/EMRZAyD3OCUQ4UCRC4SOjOD5iEfSRkwIRCBSJUEilKI4RDmH/d1YgAsR3kVAcUgVm5rRABI2vIqE4JPvm5rxABJFvIqE4JOs6NlYgOn4T58UXkVAcuqXnjUAEm+sioTgky7rmlUAEnasioTgku/rmnUAEoWsioTgkq9FYogWSzWaPgF0OuwW2BPY8TL4c+b/oSyYmP8oeDdIRr+LfZH5Bxsq5Rs4azf/iP8h8xjlWcia5kxxKLiWnktvZ0cxax2usAplsym1tbVvjangKAN8BexPHy28Mfg/9mbCjYQfA5PuwWtCz2UVAcia5kxxKLiWnktsnkWv5ousbkfuvdnR0bJWksBIhEIBpB6TFra2tr+BqdQcAnQLbDsbmB4FPIcyzkfsHM5nM36UWpCawr+GtoQKZNm3aJzs7O38CMPIN7QtAg6IABM+biGWB1ITUhtRII3k0TCC4Spzb0tKyMp1O/xAAtoGxkUAlgW2kNqRGpFYqn4jzcewCwWvMqQh4CYK8HvYZGBsJTERAauR61MxyWOzf7xurQCCOWXiNKS+n5E3aRFCCPsfj3SdwOEJ8GiL5OvrYWmwCQWBnQhzPILKdYWwkEIbAJzDodtTSz9HH0mIRCAJ6FNFY++16mDtbsgh8FzW1NI4pRS4Q3Im4E4F8GcZGApoE5qC2fqbpsJavSAUiAeBOxMm1Tsx9JGBKALW1EDV2oqmficZHJhB80HOGBDDRye14jrNMMgHU2N14uXVEVHOMRCC5XO5AfNBzXVSTpl8SqCJwO+6Q7le1T2UzEoEUi0X5GRt++KeSIjqpg8BOuEN6WR3HBT5EXSBY7uSvz84PPBMOIAEzAvPLtWfmpWq0ukDg/5swNhJoBAH12lMVSFnBUa8e74H887CnrLdUyqcYVqdSqbdT0f5TX0VUBYLY1RUMny/hDf/F6L82PDw8rVAoTIHNgB1CK9jEYCbytS3yOBU2B3efvo3+OZh2U61BNYHgtu7nEKnq6gGIVw0NDc3q6+u7CnAfGBgY+BvOwWYxAeRxI2x5Pp+/Af1BCOVXMM02H3e0Zmo5VBMI7lwdpjUp8YNVYxYgXjw4OLhJtmluEoBI5PeA5iA6eemMzrzhjtZR5l5GPKgJBFd7tUk1NzfvgFXDyr+rPYKV/wchAJEsh03BmPUw44ZanGvspOxARSD77LPPHvCn8sv3WDnO6enpeQP+2AwI2Dj0gw8+0KqhmZ2dnW0aDFQEgiVN5fc7II4bsHIs1giMPuwjsHbt2n+gBi7UmDlq8isqfjScYEk7ztQPfDwOccidDVNXHG8xAdTAdRCJ/N6QURTwoXLDSGUFQSQ7wIwa3uQ/aeSAg10icLVCMMY1KXPQEsiO4szEsIL82WQ8x7pDoKWl5a8K0RjXpMxBQyAfg6PtYSbtVdzFWGPigGNjIxD5ico3aXoNTyQ1KbVp5MZYILiDpbGUPWEUBQe7SOBF06A0atNYILhbYCwQvLziZx6m1eDYeLzJlm+/MYpKozaNBYLilp+vMQoEMAaNHHCwcwRQV/2mQcGHcW0aC8Q0CI4ngSQToECSnB3v5pa8gCmQ5OWEM0oQAQokQcngVJJHgAJJXk44owQRoEASlAxOJXkEKJDk5YQzioJASJ8USEhwHOYHAQrEjzwzypAEKJCQ4DjMDwIUiB95ZpQhCVAgANfZ2bmdfFVMe3v7ntj0unV1de0FHtPRG/8ckwsg6xGIC3GOiaG7u3taNpu9H7YhnU6/mclkVjY1Nb2C7c2wZyGY08cMcnQHBDEXMa+AvVUqlV4Gj9XoN2O/8HgYLGY5GvqkYXkpEFwdzxgeHn4JdI6F7Q6rbHLlPAiCuQ0Fs7zyCRcfg8W1EMRjiO0LMPkbgOhGGvbLijofLJ6BWK4Z2evX/94JBEX/W1wdf11nmg9HAYmQ6jzcrsPA4jWwuKCeWUMsF0Ikkf/Js3rmEucxXgkEBSErxmlBAKOA5KXYN4KMseFYFLusCIF+bxsiWYgLhnzFrA0hqszRK4EgwfIl2GHA3YiC6g4zMIljcrnc/mAR6iuWcMFYlMSYoppTgwUSVVhj/eJN+X5IbtgvNW7F6/BDx3q1cw/ef30eM2+GhWmH4017WI5hztfQMd4IBEWxvwlpiEuKysRFksYeYDIZXCxmmIy3aaw3AkGBm96qdEkgpt+ByxXEJpXXM1e85pZblvUcOt4xu433hG37FVjsalvMYefrzQoSFhDH+U3AXYH4nVdGr0SAAlECSTduEqBA3Mwro1IiQIEogaQbNwlQIG7mlVEpEaBAQoDkEH8IUCD+5JqRhiBAgYSAxiH+EKBA/Mk1Iw1BgAIJAY1D/CFAgSQr15xNwghQIAlLCKeTLAIUSLLywdkkjAAFkrCEcDrJIkCBJCsfnE3CCPgkkDWG7E3/sL3h6U2HbzHeiEWpVCps4c3hDW8Ekk6nnzXJI8Y/YzI+SWMRyxOG81lhON6a4d4IpKmp6XmTrOCq6YxAisWi0QoCgVEgJsWUxLE9PT3/wrx+CQvcUBB3FwqFewMPTOiAvr6+P2BqoYocLBaCxUaM96J5s4JINpHYc9FvhgVqw8PDCwMNsOBgrIjnhJjmhnw+f2WIcdYO8UogkiW8vDhK+gB2WX9//4YAx1txKFaRFzHRy2B1N6we82oe7PBO7wSCYl+NlSSNnF4Om6itwFV2Xxx76UQH2fycxIYLxh4o/LsnieNeHJvG6pGf5DjnnvZOIKMZRMJ/AAHMxbZcRZeifxe2BsVyJfYfh+dnla+y2O1uwwVDXjadjAhPROw3opfb2W+jfxDb8tLySLA4EdteNm8FItmGAJYi+ZfC5sK2gU3HVXIh9subWDnEG0Ps9yL2b6Hvhm0LOxbbV6Jf5g2EGoF6LZAaPLiLBLYgQIFsgYMbSSPQ6PlQII3OAM+faAIUSKLTw8k1mgAF0ugM8PyJJkCBJDo9nFyjCVAgjc4Az98oAnWdlwKpCxMP8pUABeJr5hl3XQQokLow8SBfCVAgvmaecddFgAKpCxMP8pVAOIH4Sotxe0eAAvEu5Qw4CAEKJAgtHusdAQrEu5Qz4CAEKJAgtHisdwQSJxDvMsCAE02AAkl0eji5RhOgQBqdAZ4/0QSMBVIqld5SiLBdwQddOEQgnU5PMw1HozaNBVIsFl83DQTjZ8DYSOBDAqirgz/cCPkAPoxr01ggAwMDxpNA/NNhUTf6t4gAVpBDTaerUZvGAkEQw7A3YSYt29HRMdXEAce6QwC1MAvR7AQzaVKTUpsmPlIaApEJ/Ef+MzFcMbz73lcTXi6PRS0cohCfcU3KHLQEYvwyC1DOb29v314mRfObAGrhIAUCxjUpc1ARCO4W3CfODO2zzc3N5xv64HDLCWSz2UsQwpEwowaRPWLkoDxYRSC4W/Bo2Z9RB6Gdn8vlskZOGjKYJ9UggNwfBj9XwIwbavJhYydwoCIQ3C1YD19PwUzbVgjsiu7u7l1NHXG8XQT23nvvKcj9nzRmjdVjVV9f3zoNXyoCkYng6v+Y9Ao2H6BWY6k9VsEXXVhAAHetTsfLa/nzEyqzVaxFtbtYqUwmY/qXUz+EgwB3wcb9EInKcgtfbAkkgJsyeyLHS1A7t2lODxfYx7X8qa0g+Xz+BUxK5Y0R/Iy2SwBwfVdX113oF+BKw89KRslY2iOXeyGX82AXNTU1PYcwjoZptkf6+/tXaTlUE0h5QjeXe81uKlaUk+BwMa406wG2F/akN5bNuhLrKuTsXeTyZeRSLqRXod8Zpt1Ua1BVIIVCYQmileDRRda64Hk2LWUbA/l5uympaP89Uq5BtbOoCqQ8K1UFl32yI4F6CKjXnrpAygqOehWpBxaP8YuA+uoh+NQF8n+nmYzcfXpHHtNIIAYCr+HO1Y+jOE8kAunt7V2JD2suiGLC9KlHwCFPp+HOVU8U8UQiEJkobvvehjsWi+QxjQSiIoAaOwkv65dH5T8ygciE8XH/JQjgLnlMIwFtAqitRaixe7T9VvqLVCByIgRwCvo/wthIQJPAMtSW/OSvps8xviIXiJwRS6B8WnqWPKaRgAKBq1FTxj8SX888YhGITAQB3Yo7DV/E43/D2NwmEFV0b8Pxaaili9DH0mITiESDOw3PQiQH4rHK74/AD5s/BORH4Q+GOH4XZ8ixCkQCg0g2IEj5/fPzsC0/l4OOjQTGJSA1ch5q5ghY77hHRfRE7AIZjQPB/mJoaOhA3In4KfbxQ0VAYNuCwDtSG1Ij9BvBFwAAAaRJREFUUitbPBPjRsMEIjEODg5uwp2IH+FDRXnZdRP2bYax+U3gDYR/k9SE1IbUCLYb1hoqkNGo8aHiWlwlzn7//fc/DTCnYv+dMIoFEDxpIorFyP0xeI+6l9SC1ETt2OPdmwiBjIa8bt26dwHmTgA6FSZfATQHz8nPdd2KXt7Yr0G/ETYEY7OLgORMcic5lFxKTiW3hyDXO8DOQe4fwnvU95IUVqIEUg0G0JbDvg87CzYPNh02FfZxWJpWsImB5ExyJzmUXEpOJbcaX/ZRXTpq24kWiFqUdEQCIQlQICHBcZgfBCgQP/LMKOshUOMYCqQGFO4igVECFMgoCfYkUIMABVIDCneRwCgBCmSUBHsSqEGAAqkBhbtIYJSAlkBG/bEnAacIUCBOpZPBaBOgQLSJ0p9TBCgQp9LJYLQJUCDaROnPKQIWCMQp3gzGMgIUiGUJ43TjJUCBxMubZ7OMAAViWcI43XgJUCDx8ubZLCPgt0AsSxanGz8BCiR+5jyjRQQoEIuSxanGT4ACiZ85z2gRAQrEomRxqvEToEAiYk63bhD4HwAAAP//lzCITgAAAAZJREFUAwD5U7MJlcLndQAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/faceBookIcon.svg b/src/assets/images/socialMediaLogo/faceBookIcon.svg
new file mode 100644
index 00000000..c311c85f
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/faceBookIcon.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2427_2565)">
+<path d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z" fill="#2C2C2C"/>
+</g>
+<defs>
+<clipPath id="clip0_2427_2565">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/instagramIcon.png b/src/assets/images/socialMediaLogo/instagramIcon.png
deleted file mode 100644
index 6fd366b6..00000000
Binary files a/src/assets/images/socialMediaLogo/instagramIcon.png and /dev/null differ
diff --git a/src/assets/images/socialMediaLogo/linkedinIcon.svg b/src/assets/images/socialMediaLogo/linkedinIcon.svg
new file mode 100644
index 00000000..7dcdf6d7
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/linkedinIcon.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2427_2564)">
+<path d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5563 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2938 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516V20.4516Z" fill="#2C2C2C"/>
+</g>
+<defs>
+<clipPath id="clip0_2427_2564">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/socialIcons.svg b/src/assets/images/socialMediaLogo/socialIcons.svg
new file mode 100644
index 00000000..50893423
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/socialIcons.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2426_2350)">
+<path d="M23.5233 7.12823C23.5233 7.12823 23.2913 5.49009 22.5766 4.77079C21.6717 3.8241 20.6601 3.81946 20.196 3.76377C16.8733 3.52246 11.8846 3.52246 11.8846 3.52246H11.8754C11.8754 3.52246 6.88669 3.52246 3.564 3.76377C3.09994 3.81946 2.08828 3.8241 1.18336 4.77079C0.468703 5.49009 0.241312 7.12823 0.241312 7.12823C0.241312 7.12823 0 9.05409 0 10.9753V12.7759C0 14.6971 0.236672 16.6229 0.236672 16.6229C0.236672 16.6229 0.468703 18.2611 1.17872 18.9804C2.08364 19.9271 3.27164 19.8946 3.80067 19.9967C5.70333 20.1777 11.88 20.2334 11.88 20.2334C11.88 20.2334 16.8733 20.2241 20.196 19.9874C20.6601 19.9317 21.6717 19.9271 22.5766 18.9804C23.2913 18.2611 23.5233 16.6229 23.5233 16.6229C23.5233 16.6229 23.76 14.7017 23.76 12.7759V10.9753C23.76 9.05409 23.5233 7.12823 23.5233 7.12823ZM9.42511 14.9616V8.28374L15.8431 11.6343L9.42511 14.9616Z" fill="#2C2C2C"/>
+</g>
+<defs>
+<clipPath id="clip0_2426_2350">
+<rect width="23.76" height="23.76" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/tikTokIcon.png b/src/assets/images/socialMediaLogo/tikTokIcon.png
deleted file mode 100644
index 1fa7db89..00000000
Binary files a/src/assets/images/socialMediaLogo/tikTokIcon.png and /dev/null differ
diff --git a/src/assets/images/socialMediaLogo/tikTokIcon.svg b/src/assets/images/socialMediaLogo/tikTokIcon.svg
new file mode 100644
index 00000000..5d8d6b2a
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/tikTokIcon.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.9218 0H10.9175V16.1843C10.9175 18.1127 9.37747 19.6967 7.4609 19.6967C5.54433 19.6967 4.00424 18.1127 4.00424 16.1843C4.00424 14.2905 5.51011 12.7408 7.35825 12.672V8.60871C3.28553 8.67755 0 12.0177 0 16.1843C0 20.3854 3.35398 23.76 7.49514 23.76C11.6362 23.76 14.9902 20.351 14.9902 16.1843V7.88555C16.4961 8.98748 18.3442 9.64174 20.295 9.67619V5.61287C17.2833 5.50957 14.9218 3.03026 14.9218 0Z" fill="#2C2C2C"/>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/xiaoHongShuIcon.png b/src/assets/images/socialMediaLogo/xiaoHongShuIcon.png
deleted file mode 100644
index 44fa3fa1..00000000
Binary files a/src/assets/images/socialMediaLogo/xiaoHongShuIcon.png and /dev/null differ
diff --git a/src/assets/images/socialMediaLogo/xiaoHongShuIcon.svg b/src/assets/images/socialMediaLogo/xiaoHongShuIcon.svg
new file mode 100644
index 00000000..affe86d3
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/xiaoHongShuIcon.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="23.76" height="23.76" fill="url(#pattern0_2426_2352)"/>
+<defs>
+<pattern id="pattern0_2426_2352" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2426_2352" transform="scale(0.005)"/>
+</pattern>
+<image id="image0_2426_2352" width="200" height="200" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/youTubeIcon.png b/src/assets/images/socialMediaLogo/youTubeIcon.png
deleted file mode 100644
index 3e6b31e8..00000000
Binary files a/src/assets/images/socialMediaLogo/youTubeIcon.png and /dev/null differ
diff --git a/src/assets/images/socialMediaLogo/zhiHuIcon.png b/src/assets/images/socialMediaLogo/zhiHuIcon.png
deleted file mode 100644
index 1cd479e3..00000000
Binary files a/src/assets/images/socialMediaLogo/zhiHuIcon.png and /dev/null differ
diff --git a/src/component/Detail/DesignDetail.vue b/src/component/Detail/DesignDetail.vue
index d887d1a2..4b63b4d4 100644
--- a/src/component/Detail/DesignDetail.vue
+++ b/src/component/Detail/DesignDetail.vue
@@ -61,7 +61,7 @@
 					<model 
 						ref="model" 
 						:key="positionKey"
-
+						@addDetail="addDetail"
 						@canvasReload="canvasReload" 
 						@detailEdit="detailEdit" 
 						@addSketch="()=>isEditPattern.value = ''"
@@ -78,7 +78,16 @@
 				<div class="item detailRight" :class="{canvas:isEditPattern.value}">
 					<div class="submit">
 					</div>
-					<div class="contentRight" v-if="currentDetailType && !isEditPattern.value">
+					<div class="contentRight" v-if="currentDetailType === 'sketch' && !selectDetail?.newDetail?.[currentDetailType] && !selectDetail.sketchString && !isEditPattern.value">
+						<img 
+							style="width: 100%; height: 100%;object-fit: contain;"
+							:src="
+							'/image/toolsGuide/' +
+							(locale == 'ENGLISH' ? 'detailEN' : 'detailCN') +
+							'.png'
+						" alt="">
+					</div>
+					<div class="contentRight" v-else-if="currentDetailType && !isEditPattern.value">
 						<detailRight ref="detailRight"></detailRight>
 						<div class="btn" 
 							v-show="
@@ -102,7 +111,7 @@
 					</div> -->
 				</div>
 			</div>
-			
+			<addDetails ref="addDetails" @setSloganData="setSloganData"></addDetails>
         </a-modal>
          <div class="mark_loading" v-show="loadingShow">
             <a-spin size="large" />
@@ -128,17 +137,18 @@ import { useI18n } from 'vue-i18n'
 import addDetails from '@/component/Detail/addDetails.vue'
 export default defineComponent({
     components:{
-		detailLeft,model,detailRight,canvasBox
+		detailLeft,model,detailRight,canvasBox,addDetails
     },
 	emits:['destroy'],
     setup(props,{emit}) {
         const store = useStore();
-      
+		const {locale} = useI18n()
 		const detailDom = reactive({
 			model:null,
 			canvasBox,
 			detailRight,
 			detailLeft:null as any,
+			addDetails:null as any,
 		})
 		const userDetail = computed(()=>{
 			return store.state.UserHabit.userDetail
@@ -506,6 +516,17 @@ export default defineComponent({
 			sessionStorage.setItem('revocation', JSON.stringify(revocation));
 			sessionStorage.setItem('oppositeRevocation',JSON.stringify([]));
 		}
+
+		const addDetail = () =>{
+			let addDetails:any = detailDom.addDetails
+			addDetails.init(detailData.selectDetail,'')
+		}
+		const setSloganData = (data:any)=>{
+			detailData.selectDetail.sketchString = data
+			if(detailData.currentDetailType == 'sketch' && detailData.selectDetail?.newDetail?.sketch){
+				detailData.selectDetail.newDetail.sketch = null
+			}
+		}
 		onMounted(()=>{
 			window.addEventListener('resize', handleResize);
 		})
@@ -518,6 +539,7 @@ export default defineComponent({
 		})
 		
         return{
+			locale,
 			...toRefs(detailDom),
 			...toRefs(detailData),
             closeModal,
@@ -531,6 +553,8 @@ export default defineComponent({
 			canvasReload,
 			modelOnLoad,
 			sketchSysToLibrary,
+			addDetail,
+			setSloganData,
         }
     },
 	
diff --git a/src/component/Detail/detailLeft/index.vue b/src/component/Detail/detailLeft/index.vue
index 37c64ef5..e97c4ed0 100644
--- a/src/component/Detail/detailLeft/index.vue
+++ b/src/component/Detail/detailLeft/index.vue
@@ -6,7 +6,6 @@
 		<element v-show="currentDetailType == 'element'"></element>
 		<accessory v-show="currentDetailType == 'accessory'"></accessory>
 		<models v-show="currentDetailType == 'models'"></models>
-		<addDetails ref="addDetails" @setSloganData="setSloganData"></addDetails>
     </div>
 </template>
 <script lang="ts">
@@ -22,12 +21,12 @@ import color from './colorBox/index.vue'
 import element from './element.vue'
 import accessory from './accessory.vue'
 import models from './models.vue'
-import addDetails from '@/component/Detail/addDetails.vue'
 
 export default defineComponent({
     components:{
-		sketch,print,color,addDetails,element,models,accessory
+		sketch,print,color,element,models,accessory
     },
+	emit:['addDetail'],
     setup(props,{emit}) {
         const store = useStore();
 		const detailData = reactive({
@@ -45,14 +44,7 @@ export default defineComponent({
 			sketch:null as any,
 		})
 		const addDetail = () =>{
-			let addDetails:any = getDetailListDom.addDetails
-			addDetails.init(detailData.selectDetail,'')
-		}
-		const setSloganData = (data:any)=>{
-			detailData.selectDetail.sketchString = data
-			if(detailData.currentDetailType == 'sketch' && detailData.selectDetail?.newDetail?.sketch){
-				detailData.selectDetail.newDetail.sketch = null
-			}
+			emit('addDetail')
 		}
 		const sketchSysToLibrary = ()=>{//系统sketch添加到library更新library
 			getDetailListDom.sketch.sketchSysToLibrary()
@@ -63,7 +55,6 @@ export default defineComponent({
 			...toRefs(getDetailListData),
 			...toRefs(getDetailListDom),
 			addDetail,
-			setSloganData,
 			sketchSysToLibrary,
         }
     },
diff --git a/src/component/Detail/detailLeft/sketch.vue b/src/component/Detail/detailLeft/sketch.vue
index 76a7bdf4..0e8946c7 100644
--- a/src/component/Detail/detailLeft/sketch.vue
+++ b/src/component/Detail/detailLeft/sketch.vue
@@ -5,7 +5,7 @@
 			<!-- <img :src="selectDetail?.sketchString?selectDetail?.sketchString:selectDetail.path" alt=""> -->
 			<img :src="selectDetail.path" alt="">
 			<!-- <img :src="selectDetail.sketchString || selectDetail.path" alt=""> -->
-			<i :title="$t('DesignDetail.editSketchTitle')" class="fi fi-rs-pencil-paintbrush" @click.stop="openAddDetail"></i>
+			<!-- <i :title="$t('DesignDetail.editSketchTitle')" class="fi fi-rs-pencil-paintbrush" @click.stop="openAddDetail"></i> -->
 		</div>
 		<div class="select_sketch" v-else>
 			<div>
diff --git a/src/component/Detail/model/index.vue b/src/component/Detail/model/index.vue
index cda3611c..58cfbff3 100644
--- a/src/component/Detail/model/index.vue
+++ b/src/component/Detail/model/index.vue
@@ -15,6 +15,7 @@
 				<i class="icon iconfont icon-fanchehui" @click="oppositeRevocation"></i>
 				<!-- 编辑 -->
 				<i class="fi fi-rr-edit" :title="$t('DesignDetail.editTitle')" :class="{active:isEditPattern.value == 'canvasEditor','pointerEventsNone':!selectDetail?.id}" @click="showDesignImgDetail('canvasEditor')"></i>
+				<i class="fi fi-rs-pencil-paintbrush" :title="$t('DesignDetail.editSketchTitle')" :class="{'pointerEventsNone':!selectDetail?.id}" @click="()=>$emit('addDetail')"></i>
 
 				<i class="icon iconfont icon-clothes" :title="$t('Canvas.editFrontBack')" style="font-size: 3.2rem;" @click="showDesignImgDetail('redGreenExample')" :class="{active:isEditPattern.value == 'redGreenExample','pointerEventsNone':!selectDetail?.id}"></i>
 				<!-- <i @click="showDesignImgDetail('redGreenExample')" :class="{active:isEditPattern.value == 'redGreenExample','pointerEventsNone':!selectDetail?.id}">
@@ -50,7 +51,7 @@ export default defineComponent({
     components:{
 		position,modelNav
     },
-	emits:['detailEdit','canvasReload','addSketch','revocation','oppositeRevocation','modelOnLoad','sketchSysToLibrary'],
+	emits:['detailEdit','canvasReload','addSketch','revocation','oppositeRevocation','modelOnLoad','sketchSysToLibrary','addDetail'],
     setup(props,{emit}) {
 		const {t} = useI18n()
         const store = useStore();
diff --git a/src/component/LoginPage/googleLogin.vue b/src/component/LoginPage/googleLogin.vue
index 09843dc2..d44a14a6 100644
--- a/src/component/LoginPage/googleLogin.vue
+++ b/src/component/LoginPage/googleLogin.vue
@@ -6,7 +6,7 @@
 		<!-- <div class="icon" @click="toGmailLogin"> -->
 		<div class="icon">
 			<img src="@/assets/images/loginPage/gmailIcon.svg" alt="">
-			<span>{{ $props.text }}</span>
+			<span>{{ displayText }}</span>
 		 </div>
     </div>
 </template>
@@ -21,7 +21,7 @@
 		props: {
 			text: {
 				type: String,
-				default: 'Sign in with Google'
+				default: ''
 			}
 		},
 		setup(props, { emit }) {
@@ -108,6 +108,9 @@
 			const toGmailLogin = ()=>{
 				message.info(t('account.canNotUtilize'))
 			}
+			const displayText = computed(() => {
+				return props.text || t('Login.LoginWithGoogle')
+			})
 			onBeforeUnmount(()=>{
 				var existingScript = document.querySelector(`script[src="${data.scriptSrc}"]`);
 				if(existingScript){
@@ -120,6 +123,7 @@
 			})
 			return {
 				toGmailLogin,
+				displayText,
             }
 		},
     })
diff --git a/src/component/LoginPage/weiXinLogin.vue b/src/component/LoginPage/weiXinLogin.vue
index 915b22b9..f4d72bf8 100644
--- a/src/component/LoginPage/weiXinLogin.vue
+++ b/src/component/LoginPage/weiXinLogin.vue
@@ -2,7 +2,7 @@
   <div class="Container">
     <div class="icon" @click="openWeiXinModel">
       <img src="@/assets/images/loginPage/weiXinIcon.svg" alt="" />
-      <span>{{ $props.text }}</span>
+      <span>{{ displayText }}</span>
     </div>
     <weiXinModel ref="weiXinModel"></weiXinModel>
   </div>
@@ -18,6 +18,7 @@ import {
   toRefs,
 } from "vue";
 import weiXinModel from "./weiXinModel.vue";
+import { useI18n } from 'vue-i18n'
 export default defineComponent({
   name: "login",
   components: {
@@ -26,20 +27,25 @@ export default defineComponent({
   props: {
     text: {
       type: String,
-      default: "Sign in with Wechat",
+	  default: ''
     },
   },
-  setup() {
+  setup(props) {
     let weiXinDom = reactive({
       weiXinModel: null,
     });
+	const { t } = useI18n()
     const openWeiXinModel = () => {
       weiXinDom.weiXinModel.init();
     };
+	const displayText = computed(() => {
+		return props.text || t('Login.LoginWithWechat')
+	})
     onMounted(() => {});
     return {
       ...toRefs(weiXinDom),
       openWeiXinModel,
+	  displayText,
     };
   },
 });
diff --git a/src/component/WorksPage/newScaleImage.vue b/src/component/WorksPage/newScaleImage.vue
index 63adeeec..19afe3b7 100644
--- a/src/component/WorksPage/newScaleImage.vue
+++ b/src/component/WorksPage/newScaleImage.vue
@@ -113,8 +113,8 @@
 								<img v-for="item in scaleImageData?.designPythonOutfitList" v-lazy="item.designUrl">
 							</div>
 						</div>
-						<div v-if="userDetail.systemList.indexOf(1) > -1 && scaleImageData.isMine != 1 && scaleImageData.selected != 1 && scaleImageData.openSource != 0" class="started_btn" @click="setChoose" >{{$t('newScaleImage.SecondaryCreation')}}</div>
-						<!-- <div v-if="systemUser.value == 1 && scaleImageData.isMine != 1 && scaleImageData.selected != 1" class="started_btn" @click="setChoose" :title="systemUser.value != 1?$t('newScaleImage.jsContent1'): scaleImageData.openSource == 0?$t('newScaleImage.jsContent2'):''" :class="{active:systemUser.value != 1?true:scaleImageData.openSource == 0}">{{$t('newScaleImage.SecondaryCreation')}}</div> -->
+						<!-- <div v-if="userDetail.systemList.indexOf(1) > -1 && scaleImageData.isMine != 1 && scaleImageData.selected != 1 && scaleImageData.openSource != 0" class="started_btn" @click="setChoose" >{{$t('newScaleImage.SecondaryCreation')}}</div> -->
+						<div v-if="userDetail.systemList.indexOf(1) > -1 && scaleImageData.openSource != 0" class="started_btn" @click="setChoose" >{{$t('newScaleImage.SecondaryCreation')}}</div>
 					</div>
 					<div v-else class="newScaleImage_right_content_generate">
 						<div class="scaleImage_chunk_item content_left_generate_item">
diff --git a/src/component/home/index.vue b/src/component/home/index.vue
index 4f162bbf..514d38ed 100644
--- a/src/component/home/index.vue
+++ b/src/component/home/index.vue
@@ -7,7 +7,7 @@
 			<!-- <div v-show="openType === 'history'" class="function">
 				<design :key="componentKey" ref="design"></design>
 			</div> -->
-			<router-view v-if="
+			<router-view v-show="
 				(openType && openType != 'history' && !routeQuery.id) || 
 				$route.path != '/home'" 
 				@setTask="setTask"
@@ -23,7 +23,7 @@
 			<!-- <div v-else-if="routeQuery.id" class="function">
 				<design :key="componentKey" ref="design"></design>
 			</div> -->
-			<div v-else-if="!routeQuery.history" class="function">
+			<div v-if="!routeQuery.history" class="function">
 				<newPorject ref="newPorject" @newProject=newProject></newPorject>
 			</div>
 			<!-- <iframe src="https://kaput-relative-4bb.notion.site/ebd/22a8f755cedd809e98a2c8c6366ee701" width="100%" height="100%" frameborder="0" allowfullscreen /> -->
diff --git a/src/component/home/tools/poseTransfer/index.vue b/src/component/home/tools/poseTransfer/index.vue
index bdae0cb5..a3e2b653 100644
--- a/src/component/home/tools/poseTransfer/index.vue
+++ b/src/component/home/tools/poseTransfer/index.vue
@@ -777,6 +777,7 @@ export default defineComponent({
       })
     }
     const likeSetBtn = (id: any, str: string) => {
+		console.log(1111)
       data.likeList.forEach((item: any, index: any) => {
         if (item.id == id && id) {
           if (str == 'zoom') {
@@ -814,6 +815,7 @@ export default defineComponent({
     let likeFile = (item: any, str: any, index: any) => {
       let url
       let value = {}
+	  console.log(props.isDesignPage)
       if (str == 'like') {
         value = {
           likeOrDislike: 'like',
diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index 6fa8c98a..88ee179b 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -106,7 +106,7 @@ export default defineComponent({
         Yearly: '年度',
         monthly: [
           {
-            title: '使用版',
+            title: '试用版',
             img: CChargeIcon,
             type: 'personal',
             info: '您的AI时尚设计助手',
diff --git a/src/lang/cn.ts b/src/lang/cn.ts
index 49a8969c..eb457409 100644
--- a/src/lang/cn.ts
+++ b/src/lang/cn.ts
@@ -1558,11 +1558,13 @@ export default {
     LoginMethod: '使用以下方式登录：',
     Individual: '个人账号',
     Academic: '学术账号',
-    LogoOnToAiDA: '登录到AiDA 3.1',
+    LogonToAiDA: '登录到AiDA 3.1',
     Infomation: '请填写以下信息',
     Device: '请使用iPad或电脑登录',
     AgreePolicies: '请勾选条款、隐私政策和费用',
-    PasswordConditions: '您必须满足所有密码条件才能注册'
+    PasswordConditions: '您必须满足所有密码条件才能注册',
+    LoginWithGoogle: '使用谷歌账号登录',
+    LoginWithWechat: '使用微信登录',
   },
   LoginPersonal: {
     Email: '邮箱',
diff --git a/src/lang/en.ts b/src/lang/en.ts
index a6e2fcca..3ff2f503 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -1606,7 +1606,9 @@ export default {
     Infomation: 'Please fill your information below',
     Device: 'If you need to design, please log in using an iPad or computer.',
     AgreePolicies: 'Please agree to all terms, privacy policy, and fees.',
-    PasswordConditions: 'You must satisfy ALL password conditions to register.'
+    PasswordConditions: 'You must satisfy ALL password conditions to register.',
+    LoginWithGoogle: 'Sign in with Google',
+    LoginWithWechat: 'Sign in with Wechat',
   },
   LoginPersonal: {
     Email: 'Email',
diff --git a/src/router/index.ts b/src/router/index.ts
index b6606e7c..aa9b5968 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -511,7 +511,11 @@ router.beforeEach((to: any, from, next) => {
 	if (isTimeRangePassed(time) == 'in_progress') {
 	  // 	系统维护
 		const toName = to.name === 'upgrade';
-		if(upgradeList.indexOf(to.path) > -1){
+		if(to.query.status == 'admin'){
+			localStorage.setItem('isAdminVisit', 'true')
+		}
+		const isAdminVisit = localStorage.getItem('isAdminVisit') == 'true'
+		if(upgradeList.indexOf(to.path) > -1 || isAdminVisit){
 			next();
 		}else{
 			if (toName) {
@@ -521,6 +525,7 @@ router.beforeEach((to: any, from, next) => {
 			}
 		}
 	} else {
+		localStorage.setItem('isAdminVisit', 'false')
 		
 		// 机房用户
 		let herfData = window.location.search.substring(1);
diff --git a/src/views/HomeMain.vue b/src/views/HomeMain.vue
index 444ff49b..ea68b1a5 100644
--- a/src/views/HomeMain.vue
+++ b/src/views/HomeMain.vue
@@ -394,23 +394,23 @@
                   <span class="select_item_des">{{ $t('Header.Tutorial') }}</span>
                 </div>
 				<div class="select_item logo">
-					<a href="https://www.tiktok.com" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/tikTokIcon.png" alt="">
+					<a href="https://www.tiktok.com/@aida_codecreate" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/tikTokIcon.svg" alt="">
 					</a>
-					<a href="https://www.instagram.com" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/instagramIcon.png" alt="">
+					<a href="https://www.facebook.com/CodeCreateAI" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/faceBookIcon.svg" alt="">
 					</a>
-					<a href="https://www.youtube.com" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/youTubeIcon.png" alt="">
+					<a href="https://www.youtube.com/@AiDA-3.1" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/socialIcons.svg" alt="">
 					</a>
-					<a href="https://www.xiaohongshu.com" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/xiaoHongShuIcon.png" alt="">
+					<a href="https://www.linkedin.com/company/code-create-limited" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/linkedinIcon.svg" alt="">
 					</a>
-					<a href="https://www.zhihu.com" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/zhiHuIcon.png" alt="">
+					<a href="https://xhslink.com/m/5Ony2FapizV" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/xiaoHongShuIcon.svg" alt="">
 					</a>
-					<a href="https://www.bilibili.com/" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/biliBliIcon.png" alt="">
+					<a href="https://space.bilibili.com/3546717609789876?spm_id_from=333.788.upinfo.head.click" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/biliBliIcon.svg" alt="">
 					</a>
 				</div>
 
@@ -432,6 +432,7 @@
               ref="home"
               @setNewProject="() => (leftShow = true)"
               @setTask="setTask"
+			  :key="userDetail.language"
             ></home>
           </div>
         </div>
@@ -2038,16 +2039,15 @@ export default defineComponent({
               }
 			  .logo{
 				padding: 1rem 0.5rem;
-				gap: 1rem;
+				gap: 1.8rem;
 				cursor: auto;
+				justify-content: center;
 				> a{
-					width: 2.5rem;
-					height: 2.5rem;
-					border-radius: .5rem;
+					width: auto;
+					height: 2.4rem;
 					overflow: hidden;
 					display: flex;
 					> img{
-						width: 100%;
 						height: 100%;
 					}
 				}
diff --git a/src/views/HomeView/history.vue b/src/views/HomeView/history.vue
index d816f6a1..6a50663a 100644
--- a/src/views/HomeView/history.vue
+++ b/src/views/HomeView/history.vue
@@ -175,7 +175,7 @@ export default defineComponent({
             if (record.text == 1) {
               str = useI18n().t('newScaleImage.Original')
             } else {
-              str = `@${record.record.userLikeGroupVO.originalAccountName}/${record.record.userLikeGroupVO.originalPortfolioName}`
+              str = `@${record.record.originalAccountName}/${record.record.originalPortfolioName}`
             }
             // let time = formatTime(record.text / 1000, 'YYYY-MM-DD hh:mm:ss')
             return str