diff --git a/README.md b/README.md
index ab6a37c..308ee1a 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,11 @@
 # MobaXterm-GenKey
 
-![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/lzcapp/MobaXterm-GenKey/main.yml?style=for-the-badge) &ensp; ![Docker Image Version](https://img.shields.io/docker/v/seeleo/mobaxterm-genkey?style=for-the-badge)
- &ensp;
- ![Docker Image Size](https://img.shields.io/docker/image-size/seeleo/mobaxterm-genkey?style=for-the-badge)
+![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/lzcapp/MobaXterm-GenKey/main.yml?style=for-the-badge)
+&ensp; ![Docker Image Version](https://img.shields.io/docker/v/seeleo/mobaxterm-genkey?style=for-the-badge)
+&ensp;
+![Docker Image Size](https://img.shields.io/docker/image-size/seeleo/mobaxterm-genkey?style=for-the-badge)
 
+**FOR EDUCATIONAL AND TESTING PURPOSE ONLY**
 
 ## Demo
 
@@ -27,9 +29,10 @@ docker run -d -p 5000:5000 seeleo/mobaxterm-genkey:latest
 
 ## Screenshot
 
-![mobaxterm seeleo com](https://github.com/malaohu/MobaXterm-GenKey/assets/12462465/cc06a089-9a21-43af-a7f5-06d96c720a0b)
+![mobaxterm seeleo com](https://github.com/malaohu/MobaXterm-GenKey/assets/12462465/64634131-798f-4070-a400-9b7a99dee557)
 
 ## Credits
 
 > - https://github.com/flygon2018/MobaXterm-keygen
+>   - https://github.com/malaohu/MobaXterm-GenKey
 > - https://51.ruyo.net/17008.html
diff --git a/index.html b/index.html
index f14bf1c..128b814 100644
--- a/index.html
+++ b/index.html
@@ -20,13 +20,16 @@
             background: #f5f5f5;
         }
 
-        .container {
-            margin-bottom: 10px;
+        h1 {
+            color: #303F9F;
+            text-justify: newspaper;
+            text-align: justify;
+            margin-bottom: 20px;
         }
 
-        h1 {
-            color: #6C809A;
-            text-justify: newspaper;
+        .container {
+            margin-top: 10px;
+            margin-bottom: 10px;
         }
 
         button {
@@ -55,6 +58,7 @@
             font-family: Roboto, Arial, sans-serif;
             font-size: 15px;
             background-color: #242424;
+            color: #212121;
         }
 
         form {
@@ -82,11 +86,6 @@
             opacity: 0.8;
         }
 
-        .formcontainer {
-            text-align: left;
-            margin: 24px 50px 12px;
-        }
-
         .container {
             padding: 16px 0;
             text-align: left;
@@ -98,7 +97,7 @@
         }
 
         .github span {
-            color: #242424;
+            color: #212121;
             font-size: smaller;
         }
 
@@ -114,19 +113,17 @@
         }
 
         #btn-reset {
-            background-color: #75BBA7;
+            background-color: #757575;
         }
 
         #btn-submit {
-            background-color: #6C809A;
+            background-color: #3F51B5;
         }
     </style>
 </head>
 <body>
 <form action="./gen" mothod="get">
-    <h1>MobaXterm GenKey</h1>
-    <div class="formcontainer"></div>
-    <hr/>
+    <h1>MobaXterm&ensp;GenKey</h1>
     <div class="container">
         <label for="name"><strong>Name</strong></label>
         <label>
@@ -135,7 +132,7 @@
         <div id="space"></div>
         <label for="ver"><strong>Version</strong></label>
         <label>
-            <input name="ver" placeholder="Enter Version (24.1)" pattern="[0-9]+(\.[0-9]+)?" required type="text">
+            <input name="ver" pattern="[0-9]+(\.[0-9]+)?" placeholder="Enter Version (24.1)" required type="text">
         </label>
     </div>
     <button id="btn-reset" type="reset">Reset</button>
