diff --git a/index.html b/index.html
index 8432bb9..fc2d97f 100644
--- a/index.html
+++ b/index.html
@@ -52,7 +52,7 @@
                             if (lang.trim().startsWith('rdview')) {
                                 return RDViewRender(lang, code);
                             }
-                            return `<pre><code>${escapeHtml(code)}</code></pre>`;
+                            return `<pre data-lang="${lang}"><code>${escapeHtml(code)}</code></pre>`;
                         },
                         image: function (src, title, alt) {
                             return `<div class="image-tip"><img class="medium-zoom-image" src="${src}" alt="${alt}">${alt?`<p>${alt}</p>`:""}</div>`;
diff --git a/pages/spritesheet.md b/pages/spritesheet.md
index 3650763..bbba237 100644
--- a/pages/spritesheet.md
+++ b/pages/spritesheet.md
@@ -30,7 +30,7 @@
 老话说得好，知其然也要知其所以然。json文件也是可以手动写一个的，只要你能明白文件的编排方式就行。如果需要使用，只需要把这一堆复制下来保存到.txt中，数据按自己的来改动，最后把文件后缀名改成.json即可。**注意这个文件的文件名必须和精灵图的完全一致**。模板在下面：
 
 <details><summary><strong>点我展开</strong></summary>
-```json
+<pre data-lang="json"><code>
 {
     "size": [64,64],
     "name":"吾夜犹明",
@@ -80,7 +80,6 @@
         },  
     ]
 }
-```
 </code></pre>
 </details>
 
@@ -119,8 +118,8 @@
         动图的循环模式
         - `no`：播放一次回到 neutral 状态。
         - `yes`：按 `fps` 值循环。  
-        - `onbeat`：按节拍循环。  
-        > 当 loop 值不为 `onbeat` 且 `neutral` 表情无帧时会导致精灵缩放效果在播放至第三拍时停止（无论是从哪个小节开始）。这是一个已知 bug。
+        - `onBeat`：按节拍循环。  
+        > 当 `loop` 值不为 `onBeat` 且 `neutral` 表情没有帧时会导致精灵缩放效果在播放至第三拍时停止（无论是从哪个小节开始）。这是一个已知 bug。
     - **`"loopStart"`**  
         在每轮循环帧播放完毕后回到 `frames` 中此值所指处的帧继续播放。
         例：一个 5 帧的动画`[5,6,7,8,9]`，loopstart：3，实际效果为 `[5,6,7,8,9,8,9,8,9,8,9,...]`。
diff --git a/script/docsify-copy-code.min.js b/script/docsify-copy-code.min.js
index 02a83a3..8c9a7ba 100644
--- a/script/docsify-copy-code.min.js
+++ b/script/docsify-copy-code.min.js
@@ -5,5 +5,5 @@
  * (c) 2017-2023 JP Erasmus <jperasmus11@gmail.com>
  * MIT license
  */
-!function(){"use strict";function e(o){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(o)}!function(e,o){void 0===o&&(o={});var t=o.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.type="text/css","top"===t&&n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.styleSheet?c.styleSheet.cssText=e:c.appendChild(document.createTextNode(e))}}(".docsify-copy-code-button,.docsify-copy-code-button>span{cursor:pointer;transition:all .25s ease}.docsify-copy-code-button{background:grey;background:var(--theme-color,grey);border:0;border-radius:0;color:#fff;font-size:1em;opacity:0;outline:0;overflow:visible;padding:.65em .8em;position:absolute;right:0;top:0;z-index:1}.docsify-copy-code-button>span{background:inherit;border-radius:3px;pointer-events:none}.docsify-copy-code-button>.error,.docsify-copy-code-button>.success{font-size:.825em;opacity:0;padding:.5em .65em;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:-100}.docsify-copy-code-button.error>.error,.docsify-copy-code-button.success>.success{opacity:1;right:100%;transform:translate(-25%,-50%)}.docsify-copy-code-button:focus,pre:hover .docsify-copy-code-button{opacity:1}.docsify-copy-code-button>[aria-live]{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}"),document.querySelector('link[href*="docsify-copy-code"]')&&console.warn("[Deprecation] Link to external docsify-copy-code stylesheet is no longer necessary."),window.DocsifyCopyCodePlugin={init:function(){return function(e,o){e.ready((function(){console.warn("[Deprecation] Manually initializing docsify-copy-code using window.DocsifyCopyCodePlugin.init() is no longer necessary.")}))}}},window.$docsify=window.$docsify||{},window.$docsify.plugins=[function(o,t){var n={buttonText:"Copy to clipboard",errorText:"Error",successText:"Copied"};o.doneEach((function(){var o=Array.from(document.querySelectorAll("pre[data-lang]"));t.config.copyCode&&Object.keys(n).forEach((function(o){var c=t.config.copyCode[o];"string"==typeof c?n[o]=c:"object"===e(c)&&Object.keys(c).some((function(e){var t=location.href.indexOf(e)>-1;return n[o]=t?c[e]:n[o],t}))}));var c=['<button class="docsify-copy-code-button">','<span class="label">'.concat(n.buttonText,"</span>"),'<span class="error" aria-hidden="hidden">'.concat(n.errorText,"</span>"),'<span class="success" aria-hidden="hidden">'.concat(n.successText,"</span>"),'<span aria-live="polite"></span>',"</button>"].join("");o.forEach((function(e){e.insertAdjacentHTML("beforeend",c)}))})),o.mounted((function(){var e=document.querySelector(".content");e&&e.addEventListener("click",(function(e){if(e.target.classList.contains("docsify-copy-code-button")){var o="BUTTON"===e.target.tagName?e.target:e.target.parentNode,t=document.createRange(),c=o.parentNode.querySelector("code"),i=o.querySelector("[aria-live]"),r=window.getSelection();t.selectNode(c),r&&(r.removeAllRanges(),r.addRange(t));try{document.execCommand("copy")&&(o.classList.add("success"),i.innerText=n.successText,setTimeout((function(){o.classList.remove("success"),i.innerText=""}),1e3))}catch(e){console.error("docsify-copy-code: ".concat(e)),o.classList.add("error"),i.innerText=n.errorText,setTimeout((function(){o.classList.remove("error"),i.innerText=""}),1e3)}(r=window.getSelection())&&("function"==typeof r.removeRange?r.removeRange(t):"function"==typeof r.removeAllRanges&&r.removeAllRanges())}}))}))}].concat(window.$docsify.plugins||[])}();
+!function(){"use strict";function e(o){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(o)}!function(e,o){void 0===o&&(o={});var t=o.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.type="text/css","top"===t&&n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.styleSheet?c.styleSheet.cssText=e:c.appendChild(document.createTextNode(e))}}(".docsify-copy-code-button,.docsify-copy-code-button>span{cursor:pointer;transition:all .25s ease}.docsify-copy-code-button{background:grey;background:var(--theme-color,grey);border:0;border-radius:0;color:#fff;font-size:1em;opacity:0;outline:0;overflow:visible;padding:.65em .8em;position:absolute;right:0;top:0;z-index:1}.docsify-copy-code-button>span{background:inherit;border-radius:3px;pointer-events:none}.docsify-copy-code-button>.error,.docsify-copy-code-button>.success{font-size:.825em;opacity:0;padding:.5em .65em;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:-100}.docsify-copy-code-button.error>.error,.docsify-copy-code-button.success>.success{opacity:1;right:100%;transform:translate(-25%,-50%)}.docsify-copy-code-button:focus,pre:hover .docsify-copy-code-button{opacity:1}.docsify-copy-code-button>[aria-live]{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}"),document.querySelector('link[href*="docsify-copy-code"]')&&console.warn("[Deprecation] Link to external docsify-copy-code stylesheet is no longer necessary."),window.DocsifyCopyCodePlugin={init:function(){return function(e,o){e.ready((function(){console.warn("[Deprecation] Manually initializing docsify-copy-code using window.DocsifyCopyCodePlugin.init() is no longer necessary.")}))}}},window.$docsify=window.$docsify||{},window.$docsify.plugins=[function(o,t){var n={buttonText:"复制",errorText:"错误",successText:"已复制"};o.doneEach((function(){var o=Array.from(document.querySelectorAll("pre[data-lang]"));t.config.copyCode&&Object.keys(n).forEach((function(o){var c=t.config.copyCode[o];"string"==typeof c?n[o]=c:"object"===e(c)&&Object.keys(c).some((function(e){var t=location.href.indexOf(e)>-1;return n[o]=t?c[e]:n[o],t}))}));var c=['<button class="docsify-copy-code-button">','<span class="label">'.concat(n.buttonText,"</span>"),'<span class="error" aria-hidden="hidden">'.concat(n.errorText,"</span>"),'<span class="success" aria-hidden="hidden">'.concat(n.successText,"</span>"),'<span aria-live="polite"></span>',"</button>"].join("");o.forEach((function(e){e.insertAdjacentHTML("beforeend",c)}))})),o.mounted((function(){var e=document.querySelector(".content");e&&e.addEventListener("click",(function(e){if(e.target.classList.contains("docsify-copy-code-button")){var o="BUTTON"===e.target.tagName?e.target:e.target.parentNode,t=document.createRange(),c=o.parentNode.querySelector("code"),i=o.querySelector("[aria-live]"),r=window.getSelection();t.selectNode(c),r&&(r.removeAllRanges(),r.addRange(t));try{document.execCommand("copy")&&(o.classList.add("success"),i.innerText=n.successText,setTimeout((function(){o.classList.remove("success"),i.innerText=""}),1e3))}catch(e){console.error("docsify-copy-code: ".concat(e)),o.classList.add("error"),i.innerText=n.errorText,setTimeout((function(){o.classList.remove("error"),i.innerText=""}),1e3)}(r=window.getSelection())&&("function"==typeof r.removeRange?r.removeRange(t):"function"==typeof r.removeAllRanges&&r.removeAllRanges())}}))}))}].concat(window.$docsify.plugins||[])}();
 //# sourceMappingURL=docsify-copy-code.min.js.map
