diff --git a/themes/typing/makefile b/themes/typing/makefile
deleted file mode 100644
index 704f16b..0000000
--- a/themes/typing/makefile
+++ /dev/null
@@ -1,17 +0,0 @@
-.PHONY: css
-css:
-	./node_modules/.bin/postcss --use postcss-import --use precss --use autoprefixer --use cssnano source/css/source.css --output source/css/typing.css
-
-.PHONY: copy
-copy:
-	mkdir -p ../hexo-theme-unit-test/themes/typing
-	cp -r ./layout ../hexo-theme-unit-test/themes/typing/
-	cp -r ./source ../hexo-theme-unit-test/themes/typing/
-	cp -r ./languages ../hexo-theme-unit-test/themes/typing/
-	cp -r ./_config.yml ../hexo-theme-unit-test/themes/typing/
-
-
-.PHONY: all
-all:
-	make css
-	make copy
diff --git a/themes/typing/source/css/source.css b/themes/typing/source/css/source.css
deleted file mode 100644
index e3b6083..0000000
--- a/themes/typing/source/css/source.css
+++ /dev/null
@@ -1 +0,0 @@
-@import'typo.css';@import'normalize.css';$black-normal:#505050;$black-bold:$111;$black-light:#222;$grey:#aeb4b9;$grey-bold:#777;$grey-light:#cacdd0;$scooter:#22C5E5;$content-width:60%;$content-max-width:700px;$mobile-content-width:80%;@define-extend a-hover{color:$scooter;border-bottom:solid 1px RGBA(34, 197, 229, .2);transition:color 100ms linear}@define-extend hr-base{height:1px;border:0;background-image:-webkit-linear-gradient(0deg, transparent, #d5d5d5, transparent)}@define-extend nav-link-base{margin-right:10px;color:$grey-bold;padding-bottom:5px;display:inline-block;border:0}body,html{width:100%;height:100%;position:relative;box-sizing:border-box;color:$black-light}body,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;transition:all 250ms ease}body{font-family:Baskerville, "Times New Roman", "Liberation Serif", STFangsong, FangSong, FangSong_GB2312, "CWTEX\-F", serif;font-size:20px}h1,h2,h3,h4,h5,h6{font-family:Baskerville, Georgia, "Liberation Serif", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, DFKai-SB, "TW\-Kai", serif}a{color:$black-light;text-decoration:none;transition:color 250ms linear;cursor:pointer}a:hover{text-decoration:none;@extend a-hover}em{font-style:italic;font-weight:lighter}b,strong{font-weight:bold}blockquote{color:#666;border-left:2px solid #666;padding-left:1em;margin:1em 3em 1em -1em}.footer{box-sizing:border-box}.home-footer{padding:50px 0}.archive-footer,.post-footer{width:100%;margin:0 auto;padding:50px 0;hr{@extend hr-base}color:$grey-light;a,b,strong{color:$grey}}.container{width:100%}.copyright,.footer-content,.footer-links{text-align:center;width:100%;font-size:90%;color:$grey-light;li{display:inline-block}a{color:$grey-bold}a:hover{color:$scooter}}.archive-footer,.post-footer{width:$content-width;max-width:$content-max-width}.footer-content{margin:0 auto;text-align:left}.footer-links{a{text-decoration:none}font-size:100%;padding:0;li{margin:0 5px}}.home-body{display:flex;flex-direction:column;justify-content:center}.home{font-weight:lighter;line-height:1.4;color:$black-normal;text-align:center;position:relative;a{border-bottom:solid 1px #eee}.content{width:$content-width;max-width:500px;position:relative;margin:0 auto}h1,strong{color:$black-light}hr{@extend hr-base;width:80%;max-width:300px;margin:20px auto}li{list-style:none}.profile{width:100%;h1{font-weight:300}}}.main-nav-link{@extend nav-link-base}.nav-left{position:absolute;left:-130px;text-align:right;.main-nav-link{display:block;padding-bottom:10px}}.header-hr-left{display:none}.mobile-nav{display:none}.archive-container,.category-container,.tag-container{width:$content-width;margin:0 auto;position:relative;line-height:1;text-align:left;font-size:18px;padding-top:50px;max-width:$content-max-width;article{margin-bottom:15px}a{border:0}a:hover{border:0}.header{font-size:18px}.archive-article-header{ > h1,> a{display:inline-block;vertical-align:middle}> a{width:100px}h1{width:calc(100% - 120px);font-size:100%;margin:0}}hr{width:60%;margin:20px 0 40px;@extend hr-base;background-image:-webkit-linear-gradient(0deg, #d5d5d5, #d5d5d5, transparent)}.archive-article-date{font-size:80%;color:$grey-light}.archive-article-title{font-weight:200}.archive-year-wrap{margin-bottom:20px}.page-nav{text-align:center;margin-top:30px;color:$grey;a{color:$grey-bold}}.extend,.page-number{margin-right:15px}}.article{width:$content-width;max-width:$content-max-width;margin:0 auto;.header{font-size:18px;padding-top:50px}.main-nav-link:hover{border:0}.nav-left{position:relative;left:initial;text-align:initial;.main-nav-link{display:inline-block;padding-bottom:5px}}.header-hr-left{display:block}hr{width:60%;margin:20px 0 40px;@extend hr-base;background-image:-webkit-linear-gradient(0deg, #d5d5d5, #d5d5d5, transparent)}h1,h2,h3,h4,h5,h6{font-weight:bolder}.article-title{font-size:2.5em}a.fancybox,a.fancybox-item{border:0}.caption{color:$grey;display:block;font-size:14px;text-align:center}.article-entry{word-break:break-word;img{display:block;margin:auto}blockquote{footer{text-align:center;font-size:80%;color:$grey;cite{font-style:italic;&:before{content:"—";padding:0 0.5em}a{color:$grey;border-bottom:1px solid #eee;transition:color 250ms linear;&:hover{@extend a-hover}}}strong{color:$grey-bold;font-weight:400}}}table caption,table td,table th,td,th{word-break:initial}.pullquote{width:45%;border:0}.pullquote.left{float:left;text-align:left}.pullquote.right{float:right;text-align:right}.video-container{position:relative;padding-top:56.25%;margin-bottom:30px;height:0;overflow:hidden;iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0}}}.article-nav{max-width:100%;margin-top:50px;font-size:80%}.article-nav-link-wrap{display:inline-block;color:$grey;padding:0 10px;width:49%;box-sizing:border-box;vertical-align:top;border:0;&:hover{@extend a-hover;border-bottom:0}strong{color:$grey-bold}}.article-nav-link-wrap.newer{text-align:right}.article-nav-link-wrap.older{text-align:left}.article-footer{margin-top:50px;hr{margin-top:50px;@extend hr-base}}.article-meta{font-size:80%;color:$grey;a{color:$grey-bold}.label{margin-right:10px}.article-category,.article-tag-list{display:inline-block}.article-tag-list-item{display:inline-block;margin-right:5px;&:before{content:'#'}}}.article-gallery{img{width:100%}}}.article-type-page{.article-footer{display:none}}.comments{width:$content-width;max-width:$content-max-width;margin:50px auto 0}$dark-bg:#3f3f3f;$dark-code-bg:#333;$dark-code-marked-bg:#444;$dark-color:#d8d8d8;$dark-grey:#aaa;$dark-grey-bold:#bbb;$dark-white:#ddd;$dark-white-light:#fff;.dark{background-color:$dark-bg;color:$dark-color;.container,.footer{background-color:$dark-bg}a{color:$dark-white}a:hover{@extend a-hover;color:$dark-white-light}.home{color:$dark-color;h1,strong{color:$dark-white}a{border-bottom:solid 1px #ddd}a:hover{border-bottom:solid 1px $dark-white-light}}.archive-container,.article,.category-container,.tag-container{.header{.main-nav-link{color:$dark-grey}.main-nav-link:hover{color:$dark-white-light}}.article-nav,.page-nav{color:$dark-grey;a{color:$dark-grey-bold}a:hover{color:$dark-white-light}}.article-entry blockquote footer strong,.article-meta a{color:$dark-grey-bold}}blockquote{color:$dark-grey}b,strong{color:$dark-white}h1,h2,h3,h4,h5,h6{color:$dark-white}.typo em,.typo-em,caption,legend{color:$dark-grey-bold}.typo table caption,.typo table td,.typo-table td{border:1px solid #ddd;color:$dark-grey}.article-entry{pre{color:$dark-color;background-color:$dark-code-bg}.highlight{color:$dark-color;background-color:$dark-code-bg;table caption,table td,td{border:0}.line.marked{background:$dark-code-marked-bg}}}}$code-background:#f3f5f6;$code-font-size:14px;$code-line-height:1.8;$highlight-background:#ffffff;$highlight-current-line:#efefef;$highlight-selection:#e6e6e6;$highlight-foreground:#4d4d4c;$highlight-comment:#8e908c;$highlight-red:#c82829;$highlight-orange:#f5871f;$highlight-yellow:#eab700;$highlight-green:#718c00;$highlight-aqua:#3e999f;$highlight-blue:#4271ae;$highlight-purple:#8959a8;@define-extend code-block{padding:20px;background:$code-background;color:$highlight-foreground;font-size:$code-font-size;overflow:auto;line-height:$code-line-height}@define-extend line-numbers{color:$grey;font-size:$code-font-size}.article-entry{figure.highlight{margin:0}pre{@extend code-block;code{background:none;text-shadow:none;padding:0}}.highlight{@extend code-block;pre{border:0;margin:0;padding:0}table{margin:0;width:100%}td{border:0;padding:0}figcaption{color:$highlight-comment;a{float:right}}.gutter pre{@extend line-numbers}.line{height:25px}.line.marked{background:$highlight-selection}}}pre{.comment,.title{color:$highlight-comment}.attribute,.css .class,.css .id,.css .pseudo,.html .doctype,.regexp,.ruby .constant,.tag,.variable,.xml .doctype,.xml .pi,.xml .tag .title{color:$highlight-red}.built_in,.constant,.literal,.number,.params,.preprocessor{color:$highlight-orange}.class,.css .rules .attribute,.ruby .class .title{color:$highlight-green}.header,.inheritance,.ruby .symbol,.string,.value,.xml .cdata{color:$highlight-green}.css .hexcolor{color:$highlight-aqua}.coffeescript .title,.function,.javascript .title,.perl .sub,.python .decorator,.python .title,.ruby .function .title,.ruby .title .keyword{color:$highlight-blue}.javascript .function,.keyword{color:$highlight-purple}}@media (max-width: 768px){body{font-size:18px}.archive-footer,.post-footer{width:$mobile-content-width}.home{.content{width:$mobile-content-width}}.archive-container{width:$mobile-content-width}.article{width:$mobile-content-width}.article-title{font-size:2rem}.comments{width:$mobile-content-width}.nav-left{position:relative;left:initial;text-align:initial;.main-nav-link{display:inline-block;padding-bottom:5px}}.header-hr-left{display:block}}@media (max-width: 468px){$mobile-content-width:80%;body{font-size:16px}.home{color:$black-light;a{color:$black-bold}}.archive-container{.archive-footer,.post-footer{padding:40px}.archive-article-header{ > h1,> a{width:100%}}}.mobile-nav{display:flex;align-items:center;justify-content:space-between}.main-nav{display:none;position:absolute;background-color:#fff;width:50%;padding:20px;border:2px solid #777;box-shadow:5px 5px 5px #777;.main-nav-link{display:block;padding-bottom:10px}}.article .nav-left{position:absolute;.main-nav-link{display:block;padding-bottom:10px}}}@media (max-width: 320px){body{font-size:14px}.article{font-size:16px}.archive-container{.archive-footer,.post-footer{padding:30px}}.footer,.footer-content{font-size:100%}}
\ No newline at end of file
diff --git a/themes/typing/source/css/typing.css b/themes/typing/source/css/typing.css
index e7f0087..86b9fa8 100644
--- a/themes/typing/source/css/typing.css
+++ b/themes/typing/source/css/typing.css
@@ -1,3 +1,985 @@
-@charset "utf-8";html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility}html.borderbox *,html.borderbox :after,html.borderbox :before{box-sizing:border-box}article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}audio,canvas,video{display:inline-block}body,button,input,select,textarea{font:300 1em/1.8 PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}blockquote{position:relative;color:#999;font-weight:400;border-left:1px solid #1abc9c;padding-left:1em;margin:1em 3em 1em 2em}@media only screen and (max-width:640px){blockquote{margin:1em 0}}abbr,acronym{border-bottom:1px dotted;font-variant:normal}abbr{cursor:help}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}q:after,q:before{content:''}sub,sup{font-size:75%;line-height:0;position:relative}:root sub,:root sup{vertical-align:baseline}a{color:#1abc9c}a:hover{text-decoration:underline}.typo a{border-bottom:1px solid #1abc9c}.typo a:hover{border-bottom-color:#555;color:#555}.typo a:hover,a,ins{text-decoration:none}.typo-u,u{text-decoration:underline}mark{background:#fffdd1;border-bottom:1px solid #ffedce;padding:2px;margin:0 5px}code,pre,pre tt{font-family:Courier,Courier New,monospace}pre{background:#f8f8f8;border:1px solid #ddd;padding:1em 1.5em;display:block;-webkit-overflow-scrolling:touch}hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:.8em;height:10px}.typo-small,figcaption,small{font-size:.9em;color:#888}b,strong{font-weight:700;color:#000}[draggable]{cursor:move}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.textwrap,.textwrap td,.textwrap th{word-wrap:break-word;word-break:break-all}.textwrap-table{table-layout:fixed}.serif{font-family:Palatino,Optima,Georgia,serif}.typo-dl,.typo-form,.typo-hr,.typo-ol,.typo-p,.typo-pre,.typo-table,.typo-ul,.typo dl,.typo form,.typo hr,.typo ol,.typo p,.typo pre,.typo table,.typo ul,blockquote{margin-bottom:1.2em}h1,h2,h3,h4,h5,h6{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-weight:100;color:#000;line-height:1.35}.typo-h1,.typo-h2,.typo-h3,.typo-h4,.typo-h5,.typo-h6,.typo h1,.typo h2,.typo h3,.typo h4,.typo h5,.typo h6{margin-top:1.2em;margin-bottom:.6em;line-height:1.35}.typo-h1,.typo h1{font-size:2em}.typo-h2,.typo h2{font-size:1.8em}.typo-h3,.typo h3{font-size:1.6em}.typo-h4,.typo h4{font-size:1.4em}.typo-h5,.typo-h6,.typo h5,.typo h6{font-size:1.2em}.typo-ul,.typo ul{margin-left:1.3em;list-style:disc}.typo-ol,.typo ol{list-style:decimal;margin-left:1.9em}.typo-ol ol,.typo-ol ul,.typo-ul ol,.typo-ul ul,.typo li ol,.typo li ul{margin-bottom:.8em;margin-left:2em}.typo-ol ul,.typo-ul ul,.typo li ul{list-style:circle}.typo-table td,.typo-table th,.typo table caption,.typo table td,.typo table th{border:1px solid #ddd;padding:.5em 1em;color:#666}.typo-table th,.typo table th{background:#fbfbfb}.typo-table thead th,.typo table thead th{background:#f1f1f1}.typo table caption{border-bottom:none}.typo-input,.typo-textarea{-webkit-appearance:none;border-radius:0}.typo-em,.typo em,caption,legend{color:#000;font-weight:inherit}.typo-em{position:relative}.typo-em:after{position:absolute;top:.65em;left:0;width:100%;overflow:hidden;white-space:nowrap;content:"・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"}.typo img{max-width:100%}
-
-/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.article .article-entry blockquote footer cite a:hover,.article .article-nav-link-wrap:hover,.dark a:hover,a:hover{color:#22c5e5;border-bottom:1px solid RGBA(34,197,229,.2);-webkit-transition:color .1s linear;transition:color .1s linear}.archive-container hr,.archive-footer hr,.article .article-footer hr,.article hr,.category-container hr,.home hr,.post-footer hr,.tag-container hr{height:1px;border:0;background-image:-webkit-linear-gradient(0deg,transparent,#d5d5d5,transparent)}.main-nav-link{margin-right:10px;color:#777;padding-bottom:5px;display:inline-block;border:0}body,html{width:100%;height:100%;position:relative;box-sizing:border-box;color:#222}body,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;-webkit-transition:all .25s ease;transition:all .25s ease}body{font-family:Baskerville,Times New Roman,Liberation Serif,STFangsong,FangSong,FangSong_GB2312,CWTEX\\-F,serif;font-size:20px}h1,h2,h3,h4,h5,h6{font-family:Baskerville,Georgia,Liberation Serif,Kaiti SC,STKaiti,AR PL UKai CN,AR PL UKai HK,AR PL UKai TW,AR PL UKai TW MBE,AR PL KaitiM GB,KaiTi,KaiTi_GB2312,DFKai-SB,TW\\-Kai,serif}a{color:#222;-webkit-transition:color .25s linear;transition:color .25s linear;cursor:pointer}a,a:hover{text-decoration:none}em{font-style:italic;font-weight:lighter}b,strong{font-weight:700}blockquote{color:#666;border-left:2px solid #666;padding-left:1em;margin:1em 3em 1em -1em}.footer{box-sizing:border-box}.home-footer{padding:50px 0}.archive-footer,.post-footer{width:100%;margin:0 auto;padding:50px 0;color:#cacdd0}.archive-footer a,.archive-footer b,.archive-footer strong,.post-footer a,.post-footer b,.post-footer strong{color:#aeb4b9}.container{width:100%}.copyright,.footer-content,.footer-links{text-align:center;width:100%;font-size:90%;color:#cacdd0}.copyright li,.footer-content li,.footer-links li{display:inline-block}.copyright a,.footer-content a,.footer-links a{color:#777}.copyright a:hover,.footer-content a:hover,.footer-links a:hover{color:#22c5e5}.archive-footer,.post-footer{width:60%;max-width:700px}.footer-content{margin:0 auto;text-align:left}.footer-links{font-size:100%;padding:0}.footer-links a{text-decoration:none}.footer-links li{margin:0 5px}.home-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home{font-weight:lighter;line-height:1.4;color:#505050;text-align:center;position:relative}.home a{border-bottom:1px solid #eee}.home .content{width:60%;max-width:500px;position:relative;margin:0 auto}.home h1,.home strong{color:#222}.home hr{width:80%;max-width:300px;margin:20px auto}.home li{list-style:none}.home .profile{width:100%}.home .profile h1{font-weight:300}.nav-left{position:absolute;left:-130px;text-align:right}.nav-left .main-nav-link{display:block;padding-bottom:10px}.header-hr-left,.mobile-nav{display:none}.archive-container,.category-container,.tag-container{width:60%;margin:0 auto;position:relative;line-height:1;text-align:left;font-size:18px;padding-top:50px;max-width:700px}.archive-container article,.category-container article,.tag-container article{margin-bottom:15px}.archive-container a,.archive-container a:hover,.category-container a,.category-container a:hover,.tag-container a,.tag-container a:hover{border:0}.archive-container .header,.category-container .header,.tag-container .header{font-size:18px}.archive-container .archive-article-header>a,.archive-container .archive-article-header>h1,.category-container .archive-article-header>a,.category-container .archive-article-header>h1,.tag-container .archive-article-header>a,.tag-container .archive-article-header>h1{display:inline-block;vertical-align:middle}.archive-container .archive-article-header>a,.category-container .archive-article-header>a,.tag-container .archive-article-header>a{width:100px}.archive-container .archive-article-header h1,.category-container .archive-article-header h1,.tag-container .archive-article-header h1{width:calc(100% - 120px);font-size:100%;margin:0}.archive-container hr,.category-container hr,.tag-container hr{width:60%;margin:20px 0 40px;background-image:-webkit-linear-gradient(0deg,#d5d5d5,#d5d5d5,transparent)}.archive-container .archive-article-date,.category-container .archive-article-date,.tag-container .archive-article-date{font-size:80%;color:#cacdd0}.archive-container .archive-article-title,.category-container .archive-article-title,.tag-container .archive-article-title{font-weight:200}.archive-container .archive-year-wrap,.category-container .archive-year-wrap,.tag-container .archive-year-wrap{margin-bottom:20px}.archive-container .page-nav,.category-container .page-nav,.tag-container .page-nav{text-align:center;margin-top:30px;color:#aeb4b9}.archive-container .page-nav a,.category-container .page-nav a,.tag-container .page-nav a{color:#777}.archive-container .extend,.archive-container .page-number,.category-container .extend,.category-container .page-number,.tag-container .extend,.tag-container .page-number{margin-right:15px}.article{width:60%;max-width:700px;margin:0 auto}.article .header{font-size:18px;padding-top:50px}.article .main-nav-link:hover{border:0}.article .nav-left{position:relative;left:auto;text-align:initial}.article .nav-left .main-nav-link{display:inline-block;padding-bottom:5px}.article .header-hr-left{display:block}.article hr{width:60%;margin:20px 0 40px;background-image:-webkit-linear-gradient(0deg,#d5d5d5,#d5d5d5,transparent)}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{font-weight:bolder}.article .article-title{font-size:2.5em}.article a.fancybox,.article a.fancybox-item{border:0}.article .caption{color:#aeb4b9;display:block;font-size:14px;text-align:center}.article .article-entry{word-break:break-word}.article .article-entry img{display:block;margin:auto}.article .article-entry blockquote footer{text-align:center;font-size:80%;color:#aeb4b9}.article .article-entry blockquote footer cite{font-style:italic}.article .article-entry blockquote footer cite a{color:#aeb4b9;border-bottom:1px solid #eee;-webkit-transition:color .25s linear;transition:color .25s linear}.article .article-entry blockquote footer cite:before{content:"—";padding:0 .5em}.article .article-entry blockquote footer strong{color:#777;font-weight:400}.article .article-entry table caption,.article .article-entry table td,.article .article-entry table th,.article .article-entry td,.article .article-entry th{word-break:normal}.article .article-entry .pullquote{width:45%;border:0}.article .article-entry .pullquote.left{float:left;text-align:left}.article .article-entry .pullquote.right{float:right;text-align:right}.article .article-entry .video-container{position:relative;padding-top:56.25%;margin-bottom:30px;height:0;overflow:hidden}.article .article-entry .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0}.article .article-nav{max-width:100%;margin-top:50px;font-size:80%}.article .article-nav-link-wrap{display:inline-block;color:#aeb4b9;padding:0 10px;width:49%;box-sizing:border-box;vertical-align:top;border:0}.article .article-nav-link-wrap strong{color:#777}.article .article-nav-link-wrap:hover{border-bottom:0}.article .article-nav-link-wrap.newer{text-align:right}.article .article-nav-link-wrap.older{text-align:left}.article .article-footer,.article .article-footer hr{margin-top:50px}.article .article-meta{font-size:80%;color:#aeb4b9}.article .article-meta a{color:#777}.article .article-meta .label{margin-right:10px}.article .article-meta .article-category,.article .article-meta .article-tag-list{display:inline-block}.article .article-meta .article-tag-list-item{display:inline-block;margin-right:5px}.article .article-meta .article-tag-list-item:before{content:'#'}.article .article-gallery img{width:100%}.article-type-page .article-footer{display:none}.comments{width:60%;max-width:700px;margin:50px auto 0}.dark{color:#d8d8d8}.dark,.dark .container,.dark .footer{background-color:#3f3f3f}.dark a{color:#ddd}.dark a:hover{color:#fff}.dark .home{color:#d8d8d8}.dark .home h1,.dark .home strong{color:#ddd}.dark .home a{border-bottom:1px solid #ddd}.dark .home a:hover{border-bottom:1px solid #fff}.dark .archive-container .header .main-nav-link,.dark .article .header .main-nav-link,.dark .category-container .header .main-nav-link,.dark .tag-container .header .main-nav-link{color:#aaa}.dark .archive-container .header .main-nav-link:hover,.dark .article .header .main-nav-link:hover,.dark .category-container .header .main-nav-link:hover,.dark .tag-container .header .main-nav-link:hover{color:#fff}.dark .archive-container .article-nav,.dark .archive-container .page-nav,.dark .article .article-nav,.dark .article .page-nav,.dark .category-container .article-nav,.dark .category-container .page-nav,.dark .tag-container .article-nav,.dark .tag-container .page-nav{color:#aaa}.dark .archive-container .article-nav a,.dark .archive-container .page-nav a,.dark .article .article-nav a,.dark .article .page-nav a,.dark .category-container .article-nav a,.dark .category-container .page-nav a,.dark .tag-container .article-nav a,.dark .tag-container .page-nav a{color:#bbb}.dark .archive-container .article-nav a:hover,.dark .archive-container .page-nav a:hover,.dark .article .article-nav a:hover,.dark .article .page-nav a:hover,.dark .category-container .article-nav a:hover,.dark .category-container .page-nav a:hover,.dark .tag-container .article-nav a:hover,.dark .tag-container .page-nav a:hover{color:#fff}.dark .archive-container .article-entry blockquote footer strong,.dark .archive-container .article-meta a,.dark .article .article-entry blockquote footer strong,.dark .article .article-meta a,.dark .category-container .article-entry blockquote footer strong,.dark .category-container .article-meta a,.dark .tag-container .article-entry blockquote footer strong,.dark .tag-container .article-meta a{color:#bbb}.dark blockquote{color:#aaa}.dark b,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark strong{color:#ddd}.dark .typo-em,.dark .typo em,.dark caption,.dark legend{color:#bbb}.dark .typo-table td,.dark .typo table caption,.dark .typo table td{border:1px solid #ddd;color:#aaa}.dark .article-entry .highlight,.dark .article-entry pre{color:#d8d8d8;background-color:#333}.dark .article-entry .highlight table caption,.dark .article-entry .highlight table td,.dark .article-entry .highlight td{border:0}.dark .article-entry .highlight .line.marked{background:#444}.article-entry .highlight,.article-entry pre{padding:20px;background:#f3f5f6;color:#4d4d4c;font-size:14px;overflow:auto;line-height:1.8}.article-entry .highlight .gutter pre{color:#aeb4b9;font-size:14px}.article-entry figure.highlight{margin:0}.article-entry pre code{background:none;text-shadow:none;padding:0}.article-entry .highlight pre{border:0;margin:0;padding:0}.article-entry .highlight table{margin:0;width:100%}.article-entry .highlight td{border:0;padding:0}.article-entry .highlight figcaption{color:#8e908c}.article-entry .highlight figcaption a{float:right}.article-entry .highlight .line{height:25px}.article-entry .highlight .line.marked{background:#e6e6e6}pre .comment,pre .title{color:#8e908c}pre .attribute,pre .css .class,pre .css .id,pre .css .pseudo,pre .html .doctype,pre .regexp,pre .ruby .constant,pre .tag,pre .variable,pre .xml .doctype,pre .xml .pi,pre .xml .tag .title{color:#c82829}pre .built_in,pre .constant,pre .literal,pre .number,pre .params,pre .preprocessor{color:#f5871f}pre .class,pre .css .rules .attribute,pre .header,pre .inheritance,pre .ruby .class .title,pre .ruby .symbol,pre .string,pre .value,pre .xml .cdata{color:#718c00}pre .css .hexcolor{color:#3e999f}pre .coffeescript .title,pre .function,pre .javascript .title,pre .perl .sub,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword{color:#4271ae}pre .javascript .function,pre .keyword{color:#8959a8}@media (max-width:768px){body{font-size:18px}.archive-container,.archive-footer,.article,.home .content,.post-footer{width:80%}.article-title{font-size:2rem}.comments{width:80%}.nav-left{position:relative;left:auto;text-align:initial}.nav-left .main-nav-link{display:inline-block;padding-bottom:5px}.header-hr-left{display:block}}@media (max-width:468px){body{font-size:16px}.home{color:#222}.home a{color:$111}.archive-container .archive-footer,.archive-container .post-footer{padding:40px}.archive-container .archive-article-header>a,.archive-container .archive-article-header>h1{width:100%}.mobile-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-nav{display:none;position:absolute;background-color:#fff;width:50%;padding:20px;border:2px solid #777;box-shadow:5px 5px 5px #777}.main-nav .main-nav-link{display:block;padding-bottom:10px}.article .nav-left{position:absolute}.article .nav-left .main-nav-link{display:block;padding-bottom:10px}}@media (max-width:320px){body{font-size:14px}.article{font-size:16px}.archive-container .archive-footer,.archive-container .post-footer{padding:30px}.footer,.footer-content{font-size:100%}}
\ No newline at end of file
+/* (c) GeekPlux geekplux@gmail.com | https://github.com/geekplux/hexo-theme-typing | MIT license */
+@charset "utf-8";
+html{
+    -webkit-text-size-adjust:100%;
+    -ms-text-size-adjust:100%;
+    text-rendering:optimizelegibility
+}
+html.borderbox *,html.borderbox :after,html.borderbox :before{
+    box-sizing:border-box
+}
+article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{
+    margin:0;
+    padding:0
+}
+article,aside,details,figcaption,figure,footer,header,menu,nav,section{
+    display:block
+}
+audio,canvas,video{
+    display:inline-block
+}
+body,button,input,select,textarea{
+    font:300 1em/1.8 PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans
+}
+button::-moz-focus-inner,input::-moz-focus-inner{
+    padding:0;
+    border:0
+}
+table{
+    border-collapse:collapse;
+    border-spacing:0
+}
+fieldset,img{
+    border:0
+}
+blockquote{
+    position:relative;
+    color:#999;
+    font-weight:400;
+    border-left:1px solid #1abc9c;
+    padding-left:1em;
+    margin:1em 3em 1em 2em
+}
+@media only screen and (max-width:640px){
+    blockquote{
+        margin:1em 0
+    }
+}
+abbr,acronym{
+    border-bottom:1px dotted;
+    font-variant:normal
+}
+abbr{
+    cursor:help
+}
+del{
+    text-decoration:line-through
+}
+address,caption,cite,code,dfn,em,th,var{
+    font-style:normal;
+    font-weight:400
+}
+ol,ul{
+    list-style:none
+}
+caption,th{
+    text-align:left
+}
+q:after,q:before{
+    content:''
+}
+sub,sup{
+    font-size:75%;
+    line-height:0;
+    position:relative
+}
+:root sub,:root sup{
+    vertical-align:baseline
+}
+a{
+    color:#1abc9c
+}
+a:hover{
+    text-decoration:underline
+}
+.typo a{
+    border-bottom:1px solid #1abc9c
+}
+.typo a:hover{
+    border-bottom-color:#555;
+    color:#555
+}
+.typo a:hover,a,ins{
+    text-decoration:none
+}
+.typo-u,u{
+    text-decoration:underline
+}
+mark{
+    background:#fffdd1;
+    border-bottom:1px solid #ffedce;
+    padding:2px;
+    margin:0 5px
+}
+code,pre,pre tt{
+    font-family:Courier,Courier New,monospace
+}
+pre{
+    background:#f8f8f8;
+    border:1px solid #ddd;
+    padding:1em 1.5em;
+    display:block;
+    -webkit-overflow-scrolling:touch
+}
+hr{
+    border:none;
+    border-bottom:1px solid #cfcfcf;
+    margin-bottom:.8em;
+    height:10px
+}
+.typo-small,figcaption,small{
+    font-size:.9em;
+    color:#888
+}
+b,strong{
+    font-weight:700;
+    color:#000
+}
+[draggable]{
+    cursor:move
+}
+.clearfix:after,.clearfix:before{
+    content:"";
+    display:table
+}
+.clearfix:after{
+    clear:both
+}
+.clearfix{
+    zoom:1
+}
+.textwrap,.textwrap td,.textwrap th{
+    word-wrap:break-word;
+    word-break:break-all
+}
+.textwrap-table{
+    table-layout:fixed
+}
+.serif{
+    font-family:Palatino,Optima,Georgia,serif
+}
+.typo-dl,.typo-form,.typo-hr,.typo-ol,.typo-p,.typo-pre,.typo-table,.typo-ul,.typo dl,.typo form,.typo hr,.typo ol,.typo p,.typo pre,.typo table,.typo ul,blockquote{
+    margin-bottom:1.2em
+}
+h1,h2,h3,h4,h5,h6{
+    font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;
+    font-weight:100;
+    color:#000;
+    line-height:1.35
+}
+.typo-h1,.typo-h2,.typo-h3,.typo-h4,.typo-h5,.typo-h6,.typo h1,.typo h2,.typo h3,.typo h4,.typo h5,.typo h6{
+    margin-top:1.2em;
+    margin-bottom:.6em;
+    line-height:1.35
+}
+.typo-h1,.typo h1{
+    font-size:2em
+}
+.typo-h2,.typo h2{
+    font-size:1.8em
+}
+.typo-h3,.typo h3{
+    font-size:1.6em
+}
+.typo-h4,.typo h4{
+    font-size:1.4em
+}
+.typo-h5,.typo-h6,.typo h5,.typo h6{
+    font-size:1.2em
+}
+.typo-ul,.typo ul{
+    margin-left:1.3em;
+    list-style:disc
+}
+.typo-ol,.typo ol{
+    list-style:decimal;
+    margin-left:1.9em
+}
+.typo-ol ol,.typo-ol ul,.typo-ul ol,.typo-ul ul,.typo li ol,.typo li ul{
+    margin-bottom:.8em;
+    margin-left:2em
+}
+.typo-ol ul,.typo-ul ul,.typo li ul{
+    list-style:circle
+}
+.typo-table td,.typo-table th,.typo table caption,.typo table td,.typo table th{
+    border:1px solid #ddd;
+    padding:.5em 1em;
+    color:#666
+}
+.typo-table th,.typo table th{
+    background:#fbfbfb
+}
+.typo-table thead th,.typo table thead th{
+    background:#f1f1f1
+}
+.typo table caption{
+    border-bottom:none
+}
+.typo-input,.typo-textarea{
+    -webkit-appearance:none;
+    border-radius:0
+}
+.typo-em,.typo em,caption,legend{
+    color:#000;
+    font-weight:inherit
+}
+.typo-em{
+    position:relative
+}
+.typo-em:after{
+    position:absolute;
+    top:.65em;
+    left:0;
+    width:100%;
+    overflow:hidden;
+    white-space:nowrap;
+    content:"・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"
+}
+.typo img{
+    max-width:100%
+}
+html{
+    font-family:sans-serif;
+    line-height:1.15;
+    -ms-text-size-adjust:100%;
+    -webkit-text-size-adjust:100%
+}
+body{
+    margin:0
+}
+article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
+    display:block
+}
+audio,canvas,progress,video{
+    display:inline-block
+}
+audio:not([controls]){
+    display:none;
+    height:0
+}
+progress{
+    vertical-align:baseline
+}
+[hidden],template{
+    display:none
+}
+a{
+    background-color:transparent;
+    -webkit-text-decoration-skip:objects
+}
+a:active,a:hover{
+    outline-width:0
+}
+abbr[title]{
+    border-bottom:none;
+    text-decoration:underline;
+    text-decoration:underline dotted
+}
+b,strong{
+    font-weight:inherit;
+    font-weight:bolder
+}
+dfn{
+    font-style:italic
+}
+h1{
+    font-size:2em;
+    margin:.67em 0
+}
+mark{
+    background-color:#ff0;
+    color:#000
+}
+small{
+    font-size:80%
+}
+sub,sup{
+    font-size:75%;
+    line-height:0;
+    position:relative;
+    vertical-align:baseline
+}
+sub{
+    bottom:-.25em
+}
+sup{
+    top:-.5em
+}
+img{
+    border-style:none
+}
+svg:not(:root){
+    overflow:hidden
+}
+code,kbd,pre,samp{
+    font-family:monospace,monospace;
+    font-size:1em
+}
+figure{
+    margin:1em 40px
+}
+hr{
+    box-sizing:content-box;
+    height:0;
+    overflow:visible
+}
+button,input,optgroup,select,textarea{
+    font:inherit;
+    margin:0
+}
+optgroup{
+    font-weight:700
+}
+button,input{
+    overflow:visible
+}
+button,select{
+    text-transform:none
+}
+[type=reset],[type=submit],button,html [type=button]{
+    -webkit-appearance:button
+}
+[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
+    border-style:none;
+    padding:0
+}
+[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
+    outline:1px dotted ButtonText
+}
+fieldset{
+    border:1px solid silver;
+    margin:0 2px;
+    padding:.35em .625em .75em
+}
+legend{
+    box-sizing:border-box;
+    color:inherit;
+    display:table;
+    max-width:100%;
+    padding:0;
+    white-space:normal
+}
+textarea{
+    overflow:auto
+}
+[type=checkbox],[type=radio]{
+    box-sizing:border-box;
+    padding:0
+}
+[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
+    height:auto
+}
+[type=search]{
+    -webkit-appearance:textfield;
+    outline-offset:-2px
+}
+[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
+    -webkit-appearance:none
+}
+::-webkit-input-placeholder{
+    color:inherit;
+    opacity:.54
+}
+::-webkit-file-upload-button{
+    -webkit-appearance:button;
+    font:inherit
+}
+.article .article-entry blockquote footer cite a:hover,.article .article-nav-link-wrap:hover,.dark a:hover,a:hover{
+    color:#22c5e5;
+    border-bottom:1px solid RGBA(34,197,229,.2);
+    -webkit-transition:color .1s linear;
+    transition:color .1s linear
+}
+.archive-container hr,.archive-footer hr,.article .article-footer hr,.article hr,.category-container hr,.home hr,.post-footer hr,.tag-container hr{
+    height:1px;
+    border:0;
+    background-image:-webkit-linear-gradient(0deg,transparent,#d5d5d5,transparent)
+}
+.main-nav-link{
+    margin-right:10px;
+    color:#777;
+    padding-bottom:5px;
+    display:inline-block;
+    border:0
+}
+body,html{
+    width:100%;
+    height:100%;
+    position:relative;
+    box-sizing:border-box;
+    color:#222
+}
+body,h1,h2,h3,h4,h5,h6{
+    -webkit-font-smoothing:antialiased;
+    -moz-osx-font-smoothing:grayscale;
+    -moz-font-feature-settings:"liga" on;
+    -webkit-transition:all .25s ease;
+    transition:all .25s ease
+}
+body{
+    font-family:Baskerville,Times New Roman,Liberation Serif,STFangsong,FangSong,FangSong_GB2312,CWTEX\\-F,serif;
+    font-size:20px
+}
+h1,h2,h3,h4,h5,h6{
+    font-family:Baskerville,Georgia,Liberation Serif,Kaiti SC,STKaiti,AR PL UKai CN,AR PL UKai HK,AR PL UKai TW,AR PL UKai TW MBE,AR PL KaitiM GB,KaiTi,KaiTi_GB2312,DFKai-SB,TW\\-Kai,serif
+}
+a{
+    color:#222;
+    -webkit-transition:color .25s linear;
+    transition:color .25s linear;
+    cursor:pointer
+}
+a,a:hover{
+    text-decoration:none
+}
+em{
+    font-style:italic;
+    font-weight:lighter
+}
+b,strong{
+    font-weight:700
+}
+blockquote{
+    color:#666;
+    border-left:2px solid #666;
+    padding-left:1em;
+    margin:1em 3em 1em -1em
+}
+.footer{
+    box-sizing:border-box
+}
+.home-footer{
+    padding:50px 0
+}
+.archive-footer,.post-footer{
+    width:100%;
+    margin:0 auto;
+    padding:50px 0;
+    color:#cacdd0
+}
+.archive-footer a,.archive-footer b,.archive-footer strong,.post-footer a,.post-footer b,.post-footer strong{
+    color:#aeb4b9
+}
+.container{
+    width:100%
+}
+.copyright,.footer-content,.footer-links{
+    text-align:center;
+    width:100%;
+    font-size:90%;
+    color:#cacdd0
+}
+.copyright li,.footer-content li,.footer-links li{
+    display:inline-block
+}
+.copyright a,.footer-content a,.footer-links a{
+    color:#777
+}
+.copyright a:hover,.footer-content a:hover,.footer-links a:hover{
+    color:#22c5e5
+}
+.archive-footer,.post-footer{
+    width:60%;
+    max-width:700px
+}
+.footer-content{
+    margin:0 auto;
+    text-align:left
+}
+.footer-links{
+    font-size:100%;
+    padding:0
+}
+.footer-links a{
+    text-decoration:none
+}
+.footer-links li{
+    margin:0 5px
+}
+.home-body{
+    display:-webkit-box;
+    display:-ms-flexbox;
+    display:flex;
+    -webkit-box-orient:vertical;
+    -webkit-box-direction:normal;
+    -ms-flex-direction:column;
+    flex-direction:column;
+    -webkit-box-pack:center;
+    -ms-flex-pack:center;
+    justify-content:center
+}
+.home{
+    font-weight:lighter;
+    line-height:1.4;
+    color:#505050;
+    text-align:center;
+    position:relative
+}
+.home a{
+    border-bottom:1px solid #eee
+}
+.home .content{
+    width:60%;
+    max-width:500px;
+    position:relative;
+    margin:0 auto
+}
+.home h1,.home strong{
+    color:#222
+}
+.home hr{
+    width:80%;
+    max-width:300px;
+    margin:20px auto
+}
+.home li{
+    list-style:none
+}
+.home .profile{
+    width:100%
+}
+.home .profile h1{
+    font-weight:300
+}
+.nav-left{
+    position:absolute;
+    left:-130px;
+    text-align:right
+}
+.nav-left .main-nav-link{
+    display:block;
+    padding-bottom:10px
+}
+.header-hr-left,.mobile-nav{
+    display:none
+}
+.archive-container,.category-container,.tag-container{
+    width:60%;
+    margin:0 auto;
+    position:relative;
+    line-height:1;
+    text-align:left;
+    font-size:18px;
+    padding-top:50px;
+    max-width:700px
+}
+.archive-container article,.category-container article,.tag-container article{
+    margin-bottom:15px
+}
+.archive-container a,.archive-container a:hover,.category-container a,.category-container a:hover,.tag-container a,.tag-container a:hover{
+    border:0
+}
+.archive-container .header,.category-container .header,.tag-container .header{
+    font-size:18px
+}
+.archive-container .archive-article-header>a,.archive-container .archive-article-header>h1,.category-container .archive-article-header>a,.category-container .archive-article-header>h1,.tag-container .archive-article-header>a,.tag-container .archive-article-header>h1{
+    display:inline-block;
+    vertical-align:middle
+}
+.archive-container .archive-article-header>a,.category-container .archive-article-header>a,.tag-container .archive-article-header>a{
+    width:100px
+}
+.archive-container .archive-article-header h1,.category-container .archive-article-header h1,.tag-container .archive-article-header h1{
+    width:calc(100% - 120px);
+    font-size:100%;
+    margin:0
+}
+.archive-container hr,.category-container hr,.tag-container hr{
+    width:60%;
+    margin:20px 0 40px;
+    background-image:-webkit-linear-gradient(0deg,#d5d5d5,#d5d5d5,transparent)
+}
+.archive-container .archive-article-date,.category-container .archive-article-date,.tag-container .archive-article-date{
+    font-size:80%;
+    color:#cacdd0
+}
+.archive-container .archive-article-title,.category-container .archive-article-title,.tag-container .archive-article-title{
+    font-weight:200
+}
+.archive-container .archive-year-wrap,.category-container .archive-year-wrap,.tag-container .archive-year-wrap{
+    margin-bottom:20px
+}
+.archive-container .page-nav,.category-container .page-nav,.tag-container .page-nav{
+    text-align:center;
+    margin-top:30px;
+    color:#aeb4b9
+}
+.archive-container .page-nav a,.category-container .page-nav a,.tag-container .page-nav a{
+    color:#777
+}
+.archive-container .extend,.archive-container .page-number,.category-container .extend,.category-container .page-number,.tag-container .extend,.tag-container .page-number{
+    margin-right:15px
+}
+.article{
+    width:60%;
+    max-width:700px;
+    margin:0 auto
+}
+.article .header{
+    font-size:18px;
+    padding-top:50px
+}
+.article .main-nav-link:hover{
+    border:0
+}
+.article .nav-left{
+    position:relative;
+    left:auto;
+    text-align:initial
+}
+.article .nav-left .main-nav-link{
+    display:inline-block;
+    padding-bottom:5px
+}
+.article .header-hr-left{
+    display:block
+}
+.article hr{
+    width:60%;
+    margin:20px 0 40px;
+    background-image:-webkit-linear-gradient(0deg,#d5d5d5,#d5d5d5,transparent)
+}
+.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{
+    font-weight:bolder
+}
+.article .article-title{
+    font-size:2.5em
+}
+.article a.fancybox,.article a.fancybox-item{
+    border:0
+}
+.article .caption{
+    color:#aeb4b9;
+    display:block;
+    font-size:14px;
+    text-align:center
+}
+.article .article-entry{
+    word-break:break-word
+}
+.article .article-entry img{
+    display:block;
+    margin:auto
+}
+.article .article-entry blockquote footer{
+    text-align:center;
+    font-size:80%;
+    color:#aeb4b9
+}
+.article .article-entry blockquote footer cite{
+    font-style:italic
+}
+.article .article-entry blockquote footer cite a{
+    color:#aeb4b9;
+    border-bottom:1px solid #eee;
+    -webkit-transition:color .25s linear;
+    transition:color .25s linear
+}
+.article .article-entry blockquote footer cite:before{
+    content:"—";
+    padding:0 .5em
+}
+.article .article-entry blockquote footer strong{
+    color:#777;
+    font-weight:400
+}
+.article .article-entry table caption,.article .article-entry table td,.article .article-entry table th,.article .article-entry td,.article .article-entry th{
+    word-break:normal
+}
+.article .article-entry .pullquote{
+    width:45%;
+    border:0
+}
+.article .article-entry .pullquote.left{
+    float:left;
+    text-align:left
+}
+.article .article-entry .pullquote.right{
+    float:right;
+    text-align:right
+}
+.article .article-entry .video-container{
+    position:relative;
+    padding-top:56.25%;
+    margin-bottom:30px;
+    height:0;
+    overflow:hidden
+}
+.article .article-entry .video-container iframe{
+    position:absolute;
+    top:0;
+    left:0;
+    width:100%;
+    height:100%;
+    margin-top:0
+}
+.article .article-nav{
+    max-width:100%;
+    margin-top:50px;
+    font-size:80%
+}
+.article .article-nav-link-wrap{
+    display:inline-block;
+    color:#aeb4b9;
+    padding:0 10px;
+    width:49%;
+    box-sizing:border-box;
+    vertical-align:top;
+    border:0
+}
+.article .article-nav-link-wrap strong{
+    color:#777
+}
+.article .article-nav-link-wrap:hover{
+    border-bottom:0
+}
+.article .article-nav-link-wrap.newer{
+    text-align:right
+}
+.article .article-nav-link-wrap.older{
+    text-align:left
+}
+.article .article-footer,.article .article-footer hr{
+    margin-top:50px
+}
+.article .article-meta{
+    font-size:80%;
+    color:#aeb4b9
+}
+.article .article-meta a{
+    color:#777
+}
+.article .article-meta .label{
+    margin-right:10px
+}
+.article .article-meta .article-category,.article .article-meta .article-tag-list{
+    display:inline-block
+}
+.article .article-meta .article-tag-list-item{
+    display:inline-block;
+    margin-right:5px
+}
+.article .article-meta .article-tag-list-item:before{
+    content:'#'
+}
+.article .article-gallery img{
+    width:100%
+}
+.article-type-page .article-footer{
+    display:none
+}
+.comments{
+    width:60%;
+    max-width:700px;
+    margin:50px auto 0
+}
+.dark{
+    color:#d8d8d8
+}
+.dark,.dark .container,.dark .footer{
+    background-color:#3f3f3f
+}
+.dark a{
+    color:#ddd
+}
+.dark a:hover{
+    color:#fff
+}
+.dark .home{
+    color:#d8d8d8
+}
+.dark .home h1,.dark .home strong{
+    color:#ddd
+}
+.dark .home a{
+    border-bottom:1px solid #ddd
+}
+.dark .home a:hover{
+    border-bottom:1px solid #fff
+}
+.dark .archive-container .header .main-nav-link,.dark .article .header .main-nav-link,.dark .category-container .header .main-nav-link,.dark .tag-container .header .main-nav-link{
+    color:#aaa
+}
+.dark .archive-container .header .main-nav-link:hover,.dark .article .header .main-nav-link:hover,.dark .category-container .header .main-nav-link:hover,.dark .tag-container .header .main-nav-link:hover{
+    color:#fff
+}
+.dark .archive-container .article-nav,.dark .archive-container .page-nav,.dark .article .article-nav,.dark .article .page-nav,.dark .category-container .article-nav,.dark .category-container .page-nav,.dark .tag-container .article-nav,.dark .tag-container .page-nav{
+    color:#aaa
+}
+.dark .archive-container .article-nav a,.dark .archive-container .page-nav a,.dark .article .article-nav a,.dark .article .page-nav a,.dark .category-container .article-nav a,.dark .category-container .page-nav a,.dark .tag-container .article-nav a,.dark .tag-container .page-nav a{
+    color:#bbb
+}
+.dark .archive-container .article-nav a:hover,.dark .archive-container .page-nav a:hover,.dark .article .article-nav a:hover,.dark .article .page-nav a:hover,.dark .category-container .article-nav a:hover,.dark .category-container .page-nav a:hover,.dark .tag-container .article-nav a:hover,.dark .tag-container .page-nav a:hover{
+    color:#fff
+}
+.dark .archive-container .article-entry blockquote footer strong,.dark .archive-container .article-meta a,.dark .article .article-entry blockquote footer strong,.dark .article .article-meta a,.dark .category-container .article-entry blockquote footer strong,.dark .category-container .article-meta a,.dark .tag-container .article-entry blockquote footer strong,.dark .tag-container .article-meta a{
+    color:#bbb
+}
+.dark blockquote{
+    color:#aaa
+}
+.dark b,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark strong{
+    color:#ddd
+}
+.dark .typo-em,.dark .typo em,.dark caption,.dark legend{
+    color:#bbb
+}
+.dark .typo-table td,.dark .typo table caption,.dark .typo table td{
+    border:1px solid #ddd;
+    color:#aaa
+}
+.dark .article-entry .highlight,.dark .article-entry pre{
+    color:#d8d8d8;
+    background-color:#333
+}
+.dark .article-entry .highlight table caption,.dark .article-entry .highlight table td,.dark .article-entry .highlight td{
+    border:0
+}
+.dark .article-entry .highlight .line.marked{
+    background:#444
+}
+.article-entry .highlight,.article-entry pre{
+    padding:20px;
+    background:#f3f5f6;
+    color:#4d4d4c;
+    font-size:14px;
+    overflow:auto;
+    line-height:1.8
+}
+.article-entry .highlight .gutter pre{
+    color:#aeb4b9;
+    font-size:14px
+}
+.article-entry figure.highlight{
+    margin:0
+}
+.article-entry pre code{
+    background:none;
+    text-shadow:none;
+    padding:0
+}
+.article-entry .highlight pre{
+    border:0;
+    margin:0;
+    padding:0
+}
+.article-entry .highlight table{
+    margin:0;
+    width:100%
+}
+.article-entry .highlight td{
+    border:0;
+    padding:0
+}
+.article-entry .highlight figcaption{
+    color:#8e908c
+}
+.article-entry .highlight figcaption a{
+    float:right
+}
+.article-entry .highlight .line{
+    height:25px
+}
+.article-entry .highlight .line.marked{
+    background:#e6e6e6
+}
+pre .comment,pre .title{
+    color:#8e908c
+}
+pre .attribute,pre .css .class,pre .css .id,pre .css .pseudo,pre .html .doctype,pre .regexp,pre .ruby .constant,pre .tag,pre .variable,pre .xml .doctype,pre .xml .pi,pre .xml .tag .title{
+    color:#c82829
+}
+pre .built_in,pre .constant,pre .literal,pre .number,pre .params,pre .preprocessor{
+    color:#f5871f
+}
+pre .class,pre .css .rules .attribute,pre .header,pre .inheritance,pre .ruby .class .title,pre .ruby .symbol,pre .string,pre .value,pre .xml .cdata{
+    color:#718c00
+}
+pre .css .hexcolor{
+    color:#3e999f
+}
+pre .coffeescript .title,pre .function,pre .javascript .title,pre .perl .sub,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword{
+    color:#4271ae
+}
+pre .javascript .function,pre .keyword{
+    color:#8959a8
+}
+@media (max-width:768px){
+    body{
+        font-size:18px
+    }
+    .archive-container,.archive-footer,.article,.home .content,.post-footer{
+        width:80%
+    }
+    .article-title{
+        font-size:2rem
+    }
+    .comments{
+        width:80%
+    }
+    .nav-left{
+        position:relative;
+        left:auto;
+        text-align:initial
+    }
+    .nav-left .main-nav-link{
+        display:inline-block;
+        padding-bottom:5px
+    }
+    .header-hr-left{
+        display:block
+    }
+}
+@media (max-width:468px){
+    body{
+        font-size:16px
+    }
+    .home{
+        color:#222
+    }
+    .home a{
+        color:$111
+    }
+    .archive-container .archive-footer,.archive-container .post-footer{
+        padding:40px
+    }
+    .archive-container .archive-article-header>a,.archive-container .archive-article-header>h1{
+        width:100%
+    }
+    .mobile-nav{
+        display:-webkit-box;
+        display:-ms-flexbox;
+        display:flex;
+        -webkit-box-align:center;
+        -ms-flex-align:center;
+        align-items:center;
+        -webkit-box-pack:justify;
+        -ms-flex-pack:justify;
+        justify-content:space-between
+    }
+    .main-nav{
+        display:none;
+        position:absolute;
+        background-color:#fff;
+        width:50%;
+        padding:20px;
+        border:2px solid #777;
+        box-shadow:5px 5px 5px #777
+    }
+    .main-nav .main-nav-link{
+        display:block;
+        padding-bottom:10px
+    }
+    .article .nav-left{
+        position:absolute
+    }
+    .article .nav-left .main-nav-link{
+        display:block;
+        padding-bottom:10px
+    }
+}
+@media (max-width:320px){
+    body{
+        font-size:14px
+    }
+    .article{
+        font-size:16px
+    }
+    .archive-container .archive-footer,.archive-container .post-footer{
+        padding:30px
+    }
+    .footer,.footer-content{
+        font-size:100%
+    }
+}