commit 41cc48a0ea886aac4a8a0bf60277480a34eb0f46
Author: davegallant
Date: Mon Sep 6 03:18:32 2021 +0000
deploy: 6b5bd7047fd9dfe901d651bc6d693a5508264422
diff --git a/.nojekyll b/.nojekyll
new file mode 100644
index 00000000..e69de29b
diff --git a/404.html b/404.html
new file mode 100644
index 00000000..205d00e4
--- /dev/null
+++ b/404.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+404 Page not found
+
+
+
+
+
+
+
+
+
+
+
+404!
+
+
+
+
\ No newline at end of file
diff --git a/about/index.html b/about/index.html
new file mode 100644
index 00000000..ee609867
--- /dev/null
+++ b/about/index.html
@@ -0,0 +1,36 @@
+
+
+
+
+
+About
+
+
+
+
+
+
+
+
+
+
+
+
About
+
+
+I work as a software developer in the realm of security.
+I have a passion for open-source, automation, security, and economics.
+I enjoy running, music and spending time with my family.
+
+
+
+
\ No newline at end of file
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
new file mode 100644
index 00000000..be406fe3
Binary files /dev/null and b/android-chrome-192x192.png differ
diff --git a/android-chrome-256x256.png b/android-chrome-256x256.png
new file mode 100644
index 00000000..94d84ada
Binary files /dev/null and b/android-chrome-256x256.png differ
diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png
new file mode 100644
index 00000000..5d0adb64
Binary files /dev/null and b/android-chrome-512x512.png differ
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
new file mode 100644
index 00000000..fa050c32
Binary files /dev/null and b/apple-touch-icon.png differ
diff --git a/blog/2018/07/13/first-post/index.html b/blog/2018/07/13/first-post/index.html
new file mode 100644
index 00000000..5b17b449
--- /dev/null
+++ b/blog/2018/07/13/first-post/index.html
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+ First Post
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
First Post
+Dave Gallant
+2018/07/13
+
+
+
+Hello. My plan is to pour useful code snippets, tips and tricks into these pages. I have a fond interest in programming (especially with Python, TypeScript and Golang). Hopefully something within these pages will help you out in your journey.
+
+
+
+
+
+
+
diff --git a/blog/2018/07/18/why-learn-python/index.html b/blog/2018/07/18/why-learn-python/index.html
new file mode 100644
index 00000000..0f3e7db7
--- /dev/null
+++ b/blog/2018/07/18/why-learn-python/index.html
@@ -0,0 +1,160 @@
+
+
+
+
+
+
+ Why Learn Python?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Why Learn Python?
+Dave Gallant
+2018/07/18
+
+
+
+Python is a high-level, general-purpose language that has a wide range of use cases from the mundanely simple to the increasingly complex.
+
+
+
+
+Glue script?
+Web crawling?
+Web server?
+Testing?
+Micro-service?
+Network automation?
+Data Science?
+Machine Learning?
+
+
+Python is likely a quick way to get any of these tasks done.
+
+Including the abundant number of packages that can be found on Python Package Index , there is likely a package that can help you.
+
+Do you want to download a webpage?
+
+
+
+and then invoke the Python interpreter :
+
+Python 3.7 . 0 (default, Jun 29 2018 , 21 :56 :58 )
+[GCC 7.3 . 0 ] on linux
+Type "help" , "copyright" , "credits" or "license" for more information.
+>>> import requests
+>>> requests. get('https://www.theregister.co.uk/' ). text
+
+After that, there is any number of things that can be done with the results.
+
+As you can probably note, the syntax is simple and clean, which makes returning to your code months later less of a jarring experience.
+
+Popularity
+
+According to Stack Overflow Stats , Python has surpassed C# and PHP in popularity and is the 3rd most loved language, after Rust and Kotlin. Interestingly, it is “the most wanted language” for the second year in a row.
+
+Drawbacks
+
+Is Python the magical solution to all the world’s problems? No.
+
+Python is not very suitable for much of the following:
+
+
+Static typing
+Performance-critical application (i.e. graphically-intense video game)
+Mobile app development
+Front-end web development
+
+
+Conclusion
+
+So should you learn it? or stick with shell scripting?
+
+Because of Python’s simple syntax, dynamic typing and abundant Package Index, it makes the language a great asset to have in your toolchain.
+
+And it hasn’t hurt that giants like Google, Facebook and Microsoft have invested heavily in Python.
+
+Resources
+
+This list includes some truly remarkable resources for improving your Python:
+
+
+
+
+
+
+
+
diff --git a/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html b/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html
new file mode 100644
index 00000000..c6894f83
--- /dev/null
+++ b/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html
@@ -0,0 +1,120 @@
+
+
+
+
+
+AppGate SDP on Arch Linux
+
+
+
+
+
+
+
+
+
+
+
+
AppGate SDP on Arch Linux
+Dave Gallant
+2020/03/16
+
+
+AppGate SDP provides a Zero Trust network. This post describes how to get AppGate SDP 4.3.2
working on Arch Linux.
+Depending on the AppGate SDP Server that is running, you may require a client that is more recent than the latest package on AUR .
+As of right now, the latest AUR is 4.2.2-1
.
+These steps highlight how to get it working with Python3.8
by making a 1 line modification to AppGate source code.
+Package
+We already know the community package is out of date, so let’s clone it:
+git clone https://aur.archlinux.org/appgate-sdp.git
+cd appgate-sdp
+
You’ll likely notice that the version is not what we want, so let’s modify the PKGBUILD
to the following:
+# Maintainer: Pawel Mosakowski <pawel at mosakowski dot net>
+pkgname= appgate-sdp
+conflicts=( 'appgate-sdp-headless' )
+pkgver= 4.3.2
+_download_pkgver= 4.3
+pkgrel= 1
+epoch=
+pkgdesc= "Software Defined Perimeter - GUI client"
+arch=( 'x86_64' )
+url= "https://www.cyxtera.com/essential-defense/appgate-sdp/support"
+license=( 'custom' )
+# dependecies calculated by namcap
+depends=( 'gconf' 'libsecret' 'gtk3' 'python' 'nss' 'libxss' 'nodejs' 'dnsmasq' )
+source=( "https://sdpdownloads.cyxtera.com/AppGate-SDP- ${ _download_pkgver} /clients/ ${ pkgname} _ ${ pkgver} _amd64.deb"
+ "appgatedriver.service" )
+options=( staticlibs)
+prepare() {
+ tar -xf data.tar.xz
+}
+package() {
+ cp -dpr " ${ srcdir} " /{ etc,lib,opt,usr} " ${ pkgdir} "
+ mv -v " $pkgdir/lib/systemd/system" " $pkgdir/usr/lib/systemd/"
+ rm -vrf " $pkgdir/lib"
+ cp -v " $srcdir/appgatedriver.service" " $pkgdir/usr/lib/systemd/system/appgatedriver.service"
+ mkdir -vp " $pkgdir/usr/share/licenses/appgate-sdp"
+ cp -v " $pkgdir/usr/share/doc/appgate/copyright" " $pkgdir/usr/share/licenses/appgate-sdp"
+ cp -v " $pkgdir/usr/share/doc/appgate/LICENSE.github" " $pkgdir/usr/share/licenses/appgate-sdp"
+ cp -v " $pkgdir/usr/share/doc/appgate/LICENSES.chromium.html.bz2" " $pkgdir/usr/share/licenses/appgate-sdp"
+}
+md5sums=( '17101aac7623c06d5fbb95f50cf3dbdc'
+ '002644116e20b2d79fdb36b7677ab4cf' )
+
+
Let’s first make sure we have some dependencies. If you do not have yay , check it out.
+Now, let’s install it:
+Run
+Ok, let’s run the client by executing appgate
.
+It complains about not being able to connect.
+Easy fix:
+sudo systemctl start appgatedriver.service
+
Now we should be connected… but DNS is not working?
+Fix DNS
+Running resolvectl
should display that something is not right.
+Why is the DNS not being set by appgate?
+$ head -3 /opt/appgate/linux/set_dns
+#!/usr/bin/env python3
+'' '
+This is used to set and unset the DNS.
+
It seems like python3 is required for the DNS setting to happen.
+Let’s try to run it.
+$ sudo /opt/appgate/linux/set_dns
+/opt/appgate/linux/set_dns:88: SyntaxWarning: "is" with a literal. Did you mean "==" ?
+ servers = [( socket.AF_INET if x.version is 4 else socket.AF_INET6, map( int, x.packed)) for x in servers]
+Traceback ( most recent call last) :
+ File "/opt/appgate/linux/set_dns" , line 30, in <module>
+ import dbus
+ModuleNotFoundError: No module named 'dbus'
+
Ok, let’s install it:
+$ sudo python3.8 -m pip install dbus-python
+
It should work now… right?
+$ sudo /opt/appgate/linux/set_dns
+/opt/appgate/linux/set_dns:88: SyntaxWarning: "is" with a literal. Did you mean "==" ?
+ servers = [( socket.AF_INET if x.version is 4 else socket.AF_INET6, map( int, x.packed)) for x in servers]
+module 'platform' has no attribute 'linux_distribution'
+
This is a breaking change in Python3.8.
+So what is calling platform.linux_distribution
?
+Let’s search for it:
+$ sudo grep -r 'linux_distribution' /opt/appgate/linux/
+/opt/appgate/linux/nm.py: if platform.linux_distribution()[ 0] != 'Fedora' :
+
Aha! So this is in the local AppGate source code. This should be an easy fix. Let’s just replace this line with:
+if True : # Since we are not using Fedora :)
+
Conclusion
+It turns out there are breaking changes in Python3.8.
+The docs that say Deprecated since version 3.5, will be removed in version 3.8: See alternative like the distro package.
+I guess this highlights one of the caveats of relying upon system python.
+
+
+
+
\ No newline at end of file
diff --git a/browserconfig.xml b/browserconfig.xml
new file mode 100644
index 00000000..b3930d0f
--- /dev/null
+++ b/browserconfig.xml
@@ -0,0 +1,9 @@
+
+
+
+
+
+ #da532c
+
+
+
diff --git a/categories/index.html b/categories/index.html
new file mode 100644
index 00000000..df4b9411
--- /dev/null
+++ b/categories/index.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+Categories
+
+
+
+
+
+
+
+
+
+
+Categories
+
+
+
+
\ No newline at end of file
diff --git a/categories/index.xml b/categories/index.xml
new file mode 100644
index 00000000..a0bf8011
--- /dev/null
+++ b/categories/index.xml
@@ -0,0 +1 @@
+Categories on davegallant.github.io - tech micro-blog /categories/Recent content in Categories on davegallant.github.io - tech micro-blog Hugo -- gohugo.io en-us Mon, 16 Mar 2020 22:00:15 -0400 linux /categories/linux/Mon, 16 Mar 2020 22:00:15 -0400 /categories/linux/
\ No newline at end of file
diff --git a/categories/linux/index.html b/categories/linux/index.html
new file mode 100644
index 00000000..d8d0107b
--- /dev/null
+++ b/categories/linux/index.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+linux
+
+
+
+
+
+
+
+
+
+
+linux
+
+
+
+
\ No newline at end of file
diff --git a/categories/linux/index.xml b/categories/linux/index.xml
new file mode 100644
index 00000000..4f1794cb
--- /dev/null
+++ b/categories/linux/index.xml
@@ -0,0 +1 @@
+linux on davegallant.github.io - tech micro-blog /categories/linux/Recent content in linux on davegallant.github.io - tech micro-blog Hugo -- gohugo.io en-us Mon, 16 Mar 2020 22:00:15 -0400 AppGate SDP on Arch Linux /blog/2020/03/16/appgate-sdp-on-arch-linux/Mon, 16 Mar 2020 22:00:15 -0400 /blog/2020/03/16/appgate-sdp-on-arch-linux/ <p>AppGate SDP provides a Zero Trust network. This post describes how to get AppGate SDP <code>4.3.2</code> working on Arch Linux.</p>
\ No newline at end of file
diff --git a/categories/python/index.html b/categories/python/index.html
new file mode 100644
index 00000000..8018eda6
--- /dev/null
+++ b/categories/python/index.html
@@ -0,0 +1,92 @@
+
+
+
+
+
+
+ Python
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Python
+
+
+
+
+
+
+
+
+
+
diff --git a/categories/python/index.xml b/categories/python/index.xml
new file mode 100644
index 00000000..4b38a999
--- /dev/null
+++ b/categories/python/index.xml
@@ -0,0 +1,26 @@
+
+
+
+ Python on davegallant.github.io - tech micro-blog
+ /categories/python/
+ Recent content in Python on davegallant.github.io - tech micro-blog
+ Hugo -- gohugo.io
+ en-us
+ Wed, 18 Jul 2018 20:48:15 -0400
+
+
+
+
+ -
+
Why Learn Python?
+ /blog/2018/07/18/why-learn-python/
+ Wed, 18 Jul 2018 20:48:15 -0400
+
+ /blog/2018/07/18/why-learn-python/
+ <p>Python is a high-level, general-purpose language that has a wide range of use cases from the mundanely simple to the increasingly complex.</p>
+
+<p></p>
+
+
+
+
\ No newline at end of file
diff --git a/categories/random/index.html b/categories/random/index.html
new file mode 100644
index 00000000..c5115959
--- /dev/null
+++ b/categories/random/index.html
@@ -0,0 +1,92 @@
+
+
+
+
+
+
+ Random
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Random
+
+
+
+
+
+
+
+
+
+
diff --git a/categories/random/index.xml b/categories/random/index.xml
new file mode 100644
index 00000000..b3cb2792
--- /dev/null
+++ b/categories/random/index.xml
@@ -0,0 +1,24 @@
+
+
+
+ Random on davegallant.github.io - tech micro-blog
+ /categories/random/
+ Recent content in Random on davegallant.github.io - tech micro-blog
+ Hugo -- gohugo.io
+ en-us
+ Fri, 13 Jul 2018 08:52:45 -0400
+
+
+
+
+ -
+
First Post
+ /blog/2018/07/13/first-post/
+ Fri, 13 Jul 2018 08:52:45 -0400
+
+ /blog/2018/07/13/first-post/
+ Hello. My plan is to pour useful code snippets, tips and tricks into these pages. I have a fond interest in programming (especially with Python, TypeScript and Golang). Hopefully something within these pages will help you out in your journey.
+
+
+
+
\ No newline at end of file
diff --git a/categories/random/page/1/index.html b/categories/random/page/1/index.html
new file mode 100644
index 00000000..198f9725
--- /dev/null
+++ b/categories/random/page/1/index.html
@@ -0,0 +1 @@
+https://davegallant.github.io/categories/random/
\ No newline at end of file
diff --git a/css/custom.css b/css/custom.css
new file mode 100644
index 00000000..db4f4245
--- /dev/null
+++ b/css/custom.css
@@ -0,0 +1,9 @@
+.search-result-title {
+ font-weight: 700;
+ font-size: 16px;
+}
+
+p.search-result {
+ border-bottom: 1px dashed #ccc;
+ padding: 5px 0;
+}
\ No newline at end of file
diff --git a/css/fonts.css b/css/fonts.css
new file mode 100644
index 00000000..8ffcecd3
--- /dev/null
+++ b/css/fonts.css
@@ -0,0 +1,7 @@
+body {
+ font-family: Optima, Candara, Calibri, Arial, sans-serif;
+}
+code {
+ font-family: "Lucida Console", Monaco, monospace;
+ font-size: 85%;
+}
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 00000000..90b599c6
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,53 @@
+body {
+ max-width: 800px;
+ margin: auto;
+ padding: 1em;
+ line-height: 1.5em;
+}
+
+/* header and footer areas */
+.menu { padding: 0; }
+.menu li { display: inline-block; }
+.article-meta, .menu a {
+ text-decoration: none;
+ /* background: #eee; */
+ padding: 5px;
+ border-radius: 5px;
+}
+.menu, .article-meta, footer { text-align: center; }
+.title { font-size: 1.1em; }
+.author { font-size: 0.9em; }
+.date { font-size: 0.9em; }
+footer a { text-decoration: none; }
+hr {
+ border-style: dashed;
+ color: #ddd;
+}
+
+/* code */
+pre {
+ border: 1px solid #ddd;
+ box-shadow: 5px 5px 5px #eee;
+ padding: 1em;
+ overflow-x: auto;
+}
+code { background: #f9f9f9; }
+pre code { background: none; }
+
+/* misc elements */
+img, iframe, video { max-width: 100%; }
+main { hyphens: auto; }
+blockquote {
+ background: #f9f9f9;
+ border-left: 5px solid #ccc;
+ padding: 3px 1em 3px;
+}
+
+table {
+ margin: auto;
+ border-top: 1px solid #666;
+ border-bottom: 1px solid #666;
+}
+table thead th { border-bottom: 1px solid #ddd; }
+th, td { padding: 5px; }
+thead, tfoot, tr:nth-child(even) { background: #eee }
diff --git a/dist/ehlxr.min.css b/dist/ehlxr.min.css
new file mode 100644
index 00000000..f0c311b7
--- /dev/null
+++ b/dist/ehlxr.min.css
@@ -0,0 +1,4 @@
+@font-face{font-family:Chancery;src:url(fonts/chancery/apple-chancery-webfont.eot);src:local("Apple Chancery"),url(fonts/chancery/apple-chancery-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/chancery/apple-chancery-webfont.woff2) format("woff2"),url(fonts/chancery/apple-chancery-webfont.woff) format("woff"),url(fonts/chancery/apple-chancery-webfont.ttf) format("truetype"),url(fonts/chancery/apple-chancery-webfont.svg#apple-chancery) format("svg");font-weight:lighter;font-style:normal}
+
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:#34495e;background:#fefefe;scroll-behavior:smooth;border-top:3px solid #c05b4d}@media screen and (max-width:1000px){body{border-top:0}}::-moz-selection{background:#c05b4d;color:#fff}::selection{background:#c05b4d;color:#fff}img{max-width:100%;height:auto;display:inline-block;vertical-align:middle}a{color:#34495e;text-decoration:none}h1{font-size:26px}h1,h2{font-family:Athelas,STHeiti,Microsoft Yahei,serif}h2{font-size:24px}h3{font-size:20px}h3,h4{font-family:Athelas,STHeiti,Microsoft Yahei,serif}h4{font-size:16px}h5,h6{font-size:14px;font-family:Athelas,STHeiti,Microsoft Yahei,serif}.container{margin:0 auto;width:1000px}@media screen and (max-width:1000px){.container{width:100%;-webkit-box-shadow:-1px -5px 5px #cacaca;box-shadow:-1px -5px 5px #cacaca}.categories,.content-wrapper,.footer,.tag-cloud{width:100%!important}.categories-tags,.tag-cloud-tags{width:100%!important;margin:10px 0!important}}.content-wrapper{padding:0 20px;float:left;width:760px}.video-container{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}@font-face{font-family:iconfont;src:url(fonts/iconfont/iconfont.eot?hash=c2af3bb);src:url(fonts/iconfont/iconfont.eot?hash=c2af3bb#iefix) format("embedded-opentype"),url(fonts/iconfont/iconfont.woff?hash=5d21a10) format("woff"),url(fonts/iconfont/iconfont.ttf?hash=0e6028a) format("truetype"),url(fonts/iconfont/iconfont.svg?hash=566e23f#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;cursor:pointer}.icon-instagram:before{font-size:.95em;content:"\E611";position:relative;top:-1px}.icon-douban:before{content:"\E610"}.icon-tumblr:before{content:"\E69F";font-size:.85em;position:relative;top:-4px}.icon-linkedin:before{content:"\E60D";position:relative;top:-4px}.icon-twitter:before{content:"\E600"}.icon-weibo:before{content:"\E602"}.icon-stack-overflow:before{content:"\E603";font-size:.85em;position:relative;top:-4px}.icon-email:before{content:"\E605";position:relative;top:-2px}.icon-facebook:before{content:"\E601";font-size:.95em;position:relative;top:-2px}.icon-github:before{content:"\E606";position:relative;top:-3px}.icon-rss:before{content:"\E604"}.icon-google:before{content:"\E609"}.icon-zhihu:before{content:"\E607";font-size:.9em;position:relative;top:-2px}.icon-pocket:before{content:"\E856"}.icon-heart:before{content:"\E608"}.icon-right:before{content:"\E60A"}.icon-left:before{content:"\E60B"}.icon-up:before{content:"\E60C"}.icon-close:before{content:"\E60F"}.header{padding:20px;background:#f5f5f5}.header:after,.header:before{content:" ";display:table}.header:after{clear:both}.header .active{background-color:#e1e1e1;border:none;border-radius:2px}.header .logo-wrapper{float:left}.header .logo-wrapper .logo{font-size:30px;font-family:Chancery,cursive}@media screen and (max-width:1000px){.header .logo-wrapper{display:none}}.header .site-navbar{float:right}.header .site-navbar .menu{display:inline-block;position:relative;padding-left:0;padding-right:25px;font-family:Athelas,STHeiti,Microsoft Yahei,serif}.header .site-navbar .menu .menu-item{padding:0 8px;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.header .site-navbar .menu .menu-item+.menu-item{margin-left:10px}.header .site-navbar .menu .menu-item:before{content:"";position:absolute;z-index:-1;height:2px;bottom:0;left:51%;right:51%;background:#c05b4d;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:right,left;transition-property:right,left;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.header .site-navbar .menu .menu-item.active:before,.header .site-navbar .menu .menu-item:active:before,.header .site-navbar .menu .menu-item:focus:before,.header .site-navbar .menu .menu-item:hover:before{right:0;left:0}.header .site-navbar .menu .menu-item:before{border:none;border-radius:2px;height:-webkit-fill-available;height:-moz-available;height:stretch;background:#e1e1e1}.header .site-navbar .menu .menu-item-link{font-size:14px}@media screen and (max-width:1000px){.header .site-navbar{display:none}}.header .header-div{margin:0 auto;width:960px}@media screen and (max-width:1000px){.header{padding:50px 0 0;text-align:center}}.posts{margin-bottom:20px;border-bottom:1px solid #e6e6e6}.post{padding:1.5em 0}.post+.post{border-top:1px solid #e6e6e6}.post .post-header{margin-bottom:20px}.post .post-header .post-title{margin:15px 0;font-size:27px;font-weight:400;font-family:Athelas,STHeiti,Microsoft Yahei,serif}.post .post-header .post-link{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.post .post-header .post-link:before{content:"";position:absolute;z-index:-1;height:2px;bottom:0;left:51%;right:51%;background:#c05b4d;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:right,left;transition-property:right,left;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.post .post-header .post-link.active:before,.post .post-header .post-link:active:before,.post .post-header .post-link:focus:before,.post .post-header .post-link:hover:before{right:0;left:0}.post .post-header .post-meta{font-size:14px;color:#8a8a8a}.post .post-header .post-meta a{color:#c05b4d!important}.post .post-header .post-meta a:hover{border-bottom:1px solid #c05b4d}.post .post-header .post-meta .post-time{font-size:15px}.post .post-header .post-meta .post-category{display:inline}.post .post-header .post-meta .post-category a{color:inherit}.post .post-header .post-meta .post-category a:before{content:""}.post .post-header .post-meta .post-category a:hover{color:#c05b4d}.post .post-header .post-meta .more-meta:before{content:""}.post .post-toc{position:absolute;width:200px;margin-left:785px;padding:10px;font-family:Athelas,STHeiti,Microsoft Yahei,serif;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box}.post .post-toc .post-toc-title{margin:0;font-size:20px;font-weight:400;text-transform:uppercase}.post .post-toc .post-toc-content{font-size:15px}.post .post-toc .post-toc-content.always-active ul{display:block}.post .post-toc .post-toc-content>nav>ul{margin:10px 0}.post .post-toc .post-toc-content ul{padding-left:0;list-style:none}.post .post-toc .post-toc-content ul ul{padding-left:15px;display:none}.post .post-toc .post-toc-content ul .has-active>ul{display:block}.post .post-toc .post-toc-content .toc-link.active{color:#c05b4d}.post .post-toc hr{border:0;border-top:1px solid #eee}.post .post-toc .toc-taxonomy a{color:#bfbfbf!important;display:-webkit-inline-box!important;line-height:25px!important;margin-top:-7px}.post .post-toc a:hover{color:#c05b4d;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.post .post-toc a{display:block;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}@media screen and (max-width:1000px){.post .post-toc{display:none}}.post .post-content{word-wrap:break-word}.post .post-content h1,.post .post-content h2,.post .post-content h3,.post .post-content h4,.post .post-content h5,.post .post-content h6{font-weight:400;font-family:Athelas,STHeiti,Microsoft Yahei,serif}.post .post-content a{color:#c05b4d;word-break:break-all}.post .post-content a:hover{border-bottom:1px solid #c05b4d}.post .post-content a.fancybox{border:0}.post .post-content blockquote{margin:2em 0;padding:10px 20px;position:relative;color:rgba(52,73,94,.8);background-color:rgba(192,91,77,.05);border-left:3px solid rgba(192,91,77,.3);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.125);box-shadow:1px 1px 2px rgba(0,0,0,.125)}.post .post-content blockquote p{margin:0}.post .post-content img{display:inline-block;max-width:100%}.post .post-content>table{max-width:100%;margin:10px 0;border-spacing:0;-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.125);box-shadow:2px 2px 3px rgba(0,0,0,.125)}.post .post-content>table thead{background:#f8f5ec}.post .post-content>table td,.post .post-content>table th{padding:5px 15px;border:1px double #f4efe1}.post .post-content>table tr:hover{background-color:#f8f5ec}.post .post-content code,.post .post-content pre{padding:7px;font-size:13px;font-family:Consolas,Monaco,Menlo,monospace;background:#f8f5ec}.post .post-content code{padding:3px 5px;border-radius:4px;color:#c7254e}.post .post-content .highlight{margin:1em 0;border-radius:5px;overflow-x:auto;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.125);box-shadow:1px 1px 2px rgba(0,0,0,.125);position:relative}.post .post-content .highlight table{position:relative}.post .post-content .highlight table:after{position:absolute;top:0;right:0;left:0;padding:2px 7px;font-size:13px;font-weight:700;color:#b1b1b1;background:#f4efe1;content:"Code"}.post .post-content .highlight.language-bash>table:after{content:"Bash"}.post .post-content .highlight.language-c>table:after{content:"C"}.post .post-content .highlight.language-cs>table:after{content:"C#"}.post .post-content .highlight.language-cpp>table:after{content:"C++"}.post .post-content .highlight.language-css>table:after{content:"CSS"}.post .post-content .highlight.language-coffeescript>table:after{content:"CoffeeScript"}.post .post-content .highlight.language-html>table:after{content:"HTML"}.post .post-content .highlight.language-xml>table:after{content:"XML"}.post .post-content .highlight.language-http>table:after{content:"HTTP"}.post .post-content .highlight.language-json>table:after{content:"JSON"}.post .post-content .highlight.language-java>table:after{content:"Java"}.post .post-content .highlight.language-javascript>table:after,.post .post-content .highlight.language-js>table:after{content:"JavaScript"}.post .post-content .highlight.language-makefile>table:after{content:"Makefile"}.post .post-content .highlight.language-markdown>table:after{content:"Markdown"}.post .post-content .highlight.language-objectivec>table:after{content:"Objective-C"}.post .post-content .highlight.language-php>table:after{content:"PHP"}.post .post-content .highlight.language-perl>table:after{content:"Perl"}.post .post-content .highlight.language-python>table:after{content:"Python"}.post .post-content .highlight.language-ruby>table:after{content:"Ruby"}.post .post-content .highlight.language-sql>table:after{content:"SQL"}.post .post-content .highlight.language-shell>table:after{content:"Shell"}.post .post-content .highlight.language-erlang>table:after{content:"Erlang"}.post .post-content .highlight.language-go>table:after{content:"Go"}.post .post-content .highlight.language-groovy>table:after{content:"Groovy"}.post .post-content .highlight.language-haskell>table:after{content:"Haskell"}.post .post-content .highlight.language-kotlin>table:after{content:"Kotlin"}.post .post-content .highlight.language-less>table:after{content:"Less"}.post .post-content .highlight.language-lisp>table:after{content:"Lisp"}.post .post-content .highlight.language-lua>table:after{content:"Lua"}.post .post-content .highlight.language-matlab>table:after{content:"Matlab"}.post .post-content .highlight.language-rust>table:after{content:"Rust"}.post .post-content .highlight.language-scss>table:after{content:"Scss"}.post .post-content .highlight.language-scala>table:after{content:"Scala"}.post .post-content .highlight.language-swift>table:after{content:"Swift"}.post .post-content .highlight.language-typescript>table:after{content:"TypeScript"}.post .post-content .highlight.language-yaml>table:after,.post .post-content .highlight.language-yml>table:after{content:"YAML"}.post .post-content .highlight.language-toml>table:after{content:"TOML"}.post .post-content .highlight .code pre{margin:0;padding:30px 10px 10px}.post .post-content .highlight .gutter{width:10px;color:#cacaca}.post .post-content .highlight .gutter pre{margin:0;padding:30px 7px 10px}.post .post-content .highlight .line{height:20px}.post .post-content .highlight table,.post .post-content .highlight td,.post .post-content .highlight tr{margin:0;padding:0;width:100%;border-collapse:collapse}.post .post-content .highlight .code .hljs-comment,.post .post-content .highlight .code .hljs-quote{color:#93a1a1}.post .post-content .highlight .code .hljs-addition,.post .post-content .highlight .code .hljs-keyword,.post .post-content .highlight .code .hljs-selector-tag{color:#859900}.post .post-content .highlight .code .hljs-doctag,.post .post-content .highlight .code .hljs-literal,.post .post-content .highlight .code .hljs-meta .hljs-meta-string,.post .post-content .highlight .code .hljs-number,.post .post-content .highlight .code .hljs-regexp,.post .post-content .highlight .code .hljs-string{color:#2aa198}.post .post-content .highlight .code .hljs-name,.post .post-content .highlight .code .hljs-section,.post .post-content .highlight .code .hljs-selector-class,.post .post-content .highlight .code .hljs-selector-id,.post .post-content .highlight .code .hljs-title{color:#268bd2}.post .post-content .highlight .code .hljs-attr,.post .post-content .highlight .code .hljs-attribute,.post .post-content .highlight .code .hljs-class .hljs-title,.post .post-content .highlight .code .hljs-template-variable,.post .post-content .highlight .code .hljs-type,.post .post-content .highlight .code .hljs-variable{color:#b58900}.post .post-content .highlight .code .hljs-bullet,.post .post-content .highlight .code .hljs-link,.post .post-content .highlight .code .hljs-meta,.post .post-content .highlight .code .hljs-meta .hljs-keyword,.post .post-content .highlight .code .hljs-selector-attr,.post .post-content .highlight .code .hljs-selector-pseudo,.post .post-content .highlight .code .hljs-subst,.post .post-content .highlight .code .hljs-symbol{color:#cb4b16}.post .post-content .highlight .code .hljs-built_in,.post .post-content .highlight .code .hljs-deletion{color:#dc322f}.post .post-content .highlight .code .hljs-formula{background:#eee8d5}.post .post-content .highlight .code .hljs-emphasis{font-style:italic}.post .post-content .highlight .code .hljs-strong{font-weight:700}.post .post-content .post-summary{margin-bottom:1em}.post .post-content .read-more .read-more-link{color:#c05b4d;font-size:1.1em;font-family:Athelas,STHeiti,Microsoft Yahei,serif}.post .post-content .read-more .read-more-link:hover{border-bottom:1px solid #c05b4d}.post .post-content kbd{display:inline-block;padding:.25em;background-color:#fafafa;border:1px solid #dbdbdb;border-bottom-color:#b5b5b5;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 #b5b5b5;box-shadow:inset 0 -1px 0 #b5b5b5;font-size:.8em;line-height:1.25;font-family:SFMono-Regular,Liberation Mono,Roboto Mono,Menlo,Monaco,Consolas,Courier New,Courier,monospace;color:#4a4a4a}.post .post-content dl dt:after{content:":"}.post .post-content figure.center{text-align:center}.post .post-content figure.right{text-align:right}.post .post-content figure.left{text-align:left}.post .post-content figure figcaption h4{color:#b5b5b5;font-size:.9rem}.post .post-content .task-list{list-style:none;padding-left:1.5rem}.post .post-content .align-center{text-align:center}.post .post-content .align-right{text-align:right}.post .post-content .align-left{text-align:left}.post .post-content .MJXc-display{overflow-x:auto;overflow-y:hidden}.post .post-copyright{margin-top:20px;padding-top:10px;border-top:1px dashed #e6e6e6;border-bottom:1px dashed #e6e6e6;border-left:3px solid #ff1700;background-color:#f9f9f9}.post .post-copyright .copyright-item{margin:5px 0}.post .post-copyright .copyright-item a{color:#c05b4d;word-wrap:break-word}.post .post-copyright .copyright-item a:hover{border-bottom:1px solid #c05b4d}.post .post-copyright .copyright-item .item-title{display:inline-block;min-width:5rem;margin-right:.5rem;text-align:right}.post .post-copyright .copyright-item .item-title:after{content:" :"}.post .post-reward{margin-top:20px;padding-top:10px;text-align:center}.post .post-reward .reward-button{margin:15px 0;padding:3px 7px;display:inline-block;color:#c05b4d;border:1px solid #c05b4d;border-radius:5px;cursor:pointer}.post .post-reward .reward-button:hover{color:#fefefe;background-color:#c05b4d;-webkit-transition:.5s;transition:.5s}.post .post-reward #reward:checked~.qr-code{display:block}.post .post-reward #reward:checked~.reward-button,.post .post-reward .qr-code{display:none}.post .post-reward .qr-code .qr-code-image{display:inline-block;min-width:200px;width:40%;margin-top:15px}.post .post-reward .qr-code .qr-code-image span{display:inline-block;width:100%;margin:8px 0}.post .post-reward .qr-code .image{width:200px;height:200px}.post .post-footer{margin-top:20px;border-top:1px solid #e6e6e6;font-family:Athelas,STHeiti,Microsoft Yahei,serif}.post .post-footer .post-tags{padding:15px 0}.post .post-footer .post-tags a{margin-right:5px;color:#c05b4d;word-break:break-all}.post .post-footer .post-tags a:before{content:"#"}.post .post-footer .post-nav{margin:1em 0}.post .post-footer .post-nav:after,.post .post-footer .post-nav:before{content:" ";display:table}.post .post-footer .post-nav:after{clear:both}.post .post-footer .post-nav .next,.post .post-footer .post-nav .prev{font-weight:600;font-size:18px;font-family:Athelas,STHeiti,Microsoft Yahei,serif;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-duration:.3s;transition-duration:.3s}.post .post-footer .post-nav .prev{float:left}.post .post-footer .post-nav .prev:hover{color:#c05b4d;-webkit-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px)}.post .post-footer .post-nav .next{float:right}.post .post-footer .post-nav .next:hover{color:#c05b4d;-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}.post .post-footer .post-nav .nav-mobile{display:none}@media screen and (max-width:1000px){.post .post-footer .post-nav .nav-default{display:none}.post .post-footer .post-nav .nav-mobile{display:inline}}.post .single-post-header{text-align:center}.disqus_title{display:inline-block;padding:0 15px;color:#0a9caf;border:1px solid #0a9caf;border-radius:4px;cursor:pointer;font-size:14px;margin-top:20px}.disqus_title:hover{color:#fff;background:#0a9caf}.gitalk-container{margin:20px 0;border-bottom:1px solid #e9e9e9}.pagination{margin:2em 0}.pagination:after,.pagination:before{content:" ";display:table}.pagination:after{clear:both}.pagination .next,.pagination .prev{font-weight:600;font-size:20px;font-family:Athelas,STHeiti,Microsoft Yahei,serif;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-duration:.3s;transition-duration:.3s}.pagination .prev{float:left}.pagination .prev:hover{color:#c05b4d;-webkit-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px)}.pagination .next{float:right}.pagination .next:hover{color:#c05b4d;-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}.footer{margin-top:2em;float:left;width:1000px}.footer .social-links{text-align:center}.footer .social-links .iconfont{font-size:30px}.footer .social-links .iconfont+.iconfont{margin-left:10px}.footer .social-links .iconfont:hover{color:#c05b4d}.footer .copyright{margin:10px 0;color:#8a8a8a;text-align:center;font-family:Athelas,STHeiti,Microsoft Yahei,serif}.footer .copyright .hexo-link,.footer .copyright .theme-link{color:#c05b4d}.footer .copyright .copyright-year{display:block}.footer .copyright .copyright-year .heart{font-size:14px}.archive{margin:2em 0;max-width:550px}.archive .archive-title{font-family:Athelas,STHeiti,Microsoft Yahei,serif}.archive .archive-title.category,.archive .archive-title.tag{margin:15px 0}.archive .archive-title .archive-name{margin:0;display:inline-block;font-weight:400;font-size:30px;line-height:32px}.archive .archive-title .archive-post-counter{color:#8a8a8a}.archive .collection-title{font-family:Athelas,STHeiti,Microsoft Yahei,serif}.archive .collection-title .archive-year{margin:15px 0;font-weight:400;font-size:28px;line-height:30px}.archive .archive-post{padding:3px 20px;border-left:1px solid #cacaca}.archive .archive-post .archive-post-time{margin-right:10px;color:#8a8a8a}.archive .archive-post .archive-post-title .archive-post-link{color:#c05b4d}.archive .archive-post::first-child{margin-top:10px}.archive .archive-post:hover{border-left:3px solid #c05b4d;-webkit-transition:.2s ease-out;transition:.2s ease-out;-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}.archive .archive-post:hover .archive-post-time{color:#717171}.archive .archive-post:hover .archive-post-title .archive-post-link{color:#a14639}@media screen and (max-width:1000px){.archive{margin-left:auto;margin-right:auto}.archive .archive-title .archive-name{font-size:26px}.archive .collection-title .archive-year{margin:10px 0;font-size:24px}.archive .archive-post{padding:5px 10px}.archive .archive-post .archive-post-time{font-size:13px;display:block}}.tag-cloud{margin:2em 0 3em;width:1000px;text-align:center;font-family:Athelas,STHeiti,Microsoft Yahei,serif}.tag-cloud .tag-cloud-title{display:inline-block;font-size:18px;color:#c05b4d;border-bottom:2px solid #c05b4d}.tag-cloud .tag-cloud-tags{width:760px;margin:20px auto!important}.tag-cloud .tag-cloud-tags a{display:inline-block;position:relative;margin:5px 10px;word-wrap:break-word;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.tag-cloud .tag-cloud-tags a .tag-count{display:inline-block;position:relative;top:-8px;right:-2px;color:#c05b4d;font-size:12px}.tag-cloud .tag-cloud-tags a:active,.tag-cloud .tag-cloud-tags a:focus,.tag-cloud .tag-cloud-tags a:hover{color:#c05b4d;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.categories{margin:2em 0 3em;width:1000px;text-align:center;font-family:Athelas,STHeiti,Microsoft Yahei,serif}.categories .categories-title{display:inline-block;font-size:18px;color:#c05b4d;border-bottom:2px solid #c05b4d}.categories .categories-tags{width:760px;margin:20px auto!important}.categories .categories-tags .category-link{display:inline-block;position:relative;margin:5px 10px;word-wrap:break-word;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.categories .categories-tags .category-link .category-count{display:inline-block;position:relative;top:-8px;right:-2px;color:#c05b4d;font-size:12px}.categories .categories-tags .category-link:active,.categories .categories-tags .category-link:focus,.categories .categories-tags .category-link:hover{color:#c05b4d;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.slideout-menu{position:fixed;top:0;left:0;bottom:0;width:180px;min-height:100vh;overflow-y:hidden;-webkit-overflow-scrolling:touch;z-index:0;display:none}.slideout-panel{position:relative;z-index:1;background-color:#fefefe}.slideout-open,.slideout-open .slideout-panel,.slideout-open body{overflow:hidden}.slideout-open .slideout-menu{display:block}.mobile-navbar{display:none;position:fixed;top:0;left:0;width:100%;height:50px;background:#fefefe;-webkit-box-shadow:0 2px 2px #cacaca;box-shadow:0 2px 2px #cacaca;text-align:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:99}.mobile-navbar.fixed-open{-webkit-transform:translate3d(180px,0,0);transform:translate3d(180px,0,0)}.mobile-navbar .mobile-header-logo{display:inline-block;margin-right:50px}.mobile-navbar .mobile-header-logo .logo{font-size:22px;line-height:50px;font-family:Chancery,cursive}.mobile-navbar .mobile-navbar-icon{color:#c05b4d;height:50px;width:50px;font-size:24px;text-align:center;float:left;position:relative;-webkit-transition:background .5s;transition:background .5s}@-webkit-keyframes clickfirst{0%{-webkit-transform:translateY(6px) rotate(0deg);transform:translateY(6px) rotate(0deg)}to{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}}@keyframes clickfirst{0%{-webkit-transform:translateY(6px) rotate(0deg);transform:translateY(6px) rotate(0deg)}to{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}}@-webkit-keyframes clickmid{0%{opacity:1}to{opacity:0}}@keyframes clickmid{0%{opacity:1}to{opacity:0}}@-webkit-keyframes clicklast{0%{-webkit-transform:translateY(-6px) rotate(0deg);transform:translateY(-6px) rotate(0deg)}to{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}}@keyframes clicklast{0%{-webkit-transform:translateY(-6px) rotate(0deg);transform:translateY(-6px) rotate(0deg)}to{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}}@-webkit-keyframes outfirst{0%{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}to{-webkit-transform:translateY(-6px) rotate(0deg);transform:translateY(-6px) rotate(0deg)}}@keyframes outfirst{0%{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}to{-webkit-transform:translateY(-6px) rotate(0deg);transform:translateY(-6px) rotate(0deg)}}@-webkit-keyframes outmid{0%{opacity:0}to{opacity:1}}@keyframes outmid{0%{opacity:0}to{opacity:1}}@-webkit-keyframes outlast{0%{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}to{-webkit-transform:translateY(6px) rotate(0deg);transform:translateY(6px) rotate(0deg)}}@keyframes outlast{0%{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}to{-webkit-transform:translateY(6px) rotate(0deg);transform:translateY(6px) rotate(0deg)}}.mobile-navbar .mobile-navbar-icon span{position:absolute;left:15px;top:25px;left:calc((100% - 20px) / 2);top:calc((100% - 1px) / 2);width:20px;height:1px;background-color:#c05b4d}.mobile-navbar .mobile-navbar-icon span:first-child{-webkit-transform:translateY(6px) rotate(0deg);-ms-transform:translateY(6px) rotate(0deg);transform:translateY(6px) rotate(0deg)}.mobile-navbar .mobile-navbar-icon span:nth-child(3){-webkit-transform:translateY(-6px) rotate(0deg);-ms-transform:translateY(-6px) rotate(0deg);transform:translateY(-6px) rotate(0deg)}.mobile-navbar .mobile-navbar-icon.icon-click span:first-child{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:clickfirst;animation-name:clickfirst}.mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(2){-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:clickmid;animation-name:clickmid}.mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(3){-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:clicklast;animation-name:clicklast}.mobile-navbar .mobile-navbar-icon.icon-out span:first-child{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:outfirst;animation-name:outfirst}.mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(2){-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:outmid;animation-name:outmid}.mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(3){-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:outlast;animation-name:outlast}.mobile-menu{background-color:hsla(45,46%,95%,.5)}.mobile-menu .mobile-menu-list{position:relative;list-style:none;margin-top:50px;padding:0;border-top:1px solid #f8f5ec}.mobile-menu .mobile-menu-list .mobile-menu-item{padding:10px 30px;border-bottom:1px solid #f8f5ec}.mobile-menu .mobile-menu-list a{font-size:18px;font-family:Athelas,STHeiti,Microsoft Yahei,serif}.mobile-menu .mobile-menu-list a:hover{color:#c05b4d}@media screen and (max-width:1000px){.mobile-navbar{display:block}}.back-to-top{display:none;position:fixed;right:20px;bottom:20px;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:10}.back-to-top:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}@media screen and (max-width:1000px){.back-to-top{display:none!important}}.not-found{text-align:center}.not-found .error-emoji{color:#363636;font-size:3rem}.not-found .error-text{color:#797979;font-size:1.25rem}.not-found .error-link{margin-top:2rem}.not-found .error-link a{color:#c05b4d}.sidebar{float:right;width:180px;padding:10px;border-radius:5px;color:#bfbfbf!important}.sidebar hr{border:0;border-top:1px solid #eee}.sidebar a{color:#bfbfbf!important}.sidebar a:focus,.sidebar a:hover{color:#c05b4d!important}.sidebar .sidebar-about,.sidebar .sidebar-category,.sidebar .sidebar-friends,.sidebar .sidebar-social,.sidebar .sidebar-tag,.sidebar .sidebar-tags{padding-left:10px;margin-top:20px;margin-bottom:20px}.sidebar .sidebar-about{margin-top:40px}.sidebar .sidebar-about img{display:block;margin:0 auto;max-width:96px;-webkit-animation:play 2s ease-out 1s 1;animation:play 2s ease-out 1s 1;-webkit-transition:-webkit-transform 1.5s ease-out;transition:-webkit-transform 1.5s ease-out;transition:transform 1.5s ease-out;transition:transform 1.5s ease-out,-webkit-transform 1.5s ease-out}.sidebar .sidebar-about img:hover{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}@-webkit-keyframes play{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}@keyframes play{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.sidebar .sidebar-about .site-state-item{display:inline-block;padding:0 10px}.sidebar .sidebar-about .site-state-item-count{display:block;text-align:center}.sidebar .sidebar-friends .list-inline{padding-left:0;margin-left:-5px;list-style:none}.sidebar .sidebar-friends .list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}.sidebar-category .taxonomy-counts,.sidebar-tag .taxonomy-counts{display:inline-block;position:relative;top:-5px;right:-2px;color:#c05b4d}.sidebar-category .taxonomy-name,.sidebar-tag .taxonomy-name{display:inline-block;border:1px solid #bfbfbf;border-radius:999em;padding:0 10px;color:#fff;line-height:24px;font-size:12px;text-decoration:none;margin:0 1px;margin-bottom:6px}@media screen and (max-width:1000px){.sidebar{display:none}}.query-div .search-query{padding:8px;height:30px;display:block;width:94%;outline:0;border:1px solid #d5d5d5;border-radius:5px;background:0 0;margin:20px 40px}.query-div .query-icon{float:right;height:30px;font-size:27px;color:#999;cursor:pointer}
+/*# sourceMappingURL=ehlxr.min.css.map*/
\ No newline at end of file
diff --git a/dist/ehlxr.min.css.map b/dist/ehlxr.min.css.map
new file mode 100644
index 00000000..c5959c34
--- /dev/null
+++ b/dist/ehlxr.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./css/_variables.scss","webpack:///./css/_common/_normalize.scss","webpack:///./css/style.scss","webpack:///./css/_base.scss","webpack:///./css/_common/_utils.scss","webpack:///./css/_iconfont.scss","webpack:///./css/_partial/_header.scss","webpack:///./css/_partial/_header/_logo.scss","webpack:///./css/_partial/_header/_menu.scss","webpack:///./css/_common/_animation.scss","webpack:///./css/_partial/_post.scss","webpack:///./css/_partial/_post/_header.scss","webpack:///./css/_partial/_post/_toc.scss","webpack:///./css/_partial/_post/_content.scss","webpack:///./css/_partial/_post/_code.scss","webpack:///./css/_partial/_post/_copyright.scss","webpack:///./css/_partial/_post/_reward.scss","webpack:///./css/_partial/_post/_footer.scss","webpack:///./css/_partial/_post/_comments.scss","webpack:///./css/_partial/_pagination.scss","webpack:///./css/_partial/_footer.scss","webpack:///./css/_partial/_footer/_social.scss","webpack:///./css/_partial/_footer/_copyright.scss","webpack:///./css/_partial/_archive.scss","webpack:///./css/_partial/_tags.scss","webpack:///./css/_partial/_categories.scss","webpack:///./css/_partial/_slideout.scss","webpack:///./css/_partial/_mobile.scss","webpack:///./css/_partial/_back-to-top.scss","webpack:///./css/_partial/_404.scss","webpack:///./css/_partial/_sidebar.scss","webpack:///./css/_partial/_search.scss"],"names":[],"mappings":"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","file":"ehlxr.min.css","sourcesContent":["// ==============================\n// Variables\n// ==============================\n\n// ========== Theme Color ========== //\n// Config here to change theme color\n// Default | Mint Green | Cobalt Blue | Hot Pink | Dark Violet\n$theme-color-config: 'Default';\n\n// Default theme color map\n$theme-color-map: (\n 'Default': #c05b4d #f8f5ec,\n 'Mint Green': #16982B #f5f5f5,\n 'Cobalt Blue': #0047AB #f0f2f5,\n 'Hot Pink': #FF69B4 #f8f5f5,\n 'Dark Violet': #9932CC #f5f4fa\n);\n\n// Check theme color config.\n// if it does not exist, use default theme color.\n@if not(map-has-key($theme-color-map, $theme-color-config)) {\n $theme-color-config: 'Default';\n}\n$theme-color-list: map-get($theme-color-map, $theme-color-config);\n\n// Default theme color of the site.\n$theme-color: nth($theme-color-list, 1) !default;\n\n// Deputy theme color of the site.\n$deputy-color: nth($theme-color-list, 2) !default;\n\n\n// ========== Color ========== //\n$black: #0a0a0a !default;\n$white: #fefefe !default;\n$light-gray: #e6e6e6 !default;\n$gray: #cacaca !default;\n$dark-gray: #8a8a8a !default;\n\n\n// ========== Global ========== //\n// Text color of the body.\n$global-font-color: #34495e !default;\n\n// Font size attribute applied to '' and ''.\n$global-font-size: 14px !default;\n\n// Global width of ''.\n$global-body-width: 1000px !default;\n\n// Padding of container main\n$global-container-padding: 0 20px !default;\n\n// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px.\n$global-lineheight: 1.5 !default;\n\n// Font family of the site.\n$global-font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif !default;\n\n// Serif font family of the site.\n$global-serif-font-family: Athelas, STHeiti, Microsoft Yahei, serif !default;\n\n// Background color of the site.\n$global-background: $white !default;\n\n// Headings font size of the site.\n$global-headings: (\n h1: 26px,\n h2: 24px,\n h3: 20px,\n h4: 16px,\n h5: 14px,\n h6: 14px\n) !default;\n\n\n// ========== Header ========== //\n// Padding of the site header.\n$header-padding: 20px 20px !default;\n\n// Font family: Chancery\n@font-face {\n font-family: 'Chancery';\n src: url('../fonts/chancery/apple-chancery-webfont.eot');\n src: local('Apple Chancery'), url('../fonts/chancery/apple-chancery-webfont.eot?#iefix') format('embedded-opentype'),\n url('../fonts/chancery/apple-chancery-webfont.woff2') format('woff2'),\n url('../fonts/chancery/apple-chancery-webfont.woff') format('woff'),\n url('../fonts/chancery/apple-chancery-webfont.ttf') format('truetype'),\n url('../fonts/chancery/apple-chancery-webfont.svg#apple-chancery') format('svg');\n font-weight: lighter;\n font-style: normal;\n}\n\n// Font size of the logo.\n$logo-font-size: 30px !default;\n\n// Font family of the logo.\n$logo-font-family: 'Chancery', cursive, LiSu, sans-serif !default;\n\n// Margin of menu item.\n$menu-item-margin-left: 10px !default;\n\n// Margin of menu item in mobile.\n$menu-item-mobile-margin: 5px !default;\n\n// Font size of menu item link.\n$menu-link-font-size: 14px !default;\n\n// Height of the mobile header.\n$mobile-navbar-height: 50px !default;\n\n// ========== Post ========== //\n// Margin bottom of post list.\n$post-list-margin-bottom: 20px !default;\n\n// Padding of the post.\n$post-padding: 1.5em 0 !default;\n\n// Border top of the post + post.\n$post-border: 1px solid $light-gray !default;\n\n// Font size of post title.\n$post-title-font-size: 27px !default;\n\n// Font weight of post title.\n$post-title-font-weight: 400 !default;\n\n// Margin top of the post meta (post time).\n$post-meta-margin-top: 5px !default;\n\n// Font color of the post meta.\n$post-meta-font-color: $dark-gray !default;\n\n// Border bottom of the read more link when hover it.\n$post-readMore-border-bottom: 1px solid $theme-color !default;\n\n// Margin top of the post footer.\n$post-footer-margin-top: 20px !default;\n\n// Border top of post footer.\n$post-footer-border-top: 1px solid $light-gray !default;\n\n// Padding of the post tags.\n$post-tags-padding: 15px 0 !default;\n\n// Font size of post pagination.\n$post-nav-font-size: 18px !default;\n\n\n// ========== TOC ========== //\n// Width of the post toc.\n$post-toc-width: 200px !default;\n\n// Backgroud color of the post toc.\n$post-toc-backgroud: rgba($deputy-color, 0.6) !default;\n\n// Margin left of the post toc.\n$post-toc-margin-left: $global-body-width - $post-toc-width - 15px !default;\n\n// Font size of the post toc title.\n$post-toc-title-size: 20px !default;\n\n// Font size of the post toc content.\n$post-toc-content: 15px !default;\n\n// List style of the post toc list.\n$post-toc-list-style: none !default;\n\n// Max screen media of the post toc.\n$toc-max-sreen-width: $global-body-width !default;\n\n// ========== Content ========== //\n// Headings anchor.\n$content-headings-anchor: \"\" !default;\n\n// Border bottom of the link when hover it.\n$content-link-border: 1px solid $theme-color !default;\n\n// Background color of the blockquote.\n$content-blockquote-backgroud: rgba($theme-color, 0.05) !default;\n\n// Border left of the blockquote.\n$content-blockquote-border-left: 3px solid rgba($theme-color, 0.3) !default;\n\n// Border color of the table.\n$content-table-border-color: darken($deputy-color, 3%) !default;\n\n// ========== Code ========== //\n// Color of the code.\n$code-color: #c7254e !default;\n\n// Font size of code.\n$code-font-size: 13px !default;\n\n// Font family of the code.\n$code-font-family: Consolas, Monaco, Menlo, Consolas, monospace !default;\n\n// Color of code highlight, solarized.\n$code-highlight-color: (\n comment: #93a1a1,\n keyword: #859900,\n number: #2aa198,\n title: #268bd2,\n attribute: #b58900,\n symbol: #cb4b16,\n built_in: #dc322f,\n formula: #eee8d5\n) !default;\n\n// Code type list.\n$code-type-list: (\n // Custom code type\n language-bash: \"Bash\",\n language-c: \"C\",\n language-cs: \"C#\",\n language-cpp: \"C++\",\n language-css: \"CSS\",\n language-coffeescript: \"CoffeeScript\",\n language-html: \"HTML\",\n language-xml: \"XML\",\n language-http: \"HTTP\",\n language-json: \"JSON\",\n language-java: \"Java\",\n language-js: \"JavaScript\",\n language-javascript: \"JavaScript\",\n language-makefile: \"Makefile\",\n language-markdown: \"Markdown\",\n language-objectivec: \"Objective-C\",\n language-php: \"PHP\",\n language-perl: \"Perl\",\n language-python: \"Python\",\n language-ruby: \"Ruby\",\n language-sql: \"SQL\",\n language-shell: \"Shell\",\n\n language-erlang: \"Erlang\",\n language-go: \"Go\",\n language-groovy: \"Groovy\",\n language-haskell: \"Haskell\",\n language-kotlin: \"Kotlin\",\n language-less: \"Less\",\n language-lisp: \"Lisp\",\n language-lua: \"Lua\",\n language-matlab: \"Matlab\",\n language-rust: \"Rust\",\n language-scss: \"Scss\",\n language-scala: \"Scala\",\n language-swift: \"Swift\",\n language-typescript: \"TypeScript\",\n language-yml: \"YAML\",\n language-yaml: \"YAML\",\n language-toml: \"TOML\"\n) !default;\n\n// Color of the code background.\n$code-background: $deputy-color !default;\n\n\n// ========== Pagination ========== //\n// Margin of the pagination.\n$pagination-margin: 2em 0 !default;\n\n// Font size of the pagination (Without post, post pagination see line 140).\n$pagination-font-size: 20px !default;\n\n\n// ========== Footer ========== //\n// Margin top of the footer.\n$footer-margin-top: 2em !default;\n\n// Margin left of the social link.\n$social-link-margin-left: 10px !default;\n\n// Font size of the social icon.\n$social-icon-font-size: 30px !default;\n\n// Margin of the copyright.\n$copyright-margin: 10px 0 !default;\n\n\n// ========== Archive ========== //\n// Margin of the archive.\n$archive-margin: 2em 0px !default;\n\n// Max width of the archive.\n$archive-max-width: 550px !default;\n\n// Font size of the archive name.\n$archive-name-font-size: 30px !default;\n\n// Font size of the collection title.\n$collection-title-font-size: 28px !default;\n\n// Padding of the archive post.\n$archive-post-padding: 3px 20px !default;\n\n// Padding of the archive post in mobile.\n$archive-post-mobile-padding: 5px 10px !default;\n\n// Font size of the archive post time in mobile.\n$archive-post-mobile-time-font-size: 13px !default;\n\n// Border left of the archive post, use $archive-post-hover-border-left when hover it.\n$archive-post-border-left: 1px solid $gray !default;\n$archive-post-hover-border-left: 3px solid $theme-color !default;\n\n// Transition of the archive post when hover it.\n$archive-post-hover-transition: 0.2s ease-out !default;\n\n// Transform of the archive post when hover it.\n$archive-post-hover-transform: translateX(4px) !default;\n\n\n// ========== Tags ========== //\n// Font soze of the tag cloud title.\n$tag-cloud-title-size: 18px !default;\n\n// Border bottom of the tag cloud title.\n$tag-cloud-title-border-bottom: 2px solid $theme-color !default;\n\n// Margin of the tag cloud tags link.\n$tag-cloud-tags-link-margin: 5px 10px !default;\n\n\n// ========== Categories ========== //\n// Font soze of the categories title.\n$categories-title-size: 18px !default;\n\n// Border bottom of the categories title.\n$categories-title-border-bottom: 2px solid $theme-color !default;\n\n// Margin of the categories tags link.\n$categories-tags-link-margin: 5px 10px !default;\n\n// Font size of the category count\n$category-count-font-size: 12px !default;\n\n\n\n// WEBPACK FOOTER //\n// ./css/_variables.scss","/*! normalize.css v3.0.2 | MIT License | git.io/normalize */\n\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\n * and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\n */\n\n[hidden],\ntemplate {\n display: none;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background color from active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\n\na:active,\na:hover {\n outline: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\n\nabbr[title] {\n border-bottom: 1px dotted;\n}\n\n/**\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\n\nb,\nstrong {\n font-weight: bold;\n}\n\n/**\n * Address styling not present in Safari and Chrome.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari, and Chrome.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address styling not present in IE 8/9.\n */\n\nmark {\n background: #ff0;\n color: #000;\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove border when inside `a` element in IE 8/9/10.\n */\n\nimg {\n border: 0;\n}\n\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Address margin not present in IE 8/9 and Safari.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\n\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Contain overflow in all browsers.\n */\n\npre {\n overflow: auto;\n}\n\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n */\n\n/**\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\n\nbutton {\n overflow: visible;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\n\nbutton,\nhtml input[type=\"button\"], /* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\ninput {\n line-height: normal;\n}\n\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome\n * (include `-moz` to future-proof).\n */\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box; /* 2 */\n box-sizing: content-box;\n}\n\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Define consistent border, margin, and padding.\n */\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\n\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\n\noptgroup {\n font-weight: bold;\n}\n\n/* Tables\n ========================================================================== */\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_common/_normalize.scss","@charset \"UTF-8\";\n@font-face {\n font-family: 'Chancery';\n src: url(\"../fonts/chancery/apple-chancery-webfont.eot\");\n src: local(\"Apple Chancery\"), url(\"../fonts/chancery/apple-chancery-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/chancery/apple-chancery-webfont.woff2\") format(\"woff2\"), url(\"../fonts/chancery/apple-chancery-webfont.woff\") format(\"woff\"), url(\"../fonts/chancery/apple-chancery-webfont.ttf\") format(\"truetype\"), url(\"../fonts/chancery/apple-chancery-webfont.svg#apple-chancery\") format(\"svg\");\n font-weight: lighter;\n font-style: normal; }\n\n/*! normalize.css v3.0.2 | MIT License | git.io/normalize */\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove default margin.\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\n * and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block; }\n\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */ }\n\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent; }\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\na:active,\na:hover {\n outline: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted; }\n\n/**\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\nb,\nstrong {\n font-weight: bold; }\n\n/**\n * Address styling not present in Safari and Chrome.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari, and Chrome.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Address styling not present in IE 8/9.\n */\nmark {\n background: #ff0;\n color: #000; }\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsup {\n top: -0.5em; }\n\nsub {\n bottom: -0.25em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0; }\n\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0; }\n\n/**\n * Contain overflow in all browsers.\n */\npre {\n overflow: auto; }\n\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em; }\n\n/* Forms\n ========================================================================== */\n/**\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n */\n/**\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit;\n /* 1 */\n font: inherit;\n /* 2 */\n margin: 0;\n /* 3 */ }\n\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible; }\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none; }\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */\n cursor: pointer;\n /* 3 */ }\n\n/**\n * Re-set default cursor for disabled elements.\n */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default; }\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0; }\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\ninput {\n line-height: normal; }\n\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome\n * (include `-moz` to future-proof).\n */\ninput[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box;\n /* 2 */\n box-sizing: content-box; }\n\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n border: 0;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold; }\n\n/* Tables\n ========================================================================== */\n/**\n * Remove most spacing between table cells.\n */\ntable {\n border-collapse: collapse;\n border-spacing: 0; }\n\ntd,\nth {\n padding: 0; }\n\nhtml {\n font-size: 14px;\n box-sizing: border-box; }\n\nbody {\n padding: 0;\n margin: 0;\n font-family: \"Source Sans Pro\", \"Helvetica Neue\", Arial, sans-serif;\n font-weight: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.5;\n color: #34495e;\n background: #fefefe;\n scroll-behavior: smooth;\n border-top: 3px solid #c05b4d; }\n\n@media screen and (max-width: 1000px) {\n body {\n border-top: 0; } }\n\n::selection {\n background: #c05b4d;\n color: #fff; }\n\nimg {\n max-width: 100%;\n height: auto;\n display: inline-block;\n vertical-align: middle; }\n\na {\n color: #34495e;\n text-decoration: none; }\n\nh1 {\n font-size: 26px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\nh2 {\n font-size: 24px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\nh3 {\n font-size: 20px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\nh4 {\n font-size: 16px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\nh5 {\n font-size: 14px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\nh6 {\n font-size: 14px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\n.container {\n margin: 0 auto;\n width: 1000px; }\n\n@media screen and (max-width: 1000px) {\n .container {\n width: 100%;\n box-shadow: -1px -5px 5px #cacaca; }\n .content-wrapper {\n width: 100% !important; }\n .content-wrapper {\n width: 100% !important; }\n .footer {\n width: 100% !important; }\n .tag-cloud, .categories {\n width: 100% !important; }\n .tag-cloud-tags, .categories-tags {\n width: 100% !important;\n margin: 10px 0 !important; } }\n\n.content-wrapper {\n padding: 0 20px;\n float: left;\n width: 760px; }\n\n.video-container {\n position: relative;\n padding-bottom: 56.25%;\n /* 16:9 */\n padding-top: 25px;\n height: 0; }\n\n.video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%; }\n\n@font-face {\n font-family: 'iconfont';\n /* project id 96542 */\n src: url(\"../fonts/iconfont/iconfont.eot\");\n src: url(\"../fonts/iconfont/iconfont.eot#iefix\") format(\"embedded-opentype\"), url(\"../fonts/iconfont/iconfont.woff\") format(\"woff\"), url(\"../fonts/iconfont/iconfont.ttf\") format(\"truetype\"), url(\"../fonts/iconfont/iconfont.svg#iconfont\") format(\"svg\"); }\n\n.iconfont {\n font-family: \"iconfont\" !important;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke-width: 0.2px;\n -moz-osx-font-smoothing: grayscale;\n cursor: pointer; }\n\n.icon-instagram:before {\n font-size: .95em;\n content: \"\\e611\";\n position: relative;\n top: -1px; }\n\n.icon-douban:before {\n content: \"\\e610\"; }\n\n.icon-tumblr:before {\n content: \"\\e69f\";\n font-size: .85em;\n position: relative;\n top: -4px; }\n\n.icon-linkedin:before {\n content: \"\\e60d\";\n position: relative;\n top: -4px; }\n\n.icon-twitter:before {\n content: \"\\e600\"; }\n\n.icon-weibo:before {\n content: \"\\e602\"; }\n\n.icon-stack-overflow:before {\n content: \"\\e603\";\n font-size: .85em;\n position: relative;\n top: -4px; }\n\n.icon-email:before {\n content: \"\\e605\";\n position: relative;\n top: -2px; }\n\n.icon-facebook:before {\n content: \"\\e601\";\n font-size: .95em;\n position: relative;\n top: -2px; }\n\n.icon-github:before {\n content: \"\\e606\";\n position: relative;\n top: -3px; }\n\n.icon-rss:before {\n content: \"\\e604\"; }\n\n.icon-google:before {\n content: \"\\e609\"; }\n\n.icon-zhihu:before {\n content: \"\\e607\";\n font-size: .9em;\n position: relative;\n top: -2px; }\n\n.icon-pocket:before {\n content: \"\\e856\"; }\n\n/* Generic Icon */\n.icon-heart:before {\n content: \"\\e608\"; }\n\n.icon-right:before {\n content: \"\\e60a\"; }\n\n.icon-left:before {\n content: \"\\e60b\"; }\n\n.icon-up:before {\n content: \"\\e60c\"; }\n\n.icon-close:before {\n content: \"\\e60f\"; }\n\n.header {\n padding: 20px 20px;\n background: #f5f5f5; }\n .header:before, .header:after {\n content: \" \";\n display: table; }\n .header:after {\n clear: both; }\n .header .active {\n background-color: #e1e1e1;\n border: none;\n border-radius: 2px; }\n .header .logo-wrapper {\n float: left; }\n .header .logo-wrapper .logo {\n font-size: 30px;\n font-family: \"Chancery\", cursive, LiSu, sans-serif; }\n @media screen and (max-width: 1000px) {\n .header .logo-wrapper {\n display: none; } }\n .header .site-navbar {\n float: right; }\n .header .site-navbar .menu {\n display: inline-block;\n position: relative;\n padding-left: 0;\n padding-right: 25px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .header .site-navbar .menu .menu-item {\n display: inline-block;\n padding: 0 8px;\n display: inline-block;\n vertical-align: middle;\n transform: translateZ(0);\n backface-visibility: hidden;\n box-shadow: 0 0 1px transparent;\n position: relative;\n overflow: hidden; }\n .header .site-navbar .menu .menu-item + .menu-item {\n margin-left: 10px; }\n .header .site-navbar .menu .menu-item:before {\n content: '';\n position: absolute;\n z-index: -1;\n height: 2px;\n bottom: 0;\n left: 51%;\n right: 51%;\n background: #c05b4d;\n transition-duration: 0.2s;\n transition-property: right, left;\n transition-timing-function: ease-out; }\n .header .site-navbar .menu .menu-item.active:before, .header .site-navbar .menu .menu-item:active:before, .header .site-navbar .menu .menu-item:focus:before, .header .site-navbar .menu .menu-item:hover:before {\n right: 0;\n left: 0; }\n .header .site-navbar .menu .menu-item:before {\n border: none;\n border-radius: 2px;\n height: stretch;\n background: #e1e1e1; }\n .header .site-navbar .menu .menu-item-link {\n font-size: 14px; }\n @media screen and (max-width: 1000px) {\n .header .site-navbar {\n display: none; } }\n .header .header-div {\n margin: 0 auto;\n width: 960px; }\n\n@media screen and (max-width: 1000px) {\n .header {\n padding: 50px 0 0;\n text-align: center; } }\n\n.posts {\n margin-bottom: 20px;\n border-bottom: 1px solid #e6e6e6; }\n\n.post {\n padding: 1.5em 0; }\n .post + .post {\n border-top: 1px solid #e6e6e6; }\n .post .post-header {\n margin-bottom: 20px; }\n .post .post-header .post-title {\n margin: 15px 0;\n font-size: 27px;\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-header .post-link {\n display: inline-block;\n vertical-align: middle;\n transform: translateZ(0);\n backface-visibility: hidden;\n box-shadow: 0 0 1px transparent;\n position: relative;\n overflow: hidden; }\n .post .post-header .post-link:before {\n content: '';\n position: absolute;\n z-index: -1;\n height: 2px;\n bottom: 0;\n left: 51%;\n right: 51%;\n background: #c05b4d;\n transition-duration: 0.2s;\n transition-property: right, left;\n transition-timing-function: ease-out; }\n .post .post-header .post-link.active:before, .post .post-header .post-link:active:before, .post .post-header .post-link:focus:before, .post .post-header .post-link:hover:before {\n right: 0;\n left: 0; }\n .post .post-header .post-meta {\n font-size: 14px;\n color: #8a8a8a; }\n .post .post-header .post-meta a {\n color: #c05b4d !important; }\n .post .post-header .post-meta a:hover {\n border-bottom: 1px solid #c05b4d; }\n .post .post-header .post-meta .post-time {\n font-size: 15px; }\n .post .post-header .post-meta .post-category {\n display: inline; }\n .post .post-header .post-meta .post-category a {\n color: inherit; }\n .post .post-header .post-meta .post-category a::before {\n content: ''; }\n .post .post-header .post-meta .post-category a:hover {\n color: #c05b4d; }\n .post .post-header .post-meta .more-meta::before {\n content: ''; }\n .post .post-toc {\n position: absolute;\n width: 200px;\n margin-left: 785px;\n padding: 10px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif;\n word-wrap: break-word;\n box-sizing: border-box; }\n .post .post-toc .post-toc-title {\n margin: 0;\n font-size: 20px;\n font-weight: 400;\n text-transform: uppercase; }\n .post .post-toc .post-toc-content {\n font-size: 15px; }\n .post .post-toc .post-toc-content.always-active ul {\n display: block; }\n .post .post-toc .post-toc-content > nav > ul {\n margin: 10px 0; }\n .post .post-toc .post-toc-content ul {\n padding-left: 0;\n list-style: none; }\n .post .post-toc .post-toc-content ul ul {\n padding-left: 15px;\n display: none; }\n .post .post-toc .post-toc-content ul .has-active > ul {\n display: block; }\n .post .post-toc .post-toc-content .toc-link.active {\n color: #c05b4d; }\n .post .post-toc hr {\n border: 0;\n border-top: 1px solid #eee; }\n .post .post-toc .toc-taxonomy a {\n color: #bfbfbf !important;\n display: -webkit-inline-box !important;\n line-height: 25px !important;\n /* padding: 2px 10px; */\n margin-top: -7px; }\n .post .post-toc a:hover {\n color: #c05b4d;\n -webkit-transform: scale(1.1);\n -ms-transform: scale(1.1);\n transform: scale(1.1); }\n .post .post-toc a {\n display: block;\n line-height: 30px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n -webkit-transition-duration: .2s;\n transition-duration: .2s;\n -webkit-transition-property: -webkit-transform;\n transition-property: -webkit-transform;\n transition-property: transform;\n transition-property: transform,-webkit-transform;\n -webkit-transition-timing-function: ease-out;\n transition-timing-function: ease-out; }\n @media screen and (max-width: 1000px) {\n .post .post-toc {\n display: none; } }\n .post .post-content {\n word-wrap: break-word; }\n .post .post-content h1 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content h2 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content h3 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content h4 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content h5 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content h6 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content a {\n color: #c05b4d;\n word-break: break-all; }\n .post .post-content a:hover {\n border-bottom: 1px solid #c05b4d; }\n .post .post-content a.fancybox {\n border: 0; }\n .post .post-content blockquote {\n margin: 2em 0;\n padding: 10px 20px;\n position: relative;\n color: rgba(52, 73, 94, 0.8);\n background-color: rgba(192, 91, 77, 0.05);\n border-left: 3px solid rgba(192, 91, 77, 0.3);\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125); }\n .post .post-content blockquote p {\n margin: 0; }\n .post .post-content img {\n display: inline-block;\n max-width: 100%; }\n .post .post-content > table {\n max-width: 100%;\n margin: 10px 0;\n border-spacing: 0;\n box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.125); }\n .post .post-content > table thead {\n background: #f8f5ec; }\n .post .post-content > table th, .post .post-content > table td {\n padding: 5px 15px;\n border: 1px double #f4efe1; }\n .post .post-content > table tr:hover {\n background-color: #f8f5ec; }\n .post .post-content code, .post .post-content pre {\n padding: 7px;\n font-size: 13px;\n font-family: Consolas, Monaco, Menlo, Consolas, monospace;\n background: #f8f5ec; }\n .post .post-content code {\n padding: 3px 5px;\n border-radius: 4px;\n color: #c7254e; }\n .post .post-content .highlight {\n margin: 1em 0;\n border-radius: 5px;\n overflow-x: auto;\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125);\n position: relative; }\n .post .post-content .highlight table {\n position: relative; }\n .post .post-content .highlight table::after {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: 2px 7px;\n font-size: 13px;\n font-weight: bold;\n color: #b1b1b1;\n background: #f4efe1;\n content: 'Code'; }\n .post .post-content .highlight.language-bash > table::after {\n content: \"Bash\"; }\n .post .post-content .highlight.language-c > table::after {\n content: \"C\"; }\n .post .post-content .highlight.language-cs > table::after {\n content: \"C#\"; }\n .post .post-content .highlight.language-cpp > table::after {\n content: \"C++\"; }\n .post .post-content .highlight.language-css > table::after {\n content: \"CSS\"; }\n .post .post-content .highlight.language-coffeescript > table::after {\n content: \"CoffeeScript\"; }\n .post .post-content .highlight.language-html > table::after {\n content: \"HTML\"; }\n .post .post-content .highlight.language-xml > table::after {\n content: \"XML\"; }\n .post .post-content .highlight.language-http > table::after {\n content: \"HTTP\"; }\n .post .post-content .highlight.language-json > table::after {\n content: \"JSON\"; }\n .post .post-content .highlight.language-java > table::after {\n content: \"Java\"; }\n .post .post-content .highlight.language-js > table::after {\n content: \"JavaScript\"; }\n .post .post-content .highlight.language-javascript > table::after {\n content: \"JavaScript\"; }\n .post .post-content .highlight.language-makefile > table::after {\n content: \"Makefile\"; }\n .post .post-content .highlight.language-markdown > table::after {\n content: \"Markdown\"; }\n .post .post-content .highlight.language-objectivec > table::after {\n content: \"Objective-C\"; }\n .post .post-content .highlight.language-php > table::after {\n content: \"PHP\"; }\n .post .post-content .highlight.language-perl > table::after {\n content: \"Perl\"; }\n .post .post-content .highlight.language-python > table::after {\n content: \"Python\"; }\n .post .post-content .highlight.language-ruby > table::after {\n content: \"Ruby\"; }\n .post .post-content .highlight.language-sql > table::after {\n content: \"SQL\"; }\n .post .post-content .highlight.language-shell > table::after {\n content: \"Shell\"; }\n .post .post-content .highlight.language-erlang > table::after {\n content: \"Erlang\"; }\n .post .post-content .highlight.language-go > table::after {\n content: \"Go\"; }\n .post .post-content .highlight.language-groovy > table::after {\n content: \"Groovy\"; }\n .post .post-content .highlight.language-haskell > table::after {\n content: \"Haskell\"; }\n .post .post-content .highlight.language-kotlin > table::after {\n content: \"Kotlin\"; }\n .post .post-content .highlight.language-less > table::after {\n content: \"Less\"; }\n .post .post-content .highlight.language-lisp > table::after {\n content: \"Lisp\"; }\n .post .post-content .highlight.language-lua > table::after {\n content: \"Lua\"; }\n .post .post-content .highlight.language-matlab > table::after {\n content: \"Matlab\"; }\n .post .post-content .highlight.language-rust > table::after {\n content: \"Rust\"; }\n .post .post-content .highlight.language-scss > table::after {\n content: \"Scss\"; }\n .post .post-content .highlight.language-scala > table::after {\n content: \"Scala\"; }\n .post .post-content .highlight.language-swift > table::after {\n content: \"Swift\"; }\n .post .post-content .highlight.language-typescript > table::after {\n content: \"TypeScript\"; }\n .post .post-content .highlight.language-yml > table::after {\n content: \"YAML\"; }\n .post .post-content .highlight.language-yaml > table::after {\n content: \"YAML\"; }\n .post .post-content .highlight.language-toml > table::after {\n content: \"TOML\"; }\n .post .post-content .highlight .code pre {\n margin: 0;\n padding: 30px 10px 10px; }\n .post .post-content .highlight .gutter {\n width: 10px;\n color: #cacaca; }\n .post .post-content .highlight .gutter pre {\n margin: 0;\n padding: 30px 7px 10px; }\n .post .post-content .highlight .line {\n height: 20px; }\n .post .post-content .highlight table, .post .post-content .highlight tr, .post .post-content .highlight td {\n margin: 0;\n padding: 0;\n width: 100%;\n border-collapse: collapse; }\n .post .post-content .highlight .code .hljs-comment,\n .post .post-content .highlight .code .hljs-quote {\n color: #93a1a1; }\n .post .post-content .highlight .code .hljs-keyword,\n .post .post-content .highlight .code .hljs-selector-tag,\n .post .post-content .highlight .code .hljs-addition {\n color: #859900; }\n .post .post-content .highlight .code .hljs-number,\n .post .post-content .highlight .code .hljs-string,\n .post .post-content .highlight .code .hljs-meta .hljs-meta-string,\n .post .post-content .highlight .code .hljs-literal,\n .post .post-content .highlight .code .hljs-doctag,\n .post .post-content .highlight .code .hljs-regexp {\n color: #2aa198; }\n .post .post-content .highlight .code .hljs-title,\n .post .post-content .highlight .code .hljs-section,\n .post .post-content .highlight .code .hljs-name,\n .post .post-content .highlight .code .hljs-selector-id,\n .post .post-content .highlight .code .hljs-selector-class {\n color: #268bd2; }\n .post .post-content .highlight .code .hljs-attribute,\n .post .post-content .highlight .code .hljs-attr,\n .post .post-content .highlight .code .hljs-variable,\n .post .post-content .highlight .code .hljs-template-variable,\n .post .post-content .highlight .code .hljs-class .hljs-title,\n .post .post-content .highlight .code .hljs-type {\n color: #b58900; }\n .post .post-content .highlight .code .hljs-symbol,\n .post .post-content .highlight .code .hljs-bullet,\n .post .post-content .highlight .code .hljs-subst,\n .post .post-content .highlight .code .hljs-meta,\n .post .post-content .highlight .code .hljs-meta .hljs-keyword,\n .post .post-content .highlight .code .hljs-selector-attr,\n .post .post-content .highlight .code .hljs-selector-pseudo,\n .post .post-content .highlight .code .hljs-link {\n color: #cb4b16; }\n .post .post-content .highlight .code .hljs-built_in,\n .post .post-content .highlight .code .hljs-deletion {\n color: #dc322f; }\n .post .post-content .highlight .code .hljs-formula {\n background: #eee8d5; }\n .post .post-content .highlight .code .hljs-emphasis {\n font-style: italic; }\n .post .post-content .highlight .code .hljs-strong {\n font-weight: bold; }\n .post .post-content .post-summary {\n margin-bottom: 1em; }\n .post .post-content .read-more .read-more-link {\n color: #c05b4d;\n font-size: 1.1em;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content .read-more .read-more-link:hover {\n border-bottom: 1px solid #c05b4d; }\n .post .post-content kbd {\n display: inline-block;\n padding: 0.25em;\n background-color: #fafafa;\n border: 1px solid #dbdbdb;\n border-bottom-color: #b5b5b5;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #b5b5b5;\n font-size: 0.8em;\n line-height: 1.25;\n font-family: \"SFMono-Regular\",\"Liberation Mono\",\"Roboto Mono\",Menlo,Monaco,Consolas,\"Courier New\",Courier,monospace;\n color: #4a4a4a; }\n .post .post-content dl dt::after {\n content: ':'; }\n .post .post-content figure.center {\n text-align: center; }\n .post .post-content figure.right {\n text-align: right; }\n .post .post-content figure.left {\n text-align: left; }\n .post .post-content figure figcaption h4 {\n color: #b5b5b5;\n font-size: 0.9rem; }\n .post .post-content .task-list {\n list-style: none;\n padding-left: 1.5rem; }\n .post .post-content .align-center {\n text-align: center; }\n .post .post-content .align-right {\n text-align: right; }\n .post .post-content .align-left {\n text-align: left; }\n .post .post-content .MJXc-display {\n overflow-x: auto;\n overflow-y: hidden; }\n .post .post-copyright {\n margin-top: 20px;\n padding-top: 10px;\n border-top: 1px dashed #e6e6e6;\n border-bottom: 1px dashed #e6e6e6;\n border-left: 3px solid #ff1700;\n background-color: #f9f9f9; }\n .post .post-copyright .copyright-item {\n margin: 5px 0; }\n .post .post-copyright .copyright-item a {\n color: #c05b4d;\n word-wrap: break-word; }\n .post .post-copyright .copyright-item a:hover {\n border-bottom: 1px solid #c05b4d; }\n .post .post-copyright .copyright-item .item-title {\n display: inline-block;\n min-width: 5rem;\n margin-right: .5rem;\n text-align: right; }\n .post .post-copyright .copyright-item .item-title:after {\n content: \" :\"; }\n .post .post-reward {\n margin-top: 20px;\n padding-top: 10px;\n text-align: center; }\n .post .post-reward .reward-button {\n margin: 15px 0;\n padding: 3px 7px;\n display: inline-block;\n color: #c05b4d;\n border: 1px solid #c05b4d;\n border-radius: 5px;\n cursor: pointer; }\n .post .post-reward .reward-button:hover {\n color: #fefefe;\n background-color: #c05b4d;\n transition: 0.5s; }\n .post .post-reward #reward:checked ~ .qr-code {\n display: block; }\n .post .post-reward #reward:checked ~ .reward-button {\n display: none; }\n .post .post-reward .qr-code {\n display: none; }\n .post .post-reward .qr-code .qr-code-image {\n display: inline-block;\n min-width: 200px;\n width: 40%;\n margin-top: 15px; }\n .post .post-reward .qr-code .qr-code-image span {\n display: inline-block;\n width: 100%;\n margin: 8px 0; }\n .post .post-reward .qr-code .image {\n width: 200px;\n height: 200px; }\n .post .post-footer {\n margin-top: 20px;\n border-top: 1px solid #e6e6e6;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-footer .post-tags {\n padding: 15px 0; }\n .post .post-footer .post-tags a {\n margin-right: 5px;\n color: #c05b4d;\n word-break: break-all; }\n .post .post-footer .post-tags a::before {\n content: '#'; }\n .post .post-footer .post-nav {\n margin: 1em 0; }\n .post .post-footer .post-nav:before, .post .post-footer .post-nav:after {\n content: \" \";\n display: table; }\n .post .post-footer .post-nav:after {\n clear: both; }\n .post .post-footer .post-nav .prev,\n .post .post-footer .post-nav .next {\n font-weight: 600;\n font-size: 18px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif;\n transition-property: transform;\n transition-timing-function: ease-out;\n transition-duration: 0.3s; }\n .post .post-footer .post-nav .prev {\n float: left; }\n .post .post-footer .post-nav .prev:hover {\n color: #c05b4d;\n transform: translateX(-4px); }\n .post .post-footer .post-nav .next {\n float: right; }\n .post .post-footer .post-nav .next:hover {\n color: #c05b4d;\n transform: translateX(4px); }\n .post .post-footer .post-nav .nav-mobile {\n display: none; }\n @media screen and (max-width: 1000px) {\n .post .post-footer .post-nav .nav-default {\n display: none; }\n .post .post-footer .post-nav .nav-mobile {\n display: inline; } }\n .post .single-post-header {\n text-align: center; }\n\n.disqus_title {\n display: inline-block;\n padding: 0 15px;\n color: #0a9caf;\n border: 1px solid #0a9caf;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n /* float: left; */\n margin-top: 20px; }\n\n.disqus_title:hover {\n color: #fff;\n background: #0a9caf; }\n\n.gitalk-container {\n margin: 20px 0;\n border-bottom: 1px solid #e9e9e9; }\n\n.pagination {\n margin: 2em 0; }\n .pagination:before, .pagination:after {\n content: \" \";\n display: table; }\n .pagination:after {\n clear: both; }\n .pagination .prev,\n .pagination .next {\n font-weight: 600;\n font-size: 20px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif;\n transition-property: transform;\n transition-timing-function: ease-out;\n transition-duration: 0.3s; }\n .pagination .prev {\n float: left; }\n .pagination .prev:hover {\n color: #c05b4d;\n transform: translateX(-4px); }\n .pagination .next {\n float: right; }\n .pagination .next:hover {\n color: #c05b4d;\n transform: translateX(4px); }\n\n.footer {\n margin-top: 2em;\n float: left;\n width: 1000px; }\n .footer .social-links {\n text-align: center; }\n .footer .social-links .iconfont {\n font-size: 30px; }\n .footer .social-links .iconfont + .iconfont {\n margin-left: 10px; }\n .footer .social-links .iconfont:hover {\n color: #c05b4d; }\n .footer .copyright {\n margin: 10px 0;\n color: #8a8a8a;\n text-align: center;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .footer .copyright .hexo-link,\n .footer .copyright .theme-link {\n color: #c05b4d; }\n .footer .copyright .copyright-year {\n display: block; }\n .footer .copyright .copyright-year .heart {\n font-size: 14px; }\n\n.archive {\n margin: 2em 0px;\n max-width: 550px; }\n .archive .archive-title {\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .archive .archive-title.tag, .archive .archive-title.category {\n margin: 15px 0; }\n .archive .archive-title .archive-name {\n margin: 0;\n display: inline-block;\n font-weight: 400;\n font-size: 30px;\n line-height: 32px; }\n .archive .archive-title .archive-post-counter {\n color: #8a8a8a; }\n .archive .collection-title {\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .archive .collection-title .archive-year {\n margin: 15px 0;\n font-weight: 400;\n font-size: 28px;\n line-height: 30px; }\n .archive .archive-post {\n padding: 3px 20px;\n border-left: 1px solid #cacaca; }\n .archive .archive-post .archive-post-time {\n margin-right: 10px;\n color: #8a8a8a; }\n .archive .archive-post .archive-post-title .archive-post-link {\n color: #c05b4d; }\n .archive .archive-post::first-child {\n margin-top: 10px; }\n .archive .archive-post:hover {\n border-left: 3px solid #c05b4d;\n transition: 0.2s ease-out;\n transform: translateX(4px); }\n .archive .archive-post:hover .archive-post-time {\n color: #717171; }\n .archive .archive-post:hover .archive-post-title .archive-post-link {\n color: #a14639; }\n\n@media screen and (max-width: 1000px) {\n .archive {\n margin-left: auto;\n margin-right: auto; }\n .archive .archive-title .archive-name {\n font-size: 26px; }\n .archive .collection-title .archive-year {\n margin: 10px 0;\n font-size: 24px; }\n .archive .archive-post {\n padding: 5px 10px; }\n .archive .archive-post .archive-post-time {\n font-size: 13px;\n display: block; } }\n\n.tag-cloud {\n margin: 2em 0 3em;\n width: 1000px;\n text-align: center;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .tag-cloud .tag-cloud-title {\n display: inline-block;\n font-size: 18px;\n color: #c05b4d;\n border-bottom: 2px solid #c05b4d; }\n .tag-cloud .tag-cloud-tags {\n width: 760px;\n margin: 20px auto !important; }\n .tag-cloud .tag-cloud-tags a {\n display: inline-block;\n position: relative;\n margin: 5px 10px;\n word-wrap: break-word;\n transition-duration: 0.2s;\n transition-property: transform;\n transition-timing-function: ease-out; }\n .tag-cloud .tag-cloud-tags a .tag-count {\n display: inline-block;\n position: relative;\n top: -8px;\n right: -2px;\n color: #c05b4d;\n font-size: 12px; }\n .tag-cloud .tag-cloud-tags a:active, .tag-cloud .tag-cloud-tags a:focus, .tag-cloud .tag-cloud-tags a:hover {\n color: #c05b4d;\n transform: scale(1.1); }\n\n.categories {\n margin: 2em 0 3em;\n width: 1000px;\n text-align: center;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .categories .categories-title {\n display: inline-block;\n font-size: 18px;\n color: #c05b4d;\n border-bottom: 2px solid #c05b4d; }\n .categories .categories-tags {\n width: 760px;\n margin: 20px auto !important; }\n .categories .categories-tags .category-link {\n display: inline-block;\n position: relative;\n margin: 5px 10px;\n word-wrap: break-word;\n transition-duration: 0.2s;\n transition-property: transform;\n transition-timing-function: ease-out; }\n .categories .categories-tags .category-link .category-count {\n display: inline-block;\n position: relative;\n top: -8px;\n right: -2px;\n color: #c05b4d;\n font-size: 12px; }\n .categories .categories-tags .category-link:active, .categories .categories-tags .category-link:focus, .categories .categories-tags .category-link:hover {\n color: #c05b4d;\n transform: scale(1.1); }\n\n.slideout-menu {\n position: fixed;\n top: 0;\n left: 0px;\n bottom: 0;\n width: 180px;\n min-height: 100vh;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n z-index: 0;\n display: none; }\n\n.slideout-panel {\n position: relative;\n z-index: 1;\n background-color: #fefefe; }\n\n.slideout-open,\n.slideout-open body,\n.slideout-open .slideout-panel {\n overflow: hidden; }\n\n.slideout-open .slideout-menu {\n display: block; }\n\n.mobile-navbar {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 50px;\n background: #fefefe;\n box-shadow: 0px 2px 2px #cacaca;\n text-align: center;\n transition: transform 300ms ease;\n z-index: 99; }\n .mobile-navbar.fixed-open {\n transform: translate3d(180px, 0px, 0px); }\n .mobile-navbar .mobile-header-logo {\n display: inline-block;\n margin-right: 50px; }\n .mobile-navbar .mobile-header-logo .logo {\n font-size: 22px;\n line-height: 50px;\n font-family: \"Chancery\", cursive, LiSu, sans-serif; }\n .mobile-navbar .mobile-navbar-icon {\n color: #c05b4d;\n height: 50px;\n width: 50px;\n font-size: 24px;\n text-align: center;\n float: left;\n position: relative;\n transition: background 0.5s; }\n\n@keyframes clickfirst {\n 0% {\n transform: translateY(6px) rotate(0deg); }\n 100% {\n transform: translateY(0) rotate(45deg); } }\n\n@keyframes clickmid {\n 0% {\n opacity: 1; }\n 100% {\n opacity: 0; } }\n\n@keyframes clicklast {\n 0% {\n transform: translateY(-6px) rotate(0deg); }\n 100% {\n transform: translateY(0) rotate(-45deg); } }\n\n@keyframes outfirst {\n 0% {\n transform: translateY(0) rotate(-45deg); }\n 100% {\n transform: translateY(-6px) rotate(0deg); } }\n\n@keyframes outmid {\n 0% {\n opacity: 0; }\n 100% {\n opacity: 1; } }\n\n@keyframes outlast {\n 0% {\n transform: translateY(0) rotate(45deg); }\n 100% {\n transform: translateY(6px) rotate(0deg); } }\n .mobile-navbar .mobile-navbar-icon span {\n position: absolute;\n /* fallback for browsers which still doesn't support for `calc()` */\n left: 15px;\n top: 25px;\n left: calc((100% - 20px) / 2);\n top: calc((100% - 1px) / 2);\n width: 20px;\n height: 1px;\n background-color: #c05b4d; }\n .mobile-navbar .mobile-navbar-icon span:nth-child(1) {\n transform: translateY(6px) rotate(0deg); }\n .mobile-navbar .mobile-navbar-icon span:nth-child(3) {\n transform: translateY(-6px) rotate(0deg); }\n .mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(1) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: clickfirst; }\n .mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(2) {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-name: clickmid; }\n .mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(3) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: clicklast; }\n .mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(1) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: outfirst; }\n .mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(2) {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-name: outmid; }\n .mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(3) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: outlast; }\n\n.mobile-menu {\n background-color: rgba(248, 245, 236, 0.5); }\n .mobile-menu .mobile-menu-list {\n position: relative;\n list-style: none;\n margin-top: 50px;\n padding: 0;\n border-top: 1px solid #f8f5ec; }\n .mobile-menu .mobile-menu-list .mobile-menu-item {\n padding: 10px 30px;\n border-bottom: 1px solid #f8f5ec; }\n .mobile-menu .mobile-menu-list a {\n font-size: 18px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .mobile-menu .mobile-menu-list a:hover {\n color: #c05b4d; }\n\n@media screen and (max-width: 1000px) {\n .mobile-navbar {\n display: block; } }\n\n.back-to-top {\n display: none;\n position: fixed;\n right: 20px;\n bottom: 20px;\n transition-property: transform;\n transition-timing-function: ease-out;\n transition-duration: 0.3s;\n z-index: 10; }\n .back-to-top:hover {\n transform: translateY(-5px); }\n\n@media screen and (max-width: 1000px) {\n .back-to-top {\n display: none !important; } }\n\n.not-found {\n text-align: center; }\n .not-found .error-emoji {\n color: #363636;\n font-size: 3rem; }\n .not-found .error-text {\n color: #797979;\n font-size: 1.25rem; }\n .not-found .error-link {\n margin-top: 2rem; }\n .not-found .error-link a {\n color: #c05b4d; }\n\n.sidebar {\n float: right;\n width: 180px;\n padding: 10px;\n border-radius: 5px;\n color: #bfbfbf !important; }\n .sidebar hr {\n border: 0;\n border-top: 1px solid #eee; }\n .sidebar a {\n color: #bfbfbf !important; }\n .sidebar a:hover, .sidebar a:focus {\n color: #c05b4d !important; }\n .sidebar .sidebar-category,\n .sidebar .sidebar-tag,\n .sidebar .sidebar-friends,\n .sidebar .sidebar-about,\n .sidebar .sidebar-tags,\n .sidebar .sidebar-social {\n padding-left: 10px;\n margin-top: 20px;\n margin-bottom: 20px; }\n .sidebar .sidebar-about {\n margin-top: 40px;\n /* Z 轴旋转动画 */ }\n .sidebar .sidebar-about img {\n display: block;\n margin: 0 auto;\n max-width: 96px;\n /* 设置循环动画 [animation: (play)动画名称 (2s)动画播放时长单位秒或微秒 (ase-out)动画播放的速度曲线为以低速结束\n (1s)等待1秒然后开始动画 (1)动画播放次数(infinite为循环播放) ]*/\n -webkit-animation: play 2s ease-out 1s 1;\n -moz-animation: play 2s ease-out 1s 1;\n animation: play 2s ease-out 1s 1;\n /* 鼠标经过头像旋转360度 */\n -webkit-transition: -webkit-transform 1.5s ease-out;\n -moz-transition: -moz-transform 1.5s ease-out;\n transition: transform 1.5s ease-out; }\n .sidebar .sidebar-about img:hover {\n /* 鼠标经过停止头像旋转\n -webkit-animation-play-state:paused;\n animation-play-state:paused;*/\n /* 鼠标经过头像旋转360度 */\n -webkit-transform: rotateZ(360deg);\n -moz-transform: rotateZ(360deg);\n transform: rotateZ(360deg); }\n\n@-webkit-keyframes play {\n 0% {\n -webkit-transform: rotateZ(0deg); }\n 100% {\n -webkit-transform: rotateZ(-360deg); } }\n\n@-moz-keyframes play {\n 0% {\n -moz-transform: rotateZ(0deg); }\n 100% {\n -moz-transform: rotateZ(-360deg); } }\n\n@keyframes play {\n 0% {\n transform: rotateZ(0deg); }\n 100% {\n transform: rotateZ(-360deg); } }\n .sidebar .sidebar-about .site-state-item {\n display: inline-block;\n padding: 0 10px; }\n .sidebar .sidebar-about .site-state-item-count {\n display: block;\n text-align: center; }\n .sidebar .sidebar-friends .list-inline {\n padding-left: 0;\n margin-left: -5px;\n list-style: none; }\n .sidebar .sidebar-friends .list-inline > li {\n display: inline-block;\n padding-right: 5px;\n padding-left: 5px; }\n\n.sidebar-category .taxonomy-counts,\n.sidebar-tag .taxonomy-counts {\n display: inline-block;\n position: relative;\n top: -5px;\n right: -2px;\n color: #c05b4d;\n /* font-size: 1px; */ }\n\n.sidebar-category .taxonomy-name,\n.sidebar-tag .taxonomy-name {\n display: inline-block;\n border: 1px solid #bfbfbf;\n border-radius: 999em;\n padding: 0 10px;\n color: #fff;\n line-height: 24px;\n font-size: 12px;\n text-decoration: none;\n margin: 0 1px;\n margin-bottom: 6px; }\n\n@media screen and (max-width: 1000px) {\n .sidebar {\n display: none; } }\n\n.query-div .search-query {\n padding: 8px;\n height: 30px;\n display: block;\n width: 94%;\n outline: 0;\n border: 1px solid #D5D5D5;\n border-radius: 5px;\n background: 0 0;\n margin: 20px 40px; }\n\n.query-div .query-icon {\n float: right;\n height: 30px;\n font-size: 27px;\n color: #999;\n cursor: pointer; }\n\n\n\n// WEBPACK FOOTER //\n// ./css/style.scss","@import '_common/normalize';\n\nhtml {\n font-size: $global-font-size;\n box-sizing: border-box;\n}\n\nbody {\n padding: 0;\n margin: 0;\n font-family: $global-font-family;\n font-weight: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: $global-lineheight;\n color: $global-font-color;\n background: $global-background;\n scroll-behavior: smooth;\n border-top: 3px solid $theme-color;\n}\n\n@include max-screen() {\n body {\n border-top: 0;\n }\n}\n\n::selection {\n background: $theme-color;\n color: #fff;\n}\n\n// ::-webkit-scrollbar {\n// width: 8px;\n// height: 6px;\n// }\n\n// ::-webkit-scrollbar-thumb {\n// background: lighten($theme-color, 10%);\n// border-radius: 5px;\n// }\n\n// ::-webkit-scrollbar-track {\n// background: rgba(211, 211, 211, 0.4);\n// border-radius: 5px;\n// }\n\nimg {\n max-width: 100%;\n height: auto;\n display: inline-block;\n vertical-align: middle;\n}\n\na {\n color: $global-font-color;\n text-decoration: none;\n}\n\n@each $header, $size in $global-headings {\n #{$header} {\n font-size: $size;\n font-family: $global-serif-font-family;\n }\n}\n\n.container {\n margin: 0 auto;\n width: $global-body-width;\n}\n\n@include max-screen() {\n .container {\n width: 100%;\n box-shadow: -1px -5px 5px $gray;\n }\n\n .content-wrapper {\n width: 100% !important;\n }\n\n .content-wrapper {\n width: 100% !important;\n }\n\n .footer {\n width: 100% !important;\n }\n\n .tag-cloud, .categories {\n width: 100% !important;\n }\n\n .tag-cloud-tags, .categories-tags {\n width: 100% !important;\n margin: 10px 0 !important;\n }\n}\n\n.content-wrapper {\n padding: $global-container-padding;\n float: left;\n width: 760px;\n}\n\n// make video fluid:\n// https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php\n// class video-container is the wrapper used by hexo youtube tag plugin\n.video-container {\n\tposition: relative;\n\tpadding-bottom: 56.25%; /* 16:9 */\n\tpadding-top: 25px;\n\theight: 0;\n}\n.video-container iframe {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_base.scss","@mixin clearfix() {\n &:before,\n &:after {\n content: \" \";\n display: table;\n }\n \n &:after {\n clear: both;\n }\n}\n\n@mixin min-screen($min-width: $global-body-width) {\n @media screen and (min-width: $min-width) {\n @content;\n }\n}\n\n@mixin max-screen($max-width: $global-body-width) {\n @media screen and (max-width: $max-width) {\n @content;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_common/_utils.scss","// ==============================\n// Iconfont\n// ==============================\n\n@font-face {\n font-family: 'iconfont'; /* project id 96542 */\n\n src: url('../fonts/iconfont/iconfont.eot');\n src: url('../fonts/iconfont/iconfont.eot#iefix') format('embedded-opentype'), // not '?#iefix', because webpack will add '?hash=[hash]'\n url('../fonts/iconfont/iconfont.woff') format('woff'),\n url('../fonts/iconfont/iconfont.ttf') format('truetype'),\n url('../fonts/iconfont/iconfont.svg#iconfont') format('svg');\n\n // Uncomment these code and comment upper code if you want to use alicdn\n // src: url('//at.alicdn.com/t/font_96542_ixz9jngnf1sb57b9.eot');\n // src: url('//at.alicdn.com/t/font_96542_ixz9jngnf1sb57b9.eot?#iefix') format('embedded-opentype'),\n // url('//at.alicdn.com/t/font_96542_ixz9jngnf1sb57b9.woff') format('woff'),\n // url('//at.alicdn.com/t/font_96542_ixz9jngnf1sb57b9.ttf') format('truetype'),\n // url('//at.alicdn.com/t/font_96542_ixz9jngnf1sb57b9.svg#iconfont') format('svg');\n}\n\n.iconfont {\n font-family: \"iconfont\" !important;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke-width: 0.2px;\n -moz-osx-font-smoothing: grayscale;\n cursor: pointer;\n}\n\n.icon-instagram:before {\n font-size: .95em;\n content: \"\\e611\";\n position: relative;\n top: -1px;\n}\n.icon-douban:before {\n content: \"\\e610\";\n}\n.icon-tumblr:before {\n content: \"\\e69f\";\n font-size: .85em;\n position: relative;\n top: -4px;\n}\n.icon-linkedin:before {\n content: \"\\e60d\";\n position: relative;\n top: -4px;\n}\n.icon-twitter:before {\n content: \"\\e600\";\n}\n.icon-weibo:before {\n content: \"\\e602\";\n}\n.icon-stack-overflow:before {\n content: \"\\e603\";\n font-size: .85em;\n position: relative;\n top: -4px;\n}\n.icon-email:before {\n content: \"\\e605\";\n position: relative;\n top: -2px;\n}\n.icon-facebook:before {\n content: \"\\e601\";\n font-size: .95em;\n position: relative;\n top: -2px;\n}\n.icon-github:before {\n content: \"\\e606\";\n position: relative;\n top: -3px;\n}\n.icon-rss:before {\n content: \"\\e604\";\n}\n.icon-google:before {\n content: \"\\e609\";\n}\n.icon-zhihu:before {\n content: \"\\e607\";\n font-size: .9em;\n position: relative;\n top: -2px;\n}\n.icon-pocket:before {\n content: \"\\e856\";\n}\n\n/* Generic Icon */\n.icon-heart:before {\n content: \"\\e608\";\n}\n.icon-right:before {\n content: \"\\e60a\";\n}\n.icon-left:before {\n content: \"\\e60b\";\n}\n.icon-up:before {\n content: \"\\e60c\";\n}\n.icon-close:before {\n content: \"\\e60f\";\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_iconfont.scss","// ==============================\n// Header\n// ==============================\n\n.header {\n @include clearfix;\n padding: $header-padding;\n background: #f5f5f5;\n\n .active {\n background-color: #e1e1e1;\n border: none;\n border-radius: 2px;\n }\n\n @import '_header/logo';\n @import '_header/menu';\n\n .header-div {\n margin: 0 auto;\n width: 960px;\n }\n}\n\n@include max-screen() {\n .header {\n padding: 50px 0 0;\n text-align: center;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_header.scss","// ==============================\n// Logo\n// =============================\n\n.logo-wrapper {\n float: left;\n\n .logo {\n font-size: $logo-font-size;\n font-family: $logo-font-family;\n }\n}\n\n@include max-screen() {\n .logo-wrapper {\n display: none;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_header/_logo.scss","// ==============================\n// Menu\n// =============================\n\n.site-navbar {\n float: right;\n\n .menu {\n display: inline-block;\n position: relative;\n padding-left: 0;\n padding-right: 25px;\n font-family: $global-serif-font-family;\n\n .menu-item {\n display: inline-block;\n padding: 0 8px;\n\n & + .menu-item {\n margin-left: $menu-item-margin-left;;\n }\n\n @include underline-from-center;\n\n &:before {\n border: none;\n border-radius: 2px;\n height: stretch;\n background: #e1e1e1;\n }\n }\n\n .menu-item-link {\n font-size: $menu-link-font-size;\n }\n }\n}\n\n@include max-screen() {\n .site-navbar {\n display: none;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_header/_menu.scss","@mixin underline-from-center() {\n display: inline-block;\n vertical-align: middle;\n transform: translateZ(0);\n backface-visibility: hidden;\n box-shadow: 0 0 1px transparent;\n position: relative;\n overflow: hidden;\n\n &:before {\n content: '';\n position: absolute;\n z-index: -1;\n height: 2px;\n bottom: 0;\n left: 51%;\n right: 51%;\n background: $theme-color;\n transition-duration: 0.2s;\n transition-property: right, left;\n transition-timing-function: ease-out;\n }\n\n &.active,\n &:active,\n &:focus,\n &:hover {\n &:before {\n right: 0;\n left: 0;\n }\n }\n}\n\n@mixin mobile-menu-icon() {\n @keyframes clickfirst {\n 0% {\n transform: translateY(6px) rotate(0deg);\n \n }\n\n 100% {\n transform: translateY(0) rotate(45deg);\n }\n }\t\n\n @keyframes clickmid {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n }\n\n @keyframes clicklast {\n 0% {\n transform: translateY(-6px) rotate(0deg);\n }\n\n 100% {\n transform: translateY(0) rotate(-45deg);\n }\n }\n \n @keyframes outfirst {\n 0% {\n transform: translateY(0) rotate(-45deg);\n }\n\n 100% {\n transform: translateY(-6px) rotate(0deg);\n }\n }\t\n\n @keyframes outmid {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes outlast {\n 0% {\n transform: translateY(0) rotate(45deg);\n }\n\n 100% {\n transform: translateY(6px) rotate(0deg);\n }\n }\n\n span {\n position: absolute;\n /* fallback for browsers which still doesn't support for `calc()` */\n left: 15px;\n top: 25px;\n left: calc((100% - 20px) / 2);\n top: calc((100% - 1px) / 2);\n width: 20px;\n height: 1px;\n background-color: $theme-color;\n \n &:nth-child(1) {\n transform: translateY(6px) rotate(0deg);\n }\n\n &:nth-child(3) {\n transform: translateY(-6px) rotate(0deg);\n }\n }\n\n &.icon-click {\n span:nth-child(1) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: clickfirst;\n }\n\n span:nth-child(2) {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-name: clickmid;\n }\n\n span:nth-child(3) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: clicklast;\n }\n }\n\n &.icon-out {\n span:nth-child(1) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: outfirst;\n }\n\n span:nth-child(2) {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-name: outmid;\n }\n\n span:nth-child(3) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: outlast;\n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_common/_animation.scss","// ==============================\n// Post\n// ==============================\n\n.posts {\n margin-bottom: $post-list-margin-bottom;\n border-bottom: $post-border;\n}\n\n.post {\n padding: $post-padding;\n\n & + .post {\n border-top: $post-border;\n }\n\n @import '_post/header';\n @import '_post/toc';\n @import '_post/content';\n @import '_post/copyright';\n @import '_post/reward';\n @import '_post/footer';\n\n .single-post-header {\n text-align: center;\n }\n}\n\n@import '_post/comments';\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_post.scss",".post-header {\n margin-bottom: 20px;\n\n .post-title {\n margin: 15px 0;\n font-size: $post-title-font-size;\n font-weight: $post-title-font-weight;\n font-family: $global-serif-font-family;\n }\n\n .post-link {\n @include underline-from-center;\n }\n\n .post-meta {\n font-size: 14px;\n color: $post-meta-font-color;\n\n a {\n color: #c05b4d !important;\n\n &:hover {\n border-bottom: 1px solid #c05b4d;\n }\n }\n\n .post-time {\n font-size: 15px;\n }\n\n .post-category {\n display: inline;\n\n a {\n color: inherit;\n\n &::before {\n content: '';\n }\n\n &:hover {\n color: $theme-color;\n }\n }\n }\n\n .more-meta {\n &::before {\n content: '';\n }\n }\n\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_post/_header.scss",".post-toc {\n position: absolute;\n width: $post-toc-width;\n margin-left: $post-toc-margin-left;\n padding: 10px;\n font-family: $global-serif-font-family;\n // border-radius: 5px;\n // background: $post-toc-backgroud;\n // box-shadow: 1px 1px 2px rgba(0,0,0,0.125);\n word-wrap: break-word;\n box-sizing: border-box;\n\n .post-toc-title {\n margin: 0;\n font-size: $post-toc-title-size;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .post-toc-content {\n font-size: $post-toc-content;\n\n &.always-active ul {\n display: block;\n }\n\n >nav>ul {\n margin: 10px 0;\n }\n\n ul {\n padding-left: 0;\n list-style: $post-toc-list-style;\n\n ul {\n padding-left: 15px;\n display: none;\n }\n\n .has-active > ul {\n display: block;\n }\n }\n\n .toc-link.active {\n color: $theme-color;\n }\n }\n\n hr {\n border: 0;\n border-top: 1px solid #eee;\n }\n\n .toc-taxonomy a {\n color: #bfbfbf !important;\n display: -webkit-inline-box !important;\n line-height: 25px !important;\n /* padding: 2px 10px; */\n margin-top: -7px;\n }\n\n a:hover {\n color: #c05b4d;\n -webkit-transform: scale(1.1);\n -ms-transform: scale(1.1);\n transform: scale(1.1);\n }\n\n a {\n display: block;\n line-height: 30px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n -webkit-transition-duration: .2s;\n transition-duration: .2s;\n -webkit-transition-property: -webkit-transform;\n transition-property: -webkit-transform;\n transition-property: transform;\n transition-property: transform,-webkit-transform;\n -webkit-transition-timing-function: ease-out;\n transition-timing-function: ease-out;\n}\n}\n\n@include max-screen($toc-max-sreen-width) {\n .post-toc {\n display: none;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_post/_toc.scss","// ==============================\n// Post content\n// ==============================\n\n.post-content {\n word-wrap: break-word;\n\n @for $i from 1 through 6 {\n h#{$i} {\n font-weight: 400;\n font-family: $global-serif-font-family;\n }\n }\n\n a {\n color: $theme-color;\n word-break: break-all;\n\n &:hover {\n border-bottom: $content-link-border;\n }\n\n &.fancybox {\n border: 0;\n }\n }\n\n blockquote {\n margin: 2em 0;\n padding: 10px 20px;\n position: relative;\n color: rgba(#34495e, 0.8);\n background-color: $content-blockquote-backgroud;\n border-left: $content-blockquote-border-left;\n box-shadow: 1px 1px 2px rgba(0,0,0,0.125);\n\n p {\n margin: 0;\n }\n }\n\n img {\n display: inline-block;\n max-width: 100%;\n }\n\n > table {\n max-width: 100%;\n margin: 10px 0;\n border-spacing: 0;\n box-shadow: 2px 2px 3px rgba(0,0,0,.125);\n\n thead {\n background: $deputy-color;\n }\n\n th, td {\n padding: 5px 15px;\n border: 1px double $content-table-border-color;\n }\n\n tr:hover {\n background-color: $deputy-color;\n }\n }\n\n @import 'code';\n\n .post-summary {\n margin-bottom: 1em;\n }\n\n .read-more {\n .read-more-link {\n color: $theme-color;\n font-size: 1.1em;\n font-family: $global-serif-font-family;\n \n &:hover {\n border-bottom: $post-readMore-border-bottom;\n }\n }\n }\n\n kbd {\n display: inline-block;\n padding: 0.25em;\n background-color: #fafafa;\n border: 1px solid #dbdbdb;\n border-bottom-color: #b5b5b5;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #b5b5b5;\n font-size: 0.8em;\n line-height: 1.25;\n font-family: \"SFMono-Regular\",\"Liberation Mono\",\"Roboto Mono\",Menlo,Monaco,Consolas,\"Courier New\",Courier,monospace;\n color: #4a4a4a;\n }\n\n dl dt::after {\n content: ':';\n }\n\n figure {\n &.center {\n text-align: center;\n }\n\n &.right {\n text-align: right;\n }\n\n &.left {\n text-align: left;\n }\n\n figcaption h4 {\n color: #b5b5b5;\n font-size: 0.9rem;\n }\n }\n\n .task-list {\n list-style: none;\n padding-left: 1.5rem;\n }\n\n .align-center {\n text-align: center;\n }\n\n .align-right {\n text-align: right;\n }\n\n .align-left {\n text-align: left;\n }\n\n .MJXc-display {\n overflow-x: auto;\n overflow-y: hidden;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_post/_content.scss","code, pre {\n padding: 7px;\n font-size: $code-font-size;\n font-family: $code-font-family;\n background: $code-background;\n}\n\ncode {\n padding: 3px 5px;\n border-radius: 4px;\n color: $code-color;\n}\n\n.highlight {\n margin: 1em 0;\n border-radius: 5px;\n overflow-x: auto;\n box-shadow: 1px 1px 2px rgba(0,0,0,0.125);\n position: relative;\n\n table {\n position: relative;\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: 2px 7px;\n font-size: $code-font-size;\n font-weight: bold;\n color: darken($gray, 10%);\n background: darken($code-background, 3%);\n content: 'Code';\n }\n }\n\n @each $sign, $text in $code-type-list {\n &.#{$sign} > table::after {\n content: $text;\n }\n }\n\n .code {\n pre {\n margin: 0;\n padding: 30px 10px 10px;\n }\n }\n\n .gutter {\n width: 10px;\n color: $gray;\n\n pre {\n margin: 0;\n padding: 30px 7px 10px;\n }\n }\n\n .line {\n // Fix code block null line height and\n // Synchronous gutter and code line highly.\n height: round($code-font-size * 1.5);\n }\n\n table, tr, td {\n margin: 0;\n padding: 0;\n width: 100%;\n border-collapse: collapse;\n }\n\n .code {\n .hljs-comment,\n .hljs-quote {\n color: map-get($code-highlight-color, comment);\n }\n\n .hljs-keyword,\n .hljs-selector-tag,\n .hljs-addition {\n color: map-get($code-highlight-color, keyword);\n }\n\n .hljs-number,\n .hljs-string,\n .hljs-meta .hljs-meta-string,\n .hljs-literal,\n .hljs-doctag,\n .hljs-regexp {\n color: map-get($code-highlight-color, number);\n }\n\n .hljs-title,\n .hljs-section,\n .hljs-name,\n .hljs-selector-id,\n .hljs-selector-class {\n color: map-get($code-highlight-color, title);\n }\n\n .hljs-attribute,\n .hljs-attr,\n .hljs-variable,\n .hljs-template-variable,\n .hljs-class .hljs-title,\n .hljs-type {\n color: map-get($code-highlight-color, attribute);\n }\n\n .hljs-symbol,\n .hljs-bullet,\n .hljs-subst,\n .hljs-meta,\n .hljs-meta .hljs-keyword,\n .hljs-selector-attr,\n .hljs-selector-pseudo,\n .hljs-link {\n color: map-get($code-highlight-color, symbol);\n }\n\n .hljs-built_in,\n .hljs-deletion {\n color: map-get($code-highlight-color, built_in);\n }\n\n .hljs-formula {\n background: map-get($code-highlight-color, formula);\n }\n \n .hljs-emphasis {\n font-style: italic;\n }\n \n .hljs-strong {\n font-weight: bold;\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_post/_code.scss",".post-copyright {\n margin-top: 20px;\n padding-top: 10px;\n border-top: 1px dashed $light-gray;\n border-bottom: 1px dashed #e6e6e6;\n border-left: 3px solid #ff1700;\n background-color: #f9f9f9;\n\n .copyright-item {\n margin: 5px 0;\n\n a {\n color: $theme-color;\n word-wrap: break-word;\n\n &:hover {\n border-bottom: $content-link-border;\n }\n }\n\n .item-title {\n display: inline-block;\n min-width: 5rem;\n margin-right: .5rem;\n text-align: right;\n\n &:after {\n content: \" :\";\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_post/_copyright.scss",".post-reward {\n margin-top: 20px;\n padding-top: 10px;\n text-align: center;\n // border-top: 1px dashed $light-gray;\n\n .reward-button {\n margin: 15px 0;\n padding: 3px 7px;\n display: inline-block;\n color: $theme-color;\n border: 1px solid $theme-color;\n border-radius: 5px;\n cursor: pointer;\n\n &:hover {\n color: $white;\n background-color: $theme-color;\n transition: 0.5s;\n }\n }\n\n #reward:checked {\n & ~ .qr-code {\n display: block;\n }\n\n & ~ .reward-button {\n display: none;\n }\n }\n\n .qr-code {\n display: none;\n\n .qr-code-image {\n display: inline-block;\n min-width: 200px;\n width: 40%;\n margin-top: 15px;\n\n span {\n display: inline-block;\n width: 100%;\n margin: 8px 0;\n }\n }\n\n .image {\n width: 200px;\n height: 200px;\n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_post/_reward.scss","// ==============================\n// Post footer\n// ==============================\n\n.post-footer {\n margin-top: $post-footer-margin-top;\n border-top: $post-footer-border-top;\n font-family: $global-serif-font-family;\n\n .post-tags {\n padding: $post-tags-padding;\n\n a {\n margin-right: 5px;\n color: $theme-color;\n word-break: break-all;\n\n &::before {\n content: '#';\n }\n }\n }\n\n .post-nav {\n margin: 1em 0;\n @include clearfix;\n\n .prev,\n .next {\n font-weight: 600;\n font-size: $post-nav-font-size;\n font-family: $global-serif-font-family;\n transition-property: transform;\n transition-timing-function: ease-out;\n transition-duration: 0.3s;\n }\n\n .prev {\n float: left;\n\n &:hover {\n color: $theme-color;\n transform: translateX(-4px); \n }\n }\n\n .next {\n float: right;\n\n &:hover {\n color: $theme-color;\n transform: translateX(4px); \n }\n }\n\n .nav-mobile {\n display: none;\n }\n }\n}\n\n@include max-screen() {\n .post-footer {\n .post-nav {\n .nav-default {\n display: none;\n }\n\n .nav-mobile {\n display: inline;\n }\n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_post/_footer.scss",".disqus_title {\n display: inline-block;\n padding: 0 15px;\n color: #0a9caf;\n border: 1px solid #0a9caf;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n /* float: left; */\n margin-top: 20px;\n}\n\n.disqus_title:hover {\n color: #fff;\n background: #0a9caf;\n}\n\n.gitalk-container {\n margin: 20px 0;\n border-bottom: 1px solid #e9e9e9;\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_post/_comments.scss","// ==============================\n// Pagination\n// ==============================\n\n.pagination {\n margin: $pagination-margin;\n @include clearfix;\n\n .prev,\n .next {\n font-weight: 600;\n font-size: $pagination-font-size;\n font-family: $global-serif-font-family;\n transition-property: transform;\n transition-timing-function: ease-out;\n transition-duration: 0.3s;\n }\n\n .prev {\n float: left;\n\n &:hover {\n color: $theme-color;\n transform: translateX(-4px); \n }\n }\n\n .next {\n float: right;\n\n &:hover {\n color: $theme-color;\n transform: translateX(4px); \n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_pagination.scss","// ==============================\n// Post footer\n// =============================\n\n.footer {\n margin-top: $footer-margin-top;\n float: left;\n width: $global-body-width;\n\n @import \"_footer/social\";\n @import \"_footer/copyright\";\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_footer.scss","// ==============================\n// Social\n// =============================\n\n.social-links {\n text-align: center;\n\n .iconfont {\n font-size: $social-icon-font-size;\n\n & + .iconfont {\n margin-left: $social-link-margin-left;\n } \n\n &:hover {\n color: $theme-color;\n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_footer/_social.scss","// ==============================\n// Copyright\n// =============================\n\n.copyright {\n margin: $copyright-margin;\n color: $dark-gray;\n text-align: center;\n font-family: $global-serif-font-family;\n\n .hexo-link,\n .theme-link {\n color: $theme-color;\n }\n\n .copyright-year {\n display: block;\n\n .heart {\n font-size: 14px;\n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_footer/_copyright.scss","// ==============================\n// Archive\n// =============================\n\n.archive {\n margin: $archive-margin;\n max-width: $archive-max-width;\n\n .archive-title {\n font-family: $global-serif-font-family;\n\n &.tag,\n &.category {\n margin: 15px 0;\n }\n\n .archive-name {\n margin: 0;\n display: inline-block;\n font-weight: 400;\n font-size: $archive-name-font-size;\n line-height: $archive-name-font-size + 2px;\n }\n\n .archive-post-counter {\n // display: none;\n color: $dark-gray;\n }\n }\n\n .collection-title {\n font-family: $global-serif-font-family;\n\n .archive-year {\n margin: 15px 0;\n font-weight: 400;\n font-size: $collection-title-font-size;\n line-height: $collection-title-font-size + 2px;\n }\n }\n\n .archive-post {\n padding: $archive-post-padding;\n border-left: $archive-post-border-left;\n\n .archive-post-time {\n margin-right: 10px;\n color: $dark-gray;\n }\n\n .archive-post-title {\n\n .archive-post-link {\n color: $theme-color;\n }\n }\n\n &::first-child {\n margin-top: 10px;\n }\n\n &:hover {\n border-left: $archive-post-hover-border-left;\n transition: $archive-post-hover-transition;\n transform: $archive-post-hover-transform;\n\n .archive-post-time {\n color: darken($dark-gray, 10%);\n }\n\n .archive-post-title .archive-post-link {\n color: darken($theme-color, 10%);\n }\n }\n }\n}\n\n@include max-screen() {\n .archive {\n margin-left: auto;\n margin-right: auto;\n\n .archive-title .archive-name {\n font-size: $archive-name-font-size - 4px;\n }\n\n .collection-title .archive-year {\n margin: 10px 0;\n font-size: $collection-title-font-size - 4px;\n }\n\n .archive-post {\n padding: $archive-post-mobile-padding;\n\n .archive-post-time {\n font-size: $archive-post-mobile-time-font-size;\n display: block;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_archive.scss","// ==============================\n// Tags\n// =============================\n\n.tag-cloud {\n margin: 2em 0 3em;\n width: $global-body-width;\n text-align: center;\n font-family: $global-serif-font-family;\n\n .tag-cloud-title {\n display: inline-block;\n font-size: $tag-cloud-title-size;\n color: $theme-color;\n border-bottom: $tag-cloud-title-border-bottom;\n }\n\n .tag-cloud-tags {\n width: 760px;\n margin: 20px auto !important;\n\n a {\n display: inline-block;\n position: relative;\n margin: $tag-cloud-tags-link-margin;\n word-wrap: break-word;\n transition-duration: 0.2s;\n transition-property: transform;\n transition-timing-function: ease-out;\n\n .tag-count {\n display: inline-block;\n position: relative;\n top: -8px;\n right: -2px;\n color: $theme-color;\n font-size: $category-count-font-size;\n }\n\n &:active,\n &:focus,\n &:hover {\n color: $theme-color;\n transform: scale(1.1);\n }\n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_tags.scss","\n.categories {\n margin: 2em 0 3em;\n width: $global-body-width;\n text-align: center;\n font-family: $global-serif-font-family;\n\n .categories-title {\n display: inline-block;\n font-size: $categories-title-size;\n color: $theme-color;\n border-bottom: $categories-title-border-bottom;\n }\n\n .categories-tags {\n width: 760px;\n margin: 20px auto !important;\n\n .category-link {\n display: inline-block;\n position: relative;\n margin: $categories-tags-link-margin;\n word-wrap: break-word;\n transition-duration: 0.2s;\n transition-property: transform;\n transition-timing-function: ease-out;\n\n .category-count {\n display: inline-block;\n position: relative;\n top: -8px;\n right: -2px;\n color: $theme-color;\n font-size: $category-count-font-size;\n }\n\n &:active,\n &:focus,\n &:hover {\n color: $theme-color;\n transform: scale(1.1);\n }\n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_categories.scss","// ==============================\n// slideout (https://github.com/mango/slideout)\n// ==============================\n\n.slideout-menu {\n position: fixed;\n top: 0;\n left: 0px;\n bottom: 0;\n width: 180px;\n min-height: 100vh;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n z-index: 0;\n display: none;\n}\n\n.slideout-panel {\n position: relative;\n z-index: 1;\n background-color: $white;\n // min-height: 100vh;\n}\n\n.slideout-open,\n.slideout-open body,\n.slideout-open .slideout-panel {\n overflow: hidden;\n}\n\n.slideout-open .slideout-menu {\n display: block;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_slideout.scss","// ==============================\n// Mobile Navbar\n// ==============================\n\n.mobile-navbar {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: $mobile-navbar-height;\n background: $white;\n box-shadow: 0px 2px 2px $gray;\n text-align: center;\n transition: transform 300ms ease;\n z-index: 99;\n\n &.fixed-open {\n transform: translate3d(180px, 0px, 0px);\n }\n\n .mobile-header-logo {\n display: inline-block;\n margin-right: 50px;\n\n .logo {\n font-size: 22px;\n line-height: $mobile-navbar-height;\n font-family: $logo-font-family;\n }\n }\n\n .mobile-navbar-icon {\n color: $theme-color;\n height: $mobile-navbar-height;\n width: $mobile-navbar-height;\n font-size: 24px;\n text-align: center;\n float: left;\n position: relative;\n transition: background 0.5s;\n\n @include mobile-menu-icon();\n }\n}\n\n.mobile-menu {\n background-color: rgba($deputy-color, 0.5);\n\n .mobile-menu-list {\n position: relative;\n list-style: none;\n margin-top: 50px;\n padding: 0;\n border-top: 1px solid $deputy-color;\n\n .mobile-menu-item {\n padding: 10px 30px;\n border-bottom: 1px solid $deputy-color;\n }\n\n a {\n font-size: 18px;\n font-family: $global-serif-font-family;\n\n &:hover {\n color: $theme-color;\n }\n }\n }\n}\n\n@include max-screen() {\n .mobile-navbar {\n display: block;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_mobile.scss","// ==============================\n// Back to top\n// =============================\n\n.back-to-top {\n display: none;\n position: fixed;\n right: 20px;\n bottom: 20px;\n transition-property: transform;\n transition-timing-function: ease-out;\n transition-duration: 0.3s;\n z-index: 10;\n\n &:hover {\n transform: translateY(-5px); \n }\n}\n\n@include max-screen() {\n .back-to-top {\n display: none !important;\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_back-to-top.scss","// ==============================\n// Archive\n// =============================\n\n.not-found {\n text-align: center;\n\n .error-emoji {\n color: #363636;\n font-size: 3rem;\n }\n\n .error-text {\n color: #797979;\n font-size: 1.25rem;\n }\n\n .error-link {\n margin-top: 2rem;\n\n a {\n color: $theme-color;\n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_404.scss",".sidebar {\n float: right;\n width: 180px;\n padding: 10px;\n border-radius: 5px;\n color: #bfbfbf !important;\n\n hr {\n // margin-top: 20px;\n // margin-bottom: 20px;\n border: 0;\n border-top: 1px solid #eee;\n }\n\n a {\n color: #bfbfbf!important;\n\n &:hover,\n &:focus {\n color: #c05b4d !important;\n }\n }\n\n .sidebar-category,\n .sidebar-tag,\n .sidebar-friends,\n .sidebar-about,\n .sidebar-tags,\n .sidebar-social{\n padding-left: 10px;\n margin-top: 20px;\n margin-bottom: 20px;\n }\n\n .sidebar-about{\n margin-top: 40px;\n\n img{\n display: block;\n margin: 0 auto;\n max-width: 96px;\n\n /* 设置循环动画 [animation: (play)动画名称 (2s)动画播放时长单位秒或微秒 (ase-out)动画播放的速度曲线为以低速结束\n (1s)等待1秒然后开始动画 (1)动画播放次数(infinite为循环播放) ]*/\n -webkit-animation: play 2s ease-out 1s 1;\n -moz-animation: play 2s ease-out 1s 1;\n animation: play 2s ease-out 1s 1;\n\n /* 鼠标经过头像旋转360度 */\n -webkit-transition: -webkit-transform 1.5s ease-out;\n -moz-transition: -moz-transform 1.5s ease-out;\n transition: transform 1.5s ease-out;\n\n &:hover {\n /* 鼠标经过停止头像旋转\n -webkit-animation-play-state:paused;\n animation-play-state:paused;*/\n\n /* 鼠标经过头像旋转360度 */\n -webkit-transform: rotateZ(360deg);\n -moz-transform: rotateZ(360deg);\n transform: rotateZ(360deg);\n }\n }\n\n /* Z 轴旋转动画 */\n @-webkit-keyframes play {\n 0% {\n -webkit-transform: rotateZ(0deg);\n }\n 100% {\n -webkit-transform: rotateZ(-360deg);\n }\n }\n @-moz-keyframes play {\n 0% {\n -moz-transform: rotateZ(0deg);\n }\n 100% {\n -moz-transform: rotateZ(-360deg);\n }\n }\n @keyframes play {\n 0% {\n transform: rotateZ(0deg);\n }\n 100% {\n transform: rotateZ(-360deg);\n }\n }\n\n .site-state-item {\n display: inline-block;\n padding: 0 10px;\n }\n\n .site-state-item-count {\n display: block;\n text-align: center;\n }\n }\n\n .sidebar-friends {\n .list-inline {\n padding-left: 0;\n margin-left: -5px;\n list-style: none;\n }\n\n .list-inline>li {\n display: inline-block;\n padding-right: 5px;\n padding-left: 5px;\n }\n }\n}\n\n\n.sidebar-category,\n.sidebar-tag {\n .taxonomy-counts {\n display: inline-block;\n position: relative;\n top: -5px;\n right: -2px;\n color: #c05b4d;\n /* font-size: 1px; */\n }\n\n .taxonomy-name {\n display: inline-block;\n border: 1px solid rgb(191, 191, 191);\n border-radius: 999em;\n padding: 0 10px;\n color: #fff;\n line-height: 24px;\n font-size: 12px;\n text-decoration: none;\n margin: 0 1px;\n margin-bottom: 6px;\n }\n}\n\n\n@include max-screen($toc-max-sreen-width) {\n .sidebar {\n display: none;\n }\n}\n\n\n// .site-author-name {\n// margin: $site-author-name-margin;\n// text-align: $site-author-name-align;\n// color: $site-author-name-color;\n// font-weight: $site-author-name-weight;\n// }\n\n// .site-description {\n// margin-top: $site-description-margin-top;\n// text-align: $site-description-align;\n// font-size: $site-description-font-size;\n// color: $site-description-color;\n// }\n\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_sidebar.scss",".query-div {\n .search-query {\n padding: 8px;\n height: 30px;\n display: block;\n width: 94%;\n outline: 0;\n border: 1px solid #D5D5D5;\n border-radius: 5px;\n background: 0 0;\n margin: 20px 40px;\n }\n\n .query-icon {\n float: right;\n height: 30px;\n font-size: 27px;\n color: #999;\n cursor: pointer;\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./css/_partial/_search.scss"],"sourceRoot":""}
\ No newline at end of file
diff --git a/dist/ehlxr.min.js b/dist/ehlxr.min.js
new file mode 100644
index 00000000..37ff5668
--- /dev/null
+++ b/dist/ehlxr.min.js
@@ -0,0 +1,2 @@
+!function(e){var t={};function n(o){if(t[o])return t[o].exports;var a=t[o]={i:o,l:!1,exports:{}};return e[o].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=n(1);n(2),$(document).ready(function(){o.Ehlxr.backToTop(),o.Ehlxr.mobileNavbar(),o.Ehlxr.toc(),o.Ehlxr.fancybox(),o.Ehlxr.search()}),o.Ehlxr.flowchart(),o.Ehlxr.sequence(),hljs.initHighlighting(),o.Ehlxr.highlight()},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o={};function a(){$("#search-results").empty();var e=$("#search-query").val();e?($("#search-query").css({border:"1px solid #D5D5D5",color:"black"}),function(e){$.getJSON("/index.json",function(t){var n=t,o=new Fuse(n,c),a=o.search(e);a.length>0?($("#search-results").append(""),function(e,t){$.each(e,function(e,n){var o=n.item.contents,a="",i=[];c.tokenize?i.push(t):$.each(n.matches,function(e,t){"tags"==t.key||"categories"==t.key?i.push(t.value):"contents"==t.key&&(start=t.indices[0][0]-r>0?t.indices[0][0]-r:0,end=t.indices[0][1]+rNo matches found ")})}(e)):($("#search-query").css({border:"1px solid #ff0000",color:"#ff0000"}),$("#search-results").append("Please enter a word or phrase above"))}o.backToTop=function(){var e=$("#back-to-top");$(window).scroll(function(){$(window).scrollTop()>100?e.fadeIn(1e3):e.fadeOut(1e3)}),e.click(function(){$("body,html").animate({scrollTop:0})})},o.mobileNavbar=function(){var e=$("#mobile-navbar"),t=$(".mobile-navbar-icon"),n=new Slideout({panel:document.getElementById("mobile-panel"),menu:document.getElementById("mobile-menu"),padding:180,tolerance:70});n.disableTouch(),t.click(function(){n.toggle()}),n.on("beforeopen",function(){e.addClass("fixed-open"),t.addClass("icon-click").removeClass("icon-out")}),n.on("beforeclose",function(){e.removeClass("fixed-open"),t.addClass("icon-out").removeClass("icon-click")}),$("#mobile-panel").on("touchend",function(){n.isOpen()&&t.click()})},o._initToc=function(){var e=$(".post-toc"),t=$(".post-toc-title").height()+$(".post-toc-content").height(),n=$(".post-footer");if(e.length){var o=e.offset().top-20-$(".post-header").height()-5,a=n.offset().top-t-20-$(".toc-taxonomy").height(),r={start:{position:"absolute",top:o},process:{position:"fixed",top:20},end:{position:"absolute",top:a}};$(window).scroll(function(){var t=$(window).scrollTop();ta?e.css(r.end):e.css(r.process)})}var c=$(".toc-link"),i=$(".headerlink"),l=$(".post-toc-content li"),s=$.map(i,function(e){return $(e).offset().top}),d=$.map(s,function(e){return e-30});$(window).scroll(function(){var e=$(window).scrollTop(),t=function(e,t){for(var n=0;ne[n]&&t<=e[n+1])return n;return t>e[e.length-1]?e.length-1:-1}(d,e);if($(c).removeClass("active"),$(l).removeClass("has-active"),-1!==t){$(c[t]).addClass("active");for(var n=c[t].parentNode;"NAV"!==n.tagName;)$(n).addClass("has-active"),n=n.parentNode.parentNode}})},o.fancybox=function(){$.fancybox&&($(".post-content").each(function(){$(this).find("img").each(function(){$(this).wrap(' ')})}),$(".fancybox").fancybox({selector:".fancybox",protect:!0}))},o.highlight=function(){for(var e=document.querySelectorAll("pre code"),t=0;t'+(i+1)+"";for(var l="",s=0;s'+a[s]+"";n.className+=" highlight";var d=document.createElement("figure");d.className=n.className,d.innerHTML='",o.parentElement.replaceChild(d,o)}},o.toc=function(){var e=document.getElementById("post-toc");if(null!==e){var t=document.getElementById("TableOfContents");null===t?(e.removeChild(document.getElementsByClassName("post-toc-title")[0]),e.removeChild(document.getElementsByClassName("post-toc-content")[0])):(this._refactorToc(t),this._linkToc(),this._initToc())}},o._refactorToc=function(e){for(var t=e.children[0],n=t,o=void 0;1===n.children.length&&"UL"===(o=n.children[0].children[0]).tagName;)n=o;n!==t&&e.replaceChild(n,t)},o._linkToc=function(){for(var e=document.querySelectorAll("#TableOfContents a:first-child"),t=0;th"+n),a=0;a