diff --git a/theme/ydoc-theme-demo/style.css b/theme/ydoc-theme-demo/style.css
index 632e1717..ef69e9e3 100644
--- a/theme/ydoc-theme-demo/style.css
+++ b/theme/ydoc-theme-demo/style.css
@@ -5,8 +5,12 @@
 	* param $color: color HEX
 	* param $index: color number
 */
+html {
+  font-size: 62.5%;
+}
 body {
-  font-size: 14px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
+  font-size: 1.6rem;
   color: rgba(3, 17, 31, 0.87);
   -webkit-font-smoothing: antialiased;
   line-height: 1.5;
@@ -57,27 +61,27 @@ p {
 }
 
 h1, .h1 {
-  font-size: 32px;
+  font-size: 3.2rem;
 }
 
 h2, .h2 {
-  font-size: 24px;
+  font-size: 2.4rem;
 }
 
 h3, .h3 {
-  font-size: 20px;
+  font-size: 2rem;
 }
 
 h4, .h4 {
-  font-size: 16px;
+  font-size: 1.6rem;
 }
 
 h5, .h5 {
-  font-size: 14px;
+  font-size: 1.4rem;
 }
 
 h6, .h6 {
-  font-size: 12px;
+  font-size: 1.2rem
 }
 
 @media screen and (max-width: 960px) {
@@ -94,14 +98,6 @@ h6, .h6 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-html {
-  font-size: 100px;
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
-}
-
 ul,
 ol,
 dl,