\ No newline at end of file
diff --git a/style/base.css b/style/base.css
index c861f93..639d011 100644
--- a/style/base.css
+++ b/style/base.css
@@ -5,6 +5,20 @@
   src: url(/font/DinkieBitmap-7px.woff2) format('woff2');
 }
 
+@font-face {
+  font-family: 'd7i';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/font/DinkieBitmap-9pxItalic.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'd7c';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/font/DinkieBitmap-9pxCode.woff2) format('woff2');
+}
+
 @font-face {
   font-family: 'd9';
   font-style: normal;
@@ -964,7 +978,7 @@ section.cover blockquote>p>a {
 
 .markdown-section output,
 .markdown-section pre {
-  margin: 1.2em 0;
+  margin: 1em 0;
   position: relative
 }
 
@@ -1000,8 +1014,8 @@ section.cover blockquote>p>a {
 .markdown-section pre>code {
   color: #525252;
   font-size: .8rem;
-  padding: 2.2em 5px;
-  line-height: inherit;
+  padding: 1em 5px;
+  line-height: 1.2em;
   margin: 0 2px;
   max-width: inherit;
   overflow: inherit;
@@ -1269,4 +1283,12 @@ del {
     color: inherit;
     transition: background-color 0.1s, color 0.1s;
   }
+}
+
+.docsify-copy-code-button{
+  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
+  padding: 0;
+  margin: 0;
+  border-radius: 5px;
+  font: 300 12px 'd9c', 'd9';
 }
\ No newline at end of file
diff --git a/style/color.css b/style/color.css
index dcc4791..8f5fdb9 100644
--- a/style/color.css
+++ b/style/color.css
@@ -7,12 +7,16 @@
 
 .markdown-section blockquote{
   background-color: var(--section-blockquote-background-color);
-  color: var(--section-blockquote-color);
+  color: var(--main-color);
 }
 
 .markdown-section p.tip,
 .markdown-section tr:nth-child(2n) {
-  background-color: var(--section-background-color);
+  background-color: var(--table-2nd-row-background-color);
+}
+
+.markdown-section tr:nth-child(2n-1) {
+  background-color: var(--table-1st-row-background-color);
 }
 
 .progress {
@@ -132,7 +136,7 @@ body {
 }
 
 .markdown-section a {
-  color: var(--theme-color, var(--main-theme-color));
+  color: var(--theme-color, var(--section-blockquote-color));
 }
 
 .markdown-section blockquote {
@@ -142,7 +146,7 @@ body {
 
 .markdown-section code {
   background-color: var(--section-main-color);
-  color: var(--theme-color);
+  color: var(--section-blockquote-color);
   font-family: d9c, d9;
 }
 
@@ -151,9 +155,6 @@ body {
   -webkit-font-smoothing: initial;
   background-color: var(--section-main-color);
   font-family: d9c, d9;
-  margin: 1.2em 0;
-  padding: 0 1.4rem;
-  position: relative;
 }
 
 .token.string {
@@ -172,22 +173,14 @@ body {
   -moz-osx-font-smoothing: initial;
   -webkit-font-smoothing: initial;
   background-color: var(--section-main-color);
-  border-radius: 2px;
-  color: var(--section-background-color);
-  display: block;
+  color: var(--section-blockquote-color);
   font-family: d9c, d9;
 }
 
-.markdown-section code:after,
-.markdown-section code:before {
-  letter-spacing: .05rem
-}
-
-
 pre:after {
   color: #ccc;
   content: attr(data-lang);
-  top: 0
+  top: 0;
 }
 
 .markdown-section p.tip {
diff --git a/style/dark.css b/style/dark.css
index 5f0a4b5..767eafe 100644
--- a/style/dark.css
+++ b/style/dark.css
@@ -7,7 +7,7 @@ body.dark {
   --section-background-color: #003333;
   --section-table-header-border-color: #303030;
   --section-blockquote-background-color: #003a3a;
-  --section-blockquote-color: #d4d4d4;
+  --section-blockquote-color: #7cdcfe;
   --section-tip-background-color: #161616;
   --section-tip-color: #3f3f3fcc;
   --section-p-warn-background-color: #ea6f5a1a;
@@ -15,6 +15,8 @@ body.dark {
   --notice-background-color: #3f3f3fcc;
   --notice-border-color: #303030;
   --notice-hover-background-color: #525252cc;
+  --table-1st-row-background-color: #00000038;
+  --table-2nd-row-background-color: #000000cc;
   -webkit-tap-highlight-color: rgb(0, 0, 0);
 
   --special-theme-position-backgound-color: #177500;
diff --git a/style/light.css b/style/light.css
index 370d147..9f53c88 100644
--- a/style/light.css
+++ b/style/light.css
@@ -15,6 +15,8 @@ body.light {
   --notice-background-color: #f0f0f0;
   --notice-border-color: #b1b1b1;
   --notice-hover-background-color: #e0e0e0;
+  --table-1st-row-background-color: #08c5ff26;
+  --table-2nd-row-background-color: #08c5ff5b;
   -webkit-tap-highlight-color: rgb(255, 255, 255);
   
   --special-theme-position-backgound-color: #05a000;