diff --git a/index.html b/index.html
index 053ac7b..9c76a6b 100644
--- a/index.html
+++ b/index.html
@@ -14,9 +14,11 @@
 <body>
 <div id="header">
 <div class="wrap">
+<!--
 <div class="brand">
 <a href="/"><svg viewBox="0 0 90 78"><path class="cls-1" d="M84,50.25C84,46.647,90,39,90,39s-6-7.157-6-10.5V15A15,15,0,0,0,69,0H21A15,15,0,0,0,6,15V28.567C6,31.91,0,39,0,39s6,7.705,6,11.308V63A15,15,0,0,0,21,78H69A15,15,0,0,0,84,63V50.25Z"/><path class="cls-2" d="M52.2,31.925a18.139,18.139,0,1,0-9.059,23.542,1.164,1.164,0,0,1,.127-0.065,19.941,19.941,0,0,1-7.412-9.5,3.272,3.272,0,0,1-.366.014,6.93,6.93,0,1,1,2.681-.546,6.2,6.2,0,0,1-.578.23,18.148,18.148,0,1,0,9.264-23.066,1.174,1.174,0,0,1-.127.065,19.941,19.941,0,0,1,7.412,9.5,3.272,3.272,0,0,1,.366-0.014,6.908,6.908,0,1,1-2.178.35Z"/></svg></a>
 </div>
+-->
 <h1>进制转换器</h1>
 </div>
 </div>
@@ -29,9 +31,9 @@
 </div>
 <div class="hex-oper">
 <div class="hex-row">
-<label for="form" class="form_hex hex-select">
+<label for="from" class="from_hex hex-select">
 <span>从：</span>
-<select name="form" id="form">
+<select name="from" id="from">
 <option value="2">2进制</option>
 <option value="3">3进制</option>
 <option value="4">4进制</option>
@@ -111,7 +113,12 @@
 </select>
 </label>
 </div>
+<!-- 提交 -->
 <button type="submit" class="btn btn-success" onclick="onconvert()">转 换</button>
+<!-- 不提交 -->
+<!--
+<input type="button" class="btn btn-success" onclick="onconvert()" value="转 换" style="height: 5.2rem; cursor: pointer;" />
+-->
 </div>
 <div class="hex-res">
 <label for="y" id="ylabel">转换结果：</label>
@@ -144,12 +151,16 @@
 </form>
 <div class="note">
 <h2>在线进制转换器</h2>
+<!--
 <p>进制也就是进位计数制，是人为定义的带进位的计数方法，进位制/位置计数法是一种记数方式，故亦称进位记数法/位值计数法，可以用有限的数字符号代表所有的数值。常见的进制有<a href="/decimal/" title="十进制转换器">十进制</a>、<a href="/binary/" title="二进制转换器">二进制</a>、<a href="/octal/" title="八进制转换器">八进制</a>和<a href="/hex/" title="十六进制转换器">十六进制</a>。</p>
+-->
+<p>进制也就是进位计数制，是人为定义的带进位的计数方法，进位制/位置计数法是一种记数方式，故亦称进位记数法/位值计数法，可以用有限的数字符号代表所有的数值。常见的进制有十进制、二进制、八进制和十六进制。</p>
 <p>在线进制转换器可将数字在不同进制之间进行转换的工具，它方便、快速且精确。你无需手动计算或记忆进制转换规则，只需输入数字并选择所需的进制即可。进制转换器是一个非常有用的工具，特别是对于需要频繁进行进制转换的人们来说，它可以大大提高效率。</p>
 </div>
 <div class="hex-list">
 <h3>常用进制转换</h3>
 <ul>
+<!--
 <li><a href="/binary-to-octal/" title="二进制转换成八进制">二进制转八进制</a></li>
 <li><a href="/octal-to-binary/" title="八进制转换成二进制">八进制转二进制</a></li>
 <li><a href="/decimal-to-binary/" title="十进制转换成二进制">十进制转二进制</a></li>
@@ -162,6 +173,19 @@
 <li><a href="/octal-to-hex/" title="八进制转换成十六进制">八进制转十六进制</a></li>
 <li><a href="/decimal-to-hex/" title="十进制转换成十六进制">十进制转十六进制</a></li>
 <li><a href="/hex-to-decimal/" title="十六进制转换成十进制">十六进制转十进制</a></li>
