diff --git a/source/less/_article.less b/source/less/_article.less
index d3e0a12..2e360be 100755
--- a/source/less/_article.less
+++ b/source/less/_article.less
@@ -153,33 +153,35 @@
         }
     }
     blockquote {
-
         p{
             text-align: left;
             word-wrap: normal;
+            margin: 0;
+            font-size: @small-font-size;
+            line-height: @small-font-size * 1.5;
         }
         position: relative;
         width: 100%;
         font-size: @small-font-size;
         background: fade(@theme-bg-quote, 10%);
         margin: 1em 0;
-        padding: 1.5em 1.5em .9em 1.5em;
-        border-left: 4px solid @theme-bg-quote;
-        border-top-right-radius: 8px;
-        border-bottom-right-radius: 8px;
-        border-top-left-radius: 4px;
-        border-bottom-left-radius: 4px;
+        padding: @gap;
+        border-left: @border-left-radius solid @theme-bg-quote;
+        border-top-right-radius: @border-radius;
+        border-bottom-right-radius: @border-radius;
+        border-top-left-radius: @border-left-radius;
+        border-bottom-left-radius: @border-left-radius;
         border-right: 1px solid transparent;
         border-top: 1px solid transparent;
         border-bottom: 1px solid transparent;
         .enable-trans();
         &:hover{
-            border-left: 8px solid @theme-bg-quote;
-            border-top-left-radius: 8px;
-            border-bottom-left-radius: 8px;
-            border-right: 1px solid fade(@theme-bg-quote, 40%);
-            border-top: 1px solid fade(@theme-bg-quote, 40%);
-            border-bottom: 1px solid fade(@theme-bg-quote, 40%);
+            border-left: @border-radius solid @theme-bg-quote;
+            border-top-left-radius: @border-radius;
+            border-bottom-left-radius: @border-radius;
+            border-right: 1px solid fade(@theme-bg-quote, 30%);
+            border-top: 1px solid fade(@theme-bg-quote, 30%);
+            border-bottom: 1px solid fade(@theme-bg-quote, 30%);
         }
         footer {
             strong {
@@ -223,7 +225,7 @@
             background-color: fade(@theme-bg-button, 90%);
             padding: .2em 2.4em;
             color: @theme-text-in-header;
-            border-radius: @border-radius-width/2;
+            border-radius: @border-radius/2;
             .enable-trans();
             &:hover {
               background: darken(@theme-bg-button, 10%);
@@ -300,7 +302,7 @@
             padding: @gap/2;
             color: fade(@theme-text-main, 70%);
             background-color: @theme-bg-code-block;
-            border-radius: @border-radius-width;
+            border-radius: @border-radius;
             p{
                 font-size: @base-font-size;
                 line-height: @base-line-height;
@@ -320,7 +322,7 @@
             .enable-trans();
             border: 1px solid transparent;
             &:hover{
-                border: 1px solid fade(@theme-bg-quote, 40%);
+                border: 1px solid fade(@theme-bg-quote, 30%);
             }
             .tags{
                 background: transparent;
@@ -337,15 +339,15 @@
             text-align: left;
             margin-left: 0;
             margin-right: @gap/2;
-            border-top-right-radius: @border-radius-width;
-            border-bottom-right-radius: @border-radius-width;
+            border-top-right-radius: @border-radius;
+            border-bottom-right-radius: @border-radius;
         }
         .next{
             text-align: right;
             margin-left: @gap/2;
             margin-right: 0;
-            border-top-left-radius: @border-radius-width;
-            border-bottom-left-radius: @border-radius-width;
+            border-top-left-radius: @border-radius;
+            border-bottom-left-radius: @border-radius;
         }
 
     }
@@ -392,40 +394,39 @@
   margin-bottom: 1.2em;
   overflow: auto;
   display: block;
-  // background: #2d2d2d;
-  // background: fade(@material-blue, 8%);
   background: @theme-bg-code-block;
-  // color: #cccccc;
   font-size: @small-font-size * .95;
   font-family:@code-font-family;
   line-height: @base-line-height;
-  padding: 1.5em 0;
-  border-radius: 8px;
-
+  border-radius: @border-radius;
   border: 1px solid transparent;
   .enable-trans();
   &:hover{
-      border: 1px solid fade(@theme-bg-quote, 40%);
+      border: 1px solid fade(@theme-bg-quote, 30%);
+  }
+  table{
+    td,th{
+      padding: 0;
+    }
   }
-
   .gutter{
-    color: #999999;
     width: 24px;
-    padding: 0 8px;
-    border-radius: 8px;
+    padding: 0 @gap/2;
     text-align: right;
     border-width: 0;
-    background-color: darken(@theme-bg-main, 5%);
-
+    margin-left: 0;
+    background-color: darken(@theme-bg-code-block, 5%);
+    pre{
+        color: fade(@theme-text-main, 25%);
+    }
     &:hover{
 
     }
   }
   .code{
-      padding-left: 8px;
-      padding-right: 16px;
+      padding: @gap;
       vertical-align: top;
-      border: 0px solid darken(@theme-bg-main, 5%);
+      border: 0px solid darken(@theme-bg-main, 2%);
   }
 
   &::-webkit-scrollbar {
diff --git a/source/less/_base.less b/source/less/_base.less
index 256f94f..f89988d 100755
--- a/source/less/_base.less
+++ b/source/less/_base.less
@@ -43,33 +43,6 @@ body {
     }
 }
 
-// //reset ::-webkit-scrollbar
-
-// /* Let's get this party started */
-
-// ::-webkit-scrollbar {
-//     width: 8px;
-//     height: 8px;
-// }
-
-
-// /* Track */
-
-// ::-webkit-scrollbar-track-piece {
-//     background: transparent;
-// }
-
-
-// /* Handle */
-
-// ::-webkit-scrollbar-thumb {
-//     background: #c1c1c1;
-//     cursor: pointer;
-//     .enable-trans();
-//     &:hover {
-//         background: darken(#c1c1c1, 10%);
-//     }
-// }
 
 .z-depth-nav {
     box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.24), 0 3px 6px 0px rgba(0, 0, 0, 0.1);
@@ -136,6 +109,21 @@ body {
     background: fade(lighten(@theme-text-link, 5%), 25%);
     // color: @black;
 }
+// transition
+.enable-trans(@time: 0.2s){
+  transition: all @time ease;
+  -moz-transition: all @time ease;
+  -webkit-transition: all @time ease;
+  -o-transition: all @time ease;
+}
+
+.set-placeholder(@rules){
+  &::-webkit-input-placeholder {@rules();}
+  &:-moz-placeholder {@rules();}
+	&::-moz-placeholder {@rules();}
+	&:-ms-input-placeholder {@rules();}
+}
+
 
 h1,
 h2,
@@ -291,24 +279,24 @@ li {
         display: inline-block;
         padding: 0 8px;
         color: @black;
-        border-left: 4px solid transparent;
+        border-left: @border-left-radius solid transparent;
         background: transparent;
         border-right: 1px solid transparent;
         border-top: 1px solid transparent;
         border-bottom: 1px solid transparent;
-        border-radius: 4px;
+        border-radius: @border-left-radius;
         .enable-trans();
         &:hover {
-            border-left: 4px solid @theme-bg-quote;
+            border-left: @border-left-radius solid @theme-bg-quote;
             padding: 8px;
             background: fade(@theme-bg-quote, 10%);
         }
         &:active {
-            border-radius: 8px;
-            border-left: 8px solid @theme-bg-quote;
-            border-right: 1px solid fade(@theme-bg-quote, 40%);
-            border-top: 1px solid fade(@theme-bg-quote, 40%);
-            border-bottom: 1px solid fade(@theme-bg-quote, 40%);
+            border-radius: @border-radius;
+            border-left: max(@border-radius, @border-left-radius) solid @theme-bg-quote;
+            border-right: 1px solid fade(@theme-bg-quote, 30%);
+            border-top: 1px solid fade(@theme-bg-quote, 30%);
+            border-bottom: 1px solid fade(@theme-bg-quote, 30%);
         }
 
     }
diff --git a/source/less/_defines.less b/source/less/_defines.less
index 5239a0b..104946c 100755
--- a/source/less/_defines.less
+++ b/source/less/_defines.less
@@ -1,28 +1,6 @@
-// Font families
-@fallback-font-family: Menlo, Monaco, 'Ubuntu', Helvetica, "Hiragino Sans GB", "Hiragino Sans GB W3", Source Han Sans CN Regular, WenQuanYi Micro Hei, "Microsoft YaHei", Arial, sans-serif;
-@base-font-family: 'Ubuntu', Menlo, Monaco, @fallback-font-family;
-@code-font-family: Menlo, Monaco, 'Ubuntu', Helvetica, Consolas, monospace, sans-serif, @fallback-font-family;
-@title-font-family: 'Ubuntu', Menlo, Monaco, Helvetica, Consolas, monospace, sans-serif, @fallback-font-family;
-// Font configuration
-@base-font-size:   16px;
-@small-font-size:  @base-font-size * 0.875;
-@base-line-height: 1.7;
-
-
-@font-size-h1: @base-font-size * 1.5;
-@font-size-h2: @base-font-size * 1.4;
-@font-size-h3: @base-font-size * 1.2;
-@font-size-h4: @base-font-size * 1.1;
-@font-size-h5: @base-font-size * 1;
-@font-size-h6: @small-font-size;
-
-
-// Spacing
-@spacing-unit:     30px;
-@gap:              20px;
-
-
-// Colors
+// start: 预定义 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+// 这里面的东西只有这一页用到
+// 颜色
 // Material color scheme
 @material-red: #f44336;
 @material-pink: #E91E63;
@@ -43,42 +21,124 @@
 @material-light-grey:#e0e0e0;
 @material-yellow: #FCEC60;
 @material-amber: #F6C344;
-
 // 基本不变的黑白灰
 @black: #444444;
 @grey-color: #828282;
 @white: #ffffff;
 @light: #eeeeee;
 @dark:  #666666;
-
+// mac
 @mac-maximize: #3DC550;
 @mac-minimize: #FFBD2B;
 @mac-close: #FE5F58;
-
-
+// xx
 @xiaowenwen-green: #5CC281;
-
+// ax
 @ax-light-pink: #E7BED0;
 @ax-light-red: #FF8485;
 @ax-red: #F24E32;
 @ax-blue: #52A1F8;
+// 主题色
+@theme-base-main: #EFEFEF;
+@theme-base-tint: @ax-red;
+// 阴影
+@base-box-shadow-1: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
+@base-box-shadow-2: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
+@base-box-shadow-4: 0 4px 8px 0px rgba(0, 0, 0, 0.1);
+@base-box-shadow-8: 0 8px 16px 0px rgba(0, 0, 0, 0.1);
+@base-box-shadow-16: 0 16px 32px 0px rgba(0, 0, 0, 0.1);
+// end: 预定义 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 
 
 
-// 自定义主题色 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
-// 如果你比较懒，就只改 theme-base-xxx 这些就可以了：
-@theme-base-main: #EFEFEF;
-@theme-base-tint: @ax-red;
 
-// 如果你想更深层次DIY，可以更改下面这些：
+// start: 字体 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+@fallback-font-family: Menlo, Monaco, 'Ubuntu', Helvetica, "Hiragino Sans GB", "Hiragino Sans GB W3", Source Han Sans CN Regular, WenQuanYi Micro Hei, "Microsoft YaHei", Arial, sans-serif;
+@base-font-family: 'Ubuntu', Menlo, Monaco, @fallback-font-family;
+@code-font-family: Menlo, Monaco, 'Ubuntu', Helvetica, Consolas, monospace, sans-serif, @fallback-font-family;
+@title-font-family: 'Ubuntu', Menlo, Monaco, Helvetica, Consolas, monospace, sans-serif, @fallback-font-family;
+// end: 字体 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
+
+
+
+
+// start: 字号 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+// base
+@base-font-size:   16px;
+@small-font-size:  @base-font-size * 0.875;
+@base-line-height: 1.7;
+// title
+@font-size-h1: @base-font-size * 1.5;
+@font-size-h2: @base-font-size * 1.4;
+@font-size-h3: @base-font-size * 1.2;
+@font-size-h4: @base-font-size * 1.1;
+@font-size-h5: @base-font-size * 1;
+@font-size-h6: @small-font-size;
+// article
+@article-title-size: @font-size-h1 * 1.2;
+@article-title-size-phone: @font-size-h2;
+// end: 字号 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
+
+
+
+
+// start: 布局尺寸 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+@modal-threshold:  680px;
+@on-phone:         820px;
+@on-laptop:        990px;
+@on-desktop:       1200px;
+// container
+@container-width:  1200px;
+// post
+@post-max-width: 980px;
+// 侧边栏宽度
+@side-width: 250px;
+// 搜索框的宽度，建议和侧边栏宽度保持一致
+@search-width: @side-width;
+// 一个cell的高度
+@item-height: 36px;
+// end: 布局尺寸 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
+
+
+
+
+// start: 导航栏 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+// 导航栏高度
+@header-height: 54px;
+@header-logo-font-size: 1.3em;
+@header-switcher-font-size: 1.3em;
+@header-font-size: 1em;
+// end: 导航栏 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
+
+
+
+
+// start: 间距 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+@gap: 20px;
+// end: 间距 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
+
+
+
+
+// start: 圆角 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+// 圆角半径，可以根据心情随时调整风格
+@border-radius: 8px; // 0px: 极端，2px：硬朗，4px：常规，8px：温柔，16px：圆润
+@border-left-radius: 4px; // 左边的竖线的宽度
+// end: 圆角 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
+
+
+
+
+// start: 自定义主题色 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+// 背景色 ----------------
 // 网页背景
 @theme-bg-main: @theme-base-main;
 // 导航栏背景
-@theme-bg-nav-header: darken(@theme-base-main, 3%);
+@theme-bg-nav-header: darken(@theme-base-main, 4%);
 // 卡片背景
 @theme-bg-card: white;
 // 卡片标题栏背景
-@theme-bg-card-header: darken(@theme-base-main, 3%);
+@theme-bg-card-header: darken(@theme-base-main, 4%);
 // 按钮背景
 @theme-bg-button: @theme-base-main;
 // 代码的背景色
@@ -87,7 +147,7 @@
 @theme-bg-code-block: fade(@theme-base-main, 70%);
 // 引用的颜色以及分类、归档的 hover 时颜色
 @theme-bg-quote: @theme-base-tint;
-
+// 文字颜色 ----------------
 // 标题文字颜色（h1/h2）
 @theme-text-header: @theme-base-tint;
 // 链接颜色
@@ -98,62 +158,14 @@
 @theme-text-in-header: @dark;
 // 正文文字颜色
 @theme-text-main: @dark;
+// end: 自定义主题色 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 
-// 自定义主题色 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
-
-// Responsive limits
-@modal-threshold:  680px;
-@on-phone:         820px;
-@on-laptop:        990px;
-@on-desktop:       1200px;
-
-@item-height: 36px;
-
-//container
-@container-width:  1200px;
-//neader
-@header-height:   54px;
-@header-logo-font-size: 1.3em;
-@header-switcher-font-size: 1.3em;
-@header-font-size: 1em;
-
-@banner-height: 300px;
-
-@border-radius-width: 8px;
-
-//side
-@side-width: 250px;
-@tog-width: 200px;
-//search
-@search-height: 36px;
-@search-width: 250px;
-
-//post
-@post-max-width: 980px;
-//article
-@article-title-size: @font-size-h1 * 1.2;
-@article-title-size-phone: @font-size-h2;
 
-//transition
-.enable-trans(@time: 0.2s){
-  transition: all @time ease;
-  -moz-transition: all @time ease;
-  -webkit-transition: all @time ease;
-  -o-transition: all @time ease;
-}
-// .set-placeholder({
-// 	color: @white;
-// 	font-weight: 300;
-// })
-.set-placeholder(@rules){
-  &::-webkit-input-placeholder {@rules();}
-  &:-moz-placeholder {@rules();}
-	&::-moz-placeholder {@rules();}
-	&:-ms-input-placeholder {@rules();}
-}
 
 
+// start: 阴影 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 // 卡片正常状态的阴影
-@box-shadow-card-normal: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
+@box-shadow-card-normal: @base-box-shadow-1, @base-box-shadow-2;
 // 卡片漂浮起来时的阴影
-@box-shadow-card-raised: 0 2px 4px 0px rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0px rgba(0, 0, 0, 0.12), 0 16px 32px 0px rgba(0, 0, 0, 0.12);
+@box-shadow-card-raised: @base-box-shadow-2, @base-box-shadow-4, @base-box-shadow-8, @base-box-shadow-16;
+// end: 阴影 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
diff --git a/source/less/_header.less b/source/less/_header.less
index 5ed6e45..b4d9727 100755
--- a/source/less/_header.less
+++ b/source/less/_header.less
@@ -114,10 +114,7 @@
 			overflow: hidden;
 			position: absolute;
 			.enable-trans();
-            left: @gap/2;
-			// right: @gap;
-            // width: 100% - 2*@gap;
-			top:(@header-height - @search-height)/2;
+      margin: 0 @gap/2;
 		}
 		&.z_search-open{
 			.logo{
@@ -131,9 +128,11 @@
 }
 .m_search {
 	position: relative;
-	height: @search-height;
-	width: @search-width;
-	line-height: @search-height;
+	height: @header-height - @gap;
+	width: @side-width;
+	line-height: @header-height - @gap;
+  margin-top: @gap/2;
+  margin-bottom: @gap/2;
 	vertical-align: middle;
 	.form {
 		position: relative;
@@ -146,9 +145,9 @@
 	.icon {
 		position: absolute;
 		display:block;
-		height: @search-height;
-		width: @search-height;
-		line-height: @search-height;
+		height: @header-height - @gap;
+		width: @header-height - @gap;
+		line-height: @header-height - @gap;
 		top: 0;
 		left: @gap;
         @media(max-width: @on-phone){
@@ -158,19 +157,19 @@
 	.input {
 		display:block;
 		font-size: 14px;
-		line-height: @search-height - 10px;
+		line-height: @header-height - @gap;
 		margin: 0;
 		width: 100%;
 		color: fade(@theme-text-in-header, 60%);
 		padding: 5px 10px 5px 48px;
-        @media(max-width: @on-phone){
-            padding: 5px 10px 5px 38px;
-        }
-		height: @search-height;
-		line-height: @search-height/2;
+    @media(max-width: @on-phone){
+        padding: 5px 10px 5px 38px;
+    }
+		height: @header-height - @gap;
+		line-height: @header-height - @gap;
 		font-family: @base-font-family;
 		border: none;
-		border-radius: 100px;
+		border-radius: @border-radius;
 		background: fade(@theme-text-in-header,15%);
 		box-sizing: border-box;
 		-webkit-appearance: none;
@@ -201,8 +200,8 @@
 
 .menu-phone{
     .header{
-        border-top-left-radius: @border-radius-width;
-        border-top-right-radius: @border-radius-width;
+        border-top-left-radius: @border-radius;
+        border-top-right-radius: @border-radius;
         background-color: fade(@theme-bg-nav-header,90%);
         color: @theme-text-in-header;
         font-size: @base-font-size;
@@ -219,7 +218,7 @@
 	background: white;
 	border-right: 0;
 	&:extend(.z-depth-main-raised);
-	border-radius: @border-radius-width;
+	border-radius: @border-radius;
 	transform: translate3d(@side-width, -0, 0);
 	.enable-trans();
 	&:hover {
diff --git a/source/less/_main.less b/source/less/_main.less
index 57934b9..d66daff 100755
--- a/source/less/_main.less
+++ b/source/less/_main.less
@@ -26,7 +26,7 @@
                 display: none;
             }
             .vwrap{
-                border-radius: @border-radius-width;
+                border-radius: @border-radius;
                 border-style: dashed;
                 .enable-trans();
                 &:hover{
@@ -43,7 +43,7 @@
                 padding-right: 2.4em;
                 background-color: fade(@theme-bg-button, 90%);
                 color: @theme-text-in-header;
-                border-radius: @border-radius-width/2;
+                border-radius: @border-radius/2;
                 .enable-trans();
                 &:hover {
                   background: darken(@theme-bg-button, 10%);
@@ -68,9 +68,9 @@
                     border-left: 8px solid @theme-bg-quote;
                     border-top-left-radius: 8px;
                     border-bottom-left-radius: 8px;
-                    border-right: 1px solid fade(@theme-bg-quote, 40%);
-                    border-top: 1px solid fade(@theme-bg-quote, 40%);
-                    border-bottom: 1px solid fade(@theme-bg-quote, 40%);
+                    border-right: 1px solid fade(@theme-bg-quote, 30%);
+                    border-top: 1px solid fade(@theme-bg-quote, 30%);
+                    border-bottom: 1px solid fade(@theme-bg-quote, 30%);
                 }
             }
             a, .vemoji-btn, .vpreview-btn{
@@ -111,8 +111,8 @@
             .auto-padding {
                 padding-left: @gap;
                 padding-right: @gap;
-                border-bottom-left-radius: @border-radius-width;
-                border-bottom-right-radius: @border-radius-width;
+                border-bottom-left-radius: @border-radius;
+                border-bottom-right-radius: @border-radius;
             }
             img,
             .highlight {
@@ -128,16 +128,12 @@
             .highlight{
               margin-left: 0*@gap;
               margin-right: 0*@gap;
-              padding-left:  @gap;
-              padding-right: @gap;
               width:~"calc(100% - 0 * @{gap})";
             }
             @media(max-width:@on-phone) {
               .highlight {
                 margin-left: 0*@gap;
                 margin-right: 0*@gap;
-                padding-left:  @gap;
-                padding-right: @gap;
                 width:~"calc(100% - 0 * @{gap})";
               }
               .auto-padding {
@@ -167,7 +163,7 @@
         padding: 2 * @gap 1.5*@gap;
         //max-width: 768px;
         background: @theme-bg-card;
-        border-radius: @border-radius-width;
+        border-radius: @border-radius;
         @media(max-width: @on-phone) {
             border-radius: 0;
         }
@@ -246,15 +242,8 @@
             }
         }
         .full-width,.highlight{
-            // margin-left: -1.5* @gap;
-            // margin-right: -1.5* @gap;
-            // padding-left: 1.5* @gap;
-            // padding-right: 1.5* @gap;
-            // width:~"calc(100% + 3 * @{gap})";
             margin-left: 0*@gap;
             margin-right: 0*@gap;
-            padding-left:  @gap;
-            padding-right: @gap;
             width:~"calc(100% - 0 * @{gap})";
         }
 
@@ -290,7 +279,7 @@
         section{
             color: fade(@theme-text-main, 80%);
             padding: @gap;
-            border-radius: @border-radius-width;
+            border-radius: @border-radius;
             &:hover {
                 color: @theme-text-highlight;
             }
diff --git a/source/less/_search.less b/source/less/_search.less
index a70ebb1..3863142 100755
--- a/source/less/_search.less
+++ b/source/less/_search.less
@@ -22,7 +22,7 @@
     background: #fff;
     box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
     z-index: 3;
-    border-radius: @border-radius-width;
+    border-radius: @border-radius;
     @media (max-width: @modal-threshold) {
   		box-shadow: none;
       max-width: none;
@@ -49,8 +49,8 @@
       height: @header-height;
       background-color: @theme-bg-nav-header;
       z-index: 3;
-      border-top-left-radius: @border-radius-width;
-      border-top-right-radius: @border-radius-width;
+      border-top-left-radius: @border-radius;
+      border-top-right-radius: @border-radius;
       @media (max-width: @modal-threshold) {
     		padding: 0px;
         border-radius: 0;
@@ -123,8 +123,8 @@
           box-shadow: none;
 
           &:focus {
-            border-top-left-radius: @border-radius-width;
-            border-top-right-radius: @border-radius-width;
+            border-top-left-radius: @border-radius;
+            border-top-right-radius: @border-radius;
           }
         }
       }
diff --git a/source/less/_toc.less b/source/less/_toc.less
index cabc5b4..daca0d5 100755
--- a/source/less/_toc.less
+++ b/source/less/_toc.less
@@ -1,6 +1,6 @@
 .m_widget.toc-wrapper{
     overflow: auto;
-    border-radius: @border-radius-width;
+    border-radius: @border-radius;
     position: fixed;
     top: @header-height + @gap;
     display: none;
diff --git a/source/less/_widget.less b/source/less/_widget.less
index 43de335..4618174 100755
--- a/source/less/_widget.less
+++ b/source/less/_widget.less
@@ -2,7 +2,7 @@
     &:extend(.z-depth-main);
     background: @theme-bg-card;
     margin-bottom: @gap;
-    border-radius: @border-radius-width;
+    border-radius: @border-radius;
     @media(max-width: @on-phone) {
         border-radius: 0;
         width: 100%;
@@ -18,8 +18,8 @@
     }
     .header{
 
-        border-top-left-radius: @border-radius-width;
-        border-top-right-radius: @border-radius-width;
+        border-top-left-radius: @border-radius;
+        border-top-right-radius: @border-radius;
         @media(max-width: @on-phone) {
             border-radius: 0;
         }
@@ -92,8 +92,8 @@
             border-radius: 100%;
             margin-top: @gap/2;
         }
-        border-top-left-radius: 8px;
-        border-top-right-radius: 8px;
+        border-top-left-radius: @border-radius;
+        border-top-right-radius: @border-radius;
     }
     .content{
         font-weight: bold;
@@ -129,31 +129,7 @@
         }
     }
 }
-// .m_widget.avatar{
-//
-//     .content{
-//         // padding:0;
-//         .desc{
-//             position: relative;
-//             padding: @gap;
-//             .enable-trans(.15s);
-//             line-height: 1.2em;
-//             font-style: italic;
-//             &:before{
-//                 content:'#';
-//                 position: absolute;
-//                 left:0;
-//                 top:0;
-//                 width:2px;
-//                 height:100%;
-//             }
-//             &:empty{
-//                 padding:0;
-//                 height: 0;
-//             }
-//         }
-//     }
-// }
+
 .m_widget.categories{
     .content{
         padding: @gap/2 0;