+-->
+<li><a href="./?from=2&to=8" title="二进制转换成八进制">二进制转八进制</a></li>
+<li><a href="./?from=8&to=2" title="八进制转换成二进制">八进制转二进制</a></li>
+<li><a href="./?from=10&to=2" title="十进制转换成二进制">十进制转二进制</a></li>
+<li><a href="./?from=16&to=2" title="十六进制转换成二进制">十六进制转二进制</a></li>
+<li><a href="./?from=2&to=10" title="二进制转换成十进制">二进制转十进制</a></li>
+<li><a href="./?from=8&to=10" title="八进制转换成十进制">八进制转十进制</a></li>
+<li><a href="./?from=10&to=8" title="十进制转换成八进制">十进制转八进制</a></li>
+<li><a href="./?from=16&to=8" title="十六进制转换成八进制">十六进制转八进制</a></li>
+<li><a href="./?from=3&to=16" title="二进制转换成十六进制">二进制转十六进制</a></li>
+<li><a href="./?from=8&to=16" title="八进制转换成十六进制">八进制转十六进制</a></li>
+<li><a href="./?from=10&to=16" title="十进制转换成十六进制">十进制转十六进制</a></li>
+<li><a href="./?from=16&to=10" title="十六进制转换成十进制">十六进制转十进制</a></li>
 </ul>
 </div>
 <div class="about">
@@ -220,6 +244,7 @@
 </div>
 </div>
 </div>
+<!--
 <div class="side">
 <div class="post-list">
 <li><a href="https://8jz.cn/wiki/16jinzhi/">什么是16进制？十六进位制详解</a></li>
@@ -233,9 +258,12 @@
 <li><a href="https://8jz.cn/wiki/12/">0.625转化成二进制(详细转换步骤)</a></li><li><a href="https://8jz.cn/wiki/16jinzhi/">什么是16进制？十六进位制详解</a></li><li><a href="https://8jz.cn/wiki/bajinzhi/">什么是八进制？8进位制详解</a></li><li><a href="https://8jz.cn/wiki/5/">常见的进位制简介及其用途</a></li><li><a href="https://8jz.cn/wiki/erjinzhi/">什么是二进制？二进制数位是什么意思？</a></li><li><a href="https://8jz.cn/wiki/shijinzhi/">十进制是什么？十进制的由来|发展|历史</a></li></ul>
 </div>
 </div>
+-->
 </div>
 <div id="footer">
+<!--
 <div class="wrap">Copyright © <a href="https://www.8jz.cn/">进制转换器</a> All Rights Reserved. <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">赣ICP备2021007814号-3</a></div>
+-->
 </div>
 <script src="/wp-includes/lib/bignumber.js@9.1.0/bignumber.min.js"></script>
 <script src="/wp-includes/lib/clipboard.js-2.0.11/dist/clipboard.min.js"></script>
diff --git a/wp-includes/css/style.min.css b/wp-includes/css/style.min.css
index 19c143d..ca639dc 100644
--- a/wp-includes/css/style.min.css
+++ b/wp-includes/css/style.min.css
@@ -14,8 +14,8 @@ li{list-style: none;}
 .brand .cls-1{fill: #0fb276;}
 .brand .cls-2{fill:#fff;}
 #header h1,#header h2{font-size:2.2rem;color:#3b3c40;font-weight: 400;}
-.main{float:left;width: 730px;}
-@media (max-width:760px){
+/* .main{float:left;width: 730px;} */#header{padding-left: 50px;}.main{padding: 0 min(50px 10vw);}
+/* @media (max-width:760px){ */@media (max-width:1160px){
 .wrap{width:100%;padding:0 1.8rem}
 .main{width:100%;float:none;}
 }
diff --git a/wp-includes/js/base.js b/wp-includes/js/base.js
index 832a68f..0c2e2dd 100644
--- a/wp-includes/js/base.js
+++ b/wp-includes/js/base.js
@@ -1,6 +1,6 @@
 var clipboard = new ClipboardJS('.btn-copy');
 var xelem = document.getElementById("d");
-var sel1elem = document.getElementById("form");
+var sel1elem = document.getElementById("from");
 var sel2elem = document.getElementById("to");
 var yelem = document.getElementById("y");
 var calgroup = document.getElementById("calgroup");
@@ -9,12 +9,31 @@ var cal2elem = document.getElementById("cal2");
 window.addEventListener("DOMContentLoaded", function () {
     calgroup.style.display = "none";
     var params = GetURLParams();
+    /*
     if (Object.keys(params).length > 0 && params.d != "") {
         xelem.value = params.d;
-        sel1elem.selectedIndex = params.form - 2;
+        sel1elem.selectedIndex = params.from - 2;
         sel2elem.selectedIndex = params.to - 2;
         onconvert()
     }
+    */
+    params = JSON.parse(JSON.stringify(params))
+    if (Object.keys(params).length > 0) {
+        console.log('params', params)
+        if (params.d) {
+            xelem.value = params.d;
+        }
+        if (params.from) {
+            sel1elem.selectedIndex = params.from - 2;
+        }
+        if (params.to) {
+            sel2elem.selectedIndex = params.to - 2;
+        }
+
+        if (params.d && params.from && params.to) {
+            onconvert()
+        }
+    }
 });
 
 function GetURLParams() {
