db.json

{"meta":{"version":1,"warehouse":"3.0.2"},"models":{"Asset":[{"_id":"source/img/alipay.svg","path":"img/alipay.svg","modified":0,"renderable":0},{"_id":"source/img/bitcoin.svg","path":"img/bitcoin.svg","modified":0,"renderable":0},{"_id":"source/img/like.svg","path":"img/like.svg","modified":0,"renderable":0},{"_id":"source/img/github.svg","path":"img/github.svg","modified":0,"renderable":0},{"_id":"source/img/wechat.svg","path":"img/wechat.svg","modified":0,"renderable":0},{"_id":"source/img/paypal.svg","path":"img/paypal.svg","modified":0,"renderable":0}],"Cache":[{"_id":"source/css/copycode.css","hash":"e2463b8dacf629e180a1b6cd80667ca8044292eb","modified":1591302508804},{"_id":"source/css/copyright.css","hash":"a418da11a88d1feb14500df42ed97a64da6a7611","modified":1591302508804},{"_id":"source/css/dark.css","hash":"0faf42a84e243032b736c5f06ddbb95ac69e779c","modified":1591302508804},{"_id":"source/css/default.css","hash":"ba6abfe78a2795500f0f7efc0f5126037577fd2e","modified":1591302331245},{"_id":"source/css/donate.css","hash":"95b2fd65042afecc0b5530847c369bcc11d74bd0","modified":1591302508804},{"_id":"source/css/search.css","hash":"9406e138d7bb6a9ef4a067eba1dafa627519c8a7","modified":1591302508805},{"_id":"source/img/alipay.svg","hash":"3d94d2f9b09e352802628c9225578e1086f5fef3","modified":1591302508806},{"_id":"source/css/style.scss","hash":"738b347ccb18ed8202c1610d5cc16cde322f89d9","modified":1591302508805},{"_id":"source/img/bitcoin.svg","hash":"590b6b6462896168d08b30dfe2de5f08950d5553","modified":1591302508806},{"_id":"source/img/like.svg","hash":"e6e4bd1af076be9358316cac89efdc22ef4a5064","modified":1591302508807},{"_id":"source/img/github.svg","hash":"277798d16cb6106e45ef74f6b9972011fa43401b","modified":1591302508806},{"_id":"source/img/wechat.svg","hash":"19c1f68ec8c0b8e9f7855e7a6e78077f70a1aedc","modified":1591302508808},{"_id":"source/img/paypal.svg","hash":"09786c983a10bc570dcd05b87cec601e9d01eb00","modified":1591302508808},{"_id":"source/js/codeblock-resizer.js","hash":"5d0b786d60bf225d9eabcc9cece2719ff4d9b6cd","modified":1591302331250},{"_id":"source/js/copyright.js","hash":"7b1bd775ea22abf33d57f78628f436bf656e439a","modified":1591302508809},{"_id":"source/js/copycode.js","hash":"fde1f153bab1f00ae8930668094c00aa9ff3c7a3","modified":1591302508808},{"_id":"source/js/donate.js","hash":"bdddd8d9847462d020f7a511e7e12c046223195d","modified":1591302508809},{"_id":"source/js/fancybox.js","hash":"13c4781570339f4fba76a3d7f202e442817dd605","modified":1591302331251},{"_id":"source/js/love.js","hash":"5cf89f622bf891cf1986845eb92eadef6f358eb7","modified":1591302508809},{"_id":"source/js/search.js","hash":"0c0630e2ef213701d393b041f10572e951a27985","modified":1591302331252},{"_id":"source/js/share.js","hash":"a2f9de374523dc7f2ddb90ed5f24b668c20d9272","modified":1591302331252},{"_id":"source/js/smartresize.js","hash":"3ef157fd877167e3290f42c67a624ea375a46c24","modified":1591302331253},{"_id":"source/js/totop.js","hash":"7dbf8fcf582a4fb6eb9b2c60d6de9f9c2091ec4c","modified":1591302331253},{"_id":"public/css/copycode.css","hash":"e2463b8dacf629e180a1b6cd80667ca8044292eb","modified":1591302619918},{"_id":"public/css/copyright.css","hash":"a418da11a88d1feb14500df42ed97a64da6a7611","modified":1591302619918},{"_id":"public/css/dark.css","hash":"0faf42a84e243032b736c5f06ddbb95ac69e779c","modified":1591302619918},{"_id":"public/css/default.css","hash":"ba6abfe78a2795500f0f7efc0f5126037577fd2e","modified":1591302619918},{"_id":"public/css/donate.css","hash":"95b2fd65042afecc0b5530847c369bcc11d74bd0","modified":1591302619918},{"_id":"public/css/search.css","hash":"9406e138d7bb6a9ef4a067eba1dafa627519c8a7","modified":1591302619918},{"_id":"public/css/style.css","hash":"bac940ea57aadde4bb4694a59ba992d7ca0c4aca","modified":1591302619918},{"_id":"public/js/codeblock-resizer.js","hash":"5d0b786d60bf225d9eabcc9cece2719ff4d9b6cd","modified":1591302619918},{"_id":"public/js/copyright.js","hash":"7b1bd775ea22abf33d57f78628f436bf656e439a","modified":1591302619918},{"_id":"public/js/copycode.js","hash":"fde1f153bab1f00ae8930668094c00aa9ff3c7a3","modified":1591302619918},{"_id":"public/js/donate.js","hash":"bdddd8d9847462d020f7a511e7e12c046223195d","modified":1591302619918},{"_id":"public/js/fancybox.js","hash":"13c4781570339f4fba76a3d7f202e442817dd605","modified":1591302619918},{"_id":"public/js/love.js","hash":"5cf89f622bf891cf1986845eb92eadef6f358eb7","modified":1591302619918},{"_id":"public/js/search.js","hash":"0c0630e2ef213701d393b041f10572e951a27985","modified":1591302619918},{"_id":"public/js/share.js","hash":"a2f9de374523dc7f2ddb90ed5f24b668c20d9272","modified":1591302619918},{"_id":"public/js/smartresize.js","hash":"3ef157fd877167e3290f42c67a624ea375a46c24","modified":1591302619918},{"_id":"public/js/totop.js","hash":"7dbf8fcf582a4fb6eb9b2c60d6de9f9c2091ec4c","modified":1591302619918},{"_id":"public/img/alipay.svg","hash":"3d94d2f9b09e352802628c9225578e1086f5fef3","modified":1591302619918},{"_id":"public/img/bitcoin.svg","hash":"590b6b6462896168d08b30dfe2de5f08950d5553","modified":1591302619918},{"_id":"public/img/github.svg","hash":"277798d16cb6106e45ef74f6b9972011fa43401b","modified":1591302619918},{"_id":"public/img/like.svg","hash":"e6e4bd1af076be9358316cac89efdc22ef4a5064","modified":1591302619918},{"_id":"public/img/wechat.svg","hash":"19c1f68ec8c0b8e9f7855e7a6e78077f70a1aedc","modified":1591302619918},{"_id":"public/img/paypal.svg","hash":"09786c983a10bc570dcd05b87cec601e9d01eb00","modified":1591302619918}],"Category":[],"Data":[],"Page":[{"_content":".highlight{\n  position: relative;\n}\n.btn-copy {\n    position: absolute;\n    top: 6px;\n    right: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 32px;\n    height: 24px;\n    cursor: pointer;\n    border-radius: 6px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-appearance: none;\n    color: #808080;\n    -webkit-transition: opacity .3s ease-in-out;\n    -o-transition: opacity .3s ease-in-out;\n    transition: opacity .3s ease-in-out;\n    opacity: 0;\n}\n.btn-copy:hover{\n  color: #000;\n}\n\n.highlight:hover .btn-copy{\n  opacity: 1;\n}","source":"css/copycode.css","raw":".highlight{\n  position: relative;\n}\n.btn-copy {\n    position: absolute;\n    top: 6px;\n    right: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 32px;\n    height: 24px;\n    cursor: pointer;\n    border-radius: 6px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-appearance: none;\n    color: #808080;\n    -webkit-transition: opacity .3s ease-in-out;\n    -o-transition: opacity .3s ease-in-out;\n    transition: opacity .3s ease-in-out;\n    opacity: 0;\n}\n.btn-copy:hover{\n  color: #000;\n}\n\n.highlight:hover .btn-copy{\n  opacity: 1;\n}","date":"2020-06-04T20:28:28.804Z","updated":"2020-06-04T20:28:28.804Z","path":"css/copycode.css","layout":"false","title":"","comments":1,"_id":"ckb18hs940000j9ph22znfx98","content":".highlight{\n  position: relative;\n}\n.btn-copy {\n    position: absolute;\n    top: 6px;\n    right: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 32px;\n    height: 24px;\n    cursor: pointer;\n    border-radius: 6px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-appearance: none;\n    color: #808080;\n    -webkit-transition: opacity .3s ease-in-out;\n    -o-transition: opacity .3s ease-in-out;\n    transition: opacity .3s ease-in-out;\n    opacity: 0;\n}\n.btn-copy:hover{\n  color: #000;\n}\n\n.highlight:hover .btn-copy{\n  opacity: 1;\n}","site":{"data":{}},"excerpt":"","more":".highlight{\n  position: relative;\n}\n.btn-copy {\n    position: absolute;\n    top: 6px;\n    right: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 32px;\n    height: 24px;\n    cursor: pointer;\n    border-radius: 6px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-appearance: none;\n    color: #808080;\n    -webkit-transition: opacity .3s ease-in-out;\n    -o-transition: opacity .3s ease-in-out;\n    transition: opacity .3s ease-in-out;\n    opacity: 0;\n}\n.btn-copy:hover{\n  color: #000;\n}\n\n.highlight:hover .btn-copy{\n  opacity: 1;\n}"},{"_content":"\n.post-copyright  {\n  margin: 2em 0 0;\n  padding: 0.5em 1.0em;\n  border-left: 3px solid #FF1700;\n  background-color: #F9F9F9;\n  font-size: 0.93rem;\n  line-height: 1.6em;\n  word-break: break-all;\n}\n.post-copyright  p{margin:0;}\n.post-copyright  span {\n  display: inline-block;\n  width: 5.2em;\n  color: #b5b5b5;\n  font-weight: bold;\n}\n.post-copyright  .raw {\n  margin-left: 1em;\n  width: 5em;\n}\n.post-copyright  a {\n  color: #808080;\n  border-bottom:0;\n}\n.post-copyright  a:hover {\n  color: #a3d2a3;\n  text-decoration: underline;\n}\n.post-copyright :hover .fa-clipboard {\n  color: #000;\n}\n.post-copyright  .post-url:hover {\n  font-weight: normal;\n}\n.post-copyright  .copy-path {\n  margin-left: 1em;\n  width: 1em;\n}\n.post-copyright  .copy-path:hover {\n  color: #808080;\n  cursor: pointer;\n}","source":"css/copyright.css","raw":"\n.post-copyright  {\n  margin: 2em 0 0;\n  padding: 0.5em 1.0em;\n  border-left: 3px solid #FF1700;\n  background-color: #F9F9F9;\n  font-size: 0.93rem;\n  line-height: 1.6em;\n  word-break: break-all;\n}\n.post-copyright  p{margin:0;}\n.post-copyright  span {\n  display: inline-block;\n  width: 5.2em;\n  color: #b5b5b5;\n  font-weight: bold;\n}\n.post-copyright  .raw {\n  margin-left: 1em;\n  width: 5em;\n}\n.post-copyright  a {\n  color: #808080;\n  border-bottom:0;\n}\n.post-copyright  a:hover {\n  color: #a3d2a3;\n  text-decoration: underline;\n}\n.post-copyright :hover .fa-clipboard {\n  color: #000;\n}\n.post-copyright  .post-url:hover {\n  font-weight: normal;\n}\n.post-copyright  .copy-path {\n  margin-left: 1em;\n  width: 1em;\n}\n.post-copyright  .copy-path:hover {\n  color: #808080;\n  cursor: pointer;\n}","date":"2020-06-04T20:28:28.804Z","updated":"2020-06-04T20:28:28.804Z","path":"css/copyright.css","layout":"false","title":"","comments":1,"_id":"ckb18hs9a0001j9ph6qyk6zta","content":"\n.post-copyright  {\n  margin: 2em 0 0;\n  padding: 0.5em 1.0em;\n  border-left: 3px solid #FF1700;\n  background-color: #F9F9F9;\n  font-size: 0.93rem;\n  line-height: 1.6em;\n  word-break: break-all;\n}\n.post-copyright  p{margin:0;}\n.post-copyright  span {\n  display: inline-block;\n  width: 5.2em;\n  color: #b5b5b5;\n  font-weight: bold;\n}\n.post-copyright  .raw {\n  margin-left: 1em;\n  width: 5em;\n}\n.post-copyright  a {\n  color: #808080;\n  border-bottom:0;\n}\n.post-copyright  a:hover {\n  color: #a3d2a3;\n  text-decoration: underline;\n}\n.post-copyright :hover .fa-clipboard {\n  color: #000;\n}\n.post-copyright  .post-url:hover {\n  font-weight: normal;\n}\n.post-copyright  .copy-path {\n  margin-left: 1em;\n  width: 1em;\n}\n.post-copyright  .copy-path:hover {\n  color: #808080;\n  cursor: pointer;\n}","site":{"data":{}},"excerpt":"","more":"\n.post-copyright  {\n  margin: 2em 0 0;\n  padding: 0.5em 1.0em;\n  border-left: 3px solid #FF1700;\n  background-color: #F9F9F9;\n  font-size: 0.93rem;\n  line-height: 1.6em;\n  word-break: break-all;\n}\n.post-copyright  p{margin:0;}\n.post-copyright  span {\n  display: inline-block;\n  width: 5.2em;\n  color: #b5b5b5;\n  font-weight: bold;\n}\n.post-copyright  .raw {\n  margin-left: 1em;\n  width: 5em;\n}\n.post-copyright  a {\n  color: #808080;\n  border-bottom:0;\n}\n.post-copyright  a:hover {\n  color: #a3d2a3;\n  text-decoration: underline;\n}\n.post-copyright :hover .fa-clipboard {\n  color: #000;\n}\n.post-copyright  .post-url:hover {\n  font-weight: normal;\n}\n.post-copyright  .copy-path {\n  margin-left: 1em;\n  width: 1em;\n}\n.post-copyright  .copy-path:hover {\n  color: #808080;\n  cursor: pointer;\n}"},{"_content":"    @media (prefers-color-scheme:dark) {\n        /*\n    * 颜色预设\n    */\n         :root {\n            --main-background-color: rgba(18, 18, 18, 1);\n            --block-background-color: rgba(32, 32, 32, 1);\n            --line-background-color: rgba(44, 44, 44, 1);\n            --high-text-color: rgba(255, 255, 255, 0.87);\n            --modium-text-color: rgba(255, 255, 255, 0.60);\n            --disabled-text-color: rgba(255, 255, 255, 0.38);\n        }\n        /*\n    * 背景\n    */\n        body {\n            color: var(--modium-text-color) !important;\n            background-color: var(--main-background-color) !important;\n        }\n        /*\n    * 头部\n    */\n        #logo {\n            color: var(--high-text-color) !important;\n        }\n        #header .site-name .description {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 菜单\n    */\n        #header {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        #header #nav-menu a {\n            color: var(--modium-text-color) !important;\n        }\n        #header #nav-menu a:hover {\n            border-bottom-color: var(--modium-text-color) !important;\n        }\n        #header #nav-menu a.current {\n            border: 1px solid var(--line-background-color) !important;\n            border-bottom-color: var(--main-background-color) !important;\n        }\n        /*\n    * 文章头\n    */\n        .post .post-title a {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-title {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-meta {\n            color: var(--modium-text-color) !important;\n        }\n        .category a,\n        .category button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .category a:active,\n        .category a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 文章内容\n    */\n        .post .post-content h2,\n        .post .post-content h3 {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-content h2 {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        .post .post-content {\n            color: var(--modium-text-color) !important;\n        }\n        .post .post-content hr {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .codeblock,\n        figure.highlight {\n            color: var(--modium-text-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .codeblock .gutter,\n        figure.highlight .gutter {\n            background: var(--block-background-color) !important;\n            border-right: 1px solid var(--line-background-color) !important;\n        }\n        .btn-copy {\n            color: var(--disabled-text-color) !important;\n        }\n        .btn-copy:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .codeblock .code pre::-webkit-scrollbar,\n        figure.highlight .code pre::-webkit-scrollbar {\n            background: var(--block-background-color) !important;\n        }\n        .codeblock .code pre::-webkit-scrollbar-thumb,\n        figure.highlight .code pre::-webkit-scrollbar-thumb {\n            background: var(--disabled-text-color) !important;\n        }\n        .post .post-content p code {\n            background: var(--block-background-color) !important;\n        }\n        .post .post-content ol code,\n        .post .post-content ul code {\n            background: var(--block-background-color) !important;\n        }\n        table th {\n            border-bottom: 2px solid var(--line-background-color) !important;\n        }\n        table tr:nth-child(2n) {\n            background: var(--block-background-color) !important;\n        }\n        .readmore a {\n            color: var(--modium-text-color);\n            border: 1px solid var(--line-background-color);\n        }\n        .readmore a:hover {\n            background: var(--block-background-color) !important;\n        }\n        .stressed-quote::before,\n        blockquote::before {\n            color: var(--high-text-color);\n        }\n        .stressed,\n        blockquote {\n            color: var(--modium-text-color);\n        }\n        /*\n    * 历史\n    */\n        #process {\n            background: var(--main-background-color) !important;\n        }\n        #process .dot_tp {\n            background-color: var(--main-background-color) !important;\n            border: 3px solid var(--block-background-color) !important;\n        }\n        #process .line {\n            background: var(--block-background-color) !important;\n        }\n        #process .dot_bt {\n            background-color: var(--main-background-color) !important;\n            border: 3px solid var(--block-background-color) !important;\n        }\n        #process .timeline-centered::before {\n            background: var(--block-background-color) !important;\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {\n            background: var(--main-background-color) !important;\n            color: var(--modium-text-color) !important;\n            border: 4px solid var(--line-background-color) !important;\n        }\n        #process span.number {\n            color: var(--modium-text-color);\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n            background: var(--block-background-color) !important;\n        }\n        #process .born,\n        #process .present {\n            color: var(--modium-text-color);\n            background: var(--block-background-color) !important;\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {\n            border-color: rgba(0, 0, 0, 0) var(--block-background-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\n        }\n        #process .born::after,\n        #process .present::after {\n            border-color: var(--main-background-color) !important;\n            border-left-color: var(--block-background-color) !important;\n        }\n        /*\n    * 归档\n    */\n        .post-archive a,\n        .post-archive button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-archive a:active,\n        .post-archive a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 分类\n    */\n        .label-title {\n            color: var(--disabled-text-color) !important;\n        }\n        /*\n    * 右边组件\n    */\n        #sidebar {\n            border-left: 1px solid var(--line-background-color) !important;\n        }\n        #sidebar .widget .widget-title {\n            color: var(--modium-text-color) !important;\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        #sidebar .widget .category-list-count {\n            color: var(--disabled-text-color) !important;\n        }\n        #sidebar a,\n        #sidebar button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        #sidebar a:active,\n        #sidebar a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        #sidebar .widget .search-form input {\n            background: var(--main-background-color) 8px 8px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);\n            border: 1px solid var(--line-background-color);\n        }\n        #local-search-result {\n            background-color: var(--main-background-color) !important;\n        }\n        input:focus {\n            outline: var(--main-background-color) auto 1px !important;\n        }\n        p.search-result {\n            color: var(--disabled-text-color) !important;\n        }\n        #toc {\n            border: 1px solid var(--line-background-color) !important;\n        }\n        #toc a,\n        #toc button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        #toc a:active,\n        #toc a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 底部\n    */\n        .page-navigator {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .page-navigator .current {\n            background: var(--block-background-color) !important;\n        }\n        .page-navigator a,\n        .page-navigator span {\n            border: 1px solid var(--line-background-color) !important;\n        }\n        .page-navigator a:hover,\n        .page-navigator span:hover {\n            background: var(--block-background-color) !important;\n        }\n        #donate #DonateText {\n            color: var(--block-background-color) !important;\n            filter: grayscale(1);\n        }\n        #donate #github {\n            filter: Invert();\n            opacity: 1 !important;\n        }\n        #donate #donateBox {\n            border: 1px solid var(--line-background-color) !important;\n            opacity: 1;\n        }\n        #donate #donateBox li {\n            background-color: var(--high-text-color) !important;\n            border-right: 1px solid var(--line-background-color) !important;\n        }\n        #donate #donateBox li:hover {\n            filter: none;\n        }\n        #donate #QRBox {\n            background-color: rgba(255, 255, 255, .1);\n        }\n        .post-copyright {\n            background: var(--block-background-color) !important;\n        }\n        .post-copyright span {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-copyright .copy-path:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .post-copyright :hover .fa-clipboard {\n            color: var(--modium-text-color) !important;\n        }\n        .tags a,\n        .tags button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .tags a:active,\n        .tags a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .article-share-link,\n        .article-share-link.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .article-share-link:active,\n        .article-share-link:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .post-nav {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .post-nav a,\n        .post-nav button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-nav a:active,\n        .post-nav a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .gt-container .gt-meta {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        .gt-container .gt-header-textarea {\n            border: 1px solid var(--line-background-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .gt-container .gt-header-textarea:hover {\n            background: var(--block-background-color) !important;\n        }\n        .gt-container .gt-header-preview {\n            border: 1px solid var(--line-background-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .markdown-body {\n            color: var(--modium-text-color) !important;\n        }\n        .gt-container .gt-ico-github .gt-svg {\n            filter: invert(1);\n        }\n    }","source":"css/dark.css","raw":"    @media (prefers-color-scheme:dark) {\n        /*\n    * 颜色预设\n    */\n         :root {\n            --main-background-color: rgba(18, 18, 18, 1);\n            --block-background-color: rgba(32, 32, 32, 1);\n            --line-background-color: rgba(44, 44, 44, 1);\n            --high-text-color: rgba(255, 255, 255, 0.87);\n            --modium-text-color: rgba(255, 255, 255, 0.60);\n            --disabled-text-color: rgba(255, 255, 255, 0.38);\n        }\n        /*\n    * 背景\n    */\n        body {\n            color: var(--modium-text-color) !important;\n            background-color: var(--main-background-color) !important;\n        }\n        /*\n    * 头部\n    */\n        #logo {\n            color: var(--high-text-color) !important;\n        }\n        #header .site-name .description {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 菜单\n    */\n        #header {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        #header #nav-menu a {\n            color: var(--modium-text-color) !important;\n        }\n        #header #nav-menu a:hover {\n            border-bottom-color: var(--modium-text-color) !important;\n        }\n        #header #nav-menu a.current {\n            border: 1px solid var(--line-background-color) !important;\n            border-bottom-color: var(--main-background-color) !important;\n        }\n        /*\n    * 文章头\n    */\n        .post .post-title a {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-title {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-meta {\n            color: var(--modium-text-color) !important;\n        }\n        .category a,\n        .category button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .category a:active,\n        .category a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 文章内容\n    */\n        .post .post-content h2,\n        .post .post-content h3 {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-content h2 {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        .post .post-content {\n            color: var(--modium-text-color) !important;\n        }\n        .post .post-content hr {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .codeblock,\n        figure.highlight {\n            color: var(--modium-text-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .codeblock .gutter,\n        figure.highlight .gutter {\n            background: var(--block-background-color) !important;\n            border-right: 1px solid var(--line-background-color) !important;\n        }\n        .btn-copy {\n            color: var(--disabled-text-color) !important;\n        }\n        .btn-copy:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .codeblock .code pre::-webkit-scrollbar,\n        figure.highlight .code pre::-webkit-scrollbar {\n            background: var(--block-background-color) !important;\n        }\n        .codeblock .code pre::-webkit-scrollbar-thumb,\n        figure.highlight .code pre::-webkit-scrollbar-thumb {\n            background: var(--disabled-text-color) !important;\n        }\n        .post .post-content p code {\n            background: var(--block-background-color) !important;\n        }\n        .post .post-content ol code,\n        .post .post-content ul code {\n            background: var(--block-background-color) !important;\n        }\n        table th {\n            border-bottom: 2px solid var(--line-background-color) !important;\n        }\n        table tr:nth-child(2n) {\n            background: var(--block-background-color) !important;\n        }\n        .readmore a {\n            color: var(--modium-text-color);\n            border: 1px solid var(--line-background-color);\n        }\n        .readmore a:hover {\n            background: var(--block-background-color) !important;\n        }\n        .stressed-quote::before,\n        blockquote::before {\n            color: var(--high-text-color);\n        }\n        .stressed,\n        blockquote {\n            color: var(--modium-text-color);\n        }\n        /*\n    * 历史\n    */\n        #process {\n            background: var(--main-background-color) !important;\n        }\n        #process .dot_tp {\n            background-color: var(--main-background-color) !important;\n            border: 3px solid var(--block-background-color) !important;\n        }\n        #process .line {\n            background: var(--block-background-color) !important;\n        }\n        #process .dot_bt {\n            background-color: var(--main-background-color) !important;\n            border: 3px solid var(--block-background-color) !important;\n        }\n        #process .timeline-centered::before {\n            background: var(--block-background-color) !important;\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {\n            background: var(--main-background-color) !important;\n            color: var(--modium-text-color) !important;\n            border: 4px solid var(--line-background-color) !important;\n        }\n        #process span.number {\n            color: var(--modium-text-color);\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n            background: var(--block-background-color) !important;\n        }\n        #process .born,\n        #process .present {\n            color: var(--modium-text-color);\n            background: var(--block-background-color) !important;\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {\n            border-color: rgba(0, 0, 0, 0) var(--block-background-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\n        }\n        #process .born::after,\n        #process .present::after {\n            border-color: var(--main-background-color) !important;\n            border-left-color: var(--block-background-color) !important;\n        }\n        /*\n    * 归档\n    */\n        .post-archive a,\n        .post-archive button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-archive a:active,\n        .post-archive a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 分类\n    */\n        .label-title {\n            color: var(--disabled-text-color) !important;\n        }\n        /*\n    * 右边组件\n    */\n        #sidebar {\n            border-left: 1px solid var(--line-background-color) !important;\n        }\n        #sidebar .widget .widget-title {\n            color: var(--modium-text-color) !important;\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        #sidebar .widget .category-list-count {\n            color: var(--disabled-text-color) !important;\n        }\n        #sidebar a,\n        #sidebar button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        #sidebar a:active,\n        #sidebar a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        #sidebar .widget .search-form input {\n            background: var(--main-background-color) 8px 8px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);\n            border: 1px solid var(--line-background-color);\n        }\n        #local-search-result {\n            background-color: var(--main-background-color) !important;\n        }\n        input:focus {\n            outline: var(--main-background-color) auto 1px !important;\n        }\n        p.search-result {\n            color: var(--disabled-text-color) !important;\n        }\n        #toc {\n            border: 1px solid var(--line-background-color) !important;\n        }\n        #toc a,\n        #toc button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        #toc a:active,\n        #toc a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 底部\n    */\n        .page-navigator {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .page-navigator .current {\n            background: var(--block-background-color) !important;\n        }\n        .page-navigator a,\n        .page-navigator span {\n            border: 1px solid var(--line-background-color) !important;\n        }\n        .page-navigator a:hover,\n        .page-navigator span:hover {\n            background: var(--block-background-color) !important;\n        }\n        #donate #DonateText {\n            color: var(--block-background-color) !important;\n            filter: grayscale(1);\n        }\n        #donate #github {\n            filter: Invert();\n            opacity: 1 !important;\n        }\n        #donate #donateBox {\n            border: 1px solid var(--line-background-color) !important;\n            opacity: 1;\n        }\n        #donate #donateBox li {\n            background-color: var(--high-text-color) !important;\n            border-right: 1px solid var(--line-background-color) !important;\n        }\n        #donate #donateBox li:hover {\n            filter: none;\n        }\n        #donate #QRBox {\n            background-color: rgba(255, 255, 255, .1);\n        }\n        .post-copyright {\n            background: var(--block-background-color) !important;\n        }\n        .post-copyright span {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-copyright .copy-path:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .post-copyright :hover .fa-clipboard {\n            color: var(--modium-text-color) !important;\n        }\n        .tags a,\n        .tags button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .tags a:active,\n        .tags a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .article-share-link,\n        .article-share-link.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .article-share-link:active,\n        .article-share-link:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .post-nav {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .post-nav a,\n        .post-nav button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-nav a:active,\n        .post-nav a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .gt-container .gt-meta {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        .gt-container .gt-header-textarea {\n            border: 1px solid var(--line-background-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .gt-container .gt-header-textarea:hover {\n            background: var(--block-background-color) !important;\n        }\n        .gt-container .gt-header-preview {\n            border: 1px solid var(--line-background-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .markdown-body {\n            color: var(--modium-text-color) !important;\n        }\n        .gt-container .gt-ico-github .gt-svg {\n            filter: invert(1);\n        }\n    }","date":"2020-06-04T20:28:28.804Z","updated":"2020-06-04T20:28:28.804Z","path":"css/dark.css","layout":"false","title":"","comments":1,"_id":"ckb18hs9a0002j9ph1r8nhu8r","content":"    @media (prefers-color-scheme:dark) {\n        /*\n    * 颜色预设\n    */\n         :root {\n            --main-background-color: rgba(18, 18, 18, 1);\n            --block-background-color: rgba(32, 32, 32, 1);\n            --line-background-color: rgba(44, 44, 44, 1);\n            --high-text-color: rgba(255, 255, 255, 0.87);\n            --modium-text-color: rgba(255, 255, 255, 0.60);\n            --disabled-text-color: rgba(255, 255, 255, 0.38);\n        }\n        /*\n    * 背景\n    */\n        body {\n            color: var(--modium-text-color) !important;\n            background-color: var(--main-background-color) !important;\n        }\n        /*\n    * 头部\n    */\n        #logo {\n            color: var(--high-text-color) !important;\n        }\n        #header .site-name .description {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 菜单\n    */\n        #header {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        #header #nav-menu a {\n            color: var(--modium-text-color) !important;\n        }\n        #header #nav-menu a:hover {\n            border-bottom-color: var(--modium-text-color) !important;\n        }\n        #header #nav-menu a.current {\n            border: 1px solid var(--line-background-color) !important;\n            border-bottom-color: var(--main-background-color) !important;\n        }\n        /*\n    * 文章头\n    */\n        .post .post-title a {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-title {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-meta {\n            color: var(--modium-text-color) !important;\n        }\n        .category a,\n        .category button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .category a:active,\n        .category a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 文章内容\n    */\n        .post .post-content h2,\n        .post .post-content h3 {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-content h2 {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        .post .post-content {\n            color: var(--modium-text-color) !important;\n        }\n        .post .post-content hr {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .codeblock,\n        figure.highlight {\n            color: var(--modium-text-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .codeblock .gutter,\n        figure.highlight .gutter {\n            background: var(--block-background-color) !important;\n            border-right: 1px solid var(--line-background-color) !important;\n        }\n        .btn-copy {\n            color: var(--disabled-text-color) !important;\n        }\n        .btn-copy:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .codeblock .code pre::-webkit-scrollbar,\n        figure.highlight .code pre::-webkit-scrollbar {\n            background: var(--block-background-color) !important;\n        }\n        .codeblock .code pre::-webkit-scrollbar-thumb,\n        figure.highlight .code pre::-webkit-scrollbar-thumb {\n            background: var(--disabled-text-color) !important;\n        }\n        .post .post-content p code {\n            background: var(--block-background-color) !important;\n        }\n        .post .post-content ol code,\n        .post .post-content ul code {\n            background: var(--block-background-color) !important;\n        }\n        table th {\n            border-bottom: 2px solid var(--line-background-color) !important;\n        }\n        table tr:nth-child(2n) {\n            background: var(--block-background-color) !important;\n        }\n        .readmore a {\n            color: var(--modium-text-color);\n            border: 1px solid var(--line-background-color);\n        }\n        .readmore a:hover {\n            background: var(--block-background-color) !important;\n        }\n        .stressed-quote::before,\n        blockquote::before {\n            color: var(--high-text-color);\n        }\n        .stressed,\n        blockquote {\n            color: var(--modium-text-color);\n        }\n        /*\n    * 历史\n    */\n        #process {\n            background: var(--main-background-color) !important;\n        }\n        #process .dot_tp {\n            background-color: var(--main-background-color) !important;\n            border: 3px solid var(--block-background-color) !important;\n        }\n        #process .line {\n            background: var(--block-background-color) !important;\n        }\n        #process .dot_bt {\n            background-color: var(--main-background-color) !important;\n            border: 3px solid var(--block-background-color) !important;\n        }\n        #process .timeline-centered::before {\n            background: var(--block-background-color) !important;\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {\n            background: var(--main-background-color) !important;\n            color: var(--modium-text-color) !important;\n            border: 4px solid var(--line-background-color) !important;\n        }\n        #process span.number {\n            color: var(--modium-text-color);\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n            background: var(--block-background-color) !important;\n        }\n        #process .born,\n        #process .present {\n            color: var(--modium-text-color);\n            background: var(--block-background-color) !important;\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {\n            border-color: rgba(0, 0, 0, 0) var(--block-background-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\n        }\n        #process .born::after,\n        #process .present::after {\n            border-color: var(--main-background-color) !important;\n            border-left-color: var(--block-background-color) !important;\n        }\n        /*\n    * 归档\n    */\n        .post-archive a,\n        .post-archive button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-archive a:active,\n        .post-archive a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 分类\n    */\n        .label-title {\n            color: var(--disabled-text-color) !important;\n        }\n        /*\n    * 右边组件\n    */\n        #sidebar {\n            border-left: 1px solid var(--line-background-color) !important;\n        }\n        #sidebar .widget .widget-title {\n            color: var(--modium-text-color) !important;\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        #sidebar .widget .category-list-count {\n            color: var(--disabled-text-color) !important;\n        }\n        #sidebar a,\n        #sidebar button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        #sidebar a:active,\n        #sidebar a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        #sidebar .widget .search-form input {\n            background: var(--main-background-color) 8px 8px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);\n            border: 1px solid var(--line-background-color);\n        }\n        #local-search-result {\n            background-color: var(--main-background-color) !important;\n        }\n        input:focus {\n            outline: var(--main-background-color) auto 1px !important;\n        }\n        p.search-result {\n            color: var(--disabled-text-color) !important;\n        }\n        #toc {\n            border: 1px solid var(--line-background-color) !important;\n        }\n        #toc a,\n        #toc button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        #toc a:active,\n        #toc a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 底部\n    */\n        .page-navigator {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .page-navigator .current {\n            background: var(--block-background-color) !important;\n        }\n        .page-navigator a,\n        .page-navigator span {\n            border: 1px solid var(--line-background-color) !important;\n        }\n        .page-navigator a:hover,\n        .page-navigator span:hover {\n            background: var(--block-background-color) !important;\n        }\n        #donate #DonateText {\n            color: var(--block-background-color) !important;\n            filter: grayscale(1);\n        }\n        #donate #github {\n            filter: Invert();\n            opacity: 1 !important;\n        }\n        #donate #donateBox {\n            border: 1px solid var(--line-background-color) !important;\n            opacity: 1;\n        }\n        #donate #donateBox li {\n            background-color: var(--high-text-color) !important;\n            border-right: 1px solid var(--line-background-color) !important;\n        }\n        #donate #donateBox li:hover {\n            filter: none;\n        }\n        #donate #QRBox {\n            background-color: rgba(255, 255, 255, .1);\n        }\n        .post-copyright {\n            background: var(--block-background-color) !important;\n        }\n        .post-copyright span {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-copyright .copy-path:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .post-copyright :hover .fa-clipboard {\n            color: var(--modium-text-color) !important;\n        }\n        .tags a,\n        .tags button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .tags a:active,\n        .tags a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .article-share-link,\n        .article-share-link.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .article-share-link:active,\n        .article-share-link:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .post-nav {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .post-nav a,\n        .post-nav button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-nav a:active,\n        .post-nav a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .gt-container .gt-meta {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        .gt-container .gt-header-textarea {\n            border: 1px solid var(--line-background-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .gt-container .gt-header-textarea:hover {\n            background: var(--block-background-color) !important;\n        }\n        .gt-container .gt-header-preview {\n            border: 1px solid var(--line-background-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .markdown-body {\n            color: var(--modium-text-color) !important;\n        }\n        .gt-container .gt-ico-github .gt-svg {\n            filter: invert(1);\n        }\n    }","site":{"data":{}},"excerpt":"","more":"    @media (prefers-color-scheme:dark) {\n        /*\n    * 颜色预设\n    */\n         :root {\n            --main-background-color: rgba(18, 18, 18, 1);\n            --block-background-color: rgba(32, 32, 32, 1);\n            --line-background-color: rgba(44, 44, 44, 1);\n            --high-text-color: rgba(255, 255, 255, 0.87);\n            --modium-text-color: rgba(255, 255, 255, 0.60);\n            --disabled-text-color: rgba(255, 255, 255, 0.38);\n        }\n        /*\n    * 背景\n    */\n        body {\n            color: var(--modium-text-color) !important;\n            background-color: var(--main-background-color) !important;\n        }\n        /*\n    * 头部\n    */\n        #logo {\n            color: var(--high-text-color) !important;\n        }\n        #header .site-name .description {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 菜单\n    */\n        #header {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        #header #nav-menu a {\n            color: var(--modium-text-color) !important;\n        }\n        #header #nav-menu a:hover {\n            border-bottom-color: var(--modium-text-color) !important;\n        }\n        #header #nav-menu a.current {\n            border: 1px solid var(--line-background-color) !important;\n            border-bottom-color: var(--main-background-color) !important;\n        }\n        /*\n    * 文章头\n    */\n        .post .post-title a {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-title {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-meta {\n            color: var(--modium-text-color) !important;\n        }\n        .category a,\n        .category button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .category a:active,\n        .category a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 文章内容\n    */\n        .post .post-content h2,\n        .post .post-content h3 {\n            color: var(--high-text-color) !important;\n        }\n        .post .post-content h2 {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        .post .post-content {\n            color: var(--modium-text-color) !important;\n        }\n        .post .post-content hr {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .codeblock,\n        figure.highlight {\n            color: var(--modium-text-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .codeblock .gutter,\n        figure.highlight .gutter {\n            background: var(--block-background-color) !important;\n            border-right: 1px solid var(--line-background-color) !important;\n        }\n        .btn-copy {\n            color: var(--disabled-text-color) !important;\n        }\n        .btn-copy:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .codeblock .code pre::-webkit-scrollbar,\n        figure.highlight .code pre::-webkit-scrollbar {\n            background: var(--block-background-color) !important;\n        }\n        .codeblock .code pre::-webkit-scrollbar-thumb,\n        figure.highlight .code pre::-webkit-scrollbar-thumb {\n            background: var(--disabled-text-color) !important;\n        }\n        .post .post-content p code {\n            background: var(--block-background-color) !important;\n        }\n        .post .post-content ol code,\n        .post .post-content ul code {\n            background: var(--block-background-color) !important;\n        }\n        table th {\n            border-bottom: 2px solid var(--line-background-color) !important;\n        }\n        table tr:nth-child(2n) {\n            background: var(--block-background-color) !important;\n        }\n        .readmore a {\n            color: var(--modium-text-color);\n            border: 1px solid var(--line-background-color);\n        }\n        .readmore a:hover {\n            background: var(--block-background-color) !important;\n        }\n        .stressed-quote::before,\n        blockquote::before {\n            color: var(--high-text-color);\n        }\n        .stressed,\n        blockquote {\n            color: var(--modium-text-color);\n        }\n        /*\n    * 历史\n    */\n        #process {\n            background: var(--main-background-color) !important;\n        }\n        #process .dot_tp {\n            background-color: var(--main-background-color) !important;\n            border: 3px solid var(--block-background-color) !important;\n        }\n        #process .line {\n            background: var(--block-background-color) !important;\n        }\n        #process .dot_bt {\n            background-color: var(--main-background-color) !important;\n            border: 3px solid var(--block-background-color) !important;\n        }\n        #process .timeline-centered::before {\n            background: var(--block-background-color) !important;\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {\n            background: var(--main-background-color) !important;\n            color: var(--modium-text-color) !important;\n            border: 4px solid var(--line-background-color) !important;\n        }\n        #process span.number {\n            color: var(--modium-text-color);\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n            background: var(--block-background-color) !important;\n        }\n        #process .born,\n        #process .present {\n            color: var(--modium-text-color);\n            background: var(--block-background-color) !important;\n        }\n        #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {\n            border-color: rgba(0, 0, 0, 0) var(--block-background-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\n        }\n        #process .born::after,\n        #process .present::after {\n            border-color: var(--main-background-color) !important;\n            border-left-color: var(--block-background-color) !important;\n        }\n        /*\n    * 归档\n    */\n        .post-archive a,\n        .post-archive button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-archive a:active,\n        .post-archive a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 分类\n    */\n        .label-title {\n            color: var(--disabled-text-color) !important;\n        }\n        /*\n    * 右边组件\n    */\n        #sidebar {\n            border-left: 1px solid var(--line-background-color) !important;\n        }\n        #sidebar .widget .widget-title {\n            color: var(--modium-text-color) !important;\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        #sidebar .widget .category-list-count {\n            color: var(--disabled-text-color) !important;\n        }\n        #sidebar a,\n        #sidebar button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        #sidebar a:active,\n        #sidebar a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        #sidebar .widget .search-form input {\n            background: var(--main-background-color) 8px 8px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);\n            border: 1px solid var(--line-background-color);\n        }\n        #local-search-result {\n            background-color: var(--main-background-color) !important;\n        }\n        input:focus {\n            outline: var(--main-background-color) auto 1px !important;\n        }\n        p.search-result {\n            color: var(--disabled-text-color) !important;\n        }\n        #toc {\n            border: 1px solid var(--line-background-color) !important;\n        }\n        #toc a,\n        #toc button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        #toc a:active,\n        #toc a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        /*\n    * 底部\n    */\n        .page-navigator {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .page-navigator .current {\n            background: var(--block-background-color) !important;\n        }\n        .page-navigator a,\n        .page-navigator span {\n            border: 1px solid var(--line-background-color) !important;\n        }\n        .page-navigator a:hover,\n        .page-navigator span:hover {\n            background: var(--block-background-color) !important;\n        }\n        #donate #DonateText {\n            color: var(--block-background-color) !important;\n            filter: grayscale(1);\n        }\n        #donate #github {\n            filter: Invert();\n            opacity: 1 !important;\n        }\n        #donate #donateBox {\n            border: 1px solid var(--line-background-color) !important;\n            opacity: 1;\n        }\n        #donate #donateBox li {\n            background-color: var(--high-text-color) !important;\n            border-right: 1px solid var(--line-background-color) !important;\n        }\n        #donate #donateBox li:hover {\n            filter: none;\n        }\n        #donate #QRBox {\n            background-color: rgba(255, 255, 255, .1);\n        }\n        .post-copyright {\n            background: var(--block-background-color) !important;\n        }\n        .post-copyright span {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-copyright .copy-path:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .post-copyright :hover .fa-clipboard {\n            color: var(--modium-text-color) !important;\n        }\n        .tags a,\n        .tags button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .tags a:active,\n        .tags a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .article-share-link,\n        .article-share-link.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .article-share-link:active,\n        .article-share-link:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .post-nav {\n            border-top: 1px solid var(--line-background-color) !important;\n        }\n        .post-nav a,\n        .post-nav button.submit {\n            color: var(--disabled-text-color) !important;\n        }\n        .post-nav a:active,\n        .post-nav a:hover {\n            color: var(--modium-text-color) !important;\n        }\n        .gt-container .gt-meta {\n            border-bottom: 1px solid var(--line-background-color) !important;\n        }\n        .gt-container .gt-header-textarea {\n            border: 1px solid var(--line-background-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .gt-container .gt-header-textarea:hover {\n            background: var(--block-background-color) !important;\n        }\n        .gt-container .gt-header-preview {\n            border: 1px solid var(--line-background-color) !important;\n            background: var(--block-background-color) !important;\n        }\n        .markdown-body {\n            color: var(--modium-text-color) !important;\n        }\n        .gt-container .gt-ico-github .gt-svg {\n            filter: invert(1);\n        }\n    }"},{"_content":".gitment-container {\n  font-family: sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333;\n  word-wrap: break-word;\n}\n\n.gitment-container * {\n  box-sizing: border-box;\n}\n\n.gitment-container *:disabled {\n  cursor: not-allowed;\n}\n\n.gitment-container a,\n.gitment-container a:visited {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.gitment-container a:hover {\n  text-decoration: underline;\n}\n\n.gitment-container .gitment-hidden {\n  display: none;\n}\n\n.gitment-container .gitment-spinner-icon {\n  fill: #333;\n\n  -webkit-animation: gitment-spin 1s steps(12) infinite;\n  animation: gitment-spin 1s steps(12) infinite;\n}\n\n@-webkit-keyframes gitment-spin {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg)\n  }\n}\n\n@keyframes gitment-spin {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg)\n  }\n}\n\n.gitment-root-container {\n  margin: 19px 0;\n}\n\n.gitment-header-container {\n  margin: 19px 0;\n}\n\n.gitment-header-like-btn,\n.gitment-comment-like-btn {\n  cursor: pointer;\n}\n\n.gitment-comment-like-btn {\n  float: right;\n}\n\n.gitment-comment-like-btn.liked {\n  color: #F44336;\n}\n\n.gitment-header-like-btn svg {\n  vertical-align: middle;\n  height: 30px;\n}\n\n.gitment-comment-like-btn svg {\n  vertical-align: middle;\n  height: 20px;\n}\n\n.gitment-header-like-btn.liked svg,\n.gitment-comment-like-btn.liked svg {\n  fill: #F44336;\n}\n\na.gitment-header-issue-link,\na.gitment-header-issue-link:visited {\n  float: right;\n  line-height: 30px;\n  color: #666;\n}\n\na.gitment-header-issue-link:hover {\n  color: #666;\n}\n\n.gitment-comments-loading,\n.gitment-comments-error,\n.gitment-comments-empty {\n  text-align: center;\n  margin: 50px 0;\n}\n\n.gitment-comments-list {\n  list-style: none;\n  padding-left: 0;\n  margin: 0 0 38px;\n}\n\n.gitment-comment,\n.gitment-editor-container {\n  position: relative;\n  min-height: 60px;\n  padding-left: 60px;\n  margin: 19px 0;\n}\n\n.gitment-comment-avatar,\n.gitment-editor-avatar {\n  float: left;\n  margin-left: -60px;\n}\n\n.gitment-comment-avatar,\n.gitment-comment-avatar-img,\n.gitment-comment-avatar,\n.gitment-editor-avatar-img,\n.gitment-editor-avatar svg {\n  width: 44px;\n  height: 44px;\n  border-radius: 3px;\n}\n\n.gitment-editor-avatar .gitment-github-icon {\n  fill: #fff;\n  background-color: #333;\n}\n\n.gitment-comment-main,\n.gitment-editor-main {\n  position: relative;\n  border: 1px solid #CFD8DC;\n  border-radius: 0;\n}\n\n.gitment-editor-main::before,\n.gitment-editor-main::after,\n.gitment-comment-main::before,\n.gitment-comment-main::after {\n  position: absolute;\n  top: 11px;\n  left: -16px;\n  display: block;\n  width: 0;\n  height: 0;\n  pointer-events: none;\n  content: \"\";\n  border-color: transparent;\n  border-style: solid solid outset;\n}\n\n.gitment-editor-main::before,\n.gitment-comment-main::before {\n  border-width: 8px;\n  border-right-color: #CFD8DC;\n}\n\n.gitment-editor-main::after,\n.gitment-comment-main::after {\n  margin-top: 1px;\n  margin-left: 2px;\n  border-width: 7px;\n  border-right-color: #fff;\n}\n\n.gitment-comment-header {\n  margin: 12px 15px;\n  color: #666;\n  background-color: #fff;\n  border-radius: 3px;\n}\n\n.gitment-editor-header {\n  padding: 0;\n  margin: 0;\n  border-bottom: 1px solid #CFD8DC;\n}\n\na.gitment-comment-name,\na.gitment-comment-name:visited {\n  font-weight: 600;\n  color: #666;\n}\n\n.gitment-editor-tabs {\n  margin-bottom: -1px;\n  margin-left: -1px;\n}\n\n.gitment-editor-tab {\n  display: inline-block;\n  padding: 11px 12px;\n  font-size: 14px;\n  line-height: 20px;\n  color: #666;\n  text-decoration: none;\n  background-color: transparent;\n  border-width: 0 1px;\n  border-style: solid;\n  border-color: transparent;\n  border-radius: 0;\n\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n\n  outline: none;\n}\n\n.gitment-editor-tab.gitment-selected {\n  color: #333;\n  background-color: #fff;\n  border-color: #CFD8DC;\n}\n\n.gitment-editor-login {\n  float: right;\n  margin-top: -30px;\n  margin-right: 15px;\n}\n\na.gitment-footer-project-link,\na.gitment-footer-project-link:visited,\na.gitment-editor-login-link,\na.gitment-editor-login-link:visited {\n  color: #2196F3;\n}\n\na.gitment-editor-logout-link,\na.gitment-editor-logout-link:visited {\n  color: #666;\n}\n\na.gitment-editor-logout-link:hover {\n  color: #2196F3;\n  text-decoration: none;\n}\n\n.gitment-comment-body {\n  position: relative;\n  margin: 12px 15px;\n  overflow: hidden;\n  border-radius: 3px;\n}\n\n.gitment-comment-body-folded {\n  cursor: pointer;\n}\n\n.gitment-comment-body-folded::before {\n  display: block !important;\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 0;\n  bottom: 50px;\n  pointer-events: none;\n  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));\n}\n\n.gitment-comment-body-folded::after {\n  display: block !important;\n  content: \"Click to Expand\" !important;\n  text-align: center;\n  color: #666;\n  position: absolute;\n  width: 100%;\n  height: 50px;\n  line-height: 50px;\n  left: 0;\n  bottom: 0;\n  pointer-events: none;\n  background: rgba(255, 255, 255, .9);\n}\n\n.gitment-editor-body {\n  margin: 0;\n}\n\n.gitment-comment-body > *:first-child,\n.gitment-editor-preview > *:first-child {\n  margin-top: 0 !important;\n}\n\n.gitment-comment-body > *:last-child,\n.gitment-editor-preview > *:last-child {\n  margin-bottom: 0 !important;\n}\n\n.gitment-editor-body textarea {\n  display: block;\n  width: 100%;\n  min-height: 150px;\n  max-height: 500px;\n  padding: 16px;\n  resize: vertical;\n\n  max-width: 100%;\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.6;\n\n  background-color: #fff;\n\n  color: #333;\n  vertical-align: middle;\n  border: none;\n  border-radius: 0;\n  outline: none;\n  box-shadow: none;\n\n  overflow: visible;\n}\n\n.gitment-editor-body textarea:focus {\n  background-color: #fff;\n}\n\n.gitment-editor-preview {\n  min-height: 150px;\n\n  padding: 16px;\n  background-color: transparent;\n\n  width: 100%;\n  font-size: 14px;\n\n  line-height: 1.5;\n  word-wrap: break-word;\n}\n\n.gitment-editor-footer {\n  padding: 0;\n  margin-top: 10px;\n}\n\n.gitment-editor-footer::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\na.gitment-editor-footer-tip {\n  display: inline-block;\n  padding-top: 10px;\n  font-size: 12px;\n  color: #666;\n}\n\na.gitment-editor-footer-tip:hover {\n  color: #2196F3;\n  text-decoration: none;\n}\n\n.gitment-comments-pagination {\n  list-style: none;\n  text-align: right;\n  border-radius: 0;\n  margin: -19px 0 19px 0;\n}\n\n.gitment-comments-page-item {\n  display: inline-block;\n  cursor: pointer;\n  border: 1px solid #CFD8DC;\n  margin-left: -1px;\n  padding: .25rem .5rem;\n}\n\n.gitment-comments-page-item:hover {\n  background-color: #f5f5f5;\n}\n\n.gitment-comments-page-item.gitment-selected {\n  background-color: #f5f5f5;\n}\n\n.gitment-editor-submit,\n.gitment-comments-init-btn {\n  color: #fff;\n  background-color: #00BCD4;\n\n  position: relative;\n  display: inline-block;\n  padding: 7px 13px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-size: 110% 110%;\n  border: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.gitment-editor-submit:hover,\n.gitment-comments-init-btn:hover {\n  background-color: #00ACC1;\n}\n\n.gitment-comments-init-btn:disabled,\n.gitment-editor-submit:disabled {\n  color: rgba(255,255,255,0.75);\n  background-color: #4DD0E1;\n  box-shadow: none;\n}\n\n.gitment-editor-submit {\n  float: right;\n}\n\n.gitment-footer-container {\n  margin-top: 30px;\n  margin-bottom: 20px;\n  text-align: right;\n  font-size: 12px;\n}\n\n/*\n * Markdown CSS\n * Copied from https://github.com/sindresorhus/github-markdown-css\n */\n.gitment-markdown {\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  line-height: 1.5;\n  color: #333;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 16px;\n  line-height: 1.5;\n  word-wrap: break-word;\n}\n\n.gitment-markdown .pl-c {\n  color: #969896;\n}\n\n.gitment-markdown .pl-c1,\n.gitment-markdown .pl-s .pl-v {\n  color: #0086b3;\n}\n\n.gitment-markdown .pl-e,\n.gitment-markdown .pl-en {\n  color: #795da3;\n}\n\n.gitment-markdown .pl-smi,\n.gitment-markdown .pl-s .pl-s1 {\n  color: #333;\n}\n\n.gitment-markdown .pl-ent {\n  color: #63a35c;\n}\n\n.gitment-markdown .pl-k {\n  color: #a71d5d;\n}\n\n.gitment-markdown .pl-s,\n.gitment-markdown .pl-pds,\n.gitment-markdown .pl-s .pl-pse .pl-s1,\n.gitment-markdown .pl-sr,\n.gitment-markdown .pl-sr .pl-cce,\n.gitment-markdown .pl-sr .pl-sre,\n.gitment-markdown .pl-sr .pl-sra {\n  color: #183691;\n}\n\n.gitment-markdown .pl-v,\n.gitment-markdown .pl-smw {\n  color: #ed6a43;\n}\n\n.gitment-markdown .pl-bu {\n  color: #b52a1d;\n}\n\n.gitment-markdown .pl-ii {\n  color: #f8f8f8;\n  background-color: #b52a1d;\n}\n\n.gitment-markdown .pl-c2 {\n  color: #f8f8f8;\n  background-color: #b52a1d;\n}\n\n.gitment-markdown .pl-c2::before {\n  content: \"^M\";\n}\n\n.gitment-markdown .pl-sr .pl-cce {\n  font-weight: bold;\n  color: #63a35c;\n}\n\n.gitment-markdown .pl-ml {\n  color: #693a17;\n}\n\n.gitment-markdown .pl-mh,\n.gitment-markdown .pl-mh .pl-en,\n.gitment-markdown .pl-ms {\n  font-weight: bold;\n  color: #1d3e81;\n}\n\n.gitment-markdown .pl-mq {\n  color: #008080;\n}\n\n.gitment-markdown .pl-mi {\n  font-style: italic;\n  color: #333;\n}\n\n.gitment-markdown .pl-mb {\n  font-weight: bold;\n  color: #333;\n}\n\n.gitment-markdown .pl-md {\n  color: #bd2c00;\n  background-color: #ffecec;\n}\n\n.gitment-markdown .pl-mi1 {\n  color: #55a532;\n  background-color: #eaffea;\n}\n\n.gitment-markdown .pl-mc {\n  color: #ef9700;\n  background-color: #ffe3b4;\n}\n\n.gitment-markdown .pl-mi2 {\n  color: #d8d8d8;\n  background-color: #808080;\n}\n\n.gitment-markdown .pl-mdr {\n  font-weight: bold;\n  color: #795da3;\n}\n\n.gitment-markdown .pl-mo {\n  color: #1d3e81;\n}\n\n.gitment-markdown .pl-ba {\n  color: #595e62;\n}\n\n.gitment-markdown .pl-sg {\n  color: #c0c0c0;\n}\n\n.gitment-markdown .pl-corl {\n  text-decoration: underline;\n  color: #183691;\n}\n\n.gitment-markdown .octicon {\n  display: inline-block;\n  vertical-align: text-top;\n  fill: currentColor;\n}\n\n.gitment-markdown a {\n  background-color: transparent;\n  -webkit-text-decoration-skip: objects;\n}\n\n.gitment-markdown a:active,\n.gitment-markdown a:hover {\n  outline-width: 0;\n}\n\n.gitment-markdown strong {\n  font-weight: inherit;\n}\n\n.gitment-markdown strong {\n  font-weight: bolder;\n}\n\n.gitment-markdown h1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n.gitment-markdown img {\n  border-style: none;\n}\n\n.gitment-markdown svg:not(:root) {\n  overflow: hidden;\n}\n\n.gitment-markdown code,\n.gitment-markdown kbd,\n.gitment-markdown pre {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\n.gitment-markdown hr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\n.gitment-markdown input {\n  font: inherit;\n  margin: 0;\n}\n\n.gitment-markdown input {\n  overflow: visible;\n}\n\n.gitment-markdown [type=\"checkbox\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n.gitment-markdown * {\n  box-sizing: border-box;\n}\n\n.gitment-markdown input {\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.gitment-markdown a {\n  color: #0366d6;\n  text-decoration: none;\n}\n\n.gitment-markdown a:hover {\n  text-decoration: underline;\n}\n\n.gitment-markdown strong {\n  font-weight: 600;\n}\n\n.gitment-markdown hr {\n  height: 0;\n  margin: 15px 0;\n  overflow: hidden;\n  background: transparent;\n  border: 0;\n  border-bottom: 1px solid #dfe2e5;\n}\n\n.gitment-markdown hr::before {\n  display: table;\n  content: \"\";\n}\n\n.gitment-markdown hr::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\n.gitment-markdown table {\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\n.gitment-markdown td,\n.gitment-markdown th {\n  padding: 0;\n}\n\n.gitment-markdown h1,\n.gitment-markdown h2,\n.gitment-markdown h3,\n.gitment-markdown h4,\n.gitment-markdown h5,\n.gitment-markdown h6 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown h1 {\n  font-size: 32px;\n  font-weight: 600;\n}\n\n.gitment-markdown h2 {\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.gitment-markdown h3 {\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.gitment-markdown h4 {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.gitment-markdown h5 {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.gitment-markdown h6 {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.gitment-markdown p {\n  margin-top: 0;\n  margin-bottom: 10px;\n}\n\n.gitment-markdown blockquote {\n  margin: 0;\n}\n\n.gitment-markdown ul,\n.gitment-markdown ol {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown ol ol,\n.gitment-markdown ul ol {\n  list-style-type: lower-roman;\n}\n\n.gitment-markdown ul ul ol,\n.gitment-markdown ul ol ol,\n.gitment-markdown ol ul ol,\n.gitment-markdown ol ol ol {\n  list-style-type: lower-alpha;\n}\n\n.gitment-markdown dd {\n  margin-left: 0;\n}\n\n.gitment-markdown code {\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  font-size: 12px;\n}\n\n.gitment-markdown pre {\n  margin-top: 0;\n  margin-bottom: 0;\n  font: 12px \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n}\n\n.gitment-markdown .octicon {\n  vertical-align: text-bottom;\n}\n\n.gitment-markdown .pl-0 {\n  padding-left: 0 !important;\n}\n\n.gitment-markdown .pl-1 {\n  padding-left: 4px !important;\n}\n\n.gitment-markdown .pl-2 {\n  padding-left: 8px !important;\n}\n\n.gitment-markdown .pl-3 {\n  padding-left: 16px !important;\n}\n\n.gitment-markdown .pl-4 {\n  padding-left: 24px !important;\n}\n\n.gitment-markdown .pl-5 {\n  padding-left: 32px !important;\n}\n\n.gitment-markdown .pl-6 {\n  padding-left: 40px !important;\n}\n\n.gitment-markdown::before {\n  display: table;\n  content: \"\";\n}\n\n.gitment-markdown::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\n.gitment-markdown>*:first-child {\n  margin-top: 0 !important;\n}\n\n.gitment-markdown>*:last-child {\n  margin-bottom: 0 !important;\n}\n\n.gitment-markdown a:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\n\n.gitment-markdown .anchor {\n  float: left;\n  padding-right: 4px;\n  margin-left: -20px;\n  line-height: 1;\n}\n\n.gitment-markdown .anchor:focus {\n  outline: none;\n}\n\n.gitment-markdown p,\n.gitment-markdown blockquote,\n.gitment-markdown ul,\n.gitment-markdown ol,\n.gitment-markdown dl,\n.gitment-markdown table,\n.gitment-markdown pre {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n\n.gitment-markdown hr {\n  height: 0.25em;\n  padding: 0;\n  margin: 24px 0;\n  background-color: #e1e4e8;\n  border: 0;\n}\n\n.gitment-markdown blockquote {\n  padding: 0 1em;\n  color: #6a737d;\n  border-left: 0.25em solid #dfe2e5;\n}\n\n.gitment-markdown blockquote>:first-child {\n  margin-top: 0;\n}\n\n.gitment-markdown blockquote>:last-child {\n  margin-bottom: 0;\n}\n\n.gitment-markdown kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font-size: 11px;\n  line-height: 10px;\n  color: #444d56;\n  vertical-align: middle;\n  background-color: #fafbfc;\n  border: solid 1px #c6cbd1;\n  border-bottom-color: #959da5;\n  border-radius: 0;\n  box-shadow: inset 0 -1px 0 #959da5;\n}\n\n.gitment-markdown h1,\n.gitment-markdown h2,\n.gitment-markdown h3,\n.gitment-markdown h4,\n.gitment-markdown h5,\n.gitment-markdown h6 {\n  margin-top: 24px;\n  margin-bottom: 16px;\n  font-weight: 600;\n  line-height: 1.25;\n}\n\n.gitment-markdown h1 .octicon-link,\n.gitment-markdown h2 .octicon-link,\n.gitment-markdown h3 .octicon-link,\n.gitment-markdown h4 .octicon-link,\n.gitment-markdown h5 .octicon-link,\n.gitment-markdown h6 .octicon-link {\n  color: #1b1f23;\n  vertical-align: middle;\n  visibility: hidden;\n}\n\n.gitment-markdown h1:hover .anchor,\n.gitment-markdown h2:hover .anchor,\n.gitment-markdown h3:hover .anchor,\n.gitment-markdown h4:hover .anchor,\n.gitment-markdown h5:hover .anchor,\n.gitment-markdown h6:hover .anchor {\n  text-decoration: none;\n}\n\n.gitment-markdown h1:hover .anchor .octicon-link,\n.gitment-markdown h2:hover .anchor .octicon-link,\n.gitment-markdown h3:hover .anchor .octicon-link,\n.gitment-markdown h4:hover .anchor .octicon-link,\n.gitment-markdown h5:hover .anchor .octicon-link,\n.gitment-markdown h6:hover .anchor .octicon-link {\n  visibility: visible;\n}\n\n.gitment-markdown h1 {\n  padding-bottom: 0.3em;\n  font-size: 2em;\n  border-bottom: 1px solid #eaecef;\n}\n\n.gitment-markdown h2 {\n  padding-bottom: 0.3em;\n  font-size: 1.5em;\n  border-bottom: 1px solid #eaecef;\n}\n\n.gitment-markdown h3 {\n  font-size: 1.25em;\n}\n\n.gitment-markdown h4 {\n  font-size: 1em;\n}\n\n.gitment-markdown h5 {\n  font-size: 0.875em;\n}\n\n.gitment-markdown h6 {\n  font-size: 0.85em;\n  color: #6a737d;\n}\n\n.gitment-markdown ul,\n.gitment-markdown ol {\n  padding-left: 2em;\n}\n\n.gitment-markdown ul ul,\n.gitment-markdown ul ol,\n.gitment-markdown ol ol,\n.gitment-markdown ol ul {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown li>p {\n  margin-top: 16px;\n}\n\n.gitment-markdown li+li {\n  margin-top: 0.25em;\n}\n\n.gitment-markdown dl {\n  padding: 0;\n}\n\n.gitment-markdown dl dt {\n  padding: 0;\n  margin-top: 16px;\n  font-size: 1em;\n  font-style: italic;\n  font-weight: 600;\n}\n\n.gitment-markdown dl dd {\n  padding: 0 16px;\n  margin-bottom: 16px;\n}\n\n.gitment-markdown table {\n  display: block;\n  width: 100%;\n  overflow: auto;\n}\n\n.gitment-markdown table th {\n  font-weight: 600;\n}\n\n.gitment-markdown table th,\n.gitment-markdown table td {\n  padding: 6px 13px;\n  border: 1px solid #dfe2e5;\n}\n\n.gitment-markdown table tr {\n  background-color: #fff;\n  border-top: 1px solid #c6cbd1;\n}\n\n.gitment-markdown table tr:nth-child(2n) {\n  background-color: #f5f5f5;\n}\n\n.gitment-markdown img {\n  max-width: 100%;\n  box-sizing: content-box;\n  background-color: #fff;\n}\n\n.gitment-markdown code {\n  padding: 0;\n  padding-top: 0.2em;\n  padding-bottom: 0.2em;\n  margin: 0;\n  font-size: 85%;\n  background-color: rgba(27,31,35,0.05);\n  border-radius: 0;\n}\n\n.gitment-markdown code::before,\n.gitment-markdown code::after {\n  letter-spacing: -0.2em;\n  content: \"\\00a0\";\n}\n\n.gitment-markdown pre {\n  word-wrap: normal;\n}\n\n.gitment-markdown pre>code {\n  padding: 0;\n  margin: 0;\n  font-size: 100%;\n  word-break: break-word;\n  white-space: pre;\n  background: transparent;\n  border: 0;\n}\n\n.gitment-markdown .highlight {\n  margin-bottom: 16px;\n}\n\n.gitment-markdown .highlight pre {\n  margin-bottom: 0;\n  word-break: break-word;\n}\n\n.gitment-markdown .highlight pre,\n.gitment-markdown pre {\n  padding: 16px;\n  overflow: auto;\n  font-size: 85%;\n  line-height: 1.45;\n  background-color: #f5f5f5;\n  border-radius: 0;\n}\n\n.gitment-markdown pre code {\n  display: inline;\n  max-width: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n  line-height: inherit;\n  word-wrap: normal;\n  background-color: transparent;\n  border: 0;\n}\n\n.gitment-markdown pre code::before,\n.gitment-markdown pre code::after {\n  content: normal;\n}\n\n.gitment-markdown .full-commit .btn-outline:not(:disabled):hover {\n  color: #005cc5;\n  border-color: #005cc5;\n}\n\n.gitment-markdown kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font: 11px \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  line-height: 10px;\n  color: #444d56;\n  vertical-align: middle;\n  background-color: #fcfcfc;\n  border: solid 1px #c6cbd1;\n  border-bottom-color: #959da5;\n  border-radius: 0;\n  box-shadow: inset 0 -1px 0 #959da5;\n}\n\n.gitment-markdown :checked+.radio-label {\n  position: relative;\n  z-index: 1;\n  border-color: #0366d6;\n}\n\n.gitment-markdown .task-list-item {\n  list-style-type: none;\n}\n\n.gitment-markdown .task-list-item+.task-list-item {\n  margin-top: 3px;\n}\n\n.gitment-markdown .task-list-item input {\n  margin: 0 0.2em 0.25em -1.6em;\n  vertical-align: middle;\n}\n\n.gitment-markdown hr {\n  border-bottom-color: #eee;\n}\n","source":"css/default.css","raw":".gitment-container {\n  font-family: sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333;\n  word-wrap: break-word;\n}\n\n.gitment-container * {\n  box-sizing: border-box;\n}\n\n.gitment-container *:disabled {\n  cursor: not-allowed;\n}\n\n.gitment-container a,\n.gitment-container a:visited {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.gitment-container a:hover {\n  text-decoration: underline;\n}\n\n.gitment-container .gitment-hidden {\n  display: none;\n}\n\n.gitment-container .gitment-spinner-icon {\n  fill: #333;\n\n  -webkit-animation: gitment-spin 1s steps(12) infinite;\n  animation: gitment-spin 1s steps(12) infinite;\n}\n\n@-webkit-keyframes gitment-spin {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg)\n  }\n}\n\n@keyframes gitment-spin {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg)\n  }\n}\n\n.gitment-root-container {\n  margin: 19px 0;\n}\n\n.gitment-header-container {\n  margin: 19px 0;\n}\n\n.gitment-header-like-btn,\n.gitment-comment-like-btn {\n  cursor: pointer;\n}\n\n.gitment-comment-like-btn {\n  float: right;\n}\n\n.gitment-comment-like-btn.liked {\n  color: #F44336;\n}\n\n.gitment-header-like-btn svg {\n  vertical-align: middle;\n  height: 30px;\n}\n\n.gitment-comment-like-btn svg {\n  vertical-align: middle;\n  height: 20px;\n}\n\n.gitment-header-like-btn.liked svg,\n.gitment-comment-like-btn.liked svg {\n  fill: #F44336;\n}\n\na.gitment-header-issue-link,\na.gitment-header-issue-link:visited {\n  float: right;\n  line-height: 30px;\n  color: #666;\n}\n\na.gitment-header-issue-link:hover {\n  color: #666;\n}\n\n.gitment-comments-loading,\n.gitment-comments-error,\n.gitment-comments-empty {\n  text-align: center;\n  margin: 50px 0;\n}\n\n.gitment-comments-list {\n  list-style: none;\n  padding-left: 0;\n  margin: 0 0 38px;\n}\n\n.gitment-comment,\n.gitment-editor-container {\n  position: relative;\n  min-height: 60px;\n  padding-left: 60px;\n  margin: 19px 0;\n}\n\n.gitment-comment-avatar,\n.gitment-editor-avatar {\n  float: left;\n  margin-left: -60px;\n}\n\n.gitment-comment-avatar,\n.gitment-comment-avatar-img,\n.gitment-comment-avatar,\n.gitment-editor-avatar-img,\n.gitment-editor-avatar svg {\n  width: 44px;\n  height: 44px;\n  border-radius: 3px;\n}\n\n.gitment-editor-avatar .gitment-github-icon {\n  fill: #fff;\n  background-color: #333;\n}\n\n.gitment-comment-main,\n.gitment-editor-main {\n  position: relative;\n  border: 1px solid #CFD8DC;\n  border-radius: 0;\n}\n\n.gitment-editor-main::before,\n.gitment-editor-main::after,\n.gitment-comment-main::before,\n.gitment-comment-main::after {\n  position: absolute;\n  top: 11px;\n  left: -16px;\n  display: block;\n  width: 0;\n  height: 0;\n  pointer-events: none;\n  content: \"\";\n  border-color: transparent;\n  border-style: solid solid outset;\n}\n\n.gitment-editor-main::before,\n.gitment-comment-main::before {\n  border-width: 8px;\n  border-right-color: #CFD8DC;\n}\n\n.gitment-editor-main::after,\n.gitment-comment-main::after {\n  margin-top: 1px;\n  margin-left: 2px;\n  border-width: 7px;\n  border-right-color: #fff;\n}\n\n.gitment-comment-header {\n  margin: 12px 15px;\n  color: #666;\n  background-color: #fff;\n  border-radius: 3px;\n}\n\n.gitment-editor-header {\n  padding: 0;\n  margin: 0;\n  border-bottom: 1px solid #CFD8DC;\n}\n\na.gitment-comment-name,\na.gitment-comment-name:visited {\n  font-weight: 600;\n  color: #666;\n}\n\n.gitment-editor-tabs {\n  margin-bottom: -1px;\n  margin-left: -1px;\n}\n\n.gitment-editor-tab {\n  display: inline-block;\n  padding: 11px 12px;\n  font-size: 14px;\n  line-height: 20px;\n  color: #666;\n  text-decoration: none;\n  background-color: transparent;\n  border-width: 0 1px;\n  border-style: solid;\n  border-color: transparent;\n  border-radius: 0;\n\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n\n  outline: none;\n}\n\n.gitment-editor-tab.gitment-selected {\n  color: #333;\n  background-color: #fff;\n  border-color: #CFD8DC;\n}\n\n.gitment-editor-login {\n  float: right;\n  margin-top: -30px;\n  margin-right: 15px;\n}\n\na.gitment-footer-project-link,\na.gitment-footer-project-link:visited,\na.gitment-editor-login-link,\na.gitment-editor-login-link:visited {\n  color: #2196F3;\n}\n\na.gitment-editor-logout-link,\na.gitment-editor-logout-link:visited {\n  color: #666;\n}\n\na.gitment-editor-logout-link:hover {\n  color: #2196F3;\n  text-decoration: none;\n}\n\n.gitment-comment-body {\n  position: relative;\n  margin: 12px 15px;\n  overflow: hidden;\n  border-radius: 3px;\n}\n\n.gitment-comment-body-folded {\n  cursor: pointer;\n}\n\n.gitment-comment-body-folded::before {\n  display: block !important;\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 0;\n  bottom: 50px;\n  pointer-events: none;\n  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));\n}\n\n.gitment-comment-body-folded::after {\n  display: block !important;\n  content: \"Click to Expand\" !important;\n  text-align: center;\n  color: #666;\n  position: absolute;\n  width: 100%;\n  height: 50px;\n  line-height: 50px;\n  left: 0;\n  bottom: 0;\n  pointer-events: none;\n  background: rgba(255, 255, 255, .9);\n}\n\n.gitment-editor-body {\n  margin: 0;\n}\n\n.gitment-comment-body > *:first-child,\n.gitment-editor-preview > *:first-child {\n  margin-top: 0 !important;\n}\n\n.gitment-comment-body > *:last-child,\n.gitment-editor-preview > *:last-child {\n  margin-bottom: 0 !important;\n}\n\n.gitment-editor-body textarea {\n  display: block;\n  width: 100%;\n  min-height: 150px;\n  max-height: 500px;\n  padding: 16px;\n  resize: vertical;\n\n  max-width: 100%;\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.6;\n\n  background-color: #fff;\n\n  color: #333;\n  vertical-align: middle;\n  border: none;\n  border-radius: 0;\n  outline: none;\n  box-shadow: none;\n\n  overflow: visible;\n}\n\n.gitment-editor-body textarea:focus {\n  background-color: #fff;\n}\n\n.gitment-editor-preview {\n  min-height: 150px;\n\n  padding: 16px;\n  background-color: transparent;\n\n  width: 100%;\n  font-size: 14px;\n\n  line-height: 1.5;\n  word-wrap: break-word;\n}\n\n.gitment-editor-footer {\n  padding: 0;\n  margin-top: 10px;\n}\n\n.gitment-editor-footer::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\na.gitment-editor-footer-tip {\n  display: inline-block;\n  padding-top: 10px;\n  font-size: 12px;\n  color: #666;\n}\n\na.gitment-editor-footer-tip:hover {\n  color: #2196F3;\n  text-decoration: none;\n}\n\n.gitment-comments-pagination {\n  list-style: none;\n  text-align: right;\n  border-radius: 0;\n  margin: -19px 0 19px 0;\n}\n\n.gitment-comments-page-item {\n  display: inline-block;\n  cursor: pointer;\n  border: 1px solid #CFD8DC;\n  margin-left: -1px;\n  padding: .25rem .5rem;\n}\n\n.gitment-comments-page-item:hover {\n  background-color: #f5f5f5;\n}\n\n.gitment-comments-page-item.gitment-selected {\n  background-color: #f5f5f5;\n}\n\n.gitment-editor-submit,\n.gitment-comments-init-btn {\n  color: #fff;\n  background-color: #00BCD4;\n\n  position: relative;\n  display: inline-block;\n  padding: 7px 13px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-size: 110% 110%;\n  border: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.gitment-editor-submit:hover,\n.gitment-comments-init-btn:hover {\n  background-color: #00ACC1;\n}\n\n.gitment-comments-init-btn:disabled,\n.gitment-editor-submit:disabled {\n  color: rgba(255,255,255,0.75);\n  background-color: #4DD0E1;\n  box-shadow: none;\n}\n\n.gitment-editor-submit {\n  float: right;\n}\n\n.gitment-footer-container {\n  margin-top: 30px;\n  margin-bottom: 20px;\n  text-align: right;\n  font-size: 12px;\n}\n\n/*\n * Markdown CSS\n * Copied from https://github.com/sindresorhus/github-markdown-css\n */\n.gitment-markdown {\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  line-height: 1.5;\n  color: #333;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 16px;\n  line-height: 1.5;\n  word-wrap: break-word;\n}\n\n.gitment-markdown .pl-c {\n  color: #969896;\n}\n\n.gitment-markdown .pl-c1,\n.gitment-markdown .pl-s .pl-v {\n  color: #0086b3;\n}\n\n.gitment-markdown .pl-e,\n.gitment-markdown .pl-en {\n  color: #795da3;\n}\n\n.gitment-markdown .pl-smi,\n.gitment-markdown .pl-s .pl-s1 {\n  color: #333;\n}\n\n.gitment-markdown .pl-ent {\n  color: #63a35c;\n}\n\n.gitment-markdown .pl-k {\n  color: #a71d5d;\n}\n\n.gitment-markdown .pl-s,\n.gitment-markdown .pl-pds,\n.gitment-markdown .pl-s .pl-pse .pl-s1,\n.gitment-markdown .pl-sr,\n.gitment-markdown .pl-sr .pl-cce,\n.gitment-markdown .pl-sr .pl-sre,\n.gitment-markdown .pl-sr .pl-sra {\n  color: #183691;\n}\n\n.gitment-markdown .pl-v,\n.gitment-markdown .pl-smw {\n  color: #ed6a43;\n}\n\n.gitment-markdown .pl-bu {\n  color: #b52a1d;\n}\n\n.gitment-markdown .pl-ii {\n  color: #f8f8f8;\n  background-color: #b52a1d;\n}\n\n.gitment-markdown .pl-c2 {\n  color: #f8f8f8;\n  background-color: #b52a1d;\n}\n\n.gitment-markdown .pl-c2::before {\n  content: \"^M\";\n}\n\n.gitment-markdown .pl-sr .pl-cce {\n  font-weight: bold;\n  color: #63a35c;\n}\n\n.gitment-markdown .pl-ml {\n  color: #693a17;\n}\n\n.gitment-markdown .pl-mh,\n.gitment-markdown .pl-mh .pl-en,\n.gitment-markdown .pl-ms {\n  font-weight: bold;\n  color: #1d3e81;\n}\n\n.gitment-markdown .pl-mq {\n  color: #008080;\n}\n\n.gitment-markdown .pl-mi {\n  font-style: italic;\n  color: #333;\n}\n\n.gitment-markdown .pl-mb {\n  font-weight: bold;\n  color: #333;\n}\n\n.gitment-markdown .pl-md {\n  color: #bd2c00;\n  background-color: #ffecec;\n}\n\n.gitment-markdown .pl-mi1 {\n  color: #55a532;\n  background-color: #eaffea;\n}\n\n.gitment-markdown .pl-mc {\n  color: #ef9700;\n  background-color: #ffe3b4;\n}\n\n.gitment-markdown .pl-mi2 {\n  color: #d8d8d8;\n  background-color: #808080;\n}\n\n.gitment-markdown .pl-mdr {\n  font-weight: bold;\n  color: #795da3;\n}\n\n.gitment-markdown .pl-mo {\n  color: #1d3e81;\n}\n\n.gitment-markdown .pl-ba {\n  color: #595e62;\n}\n\n.gitment-markdown .pl-sg {\n  color: #c0c0c0;\n}\n\n.gitment-markdown .pl-corl {\n  text-decoration: underline;\n  color: #183691;\n}\n\n.gitment-markdown .octicon {\n  display: inline-block;\n  vertical-align: text-top;\n  fill: currentColor;\n}\n\n.gitment-markdown a {\n  background-color: transparent;\n  -webkit-text-decoration-skip: objects;\n}\n\n.gitment-markdown a:active,\n.gitment-markdown a:hover {\n  outline-width: 0;\n}\n\n.gitment-markdown strong {\n  font-weight: inherit;\n}\n\n.gitment-markdown strong {\n  font-weight: bolder;\n}\n\n.gitment-markdown h1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n.gitment-markdown img {\n  border-style: none;\n}\n\n.gitment-markdown svg:not(:root) {\n  overflow: hidden;\n}\n\n.gitment-markdown code,\n.gitment-markdown kbd,\n.gitment-markdown pre {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\n.gitment-markdown hr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\n.gitment-markdown input {\n  font: inherit;\n  margin: 0;\n}\n\n.gitment-markdown input {\n  overflow: visible;\n}\n\n.gitment-markdown [type=\"checkbox\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n.gitment-markdown * {\n  box-sizing: border-box;\n}\n\n.gitment-markdown input {\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.gitment-markdown a {\n  color: #0366d6;\n  text-decoration: none;\n}\n\n.gitment-markdown a:hover {\n  text-decoration: underline;\n}\n\n.gitment-markdown strong {\n  font-weight: 600;\n}\n\n.gitment-markdown hr {\n  height: 0;\n  margin: 15px 0;\n  overflow: hidden;\n  background: transparent;\n  border: 0;\n  border-bottom: 1px solid #dfe2e5;\n}\n\n.gitment-markdown hr::before {\n  display: table;\n  content: \"\";\n}\n\n.gitment-markdown hr::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\n.gitment-markdown table {\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\n.gitment-markdown td,\n.gitment-markdown th {\n  padding: 0;\n}\n\n.gitment-markdown h1,\n.gitment-markdown h2,\n.gitment-markdown h3,\n.gitment-markdown h4,\n.gitment-markdown h5,\n.gitment-markdown h6 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown h1 {\n  font-size: 32px;\n  font-weight: 600;\n}\n\n.gitment-markdown h2 {\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.gitment-markdown h3 {\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.gitment-markdown h4 {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.gitment-markdown h5 {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.gitment-markdown h6 {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.gitment-markdown p {\n  margin-top: 0;\n  margin-bottom: 10px;\n}\n\n.gitment-markdown blockquote {\n  margin: 0;\n}\n\n.gitment-markdown ul,\n.gitment-markdown ol {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown ol ol,\n.gitment-markdown ul ol {\n  list-style-type: lower-roman;\n}\n\n.gitment-markdown ul ul ol,\n.gitment-markdown ul ol ol,\n.gitment-markdown ol ul ol,\n.gitment-markdown ol ol ol {\n  list-style-type: lower-alpha;\n}\n\n.gitment-markdown dd {\n  margin-left: 0;\n}\n\n.gitment-markdown code {\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  font-size: 12px;\n}\n\n.gitment-markdown pre {\n  margin-top: 0;\n  margin-bottom: 0;\n  font: 12px \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n}\n\n.gitment-markdown .octicon {\n  vertical-align: text-bottom;\n}\n\n.gitment-markdown .pl-0 {\n  padding-left: 0 !important;\n}\n\n.gitment-markdown .pl-1 {\n  padding-left: 4px !important;\n}\n\n.gitment-markdown .pl-2 {\n  padding-left: 8px !important;\n}\n\n.gitment-markdown .pl-3 {\n  padding-left: 16px !important;\n}\n\n.gitment-markdown .pl-4 {\n  padding-left: 24px !important;\n}\n\n.gitment-markdown .pl-5 {\n  padding-left: 32px !important;\n}\n\n.gitment-markdown .pl-6 {\n  padding-left: 40px !important;\n}\n\n.gitment-markdown::before {\n  display: table;\n  content: \"\";\n}\n\n.gitment-markdown::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\n.gitment-markdown>*:first-child {\n  margin-top: 0 !important;\n}\n\n.gitment-markdown>*:last-child {\n  margin-bottom: 0 !important;\n}\n\n.gitment-markdown a:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\n\n.gitment-markdown .anchor {\n  float: left;\n  padding-right: 4px;\n  margin-left: -20px;\n  line-height: 1;\n}\n\n.gitment-markdown .anchor:focus {\n  outline: none;\n}\n\n.gitment-markdown p,\n.gitment-markdown blockquote,\n.gitment-markdown ul,\n.gitment-markdown ol,\n.gitment-markdown dl,\n.gitment-markdown table,\n.gitment-markdown pre {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n\n.gitment-markdown hr {\n  height: 0.25em;\n  padding: 0;\n  margin: 24px 0;\n  background-color: #e1e4e8;\n  border: 0;\n}\n\n.gitment-markdown blockquote {\n  padding: 0 1em;\n  color: #6a737d;\n  border-left: 0.25em solid #dfe2e5;\n}\n\n.gitment-markdown blockquote>:first-child {\n  margin-top: 0;\n}\n\n.gitment-markdown blockquote>:last-child {\n  margin-bottom: 0;\n}\n\n.gitment-markdown kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font-size: 11px;\n  line-height: 10px;\n  color: #444d56;\n  vertical-align: middle;\n  background-color: #fafbfc;\n  border: solid 1px #c6cbd1;\n  border-bottom-color: #959da5;\n  border-radius: 0;\n  box-shadow: inset 0 -1px 0 #959da5;\n}\n\n.gitment-markdown h1,\n.gitment-markdown h2,\n.gitment-markdown h3,\n.gitment-markdown h4,\n.gitment-markdown h5,\n.gitment-markdown h6 {\n  margin-top: 24px;\n  margin-bottom: 16px;\n  font-weight: 600;\n  line-height: 1.25;\n}\n\n.gitment-markdown h1 .octicon-link,\n.gitment-markdown h2 .octicon-link,\n.gitment-markdown h3 .octicon-link,\n.gitment-markdown h4 .octicon-link,\n.gitment-markdown h5 .octicon-link,\n.gitment-markdown h6 .octicon-link {\n  color: #1b1f23;\n  vertical-align: middle;\n  visibility: hidden;\n}\n\n.gitment-markdown h1:hover .anchor,\n.gitment-markdown h2:hover .anchor,\n.gitment-markdown h3:hover .anchor,\n.gitment-markdown h4:hover .anchor,\n.gitment-markdown h5:hover .anchor,\n.gitment-markdown h6:hover .anchor {\n  text-decoration: none;\n}\n\n.gitment-markdown h1:hover .anchor .octicon-link,\n.gitment-markdown h2:hover .anchor .octicon-link,\n.gitment-markdown h3:hover .anchor .octicon-link,\n.gitment-markdown h4:hover .anchor .octicon-link,\n.gitment-markdown h5:hover .anchor .octicon-link,\n.gitment-markdown h6:hover .anchor .octicon-link {\n  visibility: visible;\n}\n\n.gitment-markdown h1 {\n  padding-bottom: 0.3em;\n  font-size: 2em;\n  border-bottom: 1px solid #eaecef;\n}\n\n.gitment-markdown h2 {\n  padding-bottom: 0.3em;\n  font-size: 1.5em;\n  border-bottom: 1px solid #eaecef;\n}\n\n.gitment-markdown h3 {\n  font-size: 1.25em;\n}\n\n.gitment-markdown h4 {\n  font-size: 1em;\n}\n\n.gitment-markdown h5 {\n  font-size: 0.875em;\n}\n\n.gitment-markdown h6 {\n  font-size: 0.85em;\n  color: #6a737d;\n}\n\n.gitment-markdown ul,\n.gitment-markdown ol {\n  padding-left: 2em;\n}\n\n.gitment-markdown ul ul,\n.gitment-markdown ul ol,\n.gitment-markdown ol ol,\n.gitment-markdown ol ul {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown li>p {\n  margin-top: 16px;\n}\n\n.gitment-markdown li+li {\n  margin-top: 0.25em;\n}\n\n.gitment-markdown dl {\n  padding: 0;\n}\n\n.gitment-markdown dl dt {\n  padding: 0;\n  margin-top: 16px;\n  font-size: 1em;\n  font-style: italic;\n  font-weight: 600;\n}\n\n.gitment-markdown dl dd {\n  padding: 0 16px;\n  margin-bottom: 16px;\n}\n\n.gitment-markdown table {\n  display: block;\n  width: 100%;\n  overflow: auto;\n}\n\n.gitment-markdown table th {\n  font-weight: 600;\n}\n\n.gitment-markdown table th,\n.gitment-markdown table td {\n  padding: 6px 13px;\n  border: 1px solid #dfe2e5;\n}\n\n.gitment-markdown table tr {\n  background-color: #fff;\n  border-top: 1px solid #c6cbd1;\n}\n\n.gitment-markdown table tr:nth-child(2n) {\n  background-color: #f5f5f5;\n}\n\n.gitment-markdown img {\n  max-width: 100%;\n  box-sizing: content-box;\n  background-color: #fff;\n}\n\n.gitment-markdown code {\n  padding: 0;\n  padding-top: 0.2em;\n  padding-bottom: 0.2em;\n  margin: 0;\n  font-size: 85%;\n  background-color: rgba(27,31,35,0.05);\n  border-radius: 0;\n}\n\n.gitment-markdown code::before,\n.gitment-markdown code::after {\n  letter-spacing: -0.2em;\n  content: \"\\00a0\";\n}\n\n.gitment-markdown pre {\n  word-wrap: normal;\n}\n\n.gitment-markdown pre>code {\n  padding: 0;\n  margin: 0;\n  font-size: 100%;\n  word-break: break-word;\n  white-space: pre;\n  background: transparent;\n  border: 0;\n}\n\n.gitment-markdown .highlight {\n  margin-bottom: 16px;\n}\n\n.gitment-markdown .highlight pre {\n  margin-bottom: 0;\n  word-break: break-word;\n}\n\n.gitment-markdown .highlight pre,\n.gitment-markdown pre {\n  padding: 16px;\n  overflow: auto;\n  font-size: 85%;\n  line-height: 1.45;\n  background-color: #f5f5f5;\n  border-radius: 0;\n}\n\n.gitment-markdown pre code {\n  display: inline;\n  max-width: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n  line-height: inherit;\n  word-wrap: normal;\n  background-color: transparent;\n  border: 0;\n}\n\n.gitment-markdown pre code::before,\n.gitment-markdown pre code::after {\n  content: normal;\n}\n\n.gitment-markdown .full-commit .btn-outline:not(:disabled):hover {\n  color: #005cc5;\n  border-color: #005cc5;\n}\n\n.gitment-markdown kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font: 11px \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  line-height: 10px;\n  color: #444d56;\n  vertical-align: middle;\n  background-color: #fcfcfc;\n  border: solid 1px #c6cbd1;\n  border-bottom-color: #959da5;\n  border-radius: 0;\n  box-shadow: inset 0 -1px 0 #959da5;\n}\n\n.gitment-markdown :checked+.radio-label {\n  position: relative;\n  z-index: 1;\n  border-color: #0366d6;\n}\n\n.gitment-markdown .task-list-item {\n  list-style-type: none;\n}\n\n.gitment-markdown .task-list-item+.task-list-item {\n  margin-top: 3px;\n}\n\n.gitment-markdown .task-list-item input {\n  margin: 0 0.2em 0.25em -1.6em;\n  vertical-align: middle;\n}\n\n.gitment-markdown hr {\n  border-bottom-color: #eee;\n}\n","date":"2020-06-04T20:25:31.245Z","updated":"2020-06-04T20:25:31.245Z","path":"css/default.css","layout":"false","title":"","comments":1,"_id":"ckb18hs9b0003j9ph72oh0vc6","content":".gitment-container {\n  font-family: sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333;\n  word-wrap: break-word;\n}\n\n.gitment-container * {\n  box-sizing: border-box;\n}\n\n.gitment-container *:disabled {\n  cursor: not-allowed;\n}\n\n.gitment-container a,\n.gitment-container a:visited {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.gitment-container a:hover {\n  text-decoration: underline;\n}\n\n.gitment-container .gitment-hidden {\n  display: none;\n}\n\n.gitment-container .gitment-spinner-icon {\n  fill: #333;\n\n  -webkit-animation: gitment-spin 1s steps(12) infinite;\n  animation: gitment-spin 1s steps(12) infinite;\n}\n\n@-webkit-keyframes gitment-spin {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg)\n  }\n}\n\n@keyframes gitment-spin {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg)\n  }\n}\n\n.gitment-root-container {\n  margin: 19px 0;\n}\n\n.gitment-header-container {\n  margin: 19px 0;\n}\n\n.gitment-header-like-btn,\n.gitment-comment-like-btn {\n  cursor: pointer;\n}\n\n.gitment-comment-like-btn {\n  float: right;\n}\n\n.gitment-comment-like-btn.liked {\n  color: #F44336;\n}\n\n.gitment-header-like-btn svg {\n  vertical-align: middle;\n  height: 30px;\n}\n\n.gitment-comment-like-btn svg {\n  vertical-align: middle;\n  height: 20px;\n}\n\n.gitment-header-like-btn.liked svg,\n.gitment-comment-like-btn.liked svg {\n  fill: #F44336;\n}\n\na.gitment-header-issue-link,\na.gitment-header-issue-link:visited {\n  float: right;\n  line-height: 30px;\n  color: #666;\n}\n\na.gitment-header-issue-link:hover {\n  color: #666;\n}\n\n.gitment-comments-loading,\n.gitment-comments-error,\n.gitment-comments-empty {\n  text-align: center;\n  margin: 50px 0;\n}\n\n.gitment-comments-list {\n  list-style: none;\n  padding-left: 0;\n  margin: 0 0 38px;\n}\n\n.gitment-comment,\n.gitment-editor-container {\n  position: relative;\n  min-height: 60px;\n  padding-left: 60px;\n  margin: 19px 0;\n}\n\n.gitment-comment-avatar,\n.gitment-editor-avatar {\n  float: left;\n  margin-left: -60px;\n}\n\n.gitment-comment-avatar,\n.gitment-comment-avatar-img,\n.gitment-comment-avatar,\n.gitment-editor-avatar-img,\n.gitment-editor-avatar svg {\n  width: 44px;\n  height: 44px;\n  border-radius: 3px;\n}\n\n.gitment-editor-avatar .gitment-github-icon {\n  fill: #fff;\n  background-color: #333;\n}\n\n.gitment-comment-main,\n.gitment-editor-main {\n  position: relative;\n  border: 1px solid #CFD8DC;\n  border-radius: 0;\n}\n\n.gitment-editor-main::before,\n.gitment-editor-main::after,\n.gitment-comment-main::before,\n.gitment-comment-main::after {\n  position: absolute;\n  top: 11px;\n  left: -16px;\n  display: block;\n  width: 0;\n  height: 0;\n  pointer-events: none;\n  content: \"\";\n  border-color: transparent;\n  border-style: solid solid outset;\n}\n\n.gitment-editor-main::before,\n.gitment-comment-main::before {\n  border-width: 8px;\n  border-right-color: #CFD8DC;\n}\n\n.gitment-editor-main::after,\n.gitment-comment-main::after {\n  margin-top: 1px;\n  margin-left: 2px;\n  border-width: 7px;\n  border-right-color: #fff;\n}\n\n.gitment-comment-header {\n  margin: 12px 15px;\n  color: #666;\n  background-color: #fff;\n  border-radius: 3px;\n}\n\n.gitment-editor-header {\n  padding: 0;\n  margin: 0;\n  border-bottom: 1px solid #CFD8DC;\n}\n\na.gitment-comment-name,\na.gitment-comment-name:visited {\n  font-weight: 600;\n  color: #666;\n}\n\n.gitment-editor-tabs {\n  margin-bottom: -1px;\n  margin-left: -1px;\n}\n\n.gitment-editor-tab {\n  display: inline-block;\n  padding: 11px 12px;\n  font-size: 14px;\n  line-height: 20px;\n  color: #666;\n  text-decoration: none;\n  background-color: transparent;\n  border-width: 0 1px;\n  border-style: solid;\n  border-color: transparent;\n  border-radius: 0;\n\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n\n  outline: none;\n}\n\n.gitment-editor-tab.gitment-selected {\n  color: #333;\n  background-color: #fff;\n  border-color: #CFD8DC;\n}\n\n.gitment-editor-login {\n  float: right;\n  margin-top: -30px;\n  margin-right: 15px;\n}\n\na.gitment-footer-project-link,\na.gitment-footer-project-link:visited,\na.gitment-editor-login-link,\na.gitment-editor-login-link:visited {\n  color: #2196F3;\n}\n\na.gitment-editor-logout-link,\na.gitment-editor-logout-link:visited {\n  color: #666;\n}\n\na.gitment-editor-logout-link:hover {\n  color: #2196F3;\n  text-decoration: none;\n}\n\n.gitment-comment-body {\n  position: relative;\n  margin: 12px 15px;\n  overflow: hidden;\n  border-radius: 3px;\n}\n\n.gitment-comment-body-folded {\n  cursor: pointer;\n}\n\n.gitment-comment-body-folded::before {\n  display: block !important;\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 0;\n  bottom: 50px;\n  pointer-events: none;\n  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));\n}\n\n.gitment-comment-body-folded::after {\n  display: block !important;\n  content: \"Click to Expand\" !important;\n  text-align: center;\n  color: #666;\n  position: absolute;\n  width: 100%;\n  height: 50px;\n  line-height: 50px;\n  left: 0;\n  bottom: 0;\n  pointer-events: none;\n  background: rgba(255, 255, 255, .9);\n}\n\n.gitment-editor-body {\n  margin: 0;\n}\n\n.gitment-comment-body > *:first-child,\n.gitment-editor-preview > *:first-child {\n  margin-top: 0 !important;\n}\n\n.gitment-comment-body > *:last-child,\n.gitment-editor-preview > *:last-child {\n  margin-bottom: 0 !important;\n}\n\n.gitment-editor-body textarea {\n  display: block;\n  width: 100%;\n  min-height: 150px;\n  max-height: 500px;\n  padding: 16px;\n  resize: vertical;\n\n  max-width: 100%;\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.6;\n\n  background-color: #fff;\n\n  color: #333;\n  vertical-align: middle;\n  border: none;\n  border-radius: 0;\n  outline: none;\n  box-shadow: none;\n\n  overflow: visible;\n}\n\n.gitment-editor-body textarea:focus {\n  background-color: #fff;\n}\n\n.gitment-editor-preview {\n  min-height: 150px;\n\n  padding: 16px;\n  background-color: transparent;\n\n  width: 100%;\n  font-size: 14px;\n\n  line-height: 1.5;\n  word-wrap: break-word;\n}\n\n.gitment-editor-footer {\n  padding: 0;\n  margin-top: 10px;\n}\n\n.gitment-editor-footer::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\na.gitment-editor-footer-tip {\n  display: inline-block;\n  padding-top: 10px;\n  font-size: 12px;\n  color: #666;\n}\n\na.gitment-editor-footer-tip:hover {\n  color: #2196F3;\n  text-decoration: none;\n}\n\n.gitment-comments-pagination {\n  list-style: none;\n  text-align: right;\n  border-radius: 0;\n  margin: -19px 0 19px 0;\n}\n\n.gitment-comments-page-item {\n  display: inline-block;\n  cursor: pointer;\n  border: 1px solid #CFD8DC;\n  margin-left: -1px;\n  padding: .25rem .5rem;\n}\n\n.gitment-comments-page-item:hover {\n  background-color: #f5f5f5;\n}\n\n.gitment-comments-page-item.gitment-selected {\n  background-color: #f5f5f5;\n}\n\n.gitment-editor-submit,\n.gitment-comments-init-btn {\n  color: #fff;\n  background-color: #00BCD4;\n\n  position: relative;\n  display: inline-block;\n  padding: 7px 13px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-size: 110% 110%;\n  border: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.gitment-editor-submit:hover,\n.gitment-comments-init-btn:hover {\n  background-color: #00ACC1;\n}\n\n.gitment-comments-init-btn:disabled,\n.gitment-editor-submit:disabled {\n  color: rgba(255,255,255,0.75);\n  background-color: #4DD0E1;\n  box-shadow: none;\n}\n\n.gitment-editor-submit {\n  float: right;\n}\n\n.gitment-footer-container {\n  margin-top: 30px;\n  margin-bottom: 20px;\n  text-align: right;\n  font-size: 12px;\n}\n\n/*\n * Markdown CSS\n * Copied from https://github.com/sindresorhus/github-markdown-css\n */\n.gitment-markdown {\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  line-height: 1.5;\n  color: #333;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 16px;\n  line-height: 1.5;\n  word-wrap: break-word;\n}\n\n.gitment-markdown .pl-c {\n  color: #969896;\n}\n\n.gitment-markdown .pl-c1,\n.gitment-markdown .pl-s .pl-v {\n  color: #0086b3;\n}\n\n.gitment-markdown .pl-e,\n.gitment-markdown .pl-en {\n  color: #795da3;\n}\n\n.gitment-markdown .pl-smi,\n.gitment-markdown .pl-s .pl-s1 {\n  color: #333;\n}\n\n.gitment-markdown .pl-ent {\n  color: #63a35c;\n}\n\n.gitment-markdown .pl-k {\n  color: #a71d5d;\n}\n\n.gitment-markdown .pl-s,\n.gitment-markdown .pl-pds,\n.gitment-markdown .pl-s .pl-pse .pl-s1,\n.gitment-markdown .pl-sr,\n.gitment-markdown .pl-sr .pl-cce,\n.gitment-markdown .pl-sr .pl-sre,\n.gitment-markdown .pl-sr .pl-sra {\n  color: #183691;\n}\n\n.gitment-markdown .pl-v,\n.gitment-markdown .pl-smw {\n  color: #ed6a43;\n}\n\n.gitment-markdown .pl-bu {\n  color: #b52a1d;\n}\n\n.gitment-markdown .pl-ii {\n  color: #f8f8f8;\n  background-color: #b52a1d;\n}\n\n.gitment-markdown .pl-c2 {\n  color: #f8f8f8;\n  background-color: #b52a1d;\n}\n\n.gitment-markdown .pl-c2::before {\n  content: \"^M\";\n}\n\n.gitment-markdown .pl-sr .pl-cce {\n  font-weight: bold;\n  color: #63a35c;\n}\n\n.gitment-markdown .pl-ml {\n  color: #693a17;\n}\n\n.gitment-markdown .pl-mh,\n.gitment-markdown .pl-mh .pl-en,\n.gitment-markdown .pl-ms {\n  font-weight: bold;\n  color: #1d3e81;\n}\n\n.gitment-markdown .pl-mq {\n  color: #008080;\n}\n\n.gitment-markdown .pl-mi {\n  font-style: italic;\n  color: #333;\n}\n\n.gitment-markdown .pl-mb {\n  font-weight: bold;\n  color: #333;\n}\n\n.gitment-markdown .pl-md {\n  color: #bd2c00;\n  background-color: #ffecec;\n}\n\n.gitment-markdown .pl-mi1 {\n  color: #55a532;\n  background-color: #eaffea;\n}\n\n.gitment-markdown .pl-mc {\n  color: #ef9700;\n  background-color: #ffe3b4;\n}\n\n.gitment-markdown .pl-mi2 {\n  color: #d8d8d8;\n  background-color: #808080;\n}\n\n.gitment-markdown .pl-mdr {\n  font-weight: bold;\n  color: #795da3;\n}\n\n.gitment-markdown .pl-mo {\n  color: #1d3e81;\n}\n\n.gitment-markdown .pl-ba {\n  color: #595e62;\n}\n\n.gitment-markdown .pl-sg {\n  color: #c0c0c0;\n}\n\n.gitment-markdown .pl-corl {\n  text-decoration: underline;\n  color: #183691;\n}\n\n.gitment-markdown .octicon {\n  display: inline-block;\n  vertical-align: text-top;\n  fill: currentColor;\n}\n\n.gitment-markdown a {\n  background-color: transparent;\n  -webkit-text-decoration-skip: objects;\n}\n\n.gitment-markdown a:active,\n.gitment-markdown a:hover {\n  outline-width: 0;\n}\n\n.gitment-markdown strong {\n  font-weight: inherit;\n}\n\n.gitment-markdown strong {\n  font-weight: bolder;\n}\n\n.gitment-markdown h1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n.gitment-markdown img {\n  border-style: none;\n}\n\n.gitment-markdown svg:not(:root) {\n  overflow: hidden;\n}\n\n.gitment-markdown code,\n.gitment-markdown kbd,\n.gitment-markdown pre {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\n.gitment-markdown hr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\n.gitment-markdown input {\n  font: inherit;\n  margin: 0;\n}\n\n.gitment-markdown input {\n  overflow: visible;\n}\n\n.gitment-markdown [type=\"checkbox\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n.gitment-markdown * {\n  box-sizing: border-box;\n}\n\n.gitment-markdown input {\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.gitment-markdown a {\n  color: #0366d6;\n  text-decoration: none;\n}\n\n.gitment-markdown a:hover {\n  text-decoration: underline;\n}\n\n.gitment-markdown strong {\n  font-weight: 600;\n}\n\n.gitment-markdown hr {\n  height: 0;\n  margin: 15px 0;\n  overflow: hidden;\n  background: transparent;\n  border: 0;\n  border-bottom: 1px solid #dfe2e5;\n}\n\n.gitment-markdown hr::before {\n  display: table;\n  content: \"\";\n}\n\n.gitment-markdown hr::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\n.gitment-markdown table {\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\n.gitment-markdown td,\n.gitment-markdown th {\n  padding: 0;\n}\n\n.gitment-markdown h1,\n.gitment-markdown h2,\n.gitment-markdown h3,\n.gitment-markdown h4,\n.gitment-markdown h5,\n.gitment-markdown h6 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown h1 {\n  font-size: 32px;\n  font-weight: 600;\n}\n\n.gitment-markdown h2 {\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.gitment-markdown h3 {\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.gitment-markdown h4 {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.gitment-markdown h5 {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.gitment-markdown h6 {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.gitment-markdown p {\n  margin-top: 0;\n  margin-bottom: 10px;\n}\n\n.gitment-markdown blockquote {\n  margin: 0;\n}\n\n.gitment-markdown ul,\n.gitment-markdown ol {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown ol ol,\n.gitment-markdown ul ol {\n  list-style-type: lower-roman;\n}\n\n.gitment-markdown ul ul ol,\n.gitment-markdown ul ol ol,\n.gitment-markdown ol ul ol,\n.gitment-markdown ol ol ol {\n  list-style-type: lower-alpha;\n}\n\n.gitment-markdown dd {\n  margin-left: 0;\n}\n\n.gitment-markdown code {\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  font-size: 12px;\n}\n\n.gitment-markdown pre {\n  margin-top: 0;\n  margin-bottom: 0;\n  font: 12px \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n}\n\n.gitment-markdown .octicon {\n  vertical-align: text-bottom;\n}\n\n.gitment-markdown .pl-0 {\n  padding-left: 0 !important;\n}\n\n.gitment-markdown .pl-1 {\n  padding-left: 4px !important;\n}\n\n.gitment-markdown .pl-2 {\n  padding-left: 8px !important;\n}\n\n.gitment-markdown .pl-3 {\n  padding-left: 16px !important;\n}\n\n.gitment-markdown .pl-4 {\n  padding-left: 24px !important;\n}\n\n.gitment-markdown .pl-5 {\n  padding-left: 32px !important;\n}\n\n.gitment-markdown .pl-6 {\n  padding-left: 40px !important;\n}\n\n.gitment-markdown::before {\n  display: table;\n  content: \"\";\n}\n\n.gitment-markdown::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\n.gitment-markdown>*:first-child {\n  margin-top: 0 !important;\n}\n\n.gitment-markdown>*:last-child {\n  margin-bottom: 0 !important;\n}\n\n.gitment-markdown a:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\n\n.gitment-markdown .anchor {\n  float: left;\n  padding-right: 4px;\n  margin-left: -20px;\n  line-height: 1;\n}\n\n.gitment-markdown .anchor:focus {\n  outline: none;\n}\n\n.gitment-markdown p,\n.gitment-markdown blockquote,\n.gitment-markdown ul,\n.gitment-markdown ol,\n.gitment-markdown dl,\n.gitment-markdown table,\n.gitment-markdown pre {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n\n.gitment-markdown hr {\n  height: 0.25em;\n  padding: 0;\n  margin: 24px 0;\n  background-color: #e1e4e8;\n  border: 0;\n}\n\n.gitment-markdown blockquote {\n  padding: 0 1em;\n  color: #6a737d;\n  border-left: 0.25em solid #dfe2e5;\n}\n\n.gitment-markdown blockquote>:first-child {\n  margin-top: 0;\n}\n\n.gitment-markdown blockquote>:last-child {\n  margin-bottom: 0;\n}\n\n.gitment-markdown kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font-size: 11px;\n  line-height: 10px;\n  color: #444d56;\n  vertical-align: middle;\n  background-color: #fafbfc;\n  border: solid 1px #c6cbd1;\n  border-bottom-color: #959da5;\n  border-radius: 0;\n  box-shadow: inset 0 -1px 0 #959da5;\n}\n\n.gitment-markdown h1,\n.gitment-markdown h2,\n.gitment-markdown h3,\n.gitment-markdown h4,\n.gitment-markdown h5,\n.gitment-markdown h6 {\n  margin-top: 24px;\n  margin-bottom: 16px;\n  font-weight: 600;\n  line-height: 1.25;\n}\n\n.gitment-markdown h1 .octicon-link,\n.gitment-markdown h2 .octicon-link,\n.gitment-markdown h3 .octicon-link,\n.gitment-markdown h4 .octicon-link,\n.gitment-markdown h5 .octicon-link,\n.gitment-markdown h6 .octicon-link {\n  color: #1b1f23;\n  vertical-align: middle;\n  visibility: hidden;\n}\n\n.gitment-markdown h1:hover .anchor,\n.gitment-markdown h2:hover .anchor,\n.gitment-markdown h3:hover .anchor,\n.gitment-markdown h4:hover .anchor,\n.gitment-markdown h5:hover .anchor,\n.gitment-markdown h6:hover .anchor {\n  text-decoration: none;\n}\n\n.gitment-markdown h1:hover .anchor .octicon-link,\n.gitment-markdown h2:hover .anchor .octicon-link,\n.gitment-markdown h3:hover .anchor .octicon-link,\n.gitment-markdown h4:hover .anchor .octicon-link,\n.gitment-markdown h5:hover .anchor .octicon-link,\n.gitment-markdown h6:hover .anchor .octicon-link {\n  visibility: visible;\n}\n\n.gitment-markdown h1 {\n  padding-bottom: 0.3em;\n  font-size: 2em;\n  border-bottom: 1px solid #eaecef;\n}\n\n.gitment-markdown h2 {\n  padding-bottom: 0.3em;\n  font-size: 1.5em;\n  border-bottom: 1px solid #eaecef;\n}\n\n.gitment-markdown h3 {\n  font-size: 1.25em;\n}\n\n.gitment-markdown h4 {\n  font-size: 1em;\n}\n\n.gitment-markdown h5 {\n  font-size: 0.875em;\n}\n\n.gitment-markdown h6 {\n  font-size: 0.85em;\n  color: #6a737d;\n}\n\n.gitment-markdown ul,\n.gitment-markdown ol {\n  padding-left: 2em;\n}\n\n.gitment-markdown ul ul,\n.gitment-markdown ul ol,\n.gitment-markdown ol ol,\n.gitment-markdown ol ul {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown li>p {\n  margin-top: 16px;\n}\n\n.gitment-markdown li+li {\n  margin-top: 0.25em;\n}\n\n.gitment-markdown dl {\n  padding: 0;\n}\n\n.gitment-markdown dl dt {\n  padding: 0;\n  margin-top: 16px;\n  font-size: 1em;\n  font-style: italic;\n  font-weight: 600;\n}\n\n.gitment-markdown dl dd {\n  padding: 0 16px;\n  margin-bottom: 16px;\n}\n\n.gitment-markdown table {\n  display: block;\n  width: 100%;\n  overflow: auto;\n}\n\n.gitment-markdown table th {\n  font-weight: 600;\n}\n\n.gitment-markdown table th,\n.gitment-markdown table td {\n  padding: 6px 13px;\n  border: 1px solid #dfe2e5;\n}\n\n.gitment-markdown table tr {\n  background-color: #fff;\n  border-top: 1px solid #c6cbd1;\n}\n\n.gitment-markdown table tr:nth-child(2n) {\n  background-color: #f5f5f5;\n}\n\n.gitment-markdown img {\n  max-width: 100%;\n  box-sizing: content-box;\n  background-color: #fff;\n}\n\n.gitment-markdown code {\n  padding: 0;\n  padding-top: 0.2em;\n  padding-bottom: 0.2em;\n  margin: 0;\n  font-size: 85%;\n  background-color: rgba(27,31,35,0.05);\n  border-radius: 0;\n}\n\n.gitment-markdown code::before,\n.gitment-markdown code::after {\n  letter-spacing: -0.2em;\n  content: \"\\00a0\";\n}\n\n.gitment-markdown pre {\n  word-wrap: normal;\n}\n\n.gitment-markdown pre>code {\n  padding: 0;\n  margin: 0;\n  font-size: 100%;\n  word-break: break-word;\n  white-space: pre;\n  background: transparent;\n  border: 0;\n}\n\n.gitment-markdown .highlight {\n  margin-bottom: 16px;\n}\n\n.gitment-markdown .highlight pre {\n  margin-bottom: 0;\n  word-break: break-word;\n}\n\n.gitment-markdown .highlight pre,\n.gitment-markdown pre {\n  padding: 16px;\n  overflow: auto;\n  font-size: 85%;\n  line-height: 1.45;\n  background-color: #f5f5f5;\n  border-radius: 0;\n}\n\n.gitment-markdown pre code {\n  display: inline;\n  max-width: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n  line-height: inherit;\n  word-wrap: normal;\n  background-color: transparent;\n  border: 0;\n}\n\n.gitment-markdown pre code::before,\n.gitment-markdown pre code::after {\n  content: normal;\n}\n\n.gitment-markdown .full-commit .btn-outline:not(:disabled):hover {\n  color: #005cc5;\n  border-color: #005cc5;\n}\n\n.gitment-markdown kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font: 11px \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  line-height: 10px;\n  color: #444d56;\n  vertical-align: middle;\n  background-color: #fcfcfc;\n  border: solid 1px #c6cbd1;\n  border-bottom-color: #959da5;\n  border-radius: 0;\n  box-shadow: inset 0 -1px 0 #959da5;\n}\n\n.gitment-markdown :checked+.radio-label {\n  position: relative;\n  z-index: 1;\n  border-color: #0366d6;\n}\n\n.gitment-markdown .task-list-item {\n  list-style-type: none;\n}\n\n.gitment-markdown .task-list-item+.task-list-item {\n  margin-top: 3px;\n}\n\n.gitment-markdown .task-list-item input {\n  margin: 0 0.2em 0.25em -1.6em;\n  vertical-align: middle;\n}\n\n.gitment-markdown hr {\n  border-bottom-color: #eee;\n}\n","site":{"data":{}},"excerpt":"","more":".gitment-container {\n  font-family: sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333;\n  word-wrap: break-word;\n}\n\n.gitment-container * {\n  box-sizing: border-box;\n}\n\n.gitment-container *:disabled {\n  cursor: not-allowed;\n}\n\n.gitment-container a,\n.gitment-container a:visited {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.gitment-container a:hover {\n  text-decoration: underline;\n}\n\n.gitment-container .gitment-hidden {\n  display: none;\n}\n\n.gitment-container .gitment-spinner-icon {\n  fill: #333;\n\n  -webkit-animation: gitment-spin 1s steps(12) infinite;\n  animation: gitment-spin 1s steps(12) infinite;\n}\n\n@-webkit-keyframes gitment-spin {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg)\n  }\n}\n\n@keyframes gitment-spin {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg)\n  }\n}\n\n.gitment-root-container {\n  margin: 19px 0;\n}\n\n.gitment-header-container {\n  margin: 19px 0;\n}\n\n.gitment-header-like-btn,\n.gitment-comment-like-btn {\n  cursor: pointer;\n}\n\n.gitment-comment-like-btn {\n  float: right;\n}\n\n.gitment-comment-like-btn.liked {\n  color: #F44336;\n}\n\n.gitment-header-like-btn svg {\n  vertical-align: middle;\n  height: 30px;\n}\n\n.gitment-comment-like-btn svg {\n  vertical-align: middle;\n  height: 20px;\n}\n\n.gitment-header-like-btn.liked svg,\n.gitment-comment-like-btn.liked svg {\n  fill: #F44336;\n}\n\na.gitment-header-issue-link,\na.gitment-header-issue-link:visited {\n  float: right;\n  line-height: 30px;\n  color: #666;\n}\n\na.gitment-header-issue-link:hover {\n  color: #666;\n}\n\n.gitment-comments-loading,\n.gitment-comments-error,\n.gitment-comments-empty {\n  text-align: center;\n  margin: 50px 0;\n}\n\n.gitment-comments-list {\n  list-style: none;\n  padding-left: 0;\n  margin: 0 0 38px;\n}\n\n.gitment-comment,\n.gitment-editor-container {\n  position: relative;\n  min-height: 60px;\n  padding-left: 60px;\n  margin: 19px 0;\n}\n\n.gitment-comment-avatar,\n.gitment-editor-avatar {\n  float: left;\n  margin-left: -60px;\n}\n\n.gitment-comment-avatar,\n.gitment-comment-avatar-img,\n.gitment-comment-avatar,\n.gitment-editor-avatar-img,\n.gitment-editor-avatar svg {\n  width: 44px;\n  height: 44px;\n  border-radius: 3px;\n}\n\n.gitment-editor-avatar .gitment-github-icon {\n  fill: #fff;\n  background-color: #333;\n}\n\n.gitment-comment-main,\n.gitment-editor-main {\n  position: relative;\n  border: 1px solid #CFD8DC;\n  border-radius: 0;\n}\n\n.gitment-editor-main::before,\n.gitment-editor-main::after,\n.gitment-comment-main::before,\n.gitment-comment-main::after {\n  position: absolute;\n  top: 11px;\n  left: -16px;\n  display: block;\n  width: 0;\n  height: 0;\n  pointer-events: none;\n  content: \"\";\n  border-color: transparent;\n  border-style: solid solid outset;\n}\n\n.gitment-editor-main::before,\n.gitment-comment-main::before {\n  border-width: 8px;\n  border-right-color: #CFD8DC;\n}\n\n.gitment-editor-main::after,\n.gitment-comment-main::after {\n  margin-top: 1px;\n  margin-left: 2px;\n  border-width: 7px;\n  border-right-color: #fff;\n}\n\n.gitment-comment-header {\n  margin: 12px 15px;\n  color: #666;\n  background-color: #fff;\n  border-radius: 3px;\n}\n\n.gitment-editor-header {\n  padding: 0;\n  margin: 0;\n  border-bottom: 1px solid #CFD8DC;\n}\n\na.gitment-comment-name,\na.gitment-comment-name:visited {\n  font-weight: 600;\n  color: #666;\n}\n\n.gitment-editor-tabs {\n  margin-bottom: -1px;\n  margin-left: -1px;\n}\n\n.gitment-editor-tab {\n  display: inline-block;\n  padding: 11px 12px;\n  font-size: 14px;\n  line-height: 20px;\n  color: #666;\n  text-decoration: none;\n  background-color: transparent;\n  border-width: 0 1px;\n  border-style: solid;\n  border-color: transparent;\n  border-radius: 0;\n\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n\n  outline: none;\n}\n\n.gitment-editor-tab.gitment-selected {\n  color: #333;\n  background-color: #fff;\n  border-color: #CFD8DC;\n}\n\n.gitment-editor-login {\n  float: right;\n  margin-top: -30px;\n  margin-right: 15px;\n}\n\na.gitment-footer-project-link,\na.gitment-footer-project-link:visited,\na.gitment-editor-login-link,\na.gitment-editor-login-link:visited {\n  color: #2196F3;\n}\n\na.gitment-editor-logout-link,\na.gitment-editor-logout-link:visited {\n  color: #666;\n}\n\na.gitment-editor-logout-link:hover {\n  color: #2196F3;\n  text-decoration: none;\n}\n\n.gitment-comment-body {\n  position: relative;\n  margin: 12px 15px;\n  overflow: hidden;\n  border-radius: 3px;\n}\n\n.gitment-comment-body-folded {\n  cursor: pointer;\n}\n\n.gitment-comment-body-folded::before {\n  display: block !important;\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 0;\n  bottom: 50px;\n  pointer-events: none;\n  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));\n}\n\n.gitment-comment-body-folded::after {\n  display: block !important;\n  content: \"Click to Expand\" !important;\n  text-align: center;\n  color: #666;\n  position: absolute;\n  width: 100%;\n  height: 50px;\n  line-height: 50px;\n  left: 0;\n  bottom: 0;\n  pointer-events: none;\n  background: rgba(255, 255, 255, .9);\n}\n\n.gitment-editor-body {\n  margin: 0;\n}\n\n.gitment-comment-body > *:first-child,\n.gitment-editor-preview > *:first-child {\n  margin-top: 0 !important;\n}\n\n.gitment-comment-body > *:last-child,\n.gitment-editor-preview > *:last-child {\n  margin-bottom: 0 !important;\n}\n\n.gitment-editor-body textarea {\n  display: block;\n  width: 100%;\n  min-height: 150px;\n  max-height: 500px;\n  padding: 16px;\n  resize: vertical;\n\n  max-width: 100%;\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.6;\n\n  background-color: #fff;\n\n  color: #333;\n  vertical-align: middle;\n  border: none;\n  border-radius: 0;\n  outline: none;\n  box-shadow: none;\n\n  overflow: visible;\n}\n\n.gitment-editor-body textarea:focus {\n  background-color: #fff;\n}\n\n.gitment-editor-preview {\n  min-height: 150px;\n\n  padding: 16px;\n  background-color: transparent;\n\n  width: 100%;\n  font-size: 14px;\n\n  line-height: 1.5;\n  word-wrap: break-word;\n}\n\n.gitment-editor-footer {\n  padding: 0;\n  margin-top: 10px;\n}\n\n.gitment-editor-footer::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\na.gitment-editor-footer-tip {\n  display: inline-block;\n  padding-top: 10px;\n  font-size: 12px;\n  color: #666;\n}\n\na.gitment-editor-footer-tip:hover {\n  color: #2196F3;\n  text-decoration: none;\n}\n\n.gitment-comments-pagination {\n  list-style: none;\n  text-align: right;\n  border-radius: 0;\n  margin: -19px 0 19px 0;\n}\n\n.gitment-comments-page-item {\n  display: inline-block;\n  cursor: pointer;\n  border: 1px solid #CFD8DC;\n  margin-left: -1px;\n  padding: .25rem .5rem;\n}\n\n.gitment-comments-page-item:hover {\n  background-color: #f5f5f5;\n}\n\n.gitment-comments-page-item.gitment-selected {\n  background-color: #f5f5f5;\n}\n\n.gitment-editor-submit,\n.gitment-comments-init-btn {\n  color: #fff;\n  background-color: #00BCD4;\n\n  position: relative;\n  display: inline-block;\n  padding: 7px 13px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-size: 110% 110%;\n  border: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.gitment-editor-submit:hover,\n.gitment-comments-init-btn:hover {\n  background-color: #00ACC1;\n}\n\n.gitment-comments-init-btn:disabled,\n.gitment-editor-submit:disabled {\n  color: rgba(255,255,255,0.75);\n  background-color: #4DD0E1;\n  box-shadow: none;\n}\n\n.gitment-editor-submit {\n  float: right;\n}\n\n.gitment-footer-container {\n  margin-top: 30px;\n  margin-bottom: 20px;\n  text-align: right;\n  font-size: 12px;\n}\n\n/*\n * Markdown CSS\n * Copied from https://github.com/sindresorhus/github-markdown-css\n */\n.gitment-markdown {\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  line-height: 1.5;\n  color: #333;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 16px;\n  line-height: 1.5;\n  word-wrap: break-word;\n}\n\n.gitment-markdown .pl-c {\n  color: #969896;\n}\n\n.gitment-markdown .pl-c1,\n.gitment-markdown .pl-s .pl-v {\n  color: #0086b3;\n}\n\n.gitment-markdown .pl-e,\n.gitment-markdown .pl-en {\n  color: #795da3;\n}\n\n.gitment-markdown .pl-smi,\n.gitment-markdown .pl-s .pl-s1 {\n  color: #333;\n}\n\n.gitment-markdown .pl-ent {\n  color: #63a35c;\n}\n\n.gitment-markdown .pl-k {\n  color: #a71d5d;\n}\n\n.gitment-markdown .pl-s,\n.gitment-markdown .pl-pds,\n.gitment-markdown .pl-s .pl-pse .pl-s1,\n.gitment-markdown .pl-sr,\n.gitment-markdown .pl-sr .pl-cce,\n.gitment-markdown .pl-sr .pl-sre,\n.gitment-markdown .pl-sr .pl-sra {\n  color: #183691;\n}\n\n.gitment-markdown .pl-v,\n.gitment-markdown .pl-smw {\n  color: #ed6a43;\n}\n\n.gitment-markdown .pl-bu {\n  color: #b52a1d;\n}\n\n.gitment-markdown .pl-ii {\n  color: #f8f8f8;\n  background-color: #b52a1d;\n}\n\n.gitment-markdown .pl-c2 {\n  color: #f8f8f8;\n  background-color: #b52a1d;\n}\n\n.gitment-markdown .pl-c2::before {\n  content: \"^M\";\n}\n\n.gitment-markdown .pl-sr .pl-cce {\n  font-weight: bold;\n  color: #63a35c;\n}\n\n.gitment-markdown .pl-ml {\n  color: #693a17;\n}\n\n.gitment-markdown .pl-mh,\n.gitment-markdown .pl-mh .pl-en,\n.gitment-markdown .pl-ms {\n  font-weight: bold;\n  color: #1d3e81;\n}\n\n.gitment-markdown .pl-mq {\n  color: #008080;\n}\n\n.gitment-markdown .pl-mi {\n  font-style: italic;\n  color: #333;\n}\n\n.gitment-markdown .pl-mb {\n  font-weight: bold;\n  color: #333;\n}\n\n.gitment-markdown .pl-md {\n  color: #bd2c00;\n  background-color: #ffecec;\n}\n\n.gitment-markdown .pl-mi1 {\n  color: #55a532;\n  background-color: #eaffea;\n}\n\n.gitment-markdown .pl-mc {\n  color: #ef9700;\n  background-color: #ffe3b4;\n}\n\n.gitment-markdown .pl-mi2 {\n  color: #d8d8d8;\n  background-color: #808080;\n}\n\n.gitment-markdown .pl-mdr {\n  font-weight: bold;\n  color: #795da3;\n}\n\n.gitment-markdown .pl-mo {\n  color: #1d3e81;\n}\n\n.gitment-markdown .pl-ba {\n  color: #595e62;\n}\n\n.gitment-markdown .pl-sg {\n  color: #c0c0c0;\n}\n\n.gitment-markdown .pl-corl {\n  text-decoration: underline;\n  color: #183691;\n}\n\n.gitment-markdown .octicon {\n  display: inline-block;\n  vertical-align: text-top;\n  fill: currentColor;\n}\n\n.gitment-markdown a {\n  background-color: transparent;\n  -webkit-text-decoration-skip: objects;\n}\n\n.gitment-markdown a:active,\n.gitment-markdown a:hover {\n  outline-width: 0;\n}\n\n.gitment-markdown strong {\n  font-weight: inherit;\n}\n\n.gitment-markdown strong {\n  font-weight: bolder;\n}\n\n.gitment-markdown h1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n.gitment-markdown img {\n  border-style: none;\n}\n\n.gitment-markdown svg:not(:root) {\n  overflow: hidden;\n}\n\n.gitment-markdown code,\n.gitment-markdown kbd,\n.gitment-markdown pre {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\n.gitment-markdown hr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\n.gitment-markdown input {\n  font: inherit;\n  margin: 0;\n}\n\n.gitment-markdown input {\n  overflow: visible;\n}\n\n.gitment-markdown [type=\"checkbox\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n.gitment-markdown * {\n  box-sizing: border-box;\n}\n\n.gitment-markdown input {\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.gitment-markdown a {\n  color: #0366d6;\n  text-decoration: none;\n}\n\n.gitment-markdown a:hover {\n  text-decoration: underline;\n}\n\n.gitment-markdown strong {\n  font-weight: 600;\n}\n\n.gitment-markdown hr {\n  height: 0;\n  margin: 15px 0;\n  overflow: hidden;\n  background: transparent;\n  border: 0;\n  border-bottom: 1px solid #dfe2e5;\n}\n\n.gitment-markdown hr::before {\n  display: table;\n  content: \"\";\n}\n\n.gitment-markdown hr::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\n.gitment-markdown table {\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\n.gitment-markdown td,\n.gitment-markdown th {\n  padding: 0;\n}\n\n.gitment-markdown h1,\n.gitment-markdown h2,\n.gitment-markdown h3,\n.gitment-markdown h4,\n.gitment-markdown h5,\n.gitment-markdown h6 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown h1 {\n  font-size: 32px;\n  font-weight: 600;\n}\n\n.gitment-markdown h2 {\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.gitment-markdown h3 {\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.gitment-markdown h4 {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.gitment-markdown h5 {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.gitment-markdown h6 {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.gitment-markdown p {\n  margin-top: 0;\n  margin-bottom: 10px;\n}\n\n.gitment-markdown blockquote {\n  margin: 0;\n}\n\n.gitment-markdown ul,\n.gitment-markdown ol {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown ol ol,\n.gitment-markdown ul ol {\n  list-style-type: lower-roman;\n}\n\n.gitment-markdown ul ul ol,\n.gitment-markdown ul ol ol,\n.gitment-markdown ol ul ol,\n.gitment-markdown ol ol ol {\n  list-style-type: lower-alpha;\n}\n\n.gitment-markdown dd {\n  margin-left: 0;\n}\n\n.gitment-markdown code {\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  font-size: 12px;\n}\n\n.gitment-markdown pre {\n  margin-top: 0;\n  margin-bottom: 0;\n  font: 12px \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n}\n\n.gitment-markdown .octicon {\n  vertical-align: text-bottom;\n}\n\n.gitment-markdown .pl-0 {\n  padding-left: 0 !important;\n}\n\n.gitment-markdown .pl-1 {\n  padding-left: 4px !important;\n}\n\n.gitment-markdown .pl-2 {\n  padding-left: 8px !important;\n}\n\n.gitment-markdown .pl-3 {\n  padding-left: 16px !important;\n}\n\n.gitment-markdown .pl-4 {\n  padding-left: 24px !important;\n}\n\n.gitment-markdown .pl-5 {\n  padding-left: 32px !important;\n}\n\n.gitment-markdown .pl-6 {\n  padding-left: 40px !important;\n}\n\n.gitment-markdown::before {\n  display: table;\n  content: \"\";\n}\n\n.gitment-markdown::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\n.gitment-markdown>*:first-child {\n  margin-top: 0 !important;\n}\n\n.gitment-markdown>*:last-child {\n  margin-bottom: 0 !important;\n}\n\n.gitment-markdown a:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\n\n.gitment-markdown .anchor {\n  float: left;\n  padding-right: 4px;\n  margin-left: -20px;\n  line-height: 1;\n}\n\n.gitment-markdown .anchor:focus {\n  outline: none;\n}\n\n.gitment-markdown p,\n.gitment-markdown blockquote,\n.gitment-markdown ul,\n.gitment-markdown ol,\n.gitment-markdown dl,\n.gitment-markdown table,\n.gitment-markdown pre {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n\n.gitment-markdown hr {\n  height: 0.25em;\n  padding: 0;\n  margin: 24px 0;\n  background-color: #e1e4e8;\n  border: 0;\n}\n\n.gitment-markdown blockquote {\n  padding: 0 1em;\n  color: #6a737d;\n  border-left: 0.25em solid #dfe2e5;\n}\n\n.gitment-markdown blockquote>:first-child {\n  margin-top: 0;\n}\n\n.gitment-markdown blockquote>:last-child {\n  margin-bottom: 0;\n}\n\n.gitment-markdown kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font-size: 11px;\n  line-height: 10px;\n  color: #444d56;\n  vertical-align: middle;\n  background-color: #fafbfc;\n  border: solid 1px #c6cbd1;\n  border-bottom-color: #959da5;\n  border-radius: 0;\n  box-shadow: inset 0 -1px 0 #959da5;\n}\n\n.gitment-markdown h1,\n.gitment-markdown h2,\n.gitment-markdown h3,\n.gitment-markdown h4,\n.gitment-markdown h5,\n.gitment-markdown h6 {\n  margin-top: 24px;\n  margin-bottom: 16px;\n  font-weight: 600;\n  line-height: 1.25;\n}\n\n.gitment-markdown h1 .octicon-link,\n.gitment-markdown h2 .octicon-link,\n.gitment-markdown h3 .octicon-link,\n.gitment-markdown h4 .octicon-link,\n.gitment-markdown h5 .octicon-link,\n.gitment-markdown h6 .octicon-link {\n  color: #1b1f23;\n  vertical-align: middle;\n  visibility: hidden;\n}\n\n.gitment-markdown h1:hover .anchor,\n.gitment-markdown h2:hover .anchor,\n.gitment-markdown h3:hover .anchor,\n.gitment-markdown h4:hover .anchor,\n.gitment-markdown h5:hover .anchor,\n.gitment-markdown h6:hover .anchor {\n  text-decoration: none;\n}\n\n.gitment-markdown h1:hover .anchor .octicon-link,\n.gitment-markdown h2:hover .anchor .octicon-link,\n.gitment-markdown h3:hover .anchor .octicon-link,\n.gitment-markdown h4:hover .anchor .octicon-link,\n.gitment-markdown h5:hover .anchor .octicon-link,\n.gitment-markdown h6:hover .anchor .octicon-link {\n  visibility: visible;\n}\n\n.gitment-markdown h1 {\n  padding-bottom: 0.3em;\n  font-size: 2em;\n  border-bottom: 1px solid #eaecef;\n}\n\n.gitment-markdown h2 {\n  padding-bottom: 0.3em;\n  font-size: 1.5em;\n  border-bottom: 1px solid #eaecef;\n}\n\n.gitment-markdown h3 {\n  font-size: 1.25em;\n}\n\n.gitment-markdown h4 {\n  font-size: 1em;\n}\n\n.gitment-markdown h5 {\n  font-size: 0.875em;\n}\n\n.gitment-markdown h6 {\n  font-size: 0.85em;\n  color: #6a737d;\n}\n\n.gitment-markdown ul,\n.gitment-markdown ol {\n  padding-left: 2em;\n}\n\n.gitment-markdown ul ul,\n.gitment-markdown ul ol,\n.gitment-markdown ol ol,\n.gitment-markdown ol ul {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.gitment-markdown li>p {\n  margin-top: 16px;\n}\n\n.gitment-markdown li+li {\n  margin-top: 0.25em;\n}\n\n.gitment-markdown dl {\n  padding: 0;\n}\n\n.gitment-markdown dl dt {\n  padding: 0;\n  margin-top: 16px;\n  font-size: 1em;\n  font-style: italic;\n  font-weight: 600;\n}\n\n.gitment-markdown dl dd {\n  padding: 0 16px;\n  margin-bottom: 16px;\n}\n\n.gitment-markdown table {\n  display: block;\n  width: 100%;\n  overflow: auto;\n}\n\n.gitment-markdown table th {\n  font-weight: 600;\n}\n\n.gitment-markdown table th,\n.gitment-markdown table td {\n  padding: 6px 13px;\n  border: 1px solid #dfe2e5;\n}\n\n.gitment-markdown table tr {\n  background-color: #fff;\n  border-top: 1px solid #c6cbd1;\n}\n\n.gitment-markdown table tr:nth-child(2n) {\n  background-color: #f5f5f5;\n}\n\n.gitment-markdown img {\n  max-width: 100%;\n  box-sizing: content-box;\n  background-color: #fff;\n}\n\n.gitment-markdown code {\n  padding: 0;\n  padding-top: 0.2em;\n  padding-bottom: 0.2em;\n  margin: 0;\n  font-size: 85%;\n  background-color: rgba(27,31,35,0.05);\n  border-radius: 0;\n}\n\n.gitment-markdown code::before,\n.gitment-markdown code::after {\n  letter-spacing: -0.2em;\n  content: \"\\00a0\";\n}\n\n.gitment-markdown pre {\n  word-wrap: normal;\n}\n\n.gitment-markdown pre>code {\n  padding: 0;\n  margin: 0;\n  font-size: 100%;\n  word-break: break-word;\n  white-space: pre;\n  background: transparent;\n  border: 0;\n}\n\n.gitment-markdown .highlight {\n  margin-bottom: 16px;\n}\n\n.gitment-markdown .highlight pre {\n  margin-bottom: 0;\n  word-break: break-word;\n}\n\n.gitment-markdown .highlight pre,\n.gitment-markdown pre {\n  padding: 16px;\n  overflow: auto;\n  font-size: 85%;\n  line-height: 1.45;\n  background-color: #f5f5f5;\n  border-radius: 0;\n}\n\n.gitment-markdown pre code {\n  display: inline;\n  max-width: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n  line-height: inherit;\n  word-wrap: normal;\n  background-color: transparent;\n  border: 0;\n}\n\n.gitment-markdown pre code::before,\n.gitment-markdown pre code::after {\n  content: normal;\n}\n\n.gitment-markdown .full-commit .btn-outline:not(:disabled):hover {\n  color: #005cc5;\n  border-color: #005cc5;\n}\n\n.gitment-markdown kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font: 11px \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  line-height: 10px;\n  color: #444d56;\n  vertical-align: middle;\n  background-color: #fcfcfc;\n  border: solid 1px #c6cbd1;\n  border-bottom-color: #959da5;\n  border-radius: 0;\n  box-shadow: inset 0 -1px 0 #959da5;\n}\n\n.gitment-markdown :checked+.radio-label {\n  position: relative;\n  z-index: 1;\n  border-color: #0366d6;\n}\n\n.gitment-markdown .task-list-item {\n  list-style-type: none;\n}\n\n.gitment-markdown .task-list-item+.task-list-item {\n  margin-top: 3px;\n}\n\n.gitment-markdown .task-list-item input {\n  margin: 0 0.2em 0.25em -1.6em;\n  vertical-align: middle;\n}\n\n.gitment-markdown hr {\n  border-bottom-color: #eee;\n}\n"},{"_content":"#donate {\n    position: relative;\n    font-family: \"Helvetica Neue\", Ubuntu, \"WenQuanYi Micro Hei\", Helvetica, \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Wenquanyi Micro Hei\", \"WenQuanYi Micro Hei Mono\", \"WenQuanYi Zen Hei\", \"WenQuanYi Zen Hei\", \"Apple LiGothic Medium\", \"SimHei\", \"ST Heiti\", \"WenQuanYi Zen Hei Sharp\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    line-height: 1.8em;\n    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);\n    height: 15em;\n}\n\n#donate img {\n    border-width: 0px;\n}\n\n#donate a {\n    color: #000;\n    text-decoration: none;\n    outline: none;\n    border: none;\n}\n\n#donate .list,\n.list li,\n.list-left li {\n    list-style: none;\n    list-style-type: none;\n    margin: 0px;\n    padding: 0px;\n}\n\n#donate .pos-f {\n    position: absolute;\n}\n\n#donate .left-100 {\n    width: 100%;\n    height: 100%;\n}\n\n#donate .blur {\n    -webkit-filter: blur(3px);\n    filter: blur(3px);\n}\n\n#donate .tr3 {\n    transition: all .3s;\n}\n\n#donate #DonateText {\n    position: absolute;\n    font-size: 12px;\n    width: 70px;\n    height: 70px;\n    line-height: 70px;\n    color: #fff;\n    background: #ffd886 url(../img/like.svg) no-repeat center 10px;\n    background-size: 20px;\n    border-radius: 35px;\n    text-align: center;\n    left: calc(50% - 120px);\n    top: calc(50% - 60px);\n    transform: rotatez(-15deg);\n}\n\n#donate #donateBox {\n    display: table;\n    left: calc(50% - 150px);\n    top: calc(50% - 15px);\n    background-color: #fff;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    width: 299px;\n    height: 28px;\n    float: left;\n    z-index: 1;\n    overflow: hidden;\n}\n\n#donate #donateBox li {\n    width: 74px;\n    /*float: left;*/\n    /* float: right; */\n    display: table-cell;\n    text-align: center;\n    border-right: 1px solid #ddd;\n    background: no-repeat center center;\n    background-color: rgba(204, 217, 220, 0.1);\n    background-size: 45px;\n    cursor: pointer;\n    overflow: hidden;\n    height: 28px;\n    -webkit-filter: grayscale(1);\n    filter: grayscale(1);\n    opacity: 0.5;\n}\n\n#donate #donateBox li:hover {\n    background-color: rgba(204, 217, 220, 0.3);\n    -webkit-filter: grayscale(0);\n    filter: grayscale(0);\n    opacity: 1;\n}\n\n#donate #donateBox>li:last-child {\n    border-width: 0;\n}\n\n#donate #donateBox a {\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n#donate #donateBox #PayPal {\n    background-image: url(../img/paypal.svg);\n}\n\n#donate #donateBox>#BTC {\n    background-image: url(../img/bitcoin.svg);\n    line-height: 28px;\n}\n\n#donate #donateBox>#BTC:hover {\n    overflow: visible;\n}\n\n#donate #BTC>button {\n    opacity: 0;\n    cursor: pointer;\n}\n\n#donate #donateBox #AliPay {\n    background-image: url(../img/alipay.svg);\n}\n\n#donate #donateBox #WeChat {\n    background-image: url(../img/wechat.svg);\n}\n\n#donate #QRBox {\n    top: 0;\n    left: 0;\n    z-index: 1;\n    background-color: rgba(255, 255, 255, 0.3);\n    display: none;\n    perspective: 400px;\n}\n\n#donate #MainBox {\n    cursor: pointer;\n    position: absolute;\n    text-align: center;\n    width: 200px;\n    height: 200px;\n    left: calc(50% - 100px);\n    top: calc(50% - 100px);\n    background: #fff no-repeat center center;\n    background-size: 190px;\n    border-radius: 6px;\n    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);\n    opacity: 0;\n    transition: all 1s ease-in-out;\n    transform-style: preserve-3d;\n    transform-origin: center center;\n    overflow: hidden;\n}\n\n#donate #github {\n    width: 24px;\n    height: 24px;\n    left: calc(50% + 135px);\n    top: calc(50% - 30px);\n    background: no-repeat center center url(../img/github.svg);\n    background-size: contain;\n    opacity: 0.3;\n    transform: rotatez(15deg);\n}\n\n#donate #ps {\n    color: red;\n    text-align: center;\n    line-height: 28px !important;\n    font-size: 12px !important;\n}\n\n#donate [data-footnote] {\n    position: relative;\n    overflow: hidden;\n}\n\n#donate [data-footnote]:hover {\n    overflow: visible;\n}\n\n#donate [data-footnote]::before,\n[data-footnote]::after {\n    position: absolute;\n    transition: all .3s;\n    transform: translate3d(-50%, 0, 0);\n    opacity: 0;\n    left: 37px;\n    z-index: 10;\n}\n\n#donate [data-footnote]::before {\n    content: attr(data-footnote);\n    border-radius: 6px;\n    background-color: rgba(100, 100, 100, 0.8);\n    color: #fff;\n    height: 24px;\n    line-height: 24px;\n    padding: 0 6px;\n    font-size: 12px;\n    white-space: nowrap;\n    top: -24px;\n    left: 37px;\n}\n\n#donate [data-footnote]::after {\n    content: '';\n    border: 5px solid #333;\n    border-color: rgba(100, 100, 100, 0.8) transparent transparent transparent;\n    top: 0;\n    left: 37px;\n}\n\n#donate [data-footnote]:hover::before,\n[data-footnote]:hover::after {\n    opacity: 1;\n}\n\n#donate [data-footnote]:hover::before,\n[data-footnote]:hover::after {\n    transform: translate3d(-50%, -7px, 0);\n}\n\n#donate #MainBox.showQR {\n    opacity: 1;\n    animation-name: showQR;\n    animation-duration: 3s;\n    animation-timing-function: ease-in-out;\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n    -webkit-animation: showQR 3s ease-in-out 0s 1 normal forwards;\n}\n\n@keyframes showQR {\n    from {\n        transform: rotateX(90deg);\n    }\n    8% {\n        opacity: 1;\n        transform: rotateX(-60deg);\n    }\n    18% {\n        opacity: 1;\n        transform: rotateX(40deg);\n    }\n    34% {\n        opacity: 1;\n        transform: rotateX(-28deg);\n    }\n    44% {\n        opacity: 1;\n        transform: rotateX(18deg);\n    }\n    58% {\n        opacity: 1;\n        transform: rotateX(-12deg);\n    }\n    72% {\n        opacity: 1;\n        transform: rotateX(9deg);\n    }\n    88% {\n        opacity: 1;\n        transform: rotateX(-5deg);\n    }\n    96% {\n        opacity: 1;\n        transform: rotateX(2deg);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n#MainBox.hideQR {\n    opacity: 1;\n    animation-name: hideQR;\n    animation-duration: 0.5s;\n    animation-timing-function: ease-in-out;\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n    -webkit-animation: hideQR 0.5s ease-in-out 0s 1 normal forwards;\n}\n\n@keyframes hideQR {\n    from {}\n    20%,\n    50% {\n        transform: scale(1.08, 1.08);\n        opacity: 1;\n    }\n    to {\n        opacity: 0;\n        transform: rotateZ(40deg) scale(0.6, 0.6);\n    }\n}","source":"css/donate.css","raw":"#donate {\n    position: relative;\n    font-family: \"Helvetica Neue\", Ubuntu, \"WenQuanYi Micro Hei\", Helvetica, \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Wenquanyi Micro Hei\", \"WenQuanYi Micro Hei Mono\", \"WenQuanYi Zen Hei\", \"WenQuanYi Zen Hei\", \"Apple LiGothic Medium\", \"SimHei\", \"ST Heiti\", \"WenQuanYi Zen Hei Sharp\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    line-height: 1.8em;\n    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);\n    height: 15em;\n}\n\n#donate img {\n    border-width: 0px;\n}\n\n#donate a {\n    color: #000;\n    text-decoration: none;\n    outline: none;\n    border: none;\n}\n\n#donate .list,\n.list li,\n.list-left li {\n    list-style: none;\n    list-style-type: none;\n    margin: 0px;\n    padding: 0px;\n}\n\n#donate .pos-f {\n    position: absolute;\n}\n\n#donate .left-100 {\n    width: 100%;\n    height: 100%;\n}\n\n#donate .blur {\n    -webkit-filter: blur(3px);\n    filter: blur(3px);\n}\n\n#donate .tr3 {\n    transition: all .3s;\n}\n\n#donate #DonateText {\n    position: absolute;\n    font-size: 12px;\n    width: 70px;\n    height: 70px;\n    line-height: 70px;\n    color: #fff;\n    background: #ffd886 url(../img/like.svg) no-repeat center 10px;\n    background-size: 20px;\n    border-radius: 35px;\n    text-align: center;\n    left: calc(50% - 120px);\n    top: calc(50% - 60px);\n    transform: rotatez(-15deg);\n}\n\n#donate #donateBox {\n    display: table;\n    left: calc(50% - 150px);\n    top: calc(50% - 15px);\n    background-color: #fff;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    width: 299px;\n    height: 28px;\n    float: left;\n    z-index: 1;\n    overflow: hidden;\n}\n\n#donate #donateBox li {\n    width: 74px;\n    /*float: left;*/\n    /* float: right; */\n    display: table-cell;\n    text-align: center;\n    border-right: 1px solid #ddd;\n    background: no-repeat center center;\n    background-color: rgba(204, 217, 220, 0.1);\n    background-size: 45px;\n    cursor: pointer;\n    overflow: hidden;\n    height: 28px;\n    -webkit-filter: grayscale(1);\n    filter: grayscale(1);\n    opacity: 0.5;\n}\n\n#donate #donateBox li:hover {\n    background-color: rgba(204, 217, 220, 0.3);\n    -webkit-filter: grayscale(0);\n    filter: grayscale(0);\n    opacity: 1;\n}\n\n#donate #donateBox>li:last-child {\n    border-width: 0;\n}\n\n#donate #donateBox a {\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n#donate #donateBox #PayPal {\n    background-image: url(../img/paypal.svg);\n}\n\n#donate #donateBox>#BTC {\n    background-image: url(../img/bitcoin.svg);\n    line-height: 28px;\n}\n\n#donate #donateBox>#BTC:hover {\n    overflow: visible;\n}\n\n#donate #BTC>button {\n    opacity: 0;\n    cursor: pointer;\n}\n\n#donate #donateBox #AliPay {\n    background-image: url(../img/alipay.svg);\n}\n\n#donate #donateBox #WeChat {\n    background-image: url(../img/wechat.svg);\n}\n\n#donate #QRBox {\n    top: 0;\n    left: 0;\n    z-index: 1;\n    background-color: rgba(255, 255, 255, 0.3);\n    display: none;\n    perspective: 400px;\n}\n\n#donate #MainBox {\n    cursor: pointer;\n    position: absolute;\n    text-align: center;\n    width: 200px;\n    height: 200px;\n    left: calc(50% - 100px);\n    top: calc(50% - 100px);\n    background: #fff no-repeat center center;\n    background-size: 190px;\n    border-radius: 6px;\n    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);\n    opacity: 0;\n    transition: all 1s ease-in-out;\n    transform-style: preserve-3d;\n    transform-origin: center center;\n    overflow: hidden;\n}\n\n#donate #github {\n    width: 24px;\n    height: 24px;\n    left: calc(50% + 135px);\n    top: calc(50% - 30px);\n    background: no-repeat center center url(../img/github.svg);\n    background-size: contain;\n    opacity: 0.3;\n    transform: rotatez(15deg);\n}\n\n#donate #ps {\n    color: red;\n    text-align: center;\n    line-height: 28px !important;\n    font-size: 12px !important;\n}\n\n#donate [data-footnote] {\n    position: relative;\n    overflow: hidden;\n}\n\n#donate [data-footnote]:hover {\n    overflow: visible;\n}\n\n#donate [data-footnote]::before,\n[data-footnote]::after {\n    position: absolute;\n    transition: all .3s;\n    transform: translate3d(-50%, 0, 0);\n    opacity: 0;\n    left: 37px;\n    z-index: 10;\n}\n\n#donate [data-footnote]::before {\n    content: attr(data-footnote);\n    border-radius: 6px;\n    background-color: rgba(100, 100, 100, 0.8);\n    color: #fff;\n    height: 24px;\n    line-height: 24px;\n    padding: 0 6px;\n    font-size: 12px;\n    white-space: nowrap;\n    top: -24px;\n    left: 37px;\n}\n\n#donate [data-footnote]::after {\n    content: '';\n    border: 5px solid #333;\n    border-color: rgba(100, 100, 100, 0.8) transparent transparent transparent;\n    top: 0;\n    left: 37px;\n}\n\n#donate [data-footnote]:hover::before,\n[data-footnote]:hover::after {\n    opacity: 1;\n}\n\n#donate [data-footnote]:hover::before,\n[data-footnote]:hover::after {\n    transform: translate3d(-50%, -7px, 0);\n}\n\n#donate #MainBox.showQR {\n    opacity: 1;\n    animation-name: showQR;\n    animation-duration: 3s;\n    animation-timing-function: ease-in-out;\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n    -webkit-animation: showQR 3s ease-in-out 0s 1 normal forwards;\n}\n\n@keyframes showQR {\n    from {\n        transform: rotateX(90deg);\n    }\n    8% {\n        opacity: 1;\n        transform: rotateX(-60deg);\n    }\n    18% {\n        opacity: 1;\n        transform: rotateX(40deg);\n    }\n    34% {\n        opacity: 1;\n        transform: rotateX(-28deg);\n    }\n    44% {\n        opacity: 1;\n        transform: rotateX(18deg);\n    }\n    58% {\n        opacity: 1;\n        transform: rotateX(-12deg);\n    }\n    72% {\n        opacity: 1;\n        transform: rotateX(9deg);\n    }\n    88% {\n        opacity: 1;\n        transform: rotateX(-5deg);\n    }\n    96% {\n        opacity: 1;\n        transform: rotateX(2deg);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n#MainBox.hideQR {\n    opacity: 1;\n    animation-name: hideQR;\n    animation-duration: 0.5s;\n    animation-timing-function: ease-in-out;\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n    -webkit-animation: hideQR 0.5s ease-in-out 0s 1 normal forwards;\n}\n\n@keyframes hideQR {\n    from {}\n    20%,\n    50% {\n        transform: scale(1.08, 1.08);\n        opacity: 1;\n    }\n    to {\n        opacity: 0;\n        transform: rotateZ(40deg) scale(0.6, 0.6);\n    }\n}","date":"2020-06-04T20:28:28.804Z","updated":"2020-06-04T20:28:28.804Z","path":"css/donate.css","layout":"false","title":"","comments":1,"_id":"ckb18hs9b0004j9phacr766ls","content":"#donate {\n    position: relative;\n    font-family: \"Helvetica Neue\", Ubuntu, \"WenQuanYi Micro Hei\", Helvetica, \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Wenquanyi Micro Hei\", \"WenQuanYi Micro Hei Mono\", \"WenQuanYi Zen Hei\", \"WenQuanYi Zen Hei\", \"Apple LiGothic Medium\", \"SimHei\", \"ST Heiti\", \"WenQuanYi Zen Hei Sharp\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    line-height: 1.8em;\n    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);\n    height: 15em;\n}\n\n#donate img {\n    border-width: 0px;\n}\n\n#donate a {\n    color: #000;\n    text-decoration: none;\n    outline: none;\n    border: none;\n}\n\n#donate .list,\n.list li,\n.list-left li {\n    list-style: none;\n    list-style-type: none;\n    margin: 0px;\n    padding: 0px;\n}\n\n#donate .pos-f {\n    position: absolute;\n}\n\n#donate .left-100 {\n    width: 100%;\n    height: 100%;\n}\n\n#donate .blur {\n    -webkit-filter: blur(3px);\n    filter: blur(3px);\n}\n\n#donate .tr3 {\n    transition: all .3s;\n}\n\n#donate #DonateText {\n    position: absolute;\n    font-size: 12px;\n    width: 70px;\n    height: 70px;\n    line-height: 70px;\n    color: #fff;\n    background: #ffd886 url(../img/like.svg) no-repeat center 10px;\n    background-size: 20px;\n    border-radius: 35px;\n    text-align: center;\n    left: calc(50% - 120px);\n    top: calc(50% - 60px);\n    transform: rotatez(-15deg);\n}\n\n#donate #donateBox {\n    display: table;\n    left: calc(50% - 150px);\n    top: calc(50% - 15px);\n    background-color: #fff;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    width: 299px;\n    height: 28px;\n    float: left;\n    z-index: 1;\n    overflow: hidden;\n}\n\n#donate #donateBox li {\n    width: 74px;\n    /*float: left;*/\n    /* float: right; */\n    display: table-cell;\n    text-align: center;\n    border-right: 1px solid #ddd;\n    background: no-repeat center center;\n    background-color: rgba(204, 217, 220, 0.1);\n    background-size: 45px;\n    cursor: pointer;\n    overflow: hidden;\n    height: 28px;\n    -webkit-filter: grayscale(1);\n    filter: grayscale(1);\n    opacity: 0.5;\n}\n\n#donate #donateBox li:hover {\n    background-color: rgba(204, 217, 220, 0.3);\n    -webkit-filter: grayscale(0);\n    filter: grayscale(0);\n    opacity: 1;\n}\n\n#donate #donateBox>li:last-child {\n    border-width: 0;\n}\n\n#donate #donateBox a {\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n#donate #donateBox #PayPal {\n    background-image: url(../img/paypal.svg);\n}\n\n#donate #donateBox>#BTC {\n    background-image: url(../img/bitcoin.svg);\n    line-height: 28px;\n}\n\n#donate #donateBox>#BTC:hover {\n    overflow: visible;\n}\n\n#donate #BTC>button {\n    opacity: 0;\n    cursor: pointer;\n}\n\n#donate #donateBox #AliPay {\n    background-image: url(../img/alipay.svg);\n}\n\n#donate #donateBox #WeChat {\n    background-image: url(../img/wechat.svg);\n}\n\n#donate #QRBox {\n    top: 0;\n    left: 0;\n    z-index: 1;\n    background-color: rgba(255, 255, 255, 0.3);\n    display: none;\n    perspective: 400px;\n}\n\n#donate #MainBox {\n    cursor: pointer;\n    position: absolute;\n    text-align: center;\n    width: 200px;\n    height: 200px;\n    left: calc(50% - 100px);\n    top: calc(50% - 100px);\n    background: #fff no-repeat center center;\n    background-size: 190px;\n    border-radius: 6px;\n    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);\n    opacity: 0;\n    transition: all 1s ease-in-out;\n    transform-style: preserve-3d;\n    transform-origin: center center;\n    overflow: hidden;\n}\n\n#donate #github {\n    width: 24px;\n    height: 24px;\n    left: calc(50% + 135px);\n    top: calc(50% - 30px);\n    background: no-repeat center center url(../img/github.svg);\n    background-size: contain;\n    opacity: 0.3;\n    transform: rotatez(15deg);\n}\n\n#donate #ps {\n    color: red;\n    text-align: center;\n    line-height: 28px !important;\n    font-size: 12px !important;\n}\n\n#donate [data-footnote] {\n    position: relative;\n    overflow: hidden;\n}\n\n#donate [data-footnote]:hover {\n    overflow: visible;\n}\n\n#donate [data-footnote]::before,\n[data-footnote]::after {\n    position: absolute;\n    transition: all .3s;\n    transform: translate3d(-50%, 0, 0);\n    opacity: 0;\n    left: 37px;\n    z-index: 10;\n}\n\n#donate [data-footnote]::before {\n    content: attr(data-footnote);\n    border-radius: 6px;\n    background-color: rgba(100, 100, 100, 0.8);\n    color: #fff;\n    height: 24px;\n    line-height: 24px;\n    padding: 0 6px;\n    font-size: 12px;\n    white-space: nowrap;\n    top: -24px;\n    left: 37px;\n}\n\n#donate [data-footnote]::after {\n    content: '';\n    border: 5px solid #333;\n    border-color: rgba(100, 100, 100, 0.8) transparent transparent transparent;\n    top: 0;\n    left: 37px;\n}\n\n#donate [data-footnote]:hover::before,\n[data-footnote]:hover::after {\n    opacity: 1;\n}\n\n#donate [data-footnote]:hover::before,\n[data-footnote]:hover::after {\n    transform: translate3d(-50%, -7px, 0);\n}\n\n#donate #MainBox.showQR {\n    opacity: 1;\n    animation-name: showQR;\n    animation-duration: 3s;\n    animation-timing-function: ease-in-out;\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n    -webkit-animation: showQR 3s ease-in-out 0s 1 normal forwards;\n}\n\n@keyframes showQR {\n    from {\n        transform: rotateX(90deg);\n    }\n    8% {\n        opacity: 1;\n        transform: rotateX(-60deg);\n    }\n    18% {\n        opacity: 1;\n        transform: rotateX(40deg);\n    }\n    34% {\n        opacity: 1;\n        transform: rotateX(-28deg);\n    }\n    44% {\n        opacity: 1;\n        transform: rotateX(18deg);\n    }\n    58% {\n        opacity: 1;\n        transform: rotateX(-12deg);\n    }\n    72% {\n        opacity: 1;\n        transform: rotateX(9deg);\n    }\n    88% {\n        opacity: 1;\n        transform: rotateX(-5deg);\n    }\n    96% {\n        opacity: 1;\n        transform: rotateX(2deg);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n#MainBox.hideQR {\n    opacity: 1;\n    animation-name: hideQR;\n    animation-duration: 0.5s;\n    animation-timing-function: ease-in-out;\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n    -webkit-animation: hideQR 0.5s ease-in-out 0s 1 normal forwards;\n}\n\n@keyframes hideQR {\n    from {}\n    20%,\n    50% {\n        transform: scale(1.08, 1.08);\n        opacity: 1;\n    }\n    to {\n        opacity: 0;\n        transform: rotateZ(40deg) scale(0.6, 0.6);\n    }\n}","site":{"data":{}},"excerpt":"","more":"#donate {\n    position: relative;\n    font-family: \"Helvetica Neue\", Ubuntu, \"WenQuanYi Micro Hei\", Helvetica, \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Wenquanyi Micro Hei\", \"WenQuanYi Micro Hei Mono\", \"WenQuanYi Zen Hei\", \"WenQuanYi Zen Hei\", \"Apple LiGothic Medium\", \"SimHei\", \"ST Heiti\", \"WenQuanYi Zen Hei Sharp\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    line-height: 1.8em;\n    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);\n    height: 15em;\n}\n\n#donate img {\n    border-width: 0px;\n}\n\n#donate a {\n    color: #000;\n    text-decoration: none;\n    outline: none;\n    border: none;\n}\n\n#donate .list,\n.list li,\n.list-left li {\n    list-style: none;\n    list-style-type: none;\n    margin: 0px;\n    padding: 0px;\n}\n\n#donate .pos-f {\n    position: absolute;\n}\n\n#donate .left-100 {\n    width: 100%;\n    height: 100%;\n}\n\n#donate .blur {\n    -webkit-filter: blur(3px);\n    filter: blur(3px);\n}\n\n#donate .tr3 {\n    transition: all .3s;\n}\n\n#donate #DonateText {\n    position: absolute;\n    font-size: 12px;\n    width: 70px;\n    height: 70px;\n    line-height: 70px;\n    color: #fff;\n    background: #ffd886 url(../img/like.svg) no-repeat center 10px;\n    background-size: 20px;\n    border-radius: 35px;\n    text-align: center;\n    left: calc(50% - 120px);\n    top: calc(50% - 60px);\n    transform: rotatez(-15deg);\n}\n\n#donate #donateBox {\n    display: table;\n    left: calc(50% - 150px);\n    top: calc(50% - 15px);\n    background-color: #fff;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    width: 299px;\n    height: 28px;\n    float: left;\n    z-index: 1;\n    overflow: hidden;\n}\n\n#donate #donateBox li {\n    width: 74px;\n    /*float: left;*/\n    /* float: right; */\n    display: table-cell;\n    text-align: center;\n    border-right: 1px solid #ddd;\n    background: no-repeat center center;\n    background-color: rgba(204, 217, 220, 0.1);\n    background-size: 45px;\n    cursor: pointer;\n    overflow: hidden;\n    height: 28px;\n    -webkit-filter: grayscale(1);\n    filter: grayscale(1);\n    opacity: 0.5;\n}\n\n#donate #donateBox li:hover {\n    background-color: rgba(204, 217, 220, 0.3);\n    -webkit-filter: grayscale(0);\n    filter: grayscale(0);\n    opacity: 1;\n}\n\n#donate #donateBox>li:last-child {\n    border-width: 0;\n}\n\n#donate #donateBox a {\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n#donate #donateBox #PayPal {\n    background-image: url(../img/paypal.svg);\n}\n\n#donate #donateBox>#BTC {\n    background-image: url(../img/bitcoin.svg);\n    line-height: 28px;\n}\n\n#donate #donateBox>#BTC:hover {\n    overflow: visible;\n}\n\n#donate #BTC>button {\n    opacity: 0;\n    cursor: pointer;\n}\n\n#donate #donateBox #AliPay {\n    background-image: url(../img/alipay.svg);\n}\n\n#donate #donateBox #WeChat {\n    background-image: url(../img/wechat.svg);\n}\n\n#donate #QRBox {\n    top: 0;\n    left: 0;\n    z-index: 1;\n    background-color: rgba(255, 255, 255, 0.3);\n    display: none;\n    perspective: 400px;\n}\n\n#donate #MainBox {\n    cursor: pointer;\n    position: absolute;\n    text-align: center;\n    width: 200px;\n    height: 200px;\n    left: calc(50% - 100px);\n    top: calc(50% - 100px);\n    background: #fff no-repeat center center;\n    background-size: 190px;\n    border-radius: 6px;\n    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);\n    opacity: 0;\n    transition: all 1s ease-in-out;\n    transform-style: preserve-3d;\n    transform-origin: center center;\n    overflow: hidden;\n}\n\n#donate #github {\n    width: 24px;\n    height: 24px;\n    left: calc(50% + 135px);\n    top: calc(50% - 30px);\n    background: no-repeat center center url(../img/github.svg);\n    background-size: contain;\n    opacity: 0.3;\n    transform: rotatez(15deg);\n}\n\n#donate #ps {\n    color: red;\n    text-align: center;\n    line-height: 28px !important;\n    font-size: 12px !important;\n}\n\n#donate [data-footnote] {\n    position: relative;\n    overflow: hidden;\n}\n\n#donate [data-footnote]:hover {\n    overflow: visible;\n}\n\n#donate [data-footnote]::before,\n[data-footnote]::after {\n    position: absolute;\n    transition: all .3s;\n    transform: translate3d(-50%, 0, 0);\n    opacity: 0;\n    left: 37px;\n    z-index: 10;\n}\n\n#donate [data-footnote]::before {\n    content: attr(data-footnote);\n    border-radius: 6px;\n    background-color: rgba(100, 100, 100, 0.8);\n    color: #fff;\n    height: 24px;\n    line-height: 24px;\n    padding: 0 6px;\n    font-size: 12px;\n    white-space: nowrap;\n    top: -24px;\n    left: 37px;\n}\n\n#donate [data-footnote]::after {\n    content: '';\n    border: 5px solid #333;\n    border-color: rgba(100, 100, 100, 0.8) transparent transparent transparent;\n    top: 0;\n    left: 37px;\n}\n\n#donate [data-footnote]:hover::before,\n[data-footnote]:hover::after {\n    opacity: 1;\n}\n\n#donate [data-footnote]:hover::before,\n[data-footnote]:hover::after {\n    transform: translate3d(-50%, -7px, 0);\n}\n\n#donate #MainBox.showQR {\n    opacity: 1;\n    animation-name: showQR;\n    animation-duration: 3s;\n    animation-timing-function: ease-in-out;\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n    -webkit-animation: showQR 3s ease-in-out 0s 1 normal forwards;\n}\n\n@keyframes showQR {\n    from {\n        transform: rotateX(90deg);\n    }\n    8% {\n        opacity: 1;\n        transform: rotateX(-60deg);\n    }\n    18% {\n        opacity: 1;\n        transform: rotateX(40deg);\n    }\n    34% {\n        opacity: 1;\n        transform: rotateX(-28deg);\n    }\n    44% {\n        opacity: 1;\n        transform: rotateX(18deg);\n    }\n    58% {\n        opacity: 1;\n        transform: rotateX(-12deg);\n    }\n    72% {\n        opacity: 1;\n        transform: rotateX(9deg);\n    }\n    88% {\n        opacity: 1;\n        transform: rotateX(-5deg);\n    }\n    96% {\n        opacity: 1;\n        transform: rotateX(2deg);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n#MainBox.hideQR {\n    opacity: 1;\n    animation-name: hideQR;\n    animation-duration: 0.5s;\n    animation-timing-function: ease-in-out;\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n    -webkit-animation: hideQR 0.5s ease-in-out 0s 1 normal forwards;\n}\n\n@keyframes hideQR {\n    from {}\n    20%,\n    50% {\n        transform: scale(1.08, 1.08);\n        opacity: 1;\n    }\n    to {\n        opacity: 0;\n        transform: rotateZ(40deg) scale(0.6, 0.6);\n    }\n}"},{"_content":"#local-search-result {\n    position: absolute;\n    background-color: rgb(255, 255, 255);\n    width: 100%;\n}\n\n#sidebar .widget .search-form {\n    overflow:visible;\n}\n\n#sidebar .widget .search-form input {\n    width: auto;\n}","source":"css/search.css","raw":"#local-search-result {\n    position: absolute;\n    background-color: rgb(255, 255, 255);\n    width: 100%;\n}\n\n#sidebar .widget .search-form {\n    overflow:visible;\n}\n\n#sidebar .widget .search-form input {\n    width: auto;\n}","date":"2020-06-04T20:28:28.805Z","updated":"2020-06-04T20:28:28.805Z","path":"css/search.css","layout":"false","title":"","comments":1,"_id":"ckb18hs9c0005j9phdzn3avqy","content":"#local-search-result {\n    position: absolute;\n    background-color: rgb(255, 255, 255);\n    width: 100%;\n}\n\n#sidebar .widget .search-form {\n    overflow:visible;\n}\n\n#sidebar .widget .search-form input {\n    width: auto;\n}","site":{"data":{}},"excerpt":"","more":"#local-search-result {\n    position: absolute;\n    background-color: rgb(255, 255, 255);\n    width: 100%;\n}\n\n#sidebar .widget .search-form {\n    overflow:visible;\n}\n\n#sidebar .widget .search-form input {\n    width: auto;\n}"},{"_content":"/**\n *\n * @package Maupassant\n * @author cho\n * @version 2.0\n * @link http://chopstack.com\n */\n\n\n/*\npure css setting\nWhen setting the primary font stack, apply it to the Pure grid units along\nwith `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use\nspecific font stacks to ensure the greatest OS/browser compatibility.\n*/\n\nhtml,\nbutton,\ninput,\nselect,\ntextarea,\n.MJXc-TeX-unknown-R,\n.pure-g [class *=\"pure-u\"] {\n    /* Set your content font stack here: */\n    font-family: \"PingFangSC-Regular\", Helvetica, \"Helvetica Neue\", \"Segoe UI\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Microsoft YaHei\", \"STHeiti\", \"WenQuanYi Micro Hei\", sans-serif !important;\n}\n\nbody {\n    background-color: #FFF;\n    color: #444;\n    font-family: \"TIBch\", \"Classic Grotesque W01\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"STHeiti\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", SimSun, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    font-size: 14px;\n}\n\n.body_container {\n    padding: 0 60px;\n    max-width: 1150px;\n    margin: 0 auto;\n}\n\n.content_container {\n    padding-right: 50px;\n    padding-top: 20px;\n}\n\na,\nbutton.submit {\n    color: #6E7173;\n    text-decoration: none;\n    -webkit-transition: all .1s ease-in;\n    -moz-transition: all .1s ease-in;\n    -o-transition: all .1s ease-in;\n    transition: all .1s ease-in;\n}\n\na:hover,\na:active {\n    color: #444;\n}\n\na:focus {\n    outline: auto;\n}\n\n.clear {\n    clear: both;\n}\n\ndiv {\n    box-sizing: border-box;\n}\n\n#header {\n    padding: 58px 0 0;\n    text-align: left;\n    border-bottom: 1px solid #ddd;\n    position: relative;\n    .site-name {\n        margin-bottom: 40px;\n        h1 {\n            padding: 0;\n            margin: 0;\n            height: 0;\n            overflow: hidden;\n        }\n        #logo {\n            font: bold 38px/1.12 \"Times New Roman\", Georgia, Times, sans-serif;\n            color: #555;\n            span,\n            &:hover {\n                color: #777;\n            }\n        }\n        .description {\n            margin: .2em 0 0;\n            color: #999;\n        }\n    }\n    #nav-menu {\n        margin: 10px 0 -1px;\n        padding: 0;\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        a {\n            display: inline-block;\n            padding: 3px 20px 3px;\n            line-height: 30px;\n            color: #444;\n            font-size: 13px;\n            border: 1px solid transparent;\n            &:hover {\n                border-bottom-color: #444;\n            }\n            &.current {\n                border: 1px solid #ddd;\n                border-bottom-color: #fff;\n            }\n        }\n    }\n}\n\n#sidebar {\n    border-left: 1px solid #ddd;\n    padding-left: 35px;\n    margin-top: 40px;\n    padding-bottom: 20px;\n    word-wrap: break-word;\n    .widget {\n        margin-bottom: 30px;\n        .widget-title {\n            color: #6E7173;\n            line-height: 2.7;\n            margin-top: 0;\n            font-size: 16px;\n            border-bottom: 1px solid #ddd;\n            display: block;\n            font-weight: normal;\n        }\n        .comments-title {\n            color: #6E7173;\n            line-height: 2.7;\n            margin-top: 0;\n            font-size: 16px;\n            border-bottom: 0px solid #ddd;\n            display: block;\n            font-weight: normal;\n        }\n        .tagcloud {\n            margin-top: 10px;\n            a {\n                line-height: 1.5;\n                padding: 5px;\n            }\n        }\n        ul {\n            list-style: none;\n            padding: 0;\n            li {\n                margin: 5px 0;\n                line-height: 1.5;\n            }\n        }\n        .category-list-count {\n            padding-left: 5px;\n            color: #6E7173;\n        }\n        .category-list-count::before {\n            content: \"(\";\n        }\n        .category-list-count::after {\n            content: \")\";\n        }\n        .search-form {\n            position: relative;\n            overflow: hidden;\n            input {\n                background: #fff 8px 8px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);\n                padding: 7px 11px 7px 28px;\n                line-height: 16px;\n                border: 1px solid #bbb;\n                width: 65%;\n                -webkit-border-radius: 5px;\n                -moz-border-radius: 5px;\n                -ms-border-radius: 5px;\n                -o-border-radius: 5px;\n                border-radius: 5px;\n                -webkit-box-shadow: none;\n                -moz-box-shadow: none;\n                box-shadow: none;\n            }\n        }\n    }\n}\n\n\n/* title for search result or tagged posts*/\n\n.label-title {\n    margin-top: 1.1em;\n    font-size: 20px;\n    font-weight: normal;\n    color: #888;\n}\n\n.post {\n    padding: 25px 0 15px;\n    .post-title {\n        margin: 0;\n        color: #555;\n        text-align: left;\n        font: bold 25px/1.1 \"ff-tisa-web-pro\", Cambria, \"Times New Roman\", Georgia, Times, sans-serif;\n        a {\n            color: #555;\n        }\n    }\n    .post-meta {\n        padding: 0;\n        margin: 15px 0 0;\n        color: #6E7173;\n        float: left;\n        display: inline;\n        text-indent: .15em;\n        &:before {\n            font-family: \"FontAwesome\";\n            content: \"\\f073\";\n            padding-right: 0.3em;\n        }\n        .category {\n            &:before {\n                font-family: \"FontAwesome\";\n                content: \"\\f07c\";\n                padding-right: 0.3em;\n            }\n        }\n        #busuanzi_value_page_pv {\n            &:before {\n                font-family: \"FontAwesome\";\n                content: \"\\f024\";\n                padding-right: 0.3em;\n            }\n        }\n    }\n    .ds-thread-count {\n        padding: 0;\n        margin: 15px 0 0;\n        color: #6E7173;\n        float: right;\n        display: inline;\n        text-indent: .15em;\n        &:before {\n            font-family: \"FontAwesome\";\n            content: \"\\f0e5\";\n            padding-right: 0.3em;\n        }\n        &:hover {\n            color: #444;\n        }\n    }\n    .disqus-comment-count {\n        padding: 0;\n        margin: 15px 0 0;\n        color: #6E7173;\n        float: right;\n        display: inline;\n        text-indent: .15em;\n        &:before {\n            font-family: \"FontAwesome\";\n            content: \"\\f0e5\";\n            padding-right: 0.3em;\n        }\n        &:hover {\n            color: #444;\n        }\n    }\n    .post-content {\n        clear: left;\n        font-size: 15px;\n        line-height: 1.77;\n        color: #444;\n        padding-top: 15px;\n        text-align: justify;\n        text-justify: distribute;\n        word-break: normal;\n        h2 {\n            margin: 1.4em 0 1.1em;\n            border-bottom: 1px solid #eee;\n            overflow: hidden;\n        }\n        h3 {\n            margin: 1.4em 0 1.1em;\n        }\n        pre code {\n            padding: 0 2em;\n        }\n        p {\n            margin: 0 0 1.234em;\n            word-break: break-word;\n            overflow-wrap: break-word;\n            code {\n                display: inline-block;\n                margin: 0 5px;\n                padding: 0 5px;\n                background: #f7f8f8;\n                font-family: Menlo, Consolas, monospace !important;\n            }\n            a {\n                color: #01579f;\n                padding-bottom: 2px;\n                word-break: normal;\n                &:hover {\n                    text-decoration: underline;\n                }\n            }\n        }\n        .caption {\n            color: #444;\n            display: block;\n            font-size: 0.9em;\n            margin-top: 0.1em;\n            position: relative;\n            text-align: center;\n        }\n        hr {\n            margin: 2.4em auto;\n            border: none;\n            border-top: 1px solid #eee;\n            position: relative;\n        }\n        img {\n            max-width: 100%;\n            padding: 0.5em 0;\n            margin: auto;\n            display: block;\n        }\n        ul,\n        ol {\n            border-radius: 3px;\n            margin: 1em 0;\n            ul {\n                margin: 0;\n            }\n            code {\n                display: inline-block;\n                margin: 0 5px;\n                padding: 0px 5px;\n                background: #f7f8f8;\n                font-family: Menlo, Consolas, monospace !important;\n            }\n            a {\n                color: #01579f;\n                padding-bottom: 2px;\n                word-break: normal;\n                &:hover {\n                    text-decoration: underline;\n                }\n            }\n        }\n        .tagcloud {\n            margin: 0 0 30px 0;\n            a {\n                padding: 0px 5px;\n                margin: 3px;\n                display: inline-block;\n                border: 1px solid #808080;\n                border-radius: 999em;\n                color: #aaa;\n                &:hover {\n                    color: #fff;\n                    border: 1px solid #808080;\n                    background: #808080;\n                }\n            }\n        }\n        .one-tag-list {\n            margin: 30px 0;\n            .tag-name {\n                .tag-text {\n                    margin-left: 5px;\n                    font-size: 16px;\n                    font-weight: bold;\n                }\n            }\n        }\n    }\n    .tags {\n        a {\n            margin-right: .5em;\n            i {\n                padding-right: 0.3em;\n            }\n        }\n    }\n}\n\n.page-navigator {\n    border-top: 1px solid #ddd;\n    list-style: none;\n    margin-top: 25px;\n    padding: 25px 0 0;\n    font-size: 14px;\n    text-align: center;\n    .page-number {\n        display: inline-block;\n        margin: 0 5px 5px 0;\n    }\n    a,\n    span {\n        display: inline-block;\n        height: 25px;\n        line-height: 25px;\n        padding: 5px 9px;\n        border: 1px solid #DDD;\n        text-align: center;\n        &:hover {\n            background: #F8F8F8;\n            border-bottom-color: #D26911;\n        }\n        &.prev {\n            float: left;\n            &:before {\n                font-family: \"FontAwesome\";\n                content: \"\\f100\";\n                padding-right: 0.3em;\n            }\n        }\n        &.next {\n            float: right;\n            &:after {\n                font-family: \"FontAwesome\";\n                content: \"\\f101\";\n                padding-left: 0.3em;\n            }\n        }\n    }\n    .current {\n        background: #F8F8F8;\n        border-bottom-color: #D26911;\n    }\n    .space {\n        border: none;\n        padding: 5px 5px;\n    }\n}\n\n#footer {\n    padding: .8em 0 3.6em;\n    margin-top: 1em;\n    line-height: 2.5;\n    color: #6E7173;\n    text-align: center;\n    span {\n        font-size: .9em;\n    }\n}\n\n\n/* for archive page starts*/\n\n.post-archive {\n    font-size: 15px;\n    line-height: 2;\n    padding-bottom: .8em;\n    h2 {\n        margin: 0;\n        font: bold 25px / 1.1 \"ff-tisa-web-pro\", Cambria, \"Times New Roman\", Georgia, Times, sans-serif;\n    }\n    .date {\n        padding-right: .7em;\n    }\n}\n\n\n/* for archive page ends*/\n\n\n/* middle*/\n\n@media print,\nscreen and (max-width: 48em) {\n    .body_container {\n        padding: 0 30px;\n    }\n    .content_container {\n        padding-right: 15px;\n    }\n    .hidden_mid_and_down {\n        display: none !important;\n    }\n    #sidebar {\n        border-left-width: 0px;\n    }\n    #header {\n        .site-name {\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        #nav-menu {\n            position: relative;\n            text-align: center;\n            a {\n                padding: 0 15px;\n                line-height: 27px;\n                height: 27px;\n                font-size: 13px;\n            }\n        }\n    }\n}\n\n\n/* small*/\n\n@media print,\nscreen and (max-width: 35.5em) {\n    .body_container {\n        padding: 0 20px;\n    }\n    .content_container {\n        padding-right: 0;\n    }\n}\n\nblockquote,\n.stressed {\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    margin: 2.5em 0;\n    padding: 0 0 0 50px;\n    color: #555;\n    border-left: none;\n}\n\nblockquote::before,\n.stressed-quote::before {\n    content: \"\\201C\";\n    display: block;\n    font-family: times;\n    font-style: normal;\n    font-size: 48px;\n    color: #444;\n    font-weight: bold;\n    line-height: 30px;\n    margin-left: -50px;\n    position: absolute;\n}\n\nstrong,\nb,\nem {\n    font-weight: bold;\n}\n\npre {\n    margin: 2em 0;\n}\n\n.hidden1 {\n    display: none;\n}\n\n\n/* back-to-top rocket*/\n\n@media print,\nscreen and (min-width: 48em) {\n    #rocket {\n        position: fixed;\n        right: 50px;\n        bottom: 50px;\n        display: block;\n        visibility: hidden;\n        width: 26px;\n        height: 48px;\n        background: url(\"data:image/png;base64,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\") no-repeat 50% 0;\n        opacity: 0;\n        -webkit-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);\n        -moz-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);\n        transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);\n        i {\n            display: block;\n            margin-top: 48px;\n            height: 14px;\n            background: url(\"data:image/png;base64,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\") no-repeat 50% -48px;\n            opacity: .5;\n            -webkit-transition: -webkit-transform .2s;\n            -moz-transition: -moz-transform .2s;\n            transition: transform .2s;\n            -webkit-transform-origin: 50% 0;\n            -moz-transform-origin: 50% 0;\n            transform-origin: 50% 0;\n        }\n    }\n    #rocket:hover {\n        background-position: 50% -62px;\n        i {\n            background-position: 50% 100%;\n            -webkit-animation: flaming .7s infinite;\n            -moz-animation: flaming .7s infinite;\n            animation: flaming .7s infinite;\n        }\n    }\n    #rocket.show {\n        visibility: visible;\n        opacity: 1;\n    }\n    #rocket.launch {\n        background-position: 50% -62px;\n        opacity: 0;\n        -webkit-transform: translateY(-500px);\n        -moz-transform: translateY(-500px);\n        -ms-transform: translateY(-500px);\n        transform: translateY(-500px);\n        pointer-events: none;\n        i {\n            background-position: 50% 100%;\n            -webkit-transform: scale(1.4, 3.2);\n            -moz-transform: scale(1.4, 3.2);\n            transform: scale(1.4, 3.2);\n        }\n    }\n}\n\n\n/* *******************************************************\n* Process timelime, (homepage)\n******************************************************* */\n\n#process {\n    padding: 80px 0;\n    background-color: #fff;\n}\n\n#process .col-md-2 i {\n    font-size: 50px;\n    position: relative;\n    top: 10px;\n}\n\n#process .timeline-centered {\n    position: relative;\n    margin-bottom: 30px;\n}\n\n#process .timeline-centered::before,\n#process .timeline-centered::after,\n#process .timeline-centered::before,\n#process .timeline-centered::after {\n    content: \" \";\n    display: table;\n}\n\n#process .timeline-centered::after {\n    clear: both;\n}\n\n#process .timeline-centered::before {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 4px;\n    background: #f5f5f6;\n    /*left: 50%;*/\n    top: 50px;\n    bottom: 50px;\n    margin-left: 10px;\n}\n\n#process .timeline-centered .timeline-entry {\n    position: relative;\n    /*width: 50%;\n    float: right;*/\n    margin-top: 5px;\n    margin-left: 20px;\n    margin-bottom: 10px;\n    clear: both;\n}\n\n#process .timeline-centered .timeline-entry::before,\n#process .timeline-centered .timeline-entry::after {\n    content: \" \";\n    display: table;\n}\n\n#process .timeline-centered .timeline-entry::after {\n    clear: both;\n}\n\n#process .timeline-centered .timeline-entry.begin {\n    margin-bottom: 0;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned {\n    float: left;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {\n    margin-left: 0;\n    margin-right: -18px;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {\n    left: auto;\n    right: -100px;\n    text-align: left;\n}\n\n#process span.number {\n    font-family: 'Georgia', serif, Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n    font-style: italic;\n    font-size: 20px;\n    line-height: 0;\n    color: #E7E7E5;\n    position: relative;\n    top: -4px;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {\n    float: right;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {\n    margin-left: 0;\n    margin-right: 70px;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label::after {\n    left: auto;\n    right: 0;\n    margin-left: 0;\n    margin-right: -9px;\n    -moz-transform: rotate(180deg);\n    -o-transform: rotate(180deg);\n    -webkit-transform: rotate(180deg);\n    -ms-transform: rotate(180deg);\n    transform: rotate(180deg);\n}\n\n.timeline-label p {\n    font-family: Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n    margin-bottom: 3px\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner {\n    position: relative;\n    margin-left: -20px;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner::before,\n#process .timeline-centered .timeline-entry .timeline-entry-inner::after {\n    content: \" \";\n    display: table;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner::after {\n    clear: both;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {\n    position: absolute;\n    left: -100px;\n    text-align: right;\n    padding: 10px;\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {\n    display: block;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {\n    font-size: 15px;\n    font-weight: bold;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {\n    font-size: 12px;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {\n    background: #fff;\n    color: #737881;\n    display: block;\n    width: 40px;\n    height: 40px;\n    -webkit-background-clip: padding-box;\n    -moz-background-clip: padding;\n    background-clip: padding-box;\n    -webkit-border-radius: 20px;\n    -moz-border-radius: 20px;\n    border-radius: 20px;\n    text-align: center;\n    border: 4px solid #F5F5F6;\n    line-height: 40px;\n    font-size: 15px;\n    float: left;\n    position: absolute;\n    top: 50%;\n    margin-top: -20px;\n    margin-left: -9px;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {\n    background-color: #303641;\n    color: #fff;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n    position: relative;\n    background: #eee;\n    padding: 30px;\n    margin-left: 60px;\n    -webkit-background-clip: padding-box;\n    -moz-background-clip: padding;\n    background-clip: padding-box;\n    -webkit-border-radius: 3px;\n    -moz-border-radius: 3px;\n    border-radius: 3px;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 9px 9px 9px 0;\n    border-color: transparent #eee transparent transparent;\n    left: 0;\n    top: 50%;\n    margin-top: -9px;\n    margin-left: -9px;\n}\n\n#process .line {\n    position: absolute;\n    display: block;\n    width: 4px;\n    background: #eee;\n    top: -3%;\n    right: -30px;\n    bottom: -3%;\n}\n\n#process .present,\n#process .born {\n    font-size: 14px;\n    font-family: 'Georgia', serif, Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n    font-style: italic;\n    color: #333;\n    padding: 10px;\n    background-color: #eee;\n    -webkit-border-radius: 3px;\n    -moz-border-radius: 3px;\n    border-radius: 3px;\n}\n\n#process .present::after,\n#process .born::after {\n    left: 100%;\n    top: 50%;\n    border: solid transparent;\n    content: \" \";\n    height: 0;\n    width: 0;\n    position: absolute;\n    border-color: rgba(136, 183, 213, 0);\n    border-left-color: #eee;\n    border-width: 10px;\n    margin-top: -10px\n}\n\n#process .present {\n    position: absolute;\n    top: -3%;\n    right: 0;\n    margin-top: -20px;\n    line-height: 100%;\n}\n\n#process .born {\n    position: absolute;\n    bottom: -3%;\n    right: 0;\n    margin-bottom: -20px;\n    line-height: 100%;\n}\n\n#process .dot_tp {\n    position: absolute;\n    top: -3%;\n    right: -35px;\n    background-color: transparent;\n    height: 15px;\n    width: 15px;\n    margin-top: 0px;\n    -webkit-border-radius: 50%;\n    -moz-border-radius: 50%;\n    border-radius: 50%;\n    border: 3px solid #eee;\n}\n\n#process .dot_bt {\n    position: absolute;\n    bottom: -3%;\n    right: -35px;\n    background-color: transparent;\n    height: 15px;\n    width: 15px;\n    margin-bottom: -13px;\n    -webkit-border-radius: 50%;\n    -moz-border-radius: 50%;\n    border-radius: 50%;\n    border: 3px solid #eee;\n}\n\n@media (max-width:768px) {\n    #process .line {\n        right: 10px;\n    }\n    #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n        margin-right: 30px;\n        margin-left: 45px;\n        padding: 20px;\n    }\n    #process .timeline-centered .timeline-entry {\n        margin-right: 20px;\n    }\n    #process .dot_tp,\n    #process .dot_bt {\n        right: 5px;\n    }\n    #process .present,\n    #process .born {\n        right: 35px;\n    }\n}\n\n\n/* read more*/\n\n.readmore a {\n    font-size: 14px;\n    color: #444;\n    margin: -10px 0;\n    padding: 5px 10px;\n    border: 1px solid #ddd;\n    border-radius: 5px;\n    float: right;\n    &:after {\n        font-family: \"FontAwesome\";\n        content: \"\\f101\";\n        padding-left: 0.3em;\n    }\n    &:hover {\n        background: #F8F8F8;\n        border-bottom-color: #D26911;\n    }\n}\n\n\n/* syntax highlight*/\n\nfigure.highlight,\n.codeblock {\n    background: #f7f8f8;\n    margin: 10px 0;\n    line-height: 1.1em;\n    color: #333;\n    padding-top: 15px;\n    overflow: hidden;\n    table {\n        display: block;\n        width: 100%;\n    }\n    // Reset for tag `pre` and  for class `.gutter`, `.code`, `.tag`\n    pre,\n    .gutter,\n    .code,\n    .tag {\n        background-color: inherit;\n        font-family: Menlo, Consolas, monospace;\n        border: none;\n        padding: 0;\n        margin: 0;\n        // To override cursor attribute of `.tag` components\n        cursor: text;\n    }\n    // To align line number and line of code regardless if there is a scroll bar or not\n    .gutter,\n    .code {\n        vertical-align: top;\n    }\n    // hide gutter when code is plain text\n    &.plain {\n        .gutter {\n            display: none;\n        }\n    }\n    // Meta bar which contains name of the file and his link\n    figcaption {\n        font-size: 13px;\n        padding: 0 15px 20px;\n        margin: 0;\n        background: #f7f8f8;\n        color: #999999;\n        a {\n            float: right;\n            color: #01579f;\n        }\n    }\n    // Gutter which contains line numbers\n    .gutter {\n        background: #f7f8f8;\n        border-right: 1px solid #e6e6e6;\n        padding: 0.3em 15px;\n        user-select: none;\n    }\n    // Code container\n    .code {\n        padding: 0.3em 15px 0.3em 1em;\n        width: 100%;\n        pre {\n            max-width: 700px;\n            overflow-x: auto;\n            overflow-y: hidden;\n        }\n    }\n    // All lines in gutter and code container\n    .line {\n        height: 1.3em;\n        font-size: 13px;\n    }\n}\n\n// Gist\n.gist {\n    .line,\n    .line-number {\n        font-family: Menlo, Consolas, monospace;\n        font-size: 1em;\n        margin: 0 0 5px 0;\n        user-select: none;\n    }\n}\n\n// Highlight code coloration\n.highlight {\n    // General\n    .comment {\n        color: #969896;\n    }\n    .string {\n        color: #183691;\n    }\n    .keyword {\n        color: #a71d5d;\n    }\n    // ApacheConf\n    &.apacheconf .code {\n        .common,\n        .nomarkup,\n        .attribute,\n        .variable,\n        .cbracket,\n        .keyword {\n            color: #0086b3;\n        }\n        .sqbracket {\n            color: #df5000;\n        }\n        .section,\n        .tag {\n            color: #63a35c;\n        }\n    }\n    // Bash\n    &.bash .code {\n        .shebang {\n            color: #969896;\n        }\n        .literal,\n        .built_in {\n            color: #0086b3;\n        }\n        .variable {\n            color: #333;\n        }\n        .title {\n            color: #795da3;\n        }\n    }\n    // coffescript\n    &.coffeescript .code {\n        .title {\n            color: #795da3;\n        }\n        .literal,\n        .built_in,\n        .number {\n            color: #0086b3;\n        }\n        .reserved,\n        .attribute {\n            color: #1d3e81;\n        }\n        .subst,\n        .regexp,\n        .attribute {\n            color: #df5000;\n        }\n    }\n    // C/C++\n    &.cpp .code,\n    &.c .code {\n        .preprocessor {\n            color: #df5000;\n        }\n        .meta-keyword {\n            color: #a71d5d;\n        }\n        .title {\n            color: #795da3;\n        }\n        .number,\n        .built_in {\n            color: #0086b3;\n        }\n    }\n    // Clojure\n    &.clj .code {\n        .builtin-name {\n            color: #df5000;\n        }\n        .name {\n            color: #795da3;\n        }\n        .number {\n            color: #0086b3;\n        }\n    }\n    // C#\n    &.cs .code {\n        .preprocessor,\n        .preprocessor .keyword {\n            color: #333;\n        }\n        .title {\n            color: #795da3;\n        }\n        .number,\n        .built_in {\n            color: #0086b3;\n        }\n        .xmlDocTag,\n        .doctag {\n            color: #63a35c;\n        }\n    }\n    // CSS\n    &.css .code {\n        .at_rule,\n        .important,\n        .meta {\n            color: #a71d5d;\n        }\n        .attribute,\n        .hexcolor,\n        .number,\n        .function {\n            color: #0086b3;\n        }\n        .attr_selector,\n        .value {\n            color: #333;\n        }\n        .id,\n        .class,\n        .pseudo,\n        .selector-pseudo {\n            color: #795da3;\n        }\n        .tag,\n        .selector-tag {\n            color: #63a35c;\n        }\n    }\n    // Diff\n    &.diff .code {\n        .chunk,\n        .meta {\n            color: #795da3;\n            font-weight: bold;\n        }\n        .addition {\n            color: #55a532;\n            background-color: #eaffea;\n        }\n        .deletion {\n            color: #bd2c00;\n            background-color: #ffecec;\n        }\n    }\n    // HTTP\n    &.http .code {\n        .attribute,\n        .attr {\n            color: #183691;\n        }\n        .literal {\n            color: #0086b3;\n        }\n        .request {\n            color: #a71d5d;\n        }\n    }\n    // INI\n    &.ini .code {\n        .title,\n        .section {\n            color: #795da3;\n        }\n        .setting,\n        .attr {\n            color: #a71d5d;\n        }\n        .value,\n        .keyword {\n            color: #333;\n        }\n    }\n    // JAVA\n    &.java .code {\n        .title {\n            color: #795da3;\n        }\n        .javadoc {\n            color: #969896;\n        }\n        .meta,\n        .annotation,\n        .javadoctag {\n            color: #a71d5d;\n        }\n        .number {\n            color: #0086b3;\n        }\n        .params {\n            color: #1d3e81;\n        }\n    }\n    // JavaScript\n    &.js .code {\n        .built_in,\n        .title {\n            color: #795da3;\n        }\n        .javadoc {\n            color: #969896;\n        }\n        .tag,\n        .javadoctag {\n            color: #a71d5d;\n        }\n        .tag .title {\n            color: #333;\n        }\n        .regexp {\n            color: #df5000;\n        }\n        .literal,\n        .number {\n            color: #0086b3;\n        }\n    }\n    // JSON\n    &.json .code {\n        .attribute {\n            color: #183691;\n        }\n        .number,\n        .literal {\n            color: #0086b3;\n        }\n    }\n    // Makefile\n    &.mak .code {\n        .constant {\n            color: #333;\n        }\n        .title {\n            color: #795da3;\n        }\n        .keyword,\n        .meta-keyword {\n            color: #0086b3;\n        }\n    }\n    // Markdown\n    &.md .code {\n        .value,\n        .link_label,\n        .strong,\n        .emphasis,\n        .blockquote,\n        .quote,\n        .section {\n            color: #183691;\n        }\n        .link_reference,\n        .symbol,\n        .code {\n            color: #0086b3;\n        }\n        .link_url,\n        .link {\n            text-decoration: underline;\n        }\n    }\n    // Nginx\n    &.nginx .code {\n        .title,\n        .attribute {\n            color: #a71d5d;\n        }\n        .built_in,\n        .literal {\n            color: #0086b3;\n        }\n        .regexp {\n            color: #183691;\n        }\n        .variable {\n            color: #333;\n        }\n    }\n    // Objective-C\n    &.objectivec .code {\n        .preprocessor,\n        .meta {\n            color: #a71d5d;\n            .title {\n                color: #df5000;\n            }\n        }\n        .meta-string {\n            color: #183691;\n        }\n        .title {\n            color: #795da3;\n        }\n        .literal,\n        .number,\n        .built_in {\n            color: #0086b3;\n        }\n    }\n    // Perl\n    &.perl .code {\n        .sub {\n            color: #795da3;\n        }\n        .title {\n            color: #795da3;\n        }\n        .regexp {\n            color: #df5000;\n        }\n    }\n    // PHP\n    &.php .code {\n        .phpdoc,\n        .doctag {\n            color: #a71d5d;\n        }\n        .regexp {\n            color: #df5000;\n        }\n        .literal,\n        .number {\n            color: #0086b3;\n        }\n        .title {\n            color: #795da3;\n        }\n    }\n    // Python\n    &.python .code {\n        .decorator,\n        .title,\n        .meta {\n            color: #795da3;\n        }\n        .number {\n            color: #0086b3;\n        }\n    }\n    // Ruby\n    &.ruby .code {\n        .parent,\n        .title {\n            color: #795da3;\n        }\n        .prompt,\n        .constant,\n        .number,\n        .subst .keyword,\n        .symbol {\n            color: #0086b3;\n        }\n    }\n    // SQL\n    &.sql {\n        .built_in {\n            color: #a71d5d;\n        }\n        .number {\n            color: #0086b3;\n        }\n    }\n    // XML, HTML\n    &.xml,\n    &.html {\n        .tag {\n            color: #333;\n        }\n        .value {\n            color: #183691;\n        }\n        .attribute,\n        .attr {\n            color: #795da3;\n        }\n        .title,\n        .name {\n            color: #63a35c;\n        }\n    }\n    // Puppet\n    &.puppet {\n        .title {\n            color: #795da3;\n        }\n        .function {\n            color: #0086b3;\n        }\n        .name {\n            color: #a71d5d;\n        }\n        .attr {\n            color: #0086b3;\n        }\n    }\n    // LESS\n    &.less {\n        .tag,\n        .at_rule {\n            color: #a71d5d;\n        }\n        .number,\n        .hexcolor,\n        .function,\n        .attribute {\n            color: #0086b3;\n        }\n        .built_in {\n            color: #df5000;\n        }\n        .id,\n        .pseudo,\n        .class,\n        .selector-id,\n        .selector-class,\n        .selector-tag {\n            color: #795da3;\n        }\n    }\n    // Lisp\n    &.lisp .code {\n        .name {\n            color: #df5000;\n        }\n        .number {\n            color: #0086b3;\n        }\n    }\n    // SCSS\n    &.scss {\n        .tag,\n        .at_rule,\n        .important {\n            color: #a71d5d;\n        }\n        .number,\n        .hexcolor,\n        .function,\n        .attribute {\n            color: #0086b3;\n        }\n        .variable {\n            color: #333;\n        }\n        .built_in {\n            color: #df5000;\n        }\n        .id,\n        .pseudo,\n        .class,\n        .preprocessor,\n        .selector-class,\n        .selector-id {\n            color: #795da3;\n        }\n        .tag,\n        .selector-tag {\n            color: #63a35c;\n        }\n    }\n    // Stylus\n    &.stylus {\n        .at_rule {\n            color: #a71d5d;\n        }\n        .tag,\n        .selector-tag {\n            color: #63a35c;\n        }\n        .number,\n        .hexcolor,\n        .attribute,\n        .params {\n            color: #0086b3;\n        }\n        .class,\n        .id,\n        .pseudo,\n        .title,\n        .selector-id,\n        .selector-pseudo,\n        .selector-class {\n            color: #795da3;\n        }\n    }\n    // Go\n    &.go {\n        .typename {\n            color: #a71d5d;\n        }\n        .built_in,\n        .constant {\n            color: #0086b3;\n        }\n    }\n    // Swift\n    &.swift {\n        .preprocessor {\n            color: #a71d5d;\n        }\n        .title {\n            color: #795da3;\n        }\n        .built_in,\n        .number,\n        .type {\n            color: #0086b3;\n        }\n    }\n    // YAML\n    &.yml {\n        .line,\n        .attr {\n            color: #63a35c;\n        }\n        .line,\n        .string,\n        .type,\n        .literal,\n        .meta {\n            color: #183691;\n        }\n        .number {\n            color: #0086b3;\n        }\n    }\n}\n\n\n/* post navigator*/\n\n.post-nav {\n    overflow: hidden;\n    margin-top: 15px;\n    margin-bottom: 20px;\n    padding: 10px;\n    white-space: nowrap;\n    border-top: 1px solid #eee;\n    a {\n        display: inline-block;\n        line-height: 25px;\n        font-size: 15px;\n        color: #555;\n        border-bottom: none;\n        float: left;\n        &.pre {\n            float: left;\n            &:before {\n                font-family: \"FontAwesome\";\n                content: \"\\f0d9\";\n                padding-right: 0.3em;\n            }\n        }\n        &.next {\n            float: right;\n            &:after {\n                font-family: \"FontAwesome\";\n                content: \"\\f0da\";\n                padding-left: 0.3em;\n            }\n        }\n        &:hover {\n            border-bottom: none;\n            color: #222;\n        }\n    }\n}\n\n\n/* toc*/\n\n.toc-article {\n    border: 1px solid #bbb;\n    border-radius: 7px;\n    margin: 1.1em 0 0 2em;\n    padding: 0.7em 0.7em 0 0.7em;\n    max-width: 40%;\n}\n\n.toc-title {\n    font-size: 120%;\n}\n\n#toc {\n    line-height: 1em;\n    float: right;\n    .toc {\n        padding: 0;\n        margin: 0.5em;\n        line-height: 1.8em;\n        li {\n            list-style-type: none;\n        }\n    }\n    .toc-child {\n        margin-left: 1em;\n        padding-left: 0;\n    }\n}\n\n@media print,\nscreen and (max-width: 48em) {\n    .toc-article {\n        margin: 0em;\n        max-width: 100%;\n    }\n    .clear {\n        padding: 2.1em 0em 0em 0em;\n    }\n    #toc {\n        float: none;\n    }\n}\n\n\n/* table*/\n\ntable {\n    margin: auto auto 15px;\n    width: 100%;\n    background: transparent;\n    border-collapse: collapse;\n    border-spacing: 0;\n    text-align: left;\n    th {\n        font-weight: bold;\n        padding: 5px 10px;\n        border-bottom: 2px solid #909ba2;\n    }\n    td {\n        padding: 5px 10px;\n    }\n    tr {\n        &:nth-child(2n) {\n            background: #f7f8f8;\n        }\n    }\n}\n\n\n/* article-share*/\n\n.article-share-link {\n    cursor: pointer;\n    float: right;\n    margin-left: 20px;\n    &:before {\n        font-family: \"FontAwesome\";\n        content: \"\\f064\";\n        padding-right: 6px;\n    }\n}\n\n.article-share-box {\n    position: absolute;\n    display: none;\n    background: #fff;\n    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n    margin-left: -145px;\n    overflow: hidden;\n    z-index: 1;\n    &.on {\n        display: block;\n    }\n}\n\n.article-share-input {\n    width: 100%;\n    background: none;\n    box-sizing: border-box;\n    font: 14px \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    padding: 0 15px;\n    color: #555;\n    outline: none;\n    border: 1px solid #ddd;\n    border-radius: 3px 3px 0 0;\n    height: 36px;\n    line-height: 36px;\n}\n\n.article-share-links {\n    clearfix: none;\n    background: #eee;\n}\n\n.article-share-element {\n    width: 50px;\n    height: 36px;\n    display: block;\n    float: left;\n    position: relative;\n    color: #999;\n    text-shadow: 0 1px #fff;\n    &:before {\n        font-size: 20px;\n        font-family: \"FontAwesome\";\n        width: 20px;\n        height: 20px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        margin-top: -10px;\n        margin-left: -10px;\n        text-align: center;\n    }\n    &:hover {\n        color: #fff;\n    }\n}\n\n.article-share-twitter {\n    @extend .article-share-element;\n    &:before {\n        content: \"\\f099\";\n    }\n    &:hover {\n        background: #00aced;\n    }\n}\n\n.article-share-facebook {\n    @extend .article-share-element;\n    &:before {\n        content: \"\\f09a\";\n    }\n    &:hover {\n        background: #3b5998;\n    }\n}\n\n.article-share-weibo {\n    @extend .article-share-element;\n    &:before {\n        content: \"\\f18a\";\n    }\n    &:hover {\n        background: #d44137;\n    }\n}\n\n.article-share-qrcode {\n    @extend .article-share-element;\n    &:before {\n        content: \"\\f029\";\n    }\n    &:hover,\n    &:active {\n        background: #38ad5a;\n        &~.qrcode {\n            display: block;\n            text-align: center;\n        }\n    }\n}\n\n.qrcode {\n    display: none;\n}\n\n\n/* search result*/\n\nul.search-result-list {\n    padding-left: 10px;\n}\n\na.search-result-title {\n    font-weight: bold;\n    font-size: 15px;\n    color: #555;\n}\n\np.search-result {\n    color: #444;\n    text-align: justify;\n}\n\nem.search-keyword {\n    font-weight: bold;\n    font-style: normal;\n    color: #01579f;\n}\n\n\n/* Disqus Button */\n\n.disqus_click_btn {\n    line-height: 30px;\n    margin: 0;\n    min-width: 50px;\n    padding: 0 14px;\n    display: inline-block;\n    font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    letter-spacing: 0;\n    overflow: hidden;\n    will-change: box-shadow;\n    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);\n    outline: 0;\n    cursor: pointer;\n    text-decoration: none;\n    text-align: center;\n    vertical-align: middle;\n    border: 0;\n    background: rgba(158, 158, 158, .2);\n    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);\n    color: #fff;\n    background-color: #999999;\n    text-shadow: 0\n}","source":"css/style.scss","raw":"/**\n *\n * @package Maupassant\n * @author cho\n * @version 2.0\n * @link http://chopstack.com\n */\n\n\n/*\npure css setting\nWhen setting the primary font stack, apply it to the Pure grid units along\nwith `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use\nspecific font stacks to ensure the greatest OS/browser compatibility.\n*/\n\nhtml,\nbutton,\ninput,\nselect,\ntextarea,\n.MJXc-TeX-unknown-R,\n.pure-g [class *=\"pure-u\"] {\n    /* Set your content font stack here: */\n    font-family: \"PingFangSC-Regular\", Helvetica, \"Helvetica Neue\", \"Segoe UI\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Microsoft YaHei\", \"STHeiti\", \"WenQuanYi Micro Hei\", sans-serif !important;\n}\n\nbody {\n    background-color: #FFF;\n    color: #444;\n    font-family: \"TIBch\", \"Classic Grotesque W01\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"STHeiti\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", SimSun, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    font-size: 14px;\n}\n\n.body_container {\n    padding: 0 60px;\n    max-width: 1150px;\n    margin: 0 auto;\n}\n\n.content_container {\n    padding-right: 50px;\n    padding-top: 20px;\n}\n\na,\nbutton.submit {\n    color: #6E7173;\n    text-decoration: none;\n    -webkit-transition: all .1s ease-in;\n    -moz-transition: all .1s ease-in;\n    -o-transition: all .1s ease-in;\n    transition: all .1s ease-in;\n}\n\na:hover,\na:active {\n    color: #444;\n}\n\na:focus {\n    outline: auto;\n}\n\n.clear {\n    clear: both;\n}\n\ndiv {\n    box-sizing: border-box;\n}\n\n#header {\n    padding: 58px 0 0;\n    text-align: left;\n    border-bottom: 1px solid #ddd;\n    position: relative;\n    .site-name {\n        margin-bottom: 40px;\n        h1 {\n            padding: 0;\n            margin: 0;\n            height: 0;\n            overflow: hidden;\n        }\n        #logo {\n            font: bold 38px/1.12 \"Times New Roman\", Georgia, Times, sans-serif;\n            color: #555;\n            span,\n            &:hover {\n                color: #777;\n            }\n        }\n        .description {\n            margin: .2em 0 0;\n            color: #999;\n        }\n    }\n    #nav-menu {\n        margin: 10px 0 -1px;\n        padding: 0;\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        a {\n            display: inline-block;\n            padding: 3px 20px 3px;\n            line-height: 30px;\n            color: #444;\n            font-size: 13px;\n            border: 1px solid transparent;\n            &:hover {\n                border-bottom-color: #444;\n            }\n            &.current {\n                border: 1px solid #ddd;\n                border-bottom-color: #fff;\n            }\n        }\n    }\n}\n\n#sidebar {\n    border-left: 1px solid #ddd;\n    padding-left: 35px;\n    margin-top: 40px;\n    padding-bottom: 20px;\n    word-wrap: break-word;\n    .widget {\n        margin-bottom: 30px;\n        .widget-title {\n            color: #6E7173;\n            line-height: 2.7;\n            margin-top: 0;\n            font-size: 16px;\n            border-bottom: 1px solid #ddd;\n            display: block;\n            font-weight: normal;\n        }\n        .comments-title {\n            color: #6E7173;\n            line-height: 2.7;\n            margin-top: 0;\n            font-size: 16px;\n            border-bottom: 0px solid #ddd;\n            display: block;\n            font-weight: normal;\n        }\n        .tagcloud {\n            margin-top: 10px;\n            a {\n                line-height: 1.5;\n                padding: 5px;\n            }\n        }\n        ul {\n            list-style: none;\n            padding: 0;\n            li {\n                margin: 5px 0;\n                line-height: 1.5;\n            }\n        }\n        .category-list-count {\n            padding-left: 5px;\n            color: #6E7173;\n        }\n        .category-list-count::before {\n            content: \"(\";\n        }\n        .category-list-count::after {\n            content: \")\";\n        }\n        .search-form {\n            position: relative;\n            overflow: hidden;\n            input {\n                background: #fff 8px 8px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);\n                padding: 7px 11px 7px 28px;\n                line-height: 16px;\n                border: 1px solid #bbb;\n                width: 65%;\n                -webkit-border-radius: 5px;\n                -moz-border-radius: 5px;\n                -ms-border-radius: 5px;\n                -o-border-radius: 5px;\n                border-radius: 5px;\n                -webkit-box-shadow: none;\n                -moz-box-shadow: none;\n                box-shadow: none;\n            }\n        }\n    }\n}\n\n\n/* title for search result or tagged posts*/\n\n.label-title {\n    margin-top: 1.1em;\n    font-size: 20px;\n    font-weight: normal;\n    color: #888;\n}\n\n.post {\n    padding: 25px 0 15px;\n    .post-title {\n        margin: 0;\n        color: #555;\n        text-align: left;\n        font: bold 25px/1.1 \"ff-tisa-web-pro\", Cambria, \"Times New Roman\", Georgia, Times, sans-serif;\n        a {\n            color: #555;\n        }\n    }\n    .post-meta {\n        padding: 0;\n        margin: 15px 0 0;\n        color: #6E7173;\n        float: left;\n        display: inline;\n        text-indent: .15em;\n        &:before {\n            font-family: \"FontAwesome\";\n            content: \"\\f073\";\n            padding-right: 0.3em;\n        }\n        .category {\n            &:before {\n                font-family: \"FontAwesome\";\n                content: \"\\f07c\";\n                padding-right: 0.3em;\n            }\n        }\n        #busuanzi_value_page_pv {\n            &:before {\n                font-family: \"FontAwesome\";\n                content: \"\\f024\";\n                padding-right: 0.3em;\n            }\n        }\n    }\n    .ds-thread-count {\n        padding: 0;\n        margin: 15px 0 0;\n        color: #6E7173;\n        float: right;\n        display: inline;\n        text-indent: .15em;\n        &:before {\n            font-family: \"FontAwesome\";\n            content: \"\\f0e5\";\n            padding-right: 0.3em;\n        }\n        &:hover {\n            color: #444;\n        }\n    }\n    .disqus-comment-count {\n        padding: 0;\n        margin: 15px 0 0;\n        color: #6E7173;\n        float: right;\n        display: inline;\n        text-indent: .15em;\n        &:before {\n            font-family: \"FontAwesome\";\n            content: \"\\f0e5\";\n            padding-right: 0.3em;\n        }\n        &:hover {\n            color: #444;\n        }\n    }\n    .post-content {\n        clear: left;\n        font-size: 15px;\n        line-height: 1.77;\n        color: #444;\n        padding-top: 15px;\n        text-align: justify;\n        text-justify: distribute;\n        word-break: normal;\n        h2 {\n            margin: 1.4em 0 1.1em;\n            border-bottom: 1px solid #eee;\n            overflow: hidden;\n        }\n        h3 {\n            margin: 1.4em 0 1.1em;\n        }\n        pre code {\n            padding: 0 2em;\n        }\n        p {\n            margin: 0 0 1.234em;\n            word-break: break-word;\n            overflow-wrap: break-word;\n            code {\n                display: inline-block;\n                margin: 0 5px;\n                padding: 0 5px;\n                background: #f7f8f8;\n                font-family: Menlo, Consolas, monospace !important;\n            }\n            a {\n                color: #01579f;\n                padding-bottom: 2px;\n                word-break: normal;\n                &:hover {\n                    text-decoration: underline;\n                }\n            }\n        }\n        .caption {\n            color: #444;\n            display: block;\n            font-size: 0.9em;\n            margin-top: 0.1em;\n            position: relative;\n            text-align: center;\n        }\n        hr {\n            margin: 2.4em auto;\n            border: none;\n            border-top: 1px solid #eee;\n            position: relative;\n        }\n        img {\n            max-width: 100%;\n            padding: 0.5em 0;\n            margin: auto;\n            display: block;\n        }\n        ul,\n        ol {\n            border-radius: 3px;\n            margin: 1em 0;\n            ul {\n                margin: 0;\n            }\n            code {\n                display: inline-block;\n                margin: 0 5px;\n                padding: 0px 5px;\n                background: #f7f8f8;\n                font-family: Menlo, Consolas, monospace !important;\n            }\n            a {\n                color: #01579f;\n                padding-bottom: 2px;\n                word-break: normal;\n                &:hover {\n                    text-decoration: underline;\n                }\n            }\n        }\n        .tagcloud {\n            margin: 0 0 30px 0;\n            a {\n                padding: 0px 5px;\n                margin: 3px;\n                display: inline-block;\n                border: 1px solid #808080;\n                border-radius: 999em;\n                color: #aaa;\n                &:hover {\n                    color: #fff;\n                    border: 1px solid #808080;\n                    background: #808080;\n                }\n            }\n        }\n        .one-tag-list {\n            margin: 30px 0;\n            .tag-name {\n                .tag-text {\n                    margin-left: 5px;\n                    font-size: 16px;\n                    font-weight: bold;\n                }\n            }\n        }\n    }\n    .tags {\n        a {\n            margin-right: .5em;\n            i {\n                padding-right: 0.3em;\n            }\n        }\n    }\n}\n\n.page-navigator {\n    border-top: 1px solid #ddd;\n    list-style: none;\n    margin-top: 25px;\n    padding: 25px 0 0;\n    font-size: 14px;\n    text-align: center;\n    .page-number {\n        display: inline-block;\n        margin: 0 5px 5px 0;\n    }\n    a,\n    span {\n        display: inline-block;\n        height: 25px;\n        line-height: 25px;\n        padding: 5px 9px;\n        border: 1px solid #DDD;\n        text-align: center;\n        &:hover {\n            background: #F8F8F8;\n            border-bottom-color: #D26911;\n        }\n        &.prev {\n            float: left;\n            &:before {\n                font-family: \"FontAwesome\";\n                content: \"\\f100\";\n                padding-right: 0.3em;\n            }\n        }\n        &.next {\n            float: right;\n            &:after {\n                font-family: \"FontAwesome\";\n                content: \"\\f101\";\n                padding-left: 0.3em;\n            }\n        }\n    }\n    .current {\n        background: #F8F8F8;\n        border-bottom-color: #D26911;\n    }\n    .space {\n        border: none;\n        padding: 5px 5px;\n    }\n}\n\n#footer {\n    padding: .8em 0 3.6em;\n    margin-top: 1em;\n    line-height: 2.5;\n    color: #6E7173;\n    text-align: center;\n    span {\n        font-size: .9em;\n    }\n}\n\n\n/* for archive page starts*/\n\n.post-archive {\n    font-size: 15px;\n    line-height: 2;\n    padding-bottom: .8em;\n    h2 {\n        margin: 0;\n        font: bold 25px / 1.1 \"ff-tisa-web-pro\", Cambria, \"Times New Roman\", Georgia, Times, sans-serif;\n    }\n    .date {\n        padding-right: .7em;\n    }\n}\n\n\n/* for archive page ends*/\n\n\n/* middle*/\n\n@media print,\nscreen and (max-width: 48em) {\n    .body_container {\n        padding: 0 30px;\n    }\n    .content_container {\n        padding-right: 15px;\n    }\n    .hidden_mid_and_down {\n        display: none !important;\n    }\n    #sidebar {\n        border-left-width: 0px;\n    }\n    #header {\n        .site-name {\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        #nav-menu {\n            position: relative;\n            text-align: center;\n            a {\n                padding: 0 15px;\n                line-height: 27px;\n                height: 27px;\n                font-size: 13px;\n            }\n        }\n    }\n}\n\n\n/* small*/\n\n@media print,\nscreen and (max-width: 35.5em) {\n    .body_container {\n        padding: 0 20px;\n    }\n    .content_container {\n        padding-right: 0;\n    }\n}\n\nblockquote,\n.stressed {\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    margin: 2.5em 0;\n    padding: 0 0 0 50px;\n    color: #555;\n    border-left: none;\n}\n\nblockquote::before,\n.stressed-quote::before {\n    content: \"\\201C\";\n    display: block;\n    font-family: times;\n    font-style: normal;\n    font-size: 48px;\n    color: #444;\n    font-weight: bold;\n    line-height: 30px;\n    margin-left: -50px;\n    position: absolute;\n}\n\nstrong,\nb,\nem {\n    font-weight: bold;\n}\n\npre {\n    margin: 2em 0;\n}\n\n.hidden1 {\n    display: none;\n}\n\n\n/* back-to-top rocket*/\n\n@media print,\nscreen and (min-width: 48em) {\n    #rocket {\n        position: fixed;\n        right: 50px;\n        bottom: 50px;\n        display: block;\n        visibility: hidden;\n        width: 26px;\n        height: 48px;\n        background: url(\"data:image/png;base64,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\") no-repeat 50% 0;\n        opacity: 0;\n        -webkit-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);\n        -moz-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);\n        transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);\n        i {\n            display: block;\n            margin-top: 48px;\n            height: 14px;\n            background: url(\"data:image/png;base64,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\") no-repeat 50% -48px;\n            opacity: .5;\n            -webkit-transition: -webkit-transform .2s;\n            -moz-transition: -moz-transform .2s;\n            transition: transform .2s;\n            -webkit-transform-origin: 50% 0;\n            -moz-transform-origin: 50% 0;\n            transform-origin: 50% 0;\n        }\n    }\n    #rocket:hover {\n        background-position: 50% -62px;\n        i {\n            background-position: 50% 100%;\n            -webkit-animation: flaming .7s infinite;\n            -moz-animation: flaming .7s infinite;\n            animation: flaming .7s infinite;\n        }\n    }\n    #rocket.show {\n        visibility: visible;\n        opacity: 1;\n    }\n    #rocket.launch {\n        background-position: 50% -62px;\n        opacity: 0;\n        -webkit-transform: translateY(-500px);\n        -moz-transform: translateY(-500px);\n        -ms-transform: translateY(-500px);\n        transform: translateY(-500px);\n        pointer-events: none;\n        i {\n            background-position: 50% 100%;\n            -webkit-transform: scale(1.4, 3.2);\n            -moz-transform: scale(1.4, 3.2);\n            transform: scale(1.4, 3.2);\n        }\n    }\n}\n\n\n/* *******************************************************\n* Process timelime, (homepage)\n******************************************************* */\n\n#process {\n    padding: 80px 0;\n    background-color: #fff;\n}\n\n#process .col-md-2 i {\n    font-size: 50px;\n    position: relative;\n    top: 10px;\n}\n\n#process .timeline-centered {\n    position: relative;\n    margin-bottom: 30px;\n}\n\n#process .timeline-centered::before,\n#process .timeline-centered::after,\n#process .timeline-centered::before,\n#process .timeline-centered::after {\n    content: \" \";\n    display: table;\n}\n\n#process .timeline-centered::after {\n    clear: both;\n}\n\n#process .timeline-centered::before {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 4px;\n    background: #f5f5f6;\n    /*left: 50%;*/\n    top: 50px;\n    bottom: 50px;\n    margin-left: 10px;\n}\n\n#process .timeline-centered .timeline-entry {\n    position: relative;\n    /*width: 50%;\n    float: right;*/\n    margin-top: 5px;\n    margin-left: 20px;\n    margin-bottom: 10px;\n    clear: both;\n}\n\n#process .timeline-centered .timeline-entry::before,\n#process .timeline-centered .timeline-entry::after {\n    content: \" \";\n    display: table;\n}\n\n#process .timeline-centered .timeline-entry::after {\n    clear: both;\n}\n\n#process .timeline-centered .timeline-entry.begin {\n    margin-bottom: 0;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned {\n    float: left;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {\n    margin-left: 0;\n    margin-right: -18px;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {\n    left: auto;\n    right: -100px;\n    text-align: left;\n}\n\n#process span.number {\n    font-family: 'Georgia', serif, Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n    font-style: italic;\n    font-size: 20px;\n    line-height: 0;\n    color: #E7E7E5;\n    position: relative;\n    top: -4px;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {\n    float: right;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {\n    margin-left: 0;\n    margin-right: 70px;\n}\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label::after {\n    left: auto;\n    right: 0;\n    margin-left: 0;\n    margin-right: -9px;\n    -moz-transform: rotate(180deg);\n    -o-transform: rotate(180deg);\n    -webkit-transform: rotate(180deg);\n    -ms-transform: rotate(180deg);\n    transform: rotate(180deg);\n}\n\n.timeline-label p {\n    font-family: Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n    margin-bottom: 3px\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner {\n    position: relative;\n    margin-left: -20px;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner::before,\n#process .timeline-centered .timeline-entry .timeline-entry-inner::after {\n    content: \" \";\n    display: table;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner::after {\n    clear: both;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {\n    position: absolute;\n    left: -100px;\n    text-align: right;\n    padding: 10px;\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {\n    display: block;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {\n    font-size: 15px;\n    font-weight: bold;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {\n    font-size: 12px;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {\n    background: #fff;\n    color: #737881;\n    display: block;\n    width: 40px;\n    height: 40px;\n    -webkit-background-clip: padding-box;\n    -moz-background-clip: padding;\n    background-clip: padding-box;\n    -webkit-border-radius: 20px;\n    -moz-border-radius: 20px;\n    border-radius: 20px;\n    text-align: center;\n    border: 4px solid #F5F5F6;\n    line-height: 40px;\n    font-size: 15px;\n    float: left;\n    position: absolute;\n    top: 50%;\n    margin-top: -20px;\n    margin-left: -9px;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {\n    background-color: #303641;\n    color: #fff;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n    position: relative;\n    background: #eee;\n    padding: 30px;\n    margin-left: 60px;\n    -webkit-background-clip: padding-box;\n    -moz-background-clip: padding;\n    background-clip: padding-box;\n    -webkit-border-radius: 3px;\n    -moz-border-radius: 3px;\n    border-radius: 3px;\n}\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 9px 9px 9px 0;\n    border-color: transparent #eee transparent transparent;\n    left: 0;\n    top: 50%;\n    margin-top: -9px;\n    margin-left: -9px;\n}\n\n#process .line {\n    position: absolute;\n    display: block;\n    width: 4px;\n    background: #eee;\n    top: -3%;\n    right: -30px;\n    bottom: -3%;\n}\n\n#process .present,\n#process .born {\n    font-size: 14px;\n    font-family: 'Georgia', serif, Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n    font-style: italic;\n    color: #333;\n    padding: 10px;\n    background-color: #eee;\n    -webkit-border-radius: 3px;\n    -moz-border-radius: 3px;\n    border-radius: 3px;\n}\n\n#process .present::after,\n#process .born::after {\n    left: 100%;\n    top: 50%;\n    border: solid transparent;\n    content: \" \";\n    height: 0;\n    width: 0;\n    position: absolute;\n    border-color: rgba(136, 183, 213, 0);\n    border-left-color: #eee;\n    border-width: 10px;\n    margin-top: -10px\n}\n\n#process .present {\n    position: absolute;\n    top: -3%;\n    right: 0;\n    margin-top: -20px;\n    line-height: 100%;\n}\n\n#process .born {\n    position: absolute;\n    bottom: -3%;\n    right: 0;\n    margin-bottom: -20px;\n    line-height: 100%;\n}\n\n#process .dot_tp {\n    position: absolute;\n    top: -3%;\n    right: -35px;\n    background-color: transparent;\n    height: 15px;\n    width: 15px;\n    margin-top: 0px;\n    -webkit-border-radius: 50%;\n    -moz-border-radius: 50%;\n    border-radius: 50%;\n    border: 3px solid #eee;\n}\n\n#process .dot_bt {\n    position: absolute;\n    bottom: -3%;\n    right: -35px;\n    background-color: transparent;\n    height: 15px;\n    width: 15px;\n    margin-bottom: -13px;\n    -webkit-border-radius: 50%;\n    -moz-border-radius: 50%;\n    border-radius: 50%;\n    border: 3px solid #eee;\n}\n\n@media (max-width:768px) {\n    #process .line {\n        right: 10px;\n    }\n    #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n        margin-right: 30px;\n        margin-left: 45px;\n        padding: 20px;\n    }\n    #process .timeline-centered .timeline-entry {\n        margin-right: 20px;\n    }\n    #process .dot_tp,\n    #process .dot_bt {\n        right: 5px;\n    }\n    #process .present,\n    #process .born {\n        right: 35px;\n    }\n}\n\n\n/* read more*/\n\n.readmore a {\n    font-size: 14px;\n    color: #444;\n    margin: -10px 0;\n    padding: 5px 10px;\n    border: 1px solid #ddd;\n    border-radius: 5px;\n    float: right;\n    &:after {\n        font-family: \"FontAwesome\";\n        content: \"\\f101\";\n        padding-left: 0.3em;\n    }\n    &:hover {\n        background: #F8F8F8;\n        border-bottom-color: #D26911;\n    }\n}\n\n\n/* syntax highlight*/\n\nfigure.highlight,\n.codeblock {\n    background: #f7f8f8;\n    margin: 10px 0;\n    line-height: 1.1em;\n    color: #333;\n    padding-top: 15px;\n    overflow: hidden;\n    table {\n        display: block;\n        width: 100%;\n    }\n    // Reset for tag `pre` and  for class `.gutter`, `.code`, `.tag`\n    pre,\n    .gutter,\n    .code,\n    .tag {\n        background-color: inherit;\n        font-family: Menlo, Consolas, monospace;\n        border: none;\n        padding: 0;\n        margin: 0;\n        // To override cursor attribute of `.tag` components\n        cursor: text;\n    }\n    // To align line number and line of code regardless if there is a scroll bar or not\n    .gutter,\n    .code {\n        vertical-align: top;\n    }\n    // hide gutter when code is plain text\n    &.plain {\n        .gutter {\n            display: none;\n        }\n    }\n    // Meta bar which contains name of the file and his link\n    figcaption {\n        font-size: 13px;\n        padding: 0 15px 20px;\n        margin: 0;\n        background: #f7f8f8;\n        color: #999999;\n        a {\n            float: right;\n            color: #01579f;\n        }\n    }\n    // Gutter which contains line numbers\n    .gutter {\n        background: #f7f8f8;\n        border-right: 1px solid #e6e6e6;\n        padding: 0.3em 15px;\n        user-select: none;\n    }\n    // Code container\n    .code {\n        padding: 0.3em 15px 0.3em 1em;\n        width: 100%;\n        pre {\n            max-width: 700px;\n            overflow-x: auto;\n            overflow-y: hidden;\n        }\n    }\n    // All lines in gutter and code container\n    .line {\n        height: 1.3em;\n        font-size: 13px;\n    }\n}\n\n// Gist\n.gist {\n    .line,\n    .line-number {\n        font-family: Menlo, Consolas, monospace;\n        font-size: 1em;\n        margin: 0 0 5px 0;\n        user-select: none;\n    }\n}\n\n// Highlight code coloration\n.highlight {\n    // General\n    .comment {\n        color: #969896;\n    }\n    .string {\n        color: #183691;\n    }\n    .keyword {\n        color: #a71d5d;\n    }\n    // ApacheConf\n    &.apacheconf .code {\n        .common,\n        .nomarkup,\n        .attribute,\n        .variable,\n        .cbracket,\n        .keyword {\n            color: #0086b3;\n        }\n        .sqbracket {\n            color: #df5000;\n        }\n        .section,\n        .tag {\n            color: #63a35c;\n        }\n    }\n    // Bash\n    &.bash .code {\n        .shebang {\n            color: #969896;\n        }\n        .literal,\n        .built_in {\n            color: #0086b3;\n        }\n        .variable {\n            color: #333;\n        }\n        .title {\n            color: #795da3;\n        }\n    }\n    // coffescript\n    &.coffeescript .code {\n        .title {\n            color: #795da3;\n        }\n        .literal,\n        .built_in,\n        .number {\n            color: #0086b3;\n        }\n        .reserved,\n        .attribute {\n            color: #1d3e81;\n        }\n        .subst,\n        .regexp,\n        .attribute {\n            color: #df5000;\n        }\n    }\n    // C/C++\n    &.cpp .code,\n    &.c .code {\n        .preprocessor {\n            color: #df5000;\n        }\n        .meta-keyword {\n            color: #a71d5d;\n        }\n        .title {\n            color: #795da3;\n        }\n        .number,\n        .built_in {\n            color: #0086b3;\n        }\n    }\n    // Clojure\n    &.clj .code {\n        .builtin-name {\n            color: #df5000;\n        }\n        .name {\n            color: #795da3;\n        }\n        .number {\n            color: #0086b3;\n        }\n    }\n    // C#\n    &.cs .code {\n        .preprocessor,\n        .preprocessor .keyword {\n            color: #333;\n        }\n        .title {\n            color: #795da3;\n        }\n        .number,\n        .built_in {\n            color: #0086b3;\n        }\n        .xmlDocTag,\n        .doctag {\n            color: #63a35c;\n        }\n    }\n    // CSS\n    &.css .code {\n        .at_rule,\n        .important,\n        .meta {\n            color: #a71d5d;\n        }\n        .attribute,\n        .hexcolor,\n        .number,\n        .function {\n            color: #0086b3;\n        }\n        .attr_selector,\n        .value {\n            color: #333;\n        }\n        .id,\n        .class,\n        .pseudo,\n        .selector-pseudo {\n            color: #795da3;\n        }\n        .tag,\n        .selector-tag {\n            color: #63a35c;\n        }\n    }\n    // Diff\n    &.diff .code {\n        .chunk,\n        .meta {\n            color: #795da3;\n            font-weight: bold;\n        }\n        .addition {\n            color: #55a532;\n            background-color: #eaffea;\n        }\n        .deletion {\n            color: #bd2c00;\n            background-color: #ffecec;\n        }\n    }\n    // HTTP\n    &.http .code {\n        .attribute,\n        .attr {\n            color: #183691;\n        }\n        .literal {\n            color: #0086b3;\n        }\n        .request {\n            color: #a71d5d;\n        }\n    }\n    // INI\n    &.ini .code {\n        .title,\n        .section {\n            color: #795da3;\n        }\n        .setting,\n        .attr {\n            color: #a71d5d;\n        }\n        .value,\n        .keyword {\n            color: #333;\n        }\n    }\n    // JAVA\n    &.java .code {\n        .title {\n            color: #795da3;\n        }\n        .javadoc {\n            color: #969896;\n        }\n        .meta,\n        .annotation,\n        .javadoctag {\n            color: #a71d5d;\n        }\n        .number {\n            color: #0086b3;\n        }\n        .params {\n            color: #1d3e81;\n        }\n    }\n    // JavaScript\n    &.js .code {\n        .built_in,\n        .title {\n            color: #795da3;\n        }\n        .javadoc {\n            color: #969896;\n        }\n        .tag,\n        .javadoctag {\n            color: #a71d5d;\n        }\n        .tag .title {\n            color: #333;\n        }\n        .regexp {\n            color: #df5000;\n        }\n        .literal,\n        .number {\n            color: #0086b3;\n        }\n    }\n    // JSON\n    &.json .code {\n        .attribute {\n            color: #183691;\n        }\n        .number,\n        .literal {\n            color: #0086b3;\n        }\n    }\n    // Makefile\n    &.mak .code {\n        .constant {\n            color: #333;\n        }\n        .title {\n            color: #795da3;\n        }\n        .keyword,\n        .meta-keyword {\n            color: #0086b3;\n        }\n    }\n    // Markdown\n    &.md .code {\n        .value,\n        .link_label,\n        .strong,\n        .emphasis,\n        .blockquote,\n        .quote,\n        .section {\n            color: #183691;\n        }\n        .link_reference,\n        .symbol,\n        .code {\n            color: #0086b3;\n        }\n        .link_url,\n        .link {\n            text-decoration: underline;\n        }\n    }\n    // Nginx\n    &.nginx .code {\n        .title,\n        .attribute {\n            color: #a71d5d;\n        }\n        .built_in,\n        .literal {\n            color: #0086b3;\n        }\n        .regexp {\n            color: #183691;\n        }\n        .variable {\n            color: #333;\n        }\n    }\n    // Objective-C\n    &.objectivec .code {\n        .preprocessor,\n        .meta {\n            color: #a71d5d;\n            .title {\n                color: #df5000;\n            }\n        }\n        .meta-string {\n            color: #183691;\n        }\n        .title {\n            color: #795da3;\n        }\n        .literal,\n        .number,\n        .built_in {\n            color: #0086b3;\n        }\n    }\n    // Perl\n    &.perl .code {\n        .sub {\n            color: #795da3;\n        }\n        .title {\n            color: #795da3;\n        }\n        .regexp {\n            color: #df5000;\n        }\n    }\n    // PHP\n    &.php .code {\n        .phpdoc,\n        .doctag {\n            color: #a71d5d;\n        }\n        .regexp {\n            color: #df5000;\n        }\n        .literal,\n        .number {\n            color: #0086b3;\n        }\n        .title {\n            color: #795da3;\n        }\n    }\n    // Python\n    &.python .code {\n        .decorator,\n        .title,\n        .meta {\n            color: #795da3;\n        }\n        .number {\n            color: #0086b3;\n        }\n    }\n    // Ruby\n    &.ruby .code {\n        .parent,\n        .title {\n            color: #795da3;\n        }\n        .prompt,\n        .constant,\n        .number,\n        .subst .keyword,\n        .symbol {\n            color: #0086b3;\n        }\n    }\n    // SQL\n    &.sql {\n        .built_in {\n            color: #a71d5d;\n        }\n        .number {\n            color: #0086b3;\n        }\n    }\n    // XML, HTML\n    &.xml,\n    &.html {\n        .tag {\n            color: #333;\n        }\n        .value {\n            color: #183691;\n        }\n        .attribute,\n        .attr {\n            color: #795da3;\n        }\n        .title,\n        .name {\n            color: #63a35c;\n        }\n    }\n    // Puppet\n    &.puppet {\n        .title {\n            color: #795da3;\n        }\n        .function {\n            color: #0086b3;\n        }\n        .name {\n            color: #a71d5d;\n        }\n        .attr {\n            color: #0086b3;\n        }\n    }\n    // LESS\n    &.less {\n        .tag,\n        .at_rule {\n            color: #a71d5d;\n        }\n        .number,\n        .hexcolor,\n        .function,\n        .attribute {\n            color: #0086b3;\n        }\n        .built_in {\n            color: #df5000;\n        }\n        .id,\n        .pseudo,\n        .class,\n        .selector-id,\n        .selector-class,\n        .selector-tag {\n            color: #795da3;\n        }\n    }\n    // Lisp\n    &.lisp .code {\n        .name {\n            color: #df5000;\n        }\n        .number {\n            color: #0086b3;\n        }\n    }\n    // SCSS\n    &.scss {\n        .tag,\n        .at_rule,\n        .important {\n            color: #a71d5d;\n        }\n        .number,\n        .hexcolor,\n        .function,\n        .attribute {\n            color: #0086b3;\n        }\n        .variable {\n            color: #333;\n        }\n        .built_in {\n            color: #df5000;\n        }\n        .id,\n        .pseudo,\n        .class,\n        .preprocessor,\n        .selector-class,\n        .selector-id {\n            color: #795da3;\n        }\n        .tag,\n        .selector-tag {\n            color: #63a35c;\n        }\n    }\n    // Stylus\n    &.stylus {\n        .at_rule {\n            color: #a71d5d;\n        }\n        .tag,\n        .selector-tag {\n            color: #63a35c;\n        }\n        .number,\n        .hexcolor,\n        .attribute,\n        .params {\n            color: #0086b3;\n        }\n        .class,\n        .id,\n        .pseudo,\n        .title,\n        .selector-id,\n        .selector-pseudo,\n        .selector-class {\n            color: #795da3;\n        }\n    }\n    // Go\n    &.go {\n        .typename {\n            color: #a71d5d;\n        }\n        .built_in,\n        .constant {\n            color: #0086b3;\n        }\n    }\n    // Swift\n    &.swift {\n        .preprocessor {\n            color: #a71d5d;\n        }\n        .title {\n            color: #795da3;\n        }\n        .built_in,\n        .number,\n        .type {\n            color: #0086b3;\n        }\n    }\n    // YAML\n    &.yml {\n        .line,\n        .attr {\n            color: #63a35c;\n        }\n        .line,\n        .string,\n        .type,\n        .literal,\n        .meta {\n            color: #183691;\n        }\n        .number {\n            color: #0086b3;\n        }\n    }\n}\n\n\n/* post navigator*/\n\n.post-nav {\n    overflow: hidden;\n    margin-top: 15px;\n    margin-bottom: 20px;\n    padding: 10px;\n    white-space: nowrap;\n    border-top: 1px solid #eee;\n    a {\n        display: inline-block;\n        line-height: 25px;\n        font-size: 15px;\n        color: #555;\n        border-bottom: none;\n        float: left;\n        &.pre {\n            float: left;\n            &:before {\n                font-family: \"FontAwesome\";\n                content: \"\\f0d9\";\n                padding-right: 0.3em;\n            }\n        }\n        &.next {\n            float: right;\n            &:after {\n                font-family: \"FontAwesome\";\n                content: \"\\f0da\";\n                padding-left: 0.3em;\n            }\n        }\n        &:hover {\n            border-bottom: none;\n            color: #222;\n        }\n    }\n}\n\n\n/* toc*/\n\n.toc-article {\n    border: 1px solid #bbb;\n    border-radius: 7px;\n    margin: 1.1em 0 0 2em;\n    padding: 0.7em 0.7em 0 0.7em;\n    max-width: 40%;\n}\n\n.toc-title {\n    font-size: 120%;\n}\n\n#toc {\n    line-height: 1em;\n    float: right;\n    .toc {\n        padding: 0;\n        margin: 0.5em;\n        line-height: 1.8em;\n        li {\n            list-style-type: none;\n        }\n    }\n    .toc-child {\n        margin-left: 1em;\n        padding-left: 0;\n    }\n}\n\n@media print,\nscreen and (max-width: 48em) {\n    .toc-article {\n        margin: 0em;\n        max-width: 100%;\n    }\n    .clear {\n        padding: 2.1em 0em 0em 0em;\n    }\n    #toc {\n        float: none;\n    }\n}\n\n\n/* table*/\n\ntable {\n    margin: auto auto 15px;\n    width: 100%;\n    background: transparent;\n    border-collapse: collapse;\n    border-spacing: 0;\n    text-align: left;\n    th {\n        font-weight: bold;\n        padding: 5px 10px;\n        border-bottom: 2px solid #909ba2;\n    }\n    td {\n        padding: 5px 10px;\n    }\n    tr {\n        &:nth-child(2n) {\n            background: #f7f8f8;\n        }\n    }\n}\n\n\n/* article-share*/\n\n.article-share-link {\n    cursor: pointer;\n    float: right;\n    margin-left: 20px;\n    &:before {\n        font-family: \"FontAwesome\";\n        content: \"\\f064\";\n        padding-right: 6px;\n    }\n}\n\n.article-share-box {\n    position: absolute;\n    display: none;\n    background: #fff;\n    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n    margin-left: -145px;\n    overflow: hidden;\n    z-index: 1;\n    &.on {\n        display: block;\n    }\n}\n\n.article-share-input {\n    width: 100%;\n    background: none;\n    box-sizing: border-box;\n    font: 14px \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    padding: 0 15px;\n    color: #555;\n    outline: none;\n    border: 1px solid #ddd;\n    border-radius: 3px 3px 0 0;\n    height: 36px;\n    line-height: 36px;\n}\n\n.article-share-links {\n    clearfix: none;\n    background: #eee;\n}\n\n.article-share-element {\n    width: 50px;\n    height: 36px;\n    display: block;\n    float: left;\n    position: relative;\n    color: #999;\n    text-shadow: 0 1px #fff;\n    &:before {\n        font-size: 20px;\n        font-family: \"FontAwesome\";\n        width: 20px;\n        height: 20px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        margin-top: -10px;\n        margin-left: -10px;\n        text-align: center;\n    }\n    &:hover {\n        color: #fff;\n    }\n}\n\n.article-share-twitter {\n    @extend .article-share-element;\n    &:before {\n        content: \"\\f099\";\n    }\n    &:hover {\n        background: #00aced;\n    }\n}\n\n.article-share-facebook {\n    @extend .article-share-element;\n    &:before {\n        content: \"\\f09a\";\n    }\n    &:hover {\n        background: #3b5998;\n    }\n}\n\n.article-share-weibo {\n    @extend .article-share-element;\n    &:before {\n        content: \"\\f18a\";\n    }\n    &:hover {\n        background: #d44137;\n    }\n}\n\n.article-share-qrcode {\n    @extend .article-share-element;\n    &:before {\n        content: \"\\f029\";\n    }\n    &:hover,\n    &:active {\n        background: #38ad5a;\n        &~.qrcode {\n            display: block;\n            text-align: center;\n        }\n    }\n}\n\n.qrcode {\n    display: none;\n}\n\n\n/* search result*/\n\nul.search-result-list {\n    padding-left: 10px;\n}\n\na.search-result-title {\n    font-weight: bold;\n    font-size: 15px;\n    color: #555;\n}\n\np.search-result {\n    color: #444;\n    text-align: justify;\n}\n\nem.search-keyword {\n    font-weight: bold;\n    font-style: normal;\n    color: #01579f;\n}\n\n\n/* Disqus Button */\n\n.disqus_click_btn {\n    line-height: 30px;\n    margin: 0;\n    min-width: 50px;\n    padding: 0 14px;\n    display: inline-block;\n    font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    letter-spacing: 0;\n    overflow: hidden;\n    will-change: box-shadow;\n    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);\n    outline: 0;\n    cursor: pointer;\n    text-decoration: none;\n    text-align: center;\n    vertical-align: middle;\n    border: 0;\n    background: rgba(158, 158, 158, .2);\n    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);\n    color: #fff;\n    background-color: #999999;\n    text-shadow: 0\n}","date":"2020-06-04T20:28:28.805Z","updated":"2020-06-04T20:28:28.805Z","path":"css/style.css","layout":"false","title":"","comments":1,"_id":"ckb18hs9d0006j9ph9dtf9nsc","content":"/**\n *\n * @package Maupassant\n * @author cho\n * @version 2.0\n * @link http://chopstack.com\n */\n/*\npure css setting\nWhen setting the primary font stack, apply it to the Pure grid units along\nwith `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use\nspecific font stacks to ensure the greatest OS/browser compatibility.\n*/\nhtml,\nbutton,\ninput,\nselect,\ntextarea,\n.MJXc-TeX-unknown-R,\n.pure-g [class*=\"pure-u\"] {\n  /* Set your content font stack here: */\n  font-family: \"PingFangSC-Regular\", Helvetica, \"Helvetica Neue\", \"Segoe UI\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Microsoft YaHei\", \"STHeiti\", \"WenQuanYi Micro Hei\", sans-serif !important; }\n\nbody {\n  background-color: #FFF;\n  color: #444;\n  font-family: \"TIBch\", \"Classic Grotesque W01\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"STHeiti\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", SimSun, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 14px; }\n\n.body_container {\n  padding: 0 60px;\n  max-width: 1150px;\n  margin: 0 auto; }\n\n.content_container {\n  padding-right: 50px;\n  padding-top: 20px; }\n\na,\nbutton.submit {\n  color: #6E7173;\n  text-decoration: none;\n  -webkit-transition: all .1s ease-in;\n  -moz-transition: all .1s ease-in;\n  -o-transition: all .1s ease-in;\n  transition: all .1s ease-in; }\n\na:hover,\na:active {\n  color: #444; }\n\na:focus {\n  outline: auto; }\n\n.clear {\n  clear: both; }\n\ndiv {\n  box-sizing: border-box; }\n\n#header {\n  padding: 58px 0 0;\n  text-align: left;\n  border-bottom: 1px solid #ddd;\n  position: relative; }\n  #header .site-name {\n    margin-bottom: 40px; }\n    #header .site-name h1 {\n      padding: 0;\n      margin: 0;\n      height: 0;\n      overflow: hidden; }\n    #header .site-name #logo {\n      font: bold 38px/1.12 \"Times New Roman\", Georgia, Times, sans-serif;\n      color: #555; }\n      #header .site-name #logo span, #header .site-name #logo:hover {\n        color: #777; }\n    #header .site-name .description {\n      margin: .2em 0 0;\n      color: #999; }\n  #header #nav-menu {\n    margin: 10px 0 -1px;\n    padding: 0;\n    position: absolute;\n    right: 0;\n    bottom: 0; }\n    #header #nav-menu a {\n      display: inline-block;\n      padding: 3px 20px 3px;\n      line-height: 30px;\n      color: #444;\n      font-size: 13px;\n      border: 1px solid transparent; }\n      #header #nav-menu a:hover {\n        border-bottom-color: #444; }\n      #header #nav-menu a.current {\n        border: 1px solid #ddd;\n        border-bottom-color: #fff; }\n\n#sidebar {\n  border-left: 1px solid #ddd;\n  padding-left: 35px;\n  margin-top: 40px;\n  padding-bottom: 20px;\n  word-wrap: break-word; }\n  #sidebar .widget {\n    margin-bottom: 30px; }\n    #sidebar .widget .widget-title {\n      color: #6E7173;\n      line-height: 2.7;\n      margin-top: 0;\n      font-size: 16px;\n      border-bottom: 1px solid #ddd;\n      display: block;\n      font-weight: normal; }\n    #sidebar .widget .comments-title {\n      color: #6E7173;\n      line-height: 2.7;\n      margin-top: 0;\n      font-size: 16px;\n      border-bottom: 0px solid #ddd;\n      display: block;\n      font-weight: normal; }\n    #sidebar .widget .tagcloud {\n      margin-top: 10px; }\n      #sidebar .widget .tagcloud a {\n        line-height: 1.5;\n        padding: 5px; }\n    #sidebar .widget ul {\n      list-style: none;\n      padding: 0; }\n      #sidebar .widget ul li {\n        margin: 5px 0;\n        line-height: 1.5; }\n    #sidebar .widget .category-list-count {\n      padding-left: 5px;\n      color: #6E7173; }\n    #sidebar .widget .category-list-count::before {\n      content: \"(\"; }\n    #sidebar .widget .category-list-count::after {\n      content: \")\"; }\n    #sidebar .widget .search-form {\n      position: relative;\n      overflow: hidden; }\n      #sidebar .widget .search-form input {\n        background: #fff 8px 8px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);\n        padding: 7px 11px 7px 28px;\n        line-height: 16px;\n        border: 1px solid #bbb;\n        width: 65%;\n        -webkit-border-radius: 5px;\n        -moz-border-radius: 5px;\n        -ms-border-radius: 5px;\n        -o-border-radius: 5px;\n        border-radius: 5px;\n        -webkit-box-shadow: none;\n        -moz-box-shadow: none;\n        box-shadow: none; }\n\n/* title for search result or tagged posts*/\n.label-title {\n  margin-top: 1.1em;\n  font-size: 20px;\n  font-weight: normal;\n  color: #888; }\n\n.post {\n  padding: 25px 0 15px; }\n  .post .post-title {\n    margin: 0;\n    color: #555;\n    text-align: left;\n    font: bold 25px/1.1 \"ff-tisa-web-pro\", Cambria, \"Times New Roman\", Georgia, Times, sans-serif; }\n    .post .post-title a {\n      color: #555; }\n  .post .post-meta {\n    padding: 0;\n    margin: 15px 0 0;\n    color: #6E7173;\n    float: left;\n    display: inline;\n    text-indent: .15em; }\n    .post .post-meta:before {\n      font-family: \"FontAwesome\";\n      content: \"\\f073\";\n      padding-right: 0.3em; }\n    .post .post-meta .category:before {\n      font-family: \"FontAwesome\";\n      content: \"\\f07c\";\n      padding-right: 0.3em; }\n    .post .post-meta #busuanzi_value_page_pv:before {\n      font-family: \"FontAwesome\";\n      content: \"\\f024\";\n      padding-right: 0.3em; }\n  .post .ds-thread-count {\n    padding: 0;\n    margin: 15px 0 0;\n    color: #6E7173;\n    float: right;\n    display: inline;\n    text-indent: .15em; }\n    .post .ds-thread-count:before {\n      font-family: \"FontAwesome\";\n      content: \"\\f0e5\";\n      padding-right: 0.3em; }\n    .post .ds-thread-count:hover {\n      color: #444; }\n  .post .disqus-comment-count {\n    padding: 0;\n    margin: 15px 0 0;\n    color: #6E7173;\n    float: right;\n    display: inline;\n    text-indent: .15em; }\n    .post .disqus-comment-count:before {\n      font-family: \"FontAwesome\";\n      content: \"\\f0e5\";\n      padding-right: 0.3em; }\n    .post .disqus-comment-count:hover {\n      color: #444; }\n  .post .post-content {\n    clear: left;\n    font-size: 15px;\n    line-height: 1.77;\n    color: #444;\n    padding-top: 15px;\n    text-align: justify;\n    text-justify: distribute;\n    word-break: normal; }\n    .post .post-content h2 {\n      margin: 1.4em 0 1.1em;\n      border-bottom: 1px solid #eee;\n      overflow: hidden; }\n    .post .post-content h3 {\n      margin: 1.4em 0 1.1em; }\n    .post .post-content pre code {\n      padding: 0 2em; }\n    .post .post-content p {\n      margin: 0 0 1.234em;\n      word-break: break-word;\n      overflow-wrap: break-word; }\n      .post .post-content p code {\n        display: inline-block;\n        margin: 0 5px;\n        padding: 0 5px;\n        background: #f7f8f8;\n        font-family: Menlo, Consolas, monospace !important; }\n      .post .post-content p a {\n        color: #01579f;\n        padding-bottom: 2px;\n        word-break: normal; }\n        .post .post-content p a:hover {\n          text-decoration: underline; }\n    .post .post-content .caption {\n      color: #444;\n      display: block;\n      font-size: 0.9em;\n      margin-top: 0.1em;\n      position: relative;\n      text-align: center; }\n    .post .post-content hr {\n      margin: 2.4em auto;\n      border: none;\n      border-top: 1px solid #eee;\n      position: relative; }\n    .post .post-content img {\n      max-width: 100%;\n      padding: 0.5em 0;\n      margin: auto;\n      display: block; }\n    .post .post-content ul,\n    .post .post-content ol {\n      border-radius: 3px;\n      margin: 1em 0; }\n      .post .post-content ul ul,\n      .post .post-content ol ul {\n        margin: 0; }\n      .post .post-content ul code,\n      .post .post-content ol code {\n        display: inline-block;\n        margin: 0 5px;\n        padding: 0px 5px;\n        background: #f7f8f8;\n        font-family: Menlo, Consolas, monospace !important; }\n      .post .post-content ul a,\n      .post .post-content ol a {\n        color: #01579f;\n        padding-bottom: 2px;\n        word-break: normal; }\n        .post .post-content ul a:hover,\n        .post .post-content ol a:hover {\n          text-decoration: underline; }\n    .post .post-content .tagcloud {\n      margin: 0 0 30px 0; }\n      .post .post-content .tagcloud a {\n        padding: 0px 5px;\n        margin: 3px;\n        display: inline-block;\n        border: 1px solid #808080;\n        border-radius: 999em;\n        color: #aaa; }\n        .post .post-content .tagcloud a:hover {\n          color: #fff;\n          border: 1px solid #808080;\n          background: #808080; }\n    .post .post-content .one-tag-list {\n      margin: 30px 0; }\n      .post .post-content .one-tag-list .tag-name .tag-text {\n        margin-left: 5px;\n        font-size: 16px;\n        font-weight: bold; }\n  .post .tags a {\n    margin-right: .5em; }\n    .post .tags a i {\n      padding-right: 0.3em; }\n\n.page-navigator {\n  border-top: 1px solid #ddd;\n  list-style: none;\n  margin-top: 25px;\n  padding: 25px 0 0;\n  font-size: 14px;\n  text-align: center; }\n  .page-navigator .page-number {\n    display: inline-block;\n    margin: 0 5px 5px 0; }\n  .page-navigator a,\n  .page-navigator span {\n    display: inline-block;\n    height: 25px;\n    line-height: 25px;\n    padding: 5px 9px;\n    border: 1px solid #DDD;\n    text-align: center; }\n    .page-navigator a:hover,\n    .page-navigator span:hover {\n      background: #F8F8F8;\n      border-bottom-color: #D26911; }\n    .page-navigator a.prev,\n    .page-navigator span.prev {\n      float: left; }\n      .page-navigator a.prev:before,\n      .page-navigator span.prev:before {\n        font-family: \"FontAwesome\";\n        content: \"\\f100\";\n        padding-right: 0.3em; }\n    .page-navigator a.next,\n    .page-navigator span.next {\n      float: right; }\n      .page-navigator a.next:after,\n      .page-navigator span.next:after {\n        font-family: \"FontAwesome\";\n        content: \"\\f101\";\n        padding-left: 0.3em; }\n  .page-navigator .current {\n    background: #F8F8F8;\n    border-bottom-color: #D26911; }\n  .page-navigator .space {\n    border: none;\n    padding: 5px 5px; }\n\n#footer {\n  padding: .8em 0 3.6em;\n  margin-top: 1em;\n  line-height: 2.5;\n  color: #6E7173;\n  text-align: center; }\n  #footer span {\n    font-size: .9em; }\n\n/* for archive page starts*/\n.post-archive {\n  font-size: 15px;\n  line-height: 2;\n  padding-bottom: .8em; }\n  .post-archive h2 {\n    margin: 0;\n    font: bold 25px / 1.1 \"ff-tisa-web-pro\", Cambria, \"Times New Roman\", Georgia, Times, sans-serif; }\n  .post-archive .date {\n    padding-right: .7em; }\n\n/* for archive page ends*/\n/* middle*/\n@media print, screen and (max-width: 48em) {\n  .body_container {\n    padding: 0 30px; }\n  .content_container {\n    padding-right: 15px; }\n  .hidden_mid_and_down {\n    display: none !important; }\n  #sidebar {\n    border-left-width: 0px; }\n  #header .site-name {\n    margin-bottom: 20px;\n    text-align: center; }\n  #header #nav-menu {\n    position: relative;\n    text-align: center; }\n    #header #nav-menu a {\n      padding: 0 15px;\n      line-height: 27px;\n      height: 27px;\n      font-size: 13px; } }\n\n/* small*/\n@media print, screen and (max-width: 35.5em) {\n  .body_container {\n    padding: 0 20px; }\n  .content_container {\n    padding-right: 0; } }\n\nblockquote,\n.stressed {\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  margin: 2.5em 0;\n  padding: 0 0 0 50px;\n  color: #555;\n  border-left: none; }\n\nblockquote::before,\n.stressed-quote::before {\n  content: \"\\201C\";\n  display: block;\n  font-family: times;\n  font-style: normal;\n  font-size: 48px;\n  color: #444;\n  font-weight: bold;\n  line-height: 30px;\n  margin-left: -50px;\n  position: absolute; }\n\nstrong,\nb,\nem {\n  font-weight: bold; }\n\npre {\n  margin: 2em 0; }\n\n.hidden1 {\n  display: none; }\n\n/* back-to-top rocket*/\n@media print, screen and (min-width: 48em) {\n  #rocket {\n    position: fixed;\n    right: 50px;\n    bottom: 50px;\n    display: block;\n    visibility: hidden;\n    width: 26px;\n    height: 48px;\n    background: url(\"data:image/png;base64,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\") no-repeat 50% 0;\n    opacity: 0;\n    -webkit-transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);\n    -moz-transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);\n    transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335); }\n    #rocket i {\n      display: block;\n      margin-top: 48px;\n      height: 14px;\n      background: url(\"data:image/png;base64,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\") no-repeat 50% -48px;\n      opacity: .5;\n      -webkit-transition: -webkit-transform .2s;\n      -moz-transition: -moz-transform .2s;\n      transition: transform .2s;\n      -webkit-transform-origin: 50% 0;\n      -moz-transform-origin: 50% 0;\n      transform-origin: 50% 0; }\n  #rocket:hover {\n    background-position: 50% -62px; }\n    #rocket:hover i {\n      background-position: 50% 100%;\n      -webkit-animation: flaming .7s infinite;\n      -moz-animation: flaming .7s infinite;\n      animation: flaming .7s infinite; }\n  #rocket.show {\n    visibility: visible;\n    opacity: 1; }\n  #rocket.launch {\n    background-position: 50% -62px;\n    opacity: 0;\n    -webkit-transform: translateY(-500px);\n    -moz-transform: translateY(-500px);\n    -ms-transform: translateY(-500px);\n    transform: translateY(-500px);\n    pointer-events: none; }\n    #rocket.launch i {\n      background-position: 50% 100%;\n      -webkit-transform: scale(1.4, 3.2);\n      -moz-transform: scale(1.4, 3.2);\n      transform: scale(1.4, 3.2); } }\n\n/* *******************************************************\n* Process timelime, (homepage)\n******************************************************* */\n#process {\n  padding: 80px 0;\n  background-color: #fff; }\n\n#process .col-md-2 i {\n  font-size: 50px;\n  position: relative;\n  top: 10px; }\n\n#process .timeline-centered {\n  position: relative;\n  margin-bottom: 30px; }\n\n#process .timeline-centered::before,\n#process .timeline-centered::after,\n#process .timeline-centered::before,\n#process .timeline-centered::after {\n  content: \" \";\n  display: table; }\n\n#process .timeline-centered::after {\n  clear: both; }\n\n#process .timeline-centered::before {\n  content: '';\n  position: absolute;\n  display: block;\n  width: 4px;\n  background: #f5f5f6;\n  /*left: 50%;*/\n  top: 50px;\n  bottom: 50px;\n  margin-left: 10px; }\n\n#process .timeline-centered .timeline-entry {\n  position: relative;\n  /*width: 50%;\n    float: right;*/\n  margin-top: 5px;\n  margin-left: 20px;\n  margin-bottom: 10px;\n  clear: both; }\n\n#process .timeline-centered .timeline-entry::before,\n#process .timeline-centered .timeline-entry::after {\n  content: \" \";\n  display: table; }\n\n#process .timeline-centered .timeline-entry::after {\n  clear: both; }\n\n#process .timeline-centered .timeline-entry.begin {\n  margin-bottom: 0; }\n\n#process .timeline-centered .timeline-entry.left-aligned {\n  float: left; }\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {\n  margin-left: 0;\n  margin-right: -18px; }\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {\n  left: auto;\n  right: -100px;\n  text-align: left; }\n\n#process span.number {\n  font-family: 'Georgia', serif, Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n  font-style: italic;\n  font-size: 20px;\n  line-height: 0;\n  color: #E7E7E5;\n  position: relative;\n  top: -4px; }\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {\n  float: right; }\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {\n  margin-left: 0;\n  margin-right: 70px; }\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label::after {\n  left: auto;\n  right: 0;\n  margin-left: 0;\n  margin-right: -9px;\n  -moz-transform: rotate(180deg);\n  -o-transform: rotate(180deg);\n  -webkit-transform: rotate(180deg);\n  -ms-transform: rotate(180deg);\n  transform: rotate(180deg); }\n\n.timeline-label p {\n  font-family: Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n  margin-bottom: 3px; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner {\n  position: relative;\n  margin-left: -20px; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner::before,\n#process .timeline-centered .timeline-entry .timeline-entry-inner::after {\n  content: \" \";\n  display: table; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner::after {\n  clear: both; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {\n  position: absolute;\n  left: -100px;\n  text-align: right;\n  padding: 10px;\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {\n  display: block; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {\n  font-size: 15px;\n  font-weight: bold; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {\n  font-size: 12px; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {\n  background: #fff;\n  color: #737881;\n  display: block;\n  width: 40px;\n  height: 40px;\n  -webkit-background-clip: padding-box;\n  -moz-background-clip: padding;\n  background-clip: padding-box;\n  -webkit-border-radius: 20px;\n  -moz-border-radius: 20px;\n  border-radius: 20px;\n  text-align: center;\n  border: 4px solid #F5F5F6;\n  line-height: 40px;\n  font-size: 15px;\n  float: left;\n  position: absolute;\n  top: 50%;\n  margin-top: -20px;\n  margin-left: -9px; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {\n  background-color: #303641;\n  color: #fff; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n  position: relative;\n  background: #eee;\n  padding: 30px;\n  margin-left: 60px;\n  -webkit-background-clip: padding-box;\n  -moz-background-clip: padding;\n  background-clip: padding-box;\n  -webkit-border-radius: 3px;\n  -moz-border-radius: 3px;\n  border-radius: 3px; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 9px 9px 9px 0;\n  border-color: transparent #eee transparent transparent;\n  left: 0;\n  top: 50%;\n  margin-top: -9px;\n  margin-left: -9px; }\n\n#process .line {\n  position: absolute;\n  display: block;\n  width: 4px;\n  background: #eee;\n  top: -3%;\n  right: -30px;\n  bottom: -3%; }\n\n#process .present,\n#process .born {\n  font-size: 14px;\n  font-family: 'Georgia', serif, Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n  font-style: italic;\n  color: #333;\n  padding: 10px;\n  background-color: #eee;\n  -webkit-border-radius: 3px;\n  -moz-border-radius: 3px;\n  border-radius: 3px; }\n\n#process .present::after,\n#process .born::after {\n  left: 100%;\n  top: 50%;\n  border: solid transparent;\n  content: \" \";\n  height: 0;\n  width: 0;\n  position: absolute;\n  border-color: rgba(136, 183, 213, 0);\n  border-left-color: #eee;\n  border-width: 10px;\n  margin-top: -10px; }\n\n#process .present {\n  position: absolute;\n  top: -3%;\n  right: 0;\n  margin-top: -20px;\n  line-height: 100%; }\n\n#process .born {\n  position: absolute;\n  bottom: -3%;\n  right: 0;\n  margin-bottom: -20px;\n  line-height: 100%; }\n\n#process .dot_tp {\n  position: absolute;\n  top: -3%;\n  right: -35px;\n  background-color: transparent;\n  height: 15px;\n  width: 15px;\n  margin-top: 0px;\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n  border-radius: 50%;\n  border: 3px solid #eee; }\n\n#process .dot_bt {\n  position: absolute;\n  bottom: -3%;\n  right: -35px;\n  background-color: transparent;\n  height: 15px;\n  width: 15px;\n  margin-bottom: -13px;\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n  border-radius: 50%;\n  border: 3px solid #eee; }\n\n@media (max-width: 768px) {\n  #process .line {\n    right: 10px; }\n  #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n    margin-right: 30px;\n    margin-left: 45px;\n    padding: 20px; }\n  #process .timeline-centered .timeline-entry {\n    margin-right: 20px; }\n  #process .dot_tp,\n  #process .dot_bt {\n    right: 5px; }\n  #process .present,\n  #process .born {\n    right: 35px; } }\n\n/* read more*/\n.readmore a {\n  font-size: 14px;\n  color: #444;\n  margin: -10px 0;\n  padding: 5px 10px;\n  border: 1px solid #ddd;\n  border-radius: 5px;\n  float: right; }\n  .readmore a:after {\n    font-family: \"FontAwesome\";\n    content: \"\\f101\";\n    padding-left: 0.3em; }\n  .readmore a:hover {\n    background: #F8F8F8;\n    border-bottom-color: #D26911; }\n\n/* syntax highlight*/\nfigure.highlight,\n.codeblock {\n  background: #f7f8f8;\n  margin: 10px 0;\n  line-height: 1.1em;\n  color: #333;\n  padding-top: 15px;\n  overflow: hidden; }\n  figure.highlight table,\n  .codeblock table {\n    display: block;\n    width: 100%; }\n  figure.highlight pre,\n  figure.highlight .gutter,\n  figure.highlight .code,\n  figure.highlight .tag,\n  .codeblock pre,\n  .codeblock .gutter,\n  .codeblock .code,\n  .codeblock .tag {\n    background-color: inherit;\n    font-family: Menlo, Consolas, monospace;\n    border: none;\n    padding: 0;\n    margin: 0;\n    cursor: text; }\n  figure.highlight .gutter,\n  figure.highlight .code,\n  .codeblock .gutter,\n  .codeblock .code {\n    vertical-align: top; }\n  figure.highlight.plain .gutter,\n  .codeblock.plain .gutter {\n    display: none; }\n  figure.highlight figcaption,\n  .codeblock figcaption {\n    font-size: 13px;\n    padding: 0 15px 20px;\n    margin: 0;\n    background: #f7f8f8;\n    color: #999999; }\n    figure.highlight figcaption a,\n    .codeblock figcaption a {\n      float: right;\n      color: #01579f; }\n  figure.highlight .gutter,\n  .codeblock .gutter {\n    background: #f7f8f8;\n    border-right: 1px solid #e6e6e6;\n    padding: 0.3em 15px;\n    user-select: none; }\n  figure.highlight .code,\n  .codeblock .code {\n    padding: 0.3em 15px 0.3em 1em;\n    width: 100%; }\n    figure.highlight .code pre,\n    .codeblock .code pre {\n      max-width: 700px;\n      overflow-x: auto;\n      overflow-y: hidden; }\n  figure.highlight .line,\n  .codeblock .line {\n    height: 1.3em;\n    font-size: 13px; }\n\n.gist .line,\n.gist .line-number {\n  font-family: Menlo, Consolas, monospace;\n  font-size: 1em;\n  margin: 0 0 5px 0;\n  user-select: none; }\n\n.highlight .comment {\n  color: #969896; }\n\n.highlight .string {\n  color: #183691; }\n\n.highlight .keyword {\n  color: #a71d5d; }\n\n.highlight.apacheconf .code .common,\n.highlight.apacheconf .code .nomarkup,\n.highlight.apacheconf .code .attribute,\n.highlight.apacheconf .code .variable,\n.highlight.apacheconf .code .cbracket,\n.highlight.apacheconf .code .keyword {\n  color: #0086b3; }\n\n.highlight.apacheconf .code .sqbracket {\n  color: #df5000; }\n\n.highlight.apacheconf .code .section,\n.highlight.apacheconf .code .tag {\n  color: #63a35c; }\n\n.highlight.bash .code .shebang {\n  color: #969896; }\n\n.highlight.bash .code .literal,\n.highlight.bash .code .built_in {\n  color: #0086b3; }\n\n.highlight.bash .code .variable {\n  color: #333; }\n\n.highlight.bash .code .title {\n  color: #795da3; }\n\n.highlight.coffeescript .code .title {\n  color: #795da3; }\n\n.highlight.coffeescript .code .literal,\n.highlight.coffeescript .code .built_in,\n.highlight.coffeescript .code .number {\n  color: #0086b3; }\n\n.highlight.coffeescript .code .reserved,\n.highlight.coffeescript .code .attribute {\n  color: #1d3e81; }\n\n.highlight.coffeescript .code .subst,\n.highlight.coffeescript .code .regexp,\n.highlight.coffeescript .code .attribute {\n  color: #df5000; }\n\n.highlight.cpp .code .preprocessor,\n.highlight.c .code .preprocessor {\n  color: #df5000; }\n\n.highlight.cpp .code .meta-keyword,\n.highlight.c .code .meta-keyword {\n  color: #a71d5d; }\n\n.highlight.cpp .code .title,\n.highlight.c .code .title {\n  color: #795da3; }\n\n.highlight.cpp .code .number,\n.highlight.cpp .code .built_in,\n.highlight.c .code .number,\n.highlight.c .code .built_in {\n  color: #0086b3; }\n\n.highlight.clj .code .builtin-name {\n  color: #df5000; }\n\n.highlight.clj .code .name {\n  color: #795da3; }\n\n.highlight.clj .code .number {\n  color: #0086b3; }\n\n.highlight.cs .code .preprocessor,\n.highlight.cs .code .preprocessor .keyword {\n  color: #333; }\n\n.highlight.cs .code .title {\n  color: #795da3; }\n\n.highlight.cs .code .number,\n.highlight.cs .code .built_in {\n  color: #0086b3; }\n\n.highlight.cs .code .xmlDocTag,\n.highlight.cs .code .doctag {\n  color: #63a35c; }\n\n.highlight.css .code .at_rule,\n.highlight.css .code .important,\n.highlight.css .code .meta {\n  color: #a71d5d; }\n\n.highlight.css .code .attribute,\n.highlight.css .code .hexcolor,\n.highlight.css .code .number,\n.highlight.css .code .function {\n  color: #0086b3; }\n\n.highlight.css .code .attr_selector,\n.highlight.css .code .value {\n  color: #333; }\n\n.highlight.css .code .id,\n.highlight.css .code .class,\n.highlight.css .code .pseudo,\n.highlight.css .code .selector-pseudo {\n  color: #795da3; }\n\n.highlight.css .code .tag,\n.highlight.css .code .selector-tag {\n  color: #63a35c; }\n\n.highlight.diff .code .chunk,\n.highlight.diff .code .meta {\n  color: #795da3;\n  font-weight: bold; }\n\n.highlight.diff .code .addition {\n  color: #55a532;\n  background-color: #eaffea; }\n\n.highlight.diff .code .deletion {\n  color: #bd2c00;\n  background-color: #ffecec; }\n\n.highlight.http .code .attribute,\n.highlight.http .code .attr {\n  color: #183691; }\n\n.highlight.http .code .literal {\n  color: #0086b3; }\n\n.highlight.http .code .request {\n  color: #a71d5d; }\n\n.highlight.ini .code .title,\n.highlight.ini .code .section {\n  color: #795da3; }\n\n.highlight.ini .code .setting,\n.highlight.ini .code .attr {\n  color: #a71d5d; }\n\n.highlight.ini .code .value,\n.highlight.ini .code .keyword {\n  color: #333; }\n\n.highlight.java .code .title {\n  color: #795da3; }\n\n.highlight.java .code .javadoc {\n  color: #969896; }\n\n.highlight.java .code .meta,\n.highlight.java .code .annotation,\n.highlight.java .code .javadoctag {\n  color: #a71d5d; }\n\n.highlight.java .code .number {\n  color: #0086b3; }\n\n.highlight.java .code .params {\n  color: #1d3e81; }\n\n.highlight.js .code .built_in,\n.highlight.js .code .title {\n  color: #795da3; }\n\n.highlight.js .code .javadoc {\n  color: #969896; }\n\n.highlight.js .code .tag,\n.highlight.js .code .javadoctag {\n  color: #a71d5d; }\n\n.highlight.js .code .tag .title {\n  color: #333; }\n\n.highlight.js .code .regexp {\n  color: #df5000; }\n\n.highlight.js .code .literal,\n.highlight.js .code .number {\n  color: #0086b3; }\n\n.highlight.json .code .attribute {\n  color: #183691; }\n\n.highlight.json .code .number,\n.highlight.json .code .literal {\n  color: #0086b3; }\n\n.highlight.mak .code .constant {\n  color: #333; }\n\n.highlight.mak .code .title {\n  color: #795da3; }\n\n.highlight.mak .code .keyword,\n.highlight.mak .code .meta-keyword {\n  color: #0086b3; }\n\n.highlight.md .code .value,\n.highlight.md .code .link_label,\n.highlight.md .code .strong,\n.highlight.md .code .emphasis,\n.highlight.md .code .blockquote,\n.highlight.md .code .quote,\n.highlight.md .code .section {\n  color: #183691; }\n\n.highlight.md .code .link_reference,\n.highlight.md .code .symbol,\n.highlight.md .code .code {\n  color: #0086b3; }\n\n.highlight.md .code .link_url,\n.highlight.md .code .link {\n  text-decoration: underline; }\n\n.highlight.nginx .code .title,\n.highlight.nginx .code .attribute {\n  color: #a71d5d; }\n\n.highlight.nginx .code .built_in,\n.highlight.nginx .code .literal {\n  color: #0086b3; }\n\n.highlight.nginx .code .regexp {\n  color: #183691; }\n\n.highlight.nginx .code .variable {\n  color: #333; }\n\n.highlight.objectivec .code .preprocessor,\n.highlight.objectivec .code .meta {\n  color: #a71d5d; }\n  .highlight.objectivec .code .preprocessor .title,\n  .highlight.objectivec .code .meta .title {\n    color: #df5000; }\n\n.highlight.objectivec .code .meta-string {\n  color: #183691; }\n\n.highlight.objectivec .code .title {\n  color: #795da3; }\n\n.highlight.objectivec .code .literal,\n.highlight.objectivec .code .number,\n.highlight.objectivec .code .built_in {\n  color: #0086b3; }\n\n.highlight.perl .code .sub {\n  color: #795da3; }\n\n.highlight.perl .code .title {\n  color: #795da3; }\n\n.highlight.perl .code .regexp {\n  color: #df5000; }\n\n.highlight.php .code .phpdoc,\n.highlight.php .code .doctag {\n  color: #a71d5d; }\n\n.highlight.php .code .regexp {\n  color: #df5000; }\n\n.highlight.php .code .literal,\n.highlight.php .code .number {\n  color: #0086b3; }\n\n.highlight.php .code .title {\n  color: #795da3; }\n\n.highlight.python .code .decorator,\n.highlight.python .code .title,\n.highlight.python .code .meta {\n  color: #795da3; }\n\n.highlight.python .code .number {\n  color: #0086b3; }\n\n.highlight.ruby .code .parent,\n.highlight.ruby .code .title {\n  color: #795da3; }\n\n.highlight.ruby .code .prompt,\n.highlight.ruby .code .constant,\n.highlight.ruby .code .number,\n.highlight.ruby .code .subst .keyword,\n.highlight.ruby .code .symbol {\n  color: #0086b3; }\n\n.highlight.sql .built_in {\n  color: #a71d5d; }\n\n.highlight.sql .number {\n  color: #0086b3; }\n\n.highlight.xml .tag, .highlight.html .tag {\n  color: #333; }\n\n.highlight.xml .value, .highlight.html .value {\n  color: #183691; }\n\n.highlight.xml .attribute,\n.highlight.xml .attr, .highlight.html .attribute,\n.highlight.html .attr {\n  color: #795da3; }\n\n.highlight.xml .title,\n.highlight.xml .name, .highlight.html .title,\n.highlight.html .name {\n  color: #63a35c; }\n\n.highlight.puppet .title {\n  color: #795da3; }\n\n.highlight.puppet .function {\n  color: #0086b3; }\n\n.highlight.puppet .name {\n  color: #a71d5d; }\n\n.highlight.puppet .attr {\n  color: #0086b3; }\n\n.highlight.less .tag,\n.highlight.less .at_rule {\n  color: #a71d5d; }\n\n.highlight.less .number,\n.highlight.less .hexcolor,\n.highlight.less .function,\n.highlight.less .attribute {\n  color: #0086b3; }\n\n.highlight.less .built_in {\n  color: #df5000; }\n\n.highlight.less .id,\n.highlight.less .pseudo,\n.highlight.less .class,\n.highlight.less .selector-id,\n.highlight.less .selector-class,\n.highlight.less .selector-tag {\n  color: #795da3; }\n\n.highlight.lisp .code .name {\n  color: #df5000; }\n\n.highlight.lisp .code .number {\n  color: #0086b3; }\n\n.highlight.scss .tag,\n.highlight.scss .at_rule,\n.highlight.scss .important {\n  color: #a71d5d; }\n\n.highlight.scss .number,\n.highlight.scss .hexcolor,\n.highlight.scss .function,\n.highlight.scss .attribute {\n  color: #0086b3; }\n\n.highlight.scss .variable {\n  color: #333; }\n\n.highlight.scss .built_in {\n  color: #df5000; }\n\n.highlight.scss .id,\n.highlight.scss .pseudo,\n.highlight.scss .class,\n.highlight.scss .preprocessor,\n.highlight.scss .selector-class,\n.highlight.scss .selector-id {\n  color: #795da3; }\n\n.highlight.scss .tag,\n.highlight.scss .selector-tag {\n  color: #63a35c; }\n\n.highlight.stylus .at_rule {\n  color: #a71d5d; }\n\n.highlight.stylus .tag,\n.highlight.stylus .selector-tag {\n  color: #63a35c; }\n\n.highlight.stylus .number,\n.highlight.stylus .hexcolor,\n.highlight.stylus .attribute,\n.highlight.stylus .params {\n  color: #0086b3; }\n\n.highlight.stylus .class,\n.highlight.stylus .id,\n.highlight.stylus .pseudo,\n.highlight.stylus .title,\n.highlight.stylus .selector-id,\n.highlight.stylus .selector-pseudo,\n.highlight.stylus .selector-class {\n  color: #795da3; }\n\n.highlight.go .typename {\n  color: #a71d5d; }\n\n.highlight.go .built_in,\n.highlight.go .constant {\n  color: #0086b3; }\n\n.highlight.swift .preprocessor {\n  color: #a71d5d; }\n\n.highlight.swift .title {\n  color: #795da3; }\n\n.highlight.swift .built_in,\n.highlight.swift .number,\n.highlight.swift .type {\n  color: #0086b3; }\n\n.highlight.yml .line,\n.highlight.yml .attr {\n  color: #63a35c; }\n\n.highlight.yml .line,\n.highlight.yml .string,\n.highlight.yml .type,\n.highlight.yml .literal,\n.highlight.yml .meta {\n  color: #183691; }\n\n.highlight.yml .number {\n  color: #0086b3; }\n\n/* post navigator*/\n.post-nav {\n  overflow: hidden;\n  margin-top: 15px;\n  margin-bottom: 20px;\n  padding: 10px;\n  white-space: nowrap;\n  border-top: 1px solid #eee; }\n  .post-nav a {\n    display: inline-block;\n    line-height: 25px;\n    font-size: 15px;\n    color: #555;\n    border-bottom: none;\n    float: left; }\n    .post-nav a.pre {\n      float: left; }\n      .post-nav a.pre:before {\n        font-family: \"FontAwesome\";\n        content: \"\\f0d9\";\n        padding-right: 0.3em; }\n    .post-nav a.next {\n      float: right; }\n      .post-nav a.next:after {\n        font-family: \"FontAwesome\";\n        content: \"\\f0da\";\n        padding-left: 0.3em; }\n    .post-nav a:hover {\n      border-bottom: none;\n      color: #222; }\n\n/* toc*/\n.toc-article {\n  border: 1px solid #bbb;\n  border-radius: 7px;\n  margin: 1.1em 0 0 2em;\n  padding: 0.7em 0.7em 0 0.7em;\n  max-width: 40%; }\n\n.toc-title {\n  font-size: 120%; }\n\n#toc {\n  line-height: 1em;\n  float: right; }\n  #toc .toc {\n    padding: 0;\n    margin: 0.5em;\n    line-height: 1.8em; }\n    #toc .toc li {\n      list-style-type: none; }\n  #toc .toc-child {\n    margin-left: 1em;\n    padding-left: 0; }\n\n@media print, screen and (max-width: 48em) {\n  .toc-article {\n    margin: 0em;\n    max-width: 100%; }\n  .clear {\n    padding: 2.1em 0em 0em 0em; }\n  #toc {\n    float: none; } }\n\n/* table*/\ntable {\n  margin: auto auto 15px;\n  width: 100%;\n  background: transparent;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-align: left; }\n  table th {\n    font-weight: bold;\n    padding: 5px 10px;\n    border-bottom: 2px solid #909ba2; }\n  table td {\n    padding: 5px 10px; }\n  table tr:nth-child(2n) {\n    background: #f7f8f8; }\n\n/* article-share*/\n.article-share-link {\n  cursor: pointer;\n  float: right;\n  margin-left: 20px; }\n  .article-share-link:before {\n    font-family: \"FontAwesome\";\n    content: \"\\f064\";\n    padding-right: 6px; }\n\n.article-share-box {\n  position: absolute;\n  display: none;\n  background: #fff;\n  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);\n  border-radius: 3px;\n  margin-left: -145px;\n  overflow: hidden;\n  z-index: 1; }\n  .article-share-box.on {\n    display: block; }\n\n.article-share-input {\n  width: 100%;\n  background: none;\n  box-sizing: border-box;\n  font: 14px \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  padding: 0 15px;\n  color: #555;\n  outline: none;\n  border: 1px solid #ddd;\n  border-radius: 3px 3px 0 0;\n  height: 36px;\n  line-height: 36px; }\n\n.article-share-links {\n  clearfix: none;\n  background: #eee; }\n\n.article-share-element, .article-share-twitter, .article-share-facebook, .article-share-weibo, .article-share-qrcode {\n  width: 50px;\n  height: 36px;\n  display: block;\n  float: left;\n  position: relative;\n  color: #999;\n  text-shadow: 0 1px #fff; }\n  .article-share-element:before, .article-share-twitter:before, .article-share-facebook:before, .article-share-weibo:before, .article-share-qrcode:before {\n    font-size: 20px;\n    font-family: \"FontAwesome\";\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    margin-top: -10px;\n    margin-left: -10px;\n    text-align: center; }\n  .article-share-element:hover, .article-share-twitter:hover, .article-share-facebook:hover, .article-share-weibo:hover, .article-share-qrcode:hover {\n    color: #fff; }\n\n.article-share-twitter:before {\n  content: \"\\f099\"; }\n\n.article-share-twitter:hover {\n  background: #00aced; }\n\n.article-share-facebook:before {\n  content: \"\\f09a\"; }\n\n.article-share-facebook:hover {\n  background: #3b5998; }\n\n.article-share-weibo:before {\n  content: \"\\f18a\"; }\n\n.article-share-weibo:hover {\n  background: #d44137; }\n\n.article-share-qrcode:before {\n  content: \"\\f029\"; }\n\n.article-share-qrcode:hover, .article-share-qrcode:active {\n  background: #38ad5a; }\n  .article-share-qrcode:hover ~ .qrcode, .article-share-qrcode:active ~ .qrcode {\n    display: block;\n    text-align: center; }\n\n.qrcode {\n  display: none; }\n\n/* search result*/\nul.search-result-list {\n  padding-left: 10px; }\n\na.search-result-title {\n  font-weight: bold;\n  font-size: 15px;\n  color: #555; }\n\np.search-result {\n  color: #444;\n  text-align: justify; }\n\nem.search-keyword {\n  font-weight: bold;\n  font-style: normal;\n  color: #01579f; }\n\n/* Disqus Button */\n.disqus_click_btn {\n  line-height: 30px;\n  margin: 0;\n  min-width: 50px;\n  padding: 0 14px;\n  display: inline-block;\n  font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 0;\n  overflow: hidden;\n  will-change: box-shadow;\n  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: 0;\n  cursor: pointer;\n  text-decoration: none;\n  text-align: center;\n  vertical-align: middle;\n  border: 0;\n  background: rgba(158, 158, 158, 0.2);\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n  color: #fff;\n  background-color: #999999;\n  text-shadow: 0; }\n","site":{"data":{}},"excerpt":"","more":"/**\n *\n * @package Maupassant\n * @author cho\n * @version 2.0\n * @link http://chopstack.com\n */\n/*\npure css setting\nWhen setting the primary font stack, apply it to the Pure grid units along\nwith `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use\nspecific font stacks to ensure the greatest OS/browser compatibility.\n*/\nhtml,\nbutton,\ninput,\nselect,\ntextarea,\n.MJXc-TeX-unknown-R,\n.pure-g [class*=\"pure-u\"] {\n  /* Set your content font stack here: */\n  font-family: \"PingFangSC-Regular\", Helvetica, \"Helvetica Neue\", \"Segoe UI\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Microsoft YaHei\", \"STHeiti\", \"WenQuanYi Micro Hei\", sans-serif !important; }\n\nbody {\n  background-color: #FFF;\n  color: #444;\n  font-family: \"TIBch\", \"Classic Grotesque W01\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"STHeiti\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", SimSun, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 14px; }\n\n.body_container {\n  padding: 0 60px;\n  max-width: 1150px;\n  margin: 0 auto; }\n\n.content_container {\n  padding-right: 50px;\n  padding-top: 20px; }\n\na,\nbutton.submit {\n  color: #6E7173;\n  text-decoration: none;\n  -webkit-transition: all .1s ease-in;\n  -moz-transition: all .1s ease-in;\n  -o-transition: all .1s ease-in;\n  transition: all .1s ease-in; }\n\na:hover,\na:active {\n  color: #444; }\n\na:focus {\n  outline: auto; }\n\n.clear {\n  clear: both; }\n\ndiv {\n  box-sizing: border-box; }\n\n#header {\n  padding: 58px 0 0;\n  text-align: left;\n  border-bottom: 1px solid #ddd;\n  position: relative; }\n  #header .site-name {\n    margin-bottom: 40px; }\n    #header .site-name h1 {\n      padding: 0;\n      margin: 0;\n      height: 0;\n      overflow: hidden; }\n    #header .site-name #logo {\n      font: bold 38px/1.12 \"Times New Roman\", Georgia, Times, sans-serif;\n      color: #555; }\n      #header .site-name #logo span, #header .site-name #logo:hover {\n        color: #777; }\n    #header .site-name .description {\n      margin: .2em 0 0;\n      color: #999; }\n  #header #nav-menu {\n    margin: 10px 0 -1px;\n    padding: 0;\n    position: absolute;\n    right: 0;\n    bottom: 0; }\n    #header #nav-menu a {\n      display: inline-block;\n      padding: 3px 20px 3px;\n      line-height: 30px;\n      color: #444;\n      font-size: 13px;\n      border: 1px solid transparent; }\n      #header #nav-menu a:hover {\n        border-bottom-color: #444; }\n      #header #nav-menu a.current {\n        border: 1px solid #ddd;\n        border-bottom-color: #fff; }\n\n#sidebar {\n  border-left: 1px solid #ddd;\n  padding-left: 35px;\n  margin-top: 40px;\n  padding-bottom: 20px;\n  word-wrap: break-word; }\n  #sidebar .widget {\n    margin-bottom: 30px; }\n    #sidebar .widget .widget-title {\n      color: #6E7173;\n      line-height: 2.7;\n      margin-top: 0;\n      font-size: 16px;\n      border-bottom: 1px solid #ddd;\n      display: block;\n      font-weight: normal; }\n    #sidebar .widget .comments-title {\n      color: #6E7173;\n      line-height: 2.7;\n      margin-top: 0;\n      font-size: 16px;\n      border-bottom: 0px solid #ddd;\n      display: block;\n      font-weight: normal; }\n    #sidebar .widget .tagcloud {\n      margin-top: 10px; }\n      #sidebar .widget .tagcloud a {\n        line-height: 1.5;\n        padding: 5px; }\n    #sidebar .widget ul {\n      list-style: none;\n      padding: 0; }\n      #sidebar .widget ul li {\n        margin: 5px 0;\n        line-height: 1.5; }\n    #sidebar .widget .category-list-count {\n      padding-left: 5px;\n      color: #6E7173; }\n    #sidebar .widget .category-list-count::before {\n      content: \"(\"; }\n    #sidebar .widget .category-list-count::after {\n      content: \")\"; }\n    #sidebar .widget .search-form {\n      position: relative;\n      overflow: hidden; }\n      #sidebar .widget .search-form input {\n        background: #fff 8px 8px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);\n        padding: 7px 11px 7px 28px;\n        line-height: 16px;\n        border: 1px solid #bbb;\n        width: 65%;\n        -webkit-border-radius: 5px;\n        -moz-border-radius: 5px;\n        -ms-border-radius: 5px;\n        -o-border-radius: 5px;\n        border-radius: 5px;\n        -webkit-box-shadow: none;\n        -moz-box-shadow: none;\n        box-shadow: none; }\n\n/* title for search result or tagged posts*/\n.label-title {\n  margin-top: 1.1em;\n  font-size: 20px;\n  font-weight: normal;\n  color: #888; }\n\n.post {\n  padding: 25px 0 15px; }\n  .post .post-title {\n    margin: 0;\n    color: #555;\n    text-align: left;\n    font: bold 25px/1.1 \"ff-tisa-web-pro\", Cambria, \"Times New Roman\", Georgia, Times, sans-serif; }\n    .post .post-title a {\n      color: #555; }\n  .post .post-meta {\n    padding: 0;\n    margin: 15px 0 0;\n    color: #6E7173;\n    float: left;\n    display: inline;\n    text-indent: .15em; }\n    .post .post-meta:before {\n      font-family: \"FontAwesome\";\n      content: \"\\f073\";\n      padding-right: 0.3em; }\n    .post .post-meta .category:before {\n      font-family: \"FontAwesome\";\n      content: \"\\f07c\";\n      padding-right: 0.3em; }\n    .post .post-meta #busuanzi_value_page_pv:before {\n      font-family: \"FontAwesome\";\n      content: \"\\f024\";\n      padding-right: 0.3em; }\n  .post .ds-thread-count {\n    padding: 0;\n    margin: 15px 0 0;\n    color: #6E7173;\n    float: right;\n    display: inline;\n    text-indent: .15em; }\n    .post .ds-thread-count:before {\n      font-family: \"FontAwesome\";\n      content: \"\\f0e5\";\n      padding-right: 0.3em; }\n    .post .ds-thread-count:hover {\n      color: #444; }\n  .post .disqus-comment-count {\n    padding: 0;\n    margin: 15px 0 0;\n    color: #6E7173;\n    float: right;\n    display: inline;\n    text-indent: .15em; }\n    .post .disqus-comment-count:before {\n      font-family: \"FontAwesome\";\n      content: \"\\f0e5\";\n      padding-right: 0.3em; }\n    .post .disqus-comment-count:hover {\n      color: #444; }\n  .post .post-content {\n    clear: left;\n    font-size: 15px;\n    line-height: 1.77;\n    color: #444;\n    padding-top: 15px;\n    text-align: justify;\n    text-justify: distribute;\n    word-break: normal; }\n    .post .post-content h2 {\n      margin: 1.4em 0 1.1em;\n      border-bottom: 1px solid #eee;\n      overflow: hidden; }\n    .post .post-content h3 {\n      margin: 1.4em 0 1.1em; }\n    .post .post-content pre code {\n      padding: 0 2em; }\n    .post .post-content p {\n      margin: 0 0 1.234em;\n      word-break: break-word;\n      overflow-wrap: break-word; }\n      .post .post-content p code {\n        display: inline-block;\n        margin: 0 5px;\n        padding: 0 5px;\n        background: #f7f8f8;\n        font-family: Menlo, Consolas, monospace !important; }\n      .post .post-content p a {\n        color: #01579f;\n        padding-bottom: 2px;\n        word-break: normal; }\n        .post .post-content p a:hover {\n          text-decoration: underline; }\n    .post .post-content .caption {\n      color: #444;\n      display: block;\n      font-size: 0.9em;\n      margin-top: 0.1em;\n      position: relative;\n      text-align: center; }\n    .post .post-content hr {\n      margin: 2.4em auto;\n      border: none;\n      border-top: 1px solid #eee;\n      position: relative; }\n    .post .post-content img {\n      max-width: 100%;\n      padding: 0.5em 0;\n      margin: auto;\n      display: block; }\n    .post .post-content ul,\n    .post .post-content ol {\n      border-radius: 3px;\n      margin: 1em 0; }\n      .post .post-content ul ul,\n      .post .post-content ol ul {\n        margin: 0; }\n      .post .post-content ul code,\n      .post .post-content ol code {\n        display: inline-block;\n        margin: 0 5px;\n        padding: 0px 5px;\n        background: #f7f8f8;\n        font-family: Menlo, Consolas, monospace !important; }\n      .post .post-content ul a,\n      .post .post-content ol a {\n        color: #01579f;\n        padding-bottom: 2px;\n        word-break: normal; }\n        .post .post-content ul a:hover,\n        .post .post-content ol a:hover {\n          text-decoration: underline; }\n    .post .post-content .tagcloud {\n      margin: 0 0 30px 0; }\n      .post .post-content .tagcloud a {\n        padding: 0px 5px;\n        margin: 3px;\n        display: inline-block;\n        border: 1px solid #808080;\n        border-radius: 999em;\n        color: #aaa; }\n        .post .post-content .tagcloud a:hover {\n          color: #fff;\n          border: 1px solid #808080;\n          background: #808080; }\n    .post .post-content .one-tag-list {\n      margin: 30px 0; }\n      .post .post-content .one-tag-list .tag-name .tag-text {\n        margin-left: 5px;\n        font-size: 16px;\n        font-weight: bold; }\n  .post .tags a {\n    margin-right: .5em; }\n    .post .tags a i {\n      padding-right: 0.3em; }\n\n.page-navigator {\n  border-top: 1px solid #ddd;\n  list-style: none;\n  margin-top: 25px;\n  padding: 25px 0 0;\n  font-size: 14px;\n  text-align: center; }\n  .page-navigator .page-number {\n    display: inline-block;\n    margin: 0 5px 5px 0; }\n  .page-navigator a,\n  .page-navigator span {\n    display: inline-block;\n    height: 25px;\n    line-height: 25px;\n    padding: 5px 9px;\n    border: 1px solid #DDD;\n    text-align: center; }\n    .page-navigator a:hover,\n    .page-navigator span:hover {\n      background: #F8F8F8;\n      border-bottom-color: #D26911; }\n    .page-navigator a.prev,\n    .page-navigator span.prev {\n      float: left; }\n      .page-navigator a.prev:before,\n      .page-navigator span.prev:before {\n        font-family: \"FontAwesome\";\n        content: \"\\f100\";\n        padding-right: 0.3em; }\n    .page-navigator a.next,\n    .page-navigator span.next {\n      float: right; }\n      .page-navigator a.next:after,\n      .page-navigator span.next:after {\n        font-family: \"FontAwesome\";\n        content: \"\\f101\";\n        padding-left: 0.3em; }\n  .page-navigator .current {\n    background: #F8F8F8;\n    border-bottom-color: #D26911; }\n  .page-navigator .space {\n    border: none;\n    padding: 5px 5px; }\n\n#footer {\n  padding: .8em 0 3.6em;\n  margin-top: 1em;\n  line-height: 2.5;\n  color: #6E7173;\n  text-align: center; }\n  #footer span {\n    font-size: .9em; }\n\n/* for archive page starts*/\n.post-archive {\n  font-size: 15px;\n  line-height: 2;\n  padding-bottom: .8em; }\n  .post-archive h2 {\n    margin: 0;\n    font: bold 25px / 1.1 \"ff-tisa-web-pro\", Cambria, \"Times New Roman\", Georgia, Times, sans-serif; }\n  .post-archive .date {\n    padding-right: .7em; }\n\n/* for archive page ends*/\n/* middle*/\n@media print, screen and (max-width: 48em) {\n  .body_container {\n    padding: 0 30px; }\n  .content_container {\n    padding-right: 15px; }\n  .hidden_mid_and_down {\n    display: none !important; }\n  #sidebar {\n    border-left-width: 0px; }\n  #header .site-name {\n    margin-bottom: 20px;\n    text-align: center; }\n  #header #nav-menu {\n    position: relative;\n    text-align: center; }\n    #header #nav-menu a {\n      padding: 0 15px;\n      line-height: 27px;\n      height: 27px;\n      font-size: 13px; } }\n\n/* small*/\n@media print, screen and (max-width: 35.5em) {\n  .body_container {\n    padding: 0 20px; }\n  .content_container {\n    padding-right: 0; } }\n\nblockquote,\n.stressed {\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  margin: 2.5em 0;\n  padding: 0 0 0 50px;\n  color: #555;\n  border-left: none; }\n\nblockquote::before,\n.stressed-quote::before {\n  content: \"\\201C\";\n  display: block;\n  font-family: times;\n  font-style: normal;\n  font-size: 48px;\n  color: #444;\n  font-weight: bold;\n  line-height: 30px;\n  margin-left: -50px;\n  position: absolute; }\n\nstrong,\nb,\nem {\n  font-weight: bold; }\n\npre {\n  margin: 2em 0; }\n\n.hidden1 {\n  display: none; }\n\n/* back-to-top rocket*/\n@media print, screen and (min-width: 48em) {\n  #rocket {\n    position: fixed;\n    right: 50px;\n    bottom: 50px;\n    display: block;\n    visibility: hidden;\n    width: 26px;\n    height: 48px;\n    background: url(\"data:image/png;base64,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\") no-repeat 50% 0;\n    opacity: 0;\n    -webkit-transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);\n    -moz-transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);\n    transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335); }\n    #rocket i {\n      display: block;\n      margin-top: 48px;\n      height: 14px;\n      background: url(\"data:image/png;base64,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\") no-repeat 50% -48px;\n      opacity: .5;\n      -webkit-transition: -webkit-transform .2s;\n      -moz-transition: -moz-transform .2s;\n      transition: transform .2s;\n      -webkit-transform-origin: 50% 0;\n      -moz-transform-origin: 50% 0;\n      transform-origin: 50% 0; }\n  #rocket:hover {\n    background-position: 50% -62px; }\n    #rocket:hover i {\n      background-position: 50% 100%;\n      -webkit-animation: flaming .7s infinite;\n      -moz-animation: flaming .7s infinite;\n      animation: flaming .7s infinite; }\n  #rocket.show {\n    visibility: visible;\n    opacity: 1; }\n  #rocket.launch {\n    background-position: 50% -62px;\n    opacity: 0;\n    -webkit-transform: translateY(-500px);\n    -moz-transform: translateY(-500px);\n    -ms-transform: translateY(-500px);\n    transform: translateY(-500px);\n    pointer-events: none; }\n    #rocket.launch i {\n      background-position: 50% 100%;\n      -webkit-transform: scale(1.4, 3.2);\n      -moz-transform: scale(1.4, 3.2);\n      transform: scale(1.4, 3.2); } }\n\n/* *******************************************************\n* Process timelime, (homepage)\n******************************************************* */\n#process {\n  padding: 80px 0;\n  background-color: #fff; }\n\n#process .col-md-2 i {\n  font-size: 50px;\n  position: relative;\n  top: 10px; }\n\n#process .timeline-centered {\n  position: relative;\n  margin-bottom: 30px; }\n\n#process .timeline-centered::before,\n#process .timeline-centered::after,\n#process .timeline-centered::before,\n#process .timeline-centered::after {\n  content: \" \";\n  display: table; }\n\n#process .timeline-centered::after {\n  clear: both; }\n\n#process .timeline-centered::before {\n  content: '';\n  position: absolute;\n  display: block;\n  width: 4px;\n  background: #f5f5f6;\n  /*left: 50%;*/\n  top: 50px;\n  bottom: 50px;\n  margin-left: 10px; }\n\n#process .timeline-centered .timeline-entry {\n  position: relative;\n  /*width: 50%;\n    float: right;*/\n  margin-top: 5px;\n  margin-left: 20px;\n  margin-bottom: 10px;\n  clear: both; }\n\n#process .timeline-centered .timeline-entry::before,\n#process .timeline-centered .timeline-entry::after {\n  content: \" \";\n  display: table; }\n\n#process .timeline-centered .timeline-entry::after {\n  clear: both; }\n\n#process .timeline-centered .timeline-entry.begin {\n  margin-bottom: 0; }\n\n#process .timeline-centered .timeline-entry.left-aligned {\n  float: left; }\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {\n  margin-left: 0;\n  margin-right: -18px; }\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {\n  left: auto;\n  right: -100px;\n  text-align: left; }\n\n#process span.number {\n  font-family: 'Georgia', serif, Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n  font-style: italic;\n  font-size: 20px;\n  line-height: 0;\n  color: #E7E7E5;\n  position: relative;\n  top: -4px; }\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {\n  float: right; }\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {\n  margin-left: 0;\n  margin-right: 70px; }\n\n#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label::after {\n  left: auto;\n  right: 0;\n  margin-left: 0;\n  margin-right: -9px;\n  -moz-transform: rotate(180deg);\n  -o-transform: rotate(180deg);\n  -webkit-transform: rotate(180deg);\n  -ms-transform: rotate(180deg);\n  transform: rotate(180deg); }\n\n.timeline-label p {\n  font-family: Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n  margin-bottom: 3px; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner {\n  position: relative;\n  margin-left: -20px; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner::before,\n#process .timeline-centered .timeline-entry .timeline-entry-inner::after {\n  content: \" \";\n  display: table; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner::after {\n  clear: both; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {\n  position: absolute;\n  left: -100px;\n  text-align: right;\n  padding: 10px;\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {\n  display: block; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {\n  font-size: 15px;\n  font-weight: bold; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {\n  font-size: 12px; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {\n  background: #fff;\n  color: #737881;\n  display: block;\n  width: 40px;\n  height: 40px;\n  -webkit-background-clip: padding-box;\n  -moz-background-clip: padding;\n  background-clip: padding-box;\n  -webkit-border-radius: 20px;\n  -moz-border-radius: 20px;\n  border-radius: 20px;\n  text-align: center;\n  border: 4px solid #F5F5F6;\n  line-height: 40px;\n  font-size: 15px;\n  float: left;\n  position: absolute;\n  top: 50%;\n  margin-top: -20px;\n  margin-left: -9px; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {\n  background-color: #303641;\n  color: #fff; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n  position: relative;\n  background: #eee;\n  padding: 30px;\n  margin-left: 60px;\n  -webkit-background-clip: padding-box;\n  -moz-background-clip: padding;\n  background-clip: padding-box;\n  -webkit-border-radius: 3px;\n  -moz-border-radius: 3px;\n  border-radius: 3px; }\n\n#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 9px 9px 9px 0;\n  border-color: transparent #eee transparent transparent;\n  left: 0;\n  top: 50%;\n  margin-top: -9px;\n  margin-left: -9px; }\n\n#process .line {\n  position: absolute;\n  display: block;\n  width: 4px;\n  background: #eee;\n  top: -3%;\n  right: -30px;\n  bottom: -3%; }\n\n#process .present,\n#process .born {\n  font-size: 14px;\n  font-family: 'Georgia', serif, Helvetica, \"Helvetica Neue\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n  font-style: italic;\n  color: #333;\n  padding: 10px;\n  background-color: #eee;\n  -webkit-border-radius: 3px;\n  -moz-border-radius: 3px;\n  border-radius: 3px; }\n\n#process .present::after,\n#process .born::after {\n  left: 100%;\n  top: 50%;\n  border: solid transparent;\n  content: \" \";\n  height: 0;\n  width: 0;\n  position: absolute;\n  border-color: rgba(136, 183, 213, 0);\n  border-left-color: #eee;\n  border-width: 10px;\n  margin-top: -10px; }\n\n#process .present {\n  position: absolute;\n  top: -3%;\n  right: 0;\n  margin-top: -20px;\n  line-height: 100%; }\n\n#process .born {\n  position: absolute;\n  bottom: -3%;\n  right: 0;\n  margin-bottom: -20px;\n  line-height: 100%; }\n\n#process .dot_tp {\n  position: absolute;\n  top: -3%;\n  right: -35px;\n  background-color: transparent;\n  height: 15px;\n  width: 15px;\n  margin-top: 0px;\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n  border-radius: 50%;\n  border: 3px solid #eee; }\n\n#process .dot_bt {\n  position: absolute;\n  bottom: -3%;\n  right: -35px;\n  background-color: transparent;\n  height: 15px;\n  width: 15px;\n  margin-bottom: -13px;\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n  border-radius: 50%;\n  border: 3px solid #eee; }\n\n@media (max-width: 768px) {\n  #process .line {\n    right: 10px; }\n  #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {\n    margin-right: 30px;\n    margin-left: 45px;\n    padding: 20px; }\n  #process .timeline-centered .timeline-entry {\n    margin-right: 20px; }\n  #process .dot_tp,\n  #process .dot_bt {\n    right: 5px; }\n  #process .present,\n  #process .born {\n    right: 35px; } }\n\n/* read more*/\n.readmore a {\n  font-size: 14px;\n  color: #444;\n  margin: -10px 0;\n  padding: 5px 10px;\n  border: 1px solid #ddd;\n  border-radius: 5px;\n  float: right; }\n  .readmore a:after {\n    font-family: \"FontAwesome\";\n    content: \"\\f101\";\n    padding-left: 0.3em; }\n  .readmore a:hover {\n    background: #F8F8F8;\n    border-bottom-color: #D26911; }\n\n/* syntax highlight*/\nfigure.highlight,\n.codeblock {\n  background: #f7f8f8;\n  margin: 10px 0;\n  line-height: 1.1em;\n  color: #333;\n  padding-top: 15px;\n  overflow: hidden; }\n  figure.highlight table,\n  .codeblock table {\n    display: block;\n    width: 100%; }\n  figure.highlight pre,\n  figure.highlight .gutter,\n  figure.highlight .code,\n  figure.highlight .tag,\n  .codeblock pre,\n  .codeblock .gutter,\n  .codeblock .code,\n  .codeblock .tag {\n    background-color: inherit;\n    font-family: Menlo, Consolas, monospace;\n    border: none;\n    padding: 0;\n    margin: 0;\n    cursor: text; }\n  figure.highlight .gutter,\n  figure.highlight .code,\n  .codeblock .gutter,\n  .codeblock .code {\n    vertical-align: top; }\n  figure.highlight.plain .gutter,\n  .codeblock.plain .gutter {\n    display: none; }\n  figure.highlight figcaption,\n  .codeblock figcaption {\n    font-size: 13px;\n    padding: 0 15px 20px;\n    margin: 0;\n    background: #f7f8f8;\n    color: #999999; }\n    figure.highlight figcaption a,\n    .codeblock figcaption a {\n      float: right;\n      color: #01579f; }\n  figure.highlight .gutter,\n  .codeblock .gutter {\n    background: #f7f8f8;\n    border-right: 1px solid #e6e6e6;\n    padding: 0.3em 15px;\n    user-select: none; }\n  figure.highlight .code,\n  .codeblock .code {\n    padding: 0.3em 15px 0.3em 1em;\n    width: 100%; }\n    figure.highlight .code pre,\n    .codeblock .code pre {\n      max-width: 700px;\n      overflow-x: auto;\n      overflow-y: hidden; }\n  figure.highlight .line,\n  .codeblock .line {\n    height: 1.3em;\n    font-size: 13px; }\n\n.gist .line,\n.gist .line-number {\n  font-family: Menlo, Consolas, monospace;\n  font-size: 1em;\n  margin: 0 0 5px 0;\n  user-select: none; }\n\n.highlight .comment {\n  color: #969896; }\n\n.highlight .string {\n  color: #183691; }\n\n.highlight .keyword {\n  color: #a71d5d; }\n\n.highlight.apacheconf .code .common,\n.highlight.apacheconf .code .nomarkup,\n.highlight.apacheconf .code .attribute,\n.highlight.apacheconf .code .variable,\n.highlight.apacheconf .code .cbracket,\n.highlight.apacheconf .code .keyword {\n  color: #0086b3; }\n\n.highlight.apacheconf .code .sqbracket {\n  color: #df5000; }\n\n.highlight.apacheconf .code .section,\n.highlight.apacheconf .code .tag {\n  color: #63a35c; }\n\n.highlight.bash .code .shebang {\n  color: #969896; }\n\n.highlight.bash .code .literal,\n.highlight.bash .code .built_in {\n  color: #0086b3; }\n\n.highlight.bash .code .variable {\n  color: #333; }\n\n.highlight.bash .code .title {\n  color: #795da3; }\n\n.highlight.coffeescript .code .title {\n  color: #795da3; }\n\n.highlight.coffeescript .code .literal,\n.highlight.coffeescript .code .built_in,\n.highlight.coffeescript .code .number {\n  color: #0086b3; }\n\n.highlight.coffeescript .code .reserved,\n.highlight.coffeescript .code .attribute {\n  color: #1d3e81; }\n\n.highlight.coffeescript .code .subst,\n.highlight.coffeescript .code .regexp,\n.highlight.coffeescript .code .attribute {\n  color: #df5000; }\n\n.highlight.cpp .code .preprocessor,\n.highlight.c .code .preprocessor {\n  color: #df5000; }\n\n.highlight.cpp .code .meta-keyword,\n.highlight.c .code .meta-keyword {\n  color: #a71d5d; }\n\n.highlight.cpp .code .title,\n.highlight.c .code .title {\n  color: #795da3; }\n\n.highlight.cpp .code .number,\n.highlight.cpp .code .built_in,\n.highlight.c .code .number,\n.highlight.c .code .built_in {\n  color: #0086b3; }\n\n.highlight.clj .code .builtin-name {\n  color: #df5000; }\n\n.highlight.clj .code .name {\n  color: #795da3; }\n\n.highlight.clj .code .number {\n  color: #0086b3; }\n\n.highlight.cs .code .preprocessor,\n.highlight.cs .code .preprocessor .keyword {\n  color: #333; }\n\n.highlight.cs .code .title {\n  color: #795da3; }\n\n.highlight.cs .code .number,\n.highlight.cs .code .built_in {\n  color: #0086b3; }\n\n.highlight.cs .code .xmlDocTag,\n.highlight.cs .code .doctag {\n  color: #63a35c; }\n\n.highlight.css .code .at_rule,\n.highlight.css .code .important,\n.highlight.css .code .meta {\n  color: #a71d5d; }\n\n.highlight.css .code .attribute,\n.highlight.css .code .hexcolor,\n.highlight.css .code .number,\n.highlight.css .code .function {\n  color: #0086b3; }\n\n.highlight.css .code .attr_selector,\n.highlight.css .code .value {\n  color: #333; }\n\n.highlight.css .code .id,\n.highlight.css .code .class,\n.highlight.css .code .pseudo,\n.highlight.css .code .selector-pseudo {\n  color: #795da3; }\n\n.highlight.css .code .tag,\n.highlight.css .code .selector-tag {\n  color: #63a35c; }\n\n.highlight.diff .code .chunk,\n.highlight.diff .code .meta {\n  color: #795da3;\n  font-weight: bold; }\n\n.highlight.diff .code .addition {\n  color: #55a532;\n  background-color: #eaffea; }\n\n.highlight.diff .code .deletion {\n  color: #bd2c00;\n  background-color: #ffecec; }\n\n.highlight.http .code .attribute,\n.highlight.http .code .attr {\n  color: #183691; }\n\n.highlight.http .code .literal {\n  color: #0086b3; }\n\n.highlight.http .code .request {\n  color: #a71d5d; }\n\n.highlight.ini .code .title,\n.highlight.ini .code .section {\n  color: #795da3; }\n\n.highlight.ini .code .setting,\n.highlight.ini .code .attr {\n  color: #a71d5d; }\n\n.highlight.ini .code .value,\n.highlight.ini .code .keyword {\n  color: #333; }\n\n.highlight.java .code .title {\n  color: #795da3; }\n\n.highlight.java .code .javadoc {\n  color: #969896; }\n\n.highlight.java .code .meta,\n.highlight.java .code .annotation,\n.highlight.java .code .javadoctag {\n  color: #a71d5d; }\n\n.highlight.java .code .number {\n  color: #0086b3; }\n\n.highlight.java .code .params {\n  color: #1d3e81; }\n\n.highlight.js .code .built_in,\n.highlight.js .code .title {\n  color: #795da3; }\n\n.highlight.js .code .javadoc {\n  color: #969896; }\n\n.highlight.js .code .tag,\n.highlight.js .code .javadoctag {\n  color: #a71d5d; }\n\n.highlight.js .code .tag .title {\n  color: #333; }\n\n.highlight.js .code .regexp {\n  color: #df5000; }\n\n.highlight.js .code .literal,\n.highlight.js .code .number {\n  color: #0086b3; }\n\n.highlight.json .code .attribute {\n  color: #183691; }\n\n.highlight.json .code .number,\n.highlight.json .code .literal {\n  color: #0086b3; }\n\n.highlight.mak .code .constant {\n  color: #333; }\n\n.highlight.mak .code .title {\n  color: #795da3; }\n\n.highlight.mak .code .keyword,\n.highlight.mak .code .meta-keyword {\n  color: #0086b3; }\n\n.highlight.md .code .value,\n.highlight.md .code .link_label,\n.highlight.md .code .strong,\n.highlight.md .code .emphasis,\n.highlight.md .code .blockquote,\n.highlight.md .code .quote,\n.highlight.md .code .section {\n  color: #183691; }\n\n.highlight.md .code .link_reference,\n.highlight.md .code .symbol,\n.highlight.md .code .code {\n  color: #0086b3; }\n\n.highlight.md .code .link_url,\n.highlight.md .code .link {\n  text-decoration: underline; }\n\n.highlight.nginx .code .title,\n.highlight.nginx .code .attribute {\n  color: #a71d5d; }\n\n.highlight.nginx .code .built_in,\n.highlight.nginx .code .literal {\n  color: #0086b3; }\n\n.highlight.nginx .code .regexp {\n  color: #183691; }\n\n.highlight.nginx .code .variable {\n  color: #333; }\n\n.highlight.objectivec .code .preprocessor,\n.highlight.objectivec .code .meta {\n  color: #a71d5d; }\n  .highlight.objectivec .code .preprocessor .title,\n  .highlight.objectivec .code .meta .title {\n    color: #df5000; }\n\n.highlight.objectivec .code .meta-string {\n  color: #183691; }\n\n.highlight.objectivec .code .title {\n  color: #795da3; }\n\n.highlight.objectivec .code .literal,\n.highlight.objectivec .code .number,\n.highlight.objectivec .code .built_in {\n  color: #0086b3; }\n\n.highlight.perl .code .sub {\n  color: #795da3; }\n\n.highlight.perl .code .title {\n  color: #795da3; }\n\n.highlight.perl .code .regexp {\n  color: #df5000; }\n\n.highlight.php .code .phpdoc,\n.highlight.php .code .doctag {\n  color: #a71d5d; }\n\n.highlight.php .code .regexp {\n  color: #df5000; }\n\n.highlight.php .code .literal,\n.highlight.php .code .number {\n  color: #0086b3; }\n\n.highlight.php .code .title {\n  color: #795da3; }\n\n.highlight.python .code .decorator,\n.highlight.python .code .title,\n.highlight.python .code .meta {\n  color: #795da3; }\n\n.highlight.python .code .number {\n  color: #0086b3; }\n\n.highlight.ruby .code .parent,\n.highlight.ruby .code .title {\n  color: #795da3; }\n\n.highlight.ruby .code .prompt,\n.highlight.ruby .code .constant,\n.highlight.ruby .code .number,\n.highlight.ruby .code .subst .keyword,\n.highlight.ruby .code .symbol {\n  color: #0086b3; }\n\n.highlight.sql .built_in {\n  color: #a71d5d; }\n\n.highlight.sql .number {\n  color: #0086b3; }\n\n.highlight.xml .tag, .highlight.html .tag {\n  color: #333; }\n\n.highlight.xml .value, .highlight.html .value {\n  color: #183691; }\n\n.highlight.xml .attribute,\n.highlight.xml .attr, .highlight.html .attribute,\n.highlight.html .attr {\n  color: #795da3; }\n\n.highlight.xml .title,\n.highlight.xml .name, .highlight.html .title,\n.highlight.html .name {\n  color: #63a35c; }\n\n.highlight.puppet .title {\n  color: #795da3; }\n\n.highlight.puppet .function {\n  color: #0086b3; }\n\n.highlight.puppet .name {\n  color: #a71d5d; }\n\n.highlight.puppet .attr {\n  color: #0086b3; }\n\n.highlight.less .tag,\n.highlight.less .at_rule {\n  color: #a71d5d; }\n\n.highlight.less .number,\n.highlight.less .hexcolor,\n.highlight.less .function,\n.highlight.less .attribute {\n  color: #0086b3; }\n\n.highlight.less .built_in {\n  color: #df5000; }\n\n.highlight.less .id,\n.highlight.less .pseudo,\n.highlight.less .class,\n.highlight.less .selector-id,\n.highlight.less .selector-class,\n.highlight.less .selector-tag {\n  color: #795da3; }\n\n.highlight.lisp .code .name {\n  color: #df5000; }\n\n.highlight.lisp .code .number {\n  color: #0086b3; }\n\n.highlight.scss .tag,\n.highlight.scss .at_rule,\n.highlight.scss .important {\n  color: #a71d5d; }\n\n.highlight.scss .number,\n.highlight.scss .hexcolor,\n.highlight.scss .function,\n.highlight.scss .attribute {\n  color: #0086b3; }\n\n.highlight.scss .variable {\n  color: #333; }\n\n.highlight.scss .built_in {\n  color: #df5000; }\n\n.highlight.scss .id,\n.highlight.scss .pseudo,\n.highlight.scss .class,\n.highlight.scss .preprocessor,\n.highlight.scss .selector-class,\n.highlight.scss .selector-id {\n  color: #795da3; }\n\n.highlight.scss .tag,\n.highlight.scss .selector-tag {\n  color: #63a35c; }\n\n.highlight.stylus .at_rule {\n  color: #a71d5d; }\n\n.highlight.stylus .tag,\n.highlight.stylus .selector-tag {\n  color: #63a35c; }\n\n.highlight.stylus .number,\n.highlight.stylus .hexcolor,\n.highlight.stylus .attribute,\n.highlight.stylus .params {\n  color: #0086b3; }\n\n.highlight.stylus .class,\n.highlight.stylus .id,\n.highlight.stylus .pseudo,\n.highlight.stylus .title,\n.highlight.stylus .selector-id,\n.highlight.stylus .selector-pseudo,\n.highlight.stylus .selector-class {\n  color: #795da3; }\n\n.highlight.go .typename {\n  color: #a71d5d; }\n\n.highlight.go .built_in,\n.highlight.go .constant {\n  color: #0086b3; }\n\n.highlight.swift .preprocessor {\n  color: #a71d5d; }\n\n.highlight.swift .title {\n  color: #795da3; }\n\n.highlight.swift .built_in,\n.highlight.swift .number,\n.highlight.swift .type {\n  color: #0086b3; }\n\n.highlight.yml .line,\n.highlight.yml .attr {\n  color: #63a35c; }\n\n.highlight.yml .line,\n.highlight.yml .string,\n.highlight.yml .type,\n.highlight.yml .literal,\n.highlight.yml .meta {\n  color: #183691; }\n\n.highlight.yml .number {\n  color: #0086b3; }\n\n/* post navigator*/\n.post-nav {\n  overflow: hidden;\n  margin-top: 15px;\n  margin-bottom: 20px;\n  padding: 10px;\n  white-space: nowrap;\n  border-top: 1px solid #eee; }\n  .post-nav a {\n    display: inline-block;\n    line-height: 25px;\n    font-size: 15px;\n    color: #555;\n    border-bottom: none;\n    float: left; }\n    .post-nav a.pre {\n      float: left; }\n      .post-nav a.pre:before {\n        font-family: \"FontAwesome\";\n        content: \"\\f0d9\";\n        padding-right: 0.3em; }\n    .post-nav a.next {\n      float: right; }\n      .post-nav a.next:after {\n        font-family: \"FontAwesome\";\n        content: \"\\f0da\";\n        padding-left: 0.3em; }\n    .post-nav a:hover {\n      border-bottom: none;\n      color: #222; }\n\n/* toc*/\n.toc-article {\n  border: 1px solid #bbb;\n  border-radius: 7px;\n  margin: 1.1em 0 0 2em;\n  padding: 0.7em 0.7em 0 0.7em;\n  max-width: 40%; }\n\n.toc-title {\n  font-size: 120%; }\n\n#toc {\n  line-height: 1em;\n  float: right; }\n  #toc .toc {\n    padding: 0;\n    margin: 0.5em;\n    line-height: 1.8em; }\n    #toc .toc li {\n      list-style-type: none; }\n  #toc .toc-child {\n    margin-left: 1em;\n    padding-left: 0; }\n\n@media print, screen and (max-width: 48em) {\n  .toc-article {\n    margin: 0em;\n    max-width: 100%; }\n  .clear {\n    padding: 2.1em 0em 0em 0em; }\n  #toc {\n    float: none; } }\n\n/* table*/\ntable {\n  margin: auto auto 15px;\n  width: 100%;\n  background: transparent;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-align: left; }\n  table th {\n    font-weight: bold;\n    padding: 5px 10px;\n    border-bottom: 2px solid #909ba2; }\n  table td {\n    padding: 5px 10px; }\n  table tr:nth-child(2n) {\n    background: #f7f8f8; }\n\n/* article-share*/\n.article-share-link {\n  cursor: pointer;\n  float: right;\n  margin-left: 20px; }\n  .article-share-link:before {\n    font-family: \"FontAwesome\";\n    content: \"\\f064\";\n    padding-right: 6px; }\n\n.article-share-box {\n  position: absolute;\n  display: none;\n  background: #fff;\n  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);\n  border-radius: 3px;\n  margin-left: -145px;\n  overflow: hidden;\n  z-index: 1; }\n  .article-share-box.on {\n    display: block; }\n\n.article-share-input {\n  width: 100%;\n  background: none;\n  box-sizing: border-box;\n  font: 14px \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  padding: 0 15px;\n  color: #555;\n  outline: none;\n  border: 1px solid #ddd;\n  border-radius: 3px 3px 0 0;\n  height: 36px;\n  line-height: 36px; }\n\n.article-share-links {\n  clearfix: none;\n  background: #eee; }\n\n.article-share-element, .article-share-twitter, .article-share-facebook, .article-share-weibo, .article-share-qrcode {\n  width: 50px;\n  height: 36px;\n  display: block;\n  float: left;\n  position: relative;\n  color: #999;\n  text-shadow: 0 1px #fff; }\n  .article-share-element:before, .article-share-twitter:before, .article-share-facebook:before, .article-share-weibo:before, .article-share-qrcode:before {\n    font-size: 20px;\n    font-family: \"FontAwesome\";\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    margin-top: -10px;\n    margin-left: -10px;\n    text-align: center; }\n  .article-share-element:hover, .article-share-twitter:hover, .article-share-facebook:hover, .article-share-weibo:hover, .article-share-qrcode:hover {\n    color: #fff; }\n\n.article-share-twitter:before {\n  content: \"\\f099\"; }\n\n.article-share-twitter:hover {\n  background: #00aced; }\n\n.article-share-facebook:before {\n  content: \"\\f09a\"; }\n\n.article-share-facebook:hover {\n  background: #3b5998; }\n\n.article-share-weibo:before {\n  content: \"\\f18a\"; }\n\n.article-share-weibo:hover {\n  background: #d44137; }\n\n.article-share-qrcode:before {\n  content: \"\\f029\"; }\n\n.article-share-qrcode:hover, .article-share-qrcode:active {\n  background: #38ad5a; }\n  .article-share-qrcode:hover ~ .qrcode, .article-share-qrcode:active ~ .qrcode {\n    display: block;\n    text-align: center; }\n\n.qrcode {\n  display: none; }\n\n/* search result*/\nul.search-result-list {\n  padding-left: 10px; }\n\na.search-result-title {\n  font-weight: bold;\n  font-size: 15px;\n  color: #555; }\n\np.search-result {\n  color: #444;\n  text-align: justify; }\n\nem.search-keyword {\n  font-weight: bold;\n  font-style: normal;\n  color: #01579f; }\n\n/* Disqus Button */\n.disqus_click_btn {\n  line-height: 30px;\n  margin: 0;\n  min-width: 50px;\n  padding: 0 14px;\n  display: inline-block;\n  font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 0;\n  overflow: hidden;\n  will-change: box-shadow;\n  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: 0;\n  cursor: pointer;\n  text-decoration: none;\n  text-align: center;\n  vertical-align: middle;\n  border: 0;\n  background: rgba(158, 158, 158, 0.2);\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n  color: #fff;\n  background-color: #999999;\n  text-shadow: 0; }\n"},{"_content":"+function($) {\n    'use strict';\n\n    // Resize code blocks to fit the screen width\n\n    var CodeBlockResizer = function(elem) {\n        this.$codeBlocks = $(elem);\n    };\n\n    CodeBlockResizer.prototype = {\n        /**\n         * Run main feature\n         */\n        run: function() {\n            var self = this;\n            // resize all codeblocks\n            self.resize();\n            // resize codeblocks when window is resized\n            $(window).smartresize(function() {\n                self.resize();\n            });\n        },\n\n        /**\n         * Resize codeblocks\n         */\n        resize: function() {\n            var self = this;\n            self.$codeBlocks.each(function() {\n                var $gutter = $(this).find('.gutter');\n                var $code = $(this).find('.code');\n                // get padding of code div\n                var codePaddings = $code.width() - $code.innerWidth();\n                // code block div width with padding - gutter div with padding + code div padding\n                var width = $(this).outerWidth() - $gutter.outerWidth() + codePaddings;\n                // apply new width\n                $code.css('width', width);\n                $code.children('pre').css('width', width);\n            });\n        }\n    };\n\n    $(document).ready(function() {\n        // register jQuery function to check if an element has an horizontal scroll bar\n        $.fn.hasHorizontalScrollBar = function() {\n            return this.get(0).scrollWidth > this.innerWidth();\n        };\n        var resizer = new CodeBlockResizer('figure.highlight');\n        resizer.run();\n    });\n}(jQuery);\n","source":"js/codeblock-resizer.js","raw":"+function($) {\n    'use strict';\n\n    // Resize code blocks to fit the screen width\n\n    var CodeBlockResizer = function(elem) {\n        this.$codeBlocks = $(elem);\n    };\n\n    CodeBlockResizer.prototype = {\n        /**\n         * Run main feature\n         */\n        run: function() {\n            var self = this;\n            // resize all codeblocks\n            self.resize();\n            // resize codeblocks when window is resized\n            $(window).smartresize(function() {\n                self.resize();\n            });\n        },\n\n        /**\n         * Resize codeblocks\n         */\n        resize: function() {\n            var self = this;\n            self.$codeBlocks.each(function() {\n                var $gutter = $(this).find('.gutter');\n                var $code = $(this).find('.code');\n                // get padding of code div\n                var codePaddings = $code.width() - $code.innerWidth();\n                // code block div width with padding - gutter div with padding + code div padding\n                var width = $(this).outerWidth() - $gutter.outerWidth() + codePaddings;\n                // apply new width\n                $code.css('width', width);\n                $code.children('pre').css('width', width);\n            });\n        }\n    };\n\n    $(document).ready(function() {\n        // register jQuery function to check if an element has an horizontal scroll bar\n        $.fn.hasHorizontalScrollBar = function() {\n            return this.get(0).scrollWidth > this.innerWidth();\n        };\n        var resizer = new CodeBlockResizer('figure.highlight');\n        resizer.run();\n    });\n}(jQuery);\n","date":"2020-06-04T20:25:31.250Z","updated":"2020-06-04T20:25:31.250Z","path":"js/codeblock-resizer.js","layout":"false","title":"","comments":1,"_id":"ckb18hs9f0007j9ph853g9jpg","content":"+function($) {\n    'use strict';\n\n    // Resize code blocks to fit the screen width\n\n    var CodeBlockResizer = function(elem) {\n        this.$codeBlocks = $(elem);\n    };\n\n    CodeBlockResizer.prototype = {\n        /**\n         * Run main feature\n         */\n        run: function() {\n            var self = this;\n            // resize all codeblocks\n            self.resize();\n            // resize codeblocks when window is resized\n            $(window).smartresize(function() {\n                self.resize();\n            });\n        },\n\n        /**\n         * Resize codeblocks\n         */\n        resize: function() {\n            var self = this;\n            self.$codeBlocks.each(function() {\n                var $gutter = $(this).find('.gutter');\n                var $code = $(this).find('.code');\n                // get padding of code div\n                var codePaddings = $code.width() - $code.innerWidth();\n                // code block div width with padding - gutter div with padding + code div padding\n                var width = $(this).outerWidth() - $gutter.outerWidth() + codePaddings;\n                // apply new width\n                $code.css('width', width);\n                $code.children('pre').css('width', width);\n            });\n        }\n    };\n\n    $(document).ready(function() {\n        // register jQuery function to check if an element has an horizontal scroll bar\n        $.fn.hasHorizontalScrollBar = function() {\n            return this.get(0).scrollWidth > this.innerWidth();\n        };\n        var resizer = new CodeBlockResizer('figure.highlight');\n        resizer.run();\n    });\n}(jQuery);\n","site":{"data":{}},"excerpt":"","more":"+function($) {\n    'use strict';\n\n    // Resize code blocks to fit the screen width\n\n    var CodeBlockResizer = function(elem) {\n        this.$codeBlocks = $(elem);\n    };\n\n    CodeBlockResizer.prototype = {\n        /**\n         * Run main feature\n         */\n        run: function() {\n            var self = this;\n            // resize all codeblocks\n            self.resize();\n            // resize codeblocks when window is resized\n            $(window).smartresize(function() {\n                self.resize();\n            });\n        },\n\n        /**\n         * Resize codeblocks\n         */\n        resize: function() {\n            var self = this;\n            self.$codeBlocks.each(function() {\n                var $gutter = $(this).find('.gutter');\n                var $code = $(this).find('.code');\n                // get padding of code div\n                var codePaddings = $code.width() - $code.innerWidth();\n                // code block div width with padding - gutter div with padding + code div padding\n                var width = $(this).outerWidth() - $gutter.outerWidth() + codePaddings;\n                // apply new width\n                $code.css('width', width);\n                $code.children('pre').css('width', width);\n            });\n        }\n    };\n\n    $(document).ready(function() {\n        // register jQuery function to check if an element has an horizontal scroll bar\n        $.fn.hasHorizontalScrollBar = function() {\n            return this.get(0).scrollWidth > this.innerWidth();\n        };\n        var resizer = new CodeBlockResizer('figure.highlight');\n        resizer.run();\n    });\n}(jQuery);\n"},{"_content":"!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var clipboard = new ClipboardJS('.fa-clipboard');\n    clipboard.on('success', function () {\n        if (successText) {\n            toastr.options = {\n                \"positionClass\": \"toast-top-center\",\n                \"timeOut\": \"1000\",\n            }\n            toastr.success(successText)\n        }\n    });\n}(window, document);","source":"js/copyright.js","raw":"!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var clipboard = new ClipboardJS('.fa-clipboard');\n    clipboard.on('success', function () {\n        if (successText) {\n            toastr.options = {\n                \"positionClass\": \"toast-top-center\",\n                \"timeOut\": \"1000\",\n            }\n            toastr.success(successText)\n        }\n    });\n}(window, document);","date":"2020-06-04T20:28:28.809Z","updated":"2020-06-04T20:28:28.809Z","path":"js/copyright.js","layout":"false","title":"","comments":1,"_id":"ckb18hs9h0008j9ph1lvt6r81","content":"!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var clipboard = new ClipboardJS('.fa-clipboard');\n    clipboard.on('success', function () {\n        if (successText) {\n            toastr.options = {\n                \"positionClass\": \"toast-top-center\",\n                \"timeOut\": \"1000\",\n            }\n            toastr.success(successText)\n        }\n    });\n}(window, document);","site":{"data":{}},"excerpt":"","more":"!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var clipboard = new ClipboardJS('.fa-clipboard');\n    clipboard.on('success', function () {\n        if (successText) {\n            toastr.options = {\n                \"positionClass\": \"toast-top-center\",\n                \"timeOut\": \"1000\",\n            }\n            toastr.success(successText)\n        }\n    });\n}(window, document);"},{"_content":"/*页面载入完成后，创建复制按钮*/\n!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var copyHtml = '';\n    copyHtml += '<div class=\"btn-copy\" >';\n    copyHtml += '<svg viewBox=\"64 64 896 896\" focusable=\"false\" class=\"\" data-icon=\"copy\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z\"></path></svg>';\n    copyHtml += '</div>';\n    $(\".highlight .code pre\").before(copyHtml);\n    var clipboard = new ClipboardJS('.btn-copy', {\n        target: function (trigger) {\n            return trigger.nextElementSibling;\n        }\n    });\n    clipboard.on('success',\n        function (e) {\n            //清除内容被选择状态\n            e.clearSelection();\n            if (successText) {\n                toastr.options = {\n                    \"positionClass\": \"toast-top-center\",\n                    \"timeOut\": \"1000\",\n                }\n                toastr.success(successText)\n            }\n        });\n}(window, document);","source":"js/copycode.js","raw":"/*页面载入完成后，创建复制按钮*/\n!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var copyHtml = '';\n    copyHtml += '<div class=\"btn-copy\" >';\n    copyHtml += '<svg viewBox=\"64 64 896 896\" focusable=\"false\" class=\"\" data-icon=\"copy\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z\"></path></svg>';\n    copyHtml += '</div>';\n    $(\".highlight .code pre\").before(copyHtml);\n    var clipboard = new ClipboardJS('.btn-copy', {\n        target: function (trigger) {\n            return trigger.nextElementSibling;\n        }\n    });\n    clipboard.on('success',\n        function (e) {\n            //清除内容被选择状态\n            e.clearSelection();\n            if (successText) {\n                toastr.options = {\n                    \"positionClass\": \"toast-top-center\",\n                    \"timeOut\": \"1000\",\n                }\n                toastr.success(successText)\n            }\n        });\n}(window, document);","date":"2020-06-04T20:28:28.808Z","updated":"2020-06-04T20:28:28.808Z","path":"js/copycode.js","layout":"false","title":"","comments":1,"_id":"ckb18hs9i0009j9ph0nvd3i2q","content":"/*页面载入完成后，创建复制按钮*/\n!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var copyHtml = '';\n    copyHtml += '<div class=\"btn-copy\" >';\n    copyHtml += '<svg viewBox=\"64 64 896 896\" focusable=\"false\" class=\"\" data-icon=\"copy\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z\"></path></svg>';\n    copyHtml += '</div>';\n    $(\".highlight .code pre\").before(copyHtml);\n    var clipboard = new ClipboardJS('.btn-copy', {\n        target: function (trigger) {\n            return trigger.nextElementSibling;\n        }\n    });\n    clipboard.on('success',\n        function (e) {\n            //清除内容被选择状态\n            e.clearSelection();\n            if (successText) {\n                toastr.options = {\n                    \"positionClass\": \"toast-top-center\",\n                    \"timeOut\": \"1000\",\n                }\n                toastr.success(successText)\n            }\n        });\n}(window, document);","site":{"data":{}},"excerpt":"","more":"/*页面载入完成后，创建复制按钮*/\n!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var copyHtml = '';\n    copyHtml += '<div class=\"btn-copy\" >';\n    copyHtml += '<svg viewBox=\"64 64 896 896\" focusable=\"false\" class=\"\" data-icon=\"copy\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z\"></path></svg>';\n    copyHtml += '</div>';\n    $(\".highlight .code pre\").before(copyHtml);\n    var clipboard = new ClipboardJS('.btn-copy', {\n        target: function (trigger) {\n            return trigger.nextElementSibling;\n        }\n    });\n    clipboard.on('success',\n        function (e) {\n            //清除内容被选择状态\n            e.clearSelection();\n            if (successText) {\n                toastr.options = {\n                    \"positionClass\": \"toast-top-center\",\n                    \"timeOut\": \"1000\",\n                }\n                toastr.success(successText)\n            }\n        });\n}(window, document);"},{"_content":"$(document).ready(function () {\n    var QRBox = $('#QRBox');\n    var MainBox = $('#MainBox');\n    function showQR(QR) {\n        if (QR) {\n            MainBox.css('background-image', 'url(' + QR + ')');\n        }\n        $('#DonateText,#donateBox,#github').addClass('blur');\n        QRBox.fadeIn(300, function (argument) {\n            MainBox.addClass('showQR');\n        });\n    }\n\n    $('#donateBox>li').click(function (event) {\n        var thisQR = $(this).attr('qr');\n        if (thisQR) {\n            showQR(thisQR);\n        }\n    });\n    MainBox.click(function (event) {\n        MainBox.removeClass('showQR').addClass('hideQR');\n        setTimeout(function (a) {\n            QRBox.fadeOut(300, function (argument) {\n                MainBox.removeClass('hideQR');\n            });\n            $('#DonateText,#donateBox,#github').removeClass('blur');\n        }, 600);\n    });\n});\n\n!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var clipboard = new ClipboardJS('#BTC');\n    clipboard.on('success',\n        function (e) {\n            console.log(successText)\n            if (successText) {\n                toastr.options = {\n                    \"positionClass\": \"toast-top-center\",\n                    \"timeOut\": \"1000\",\n                }\n                toastr.success(successText)\n            }\n        });\n}(window, document);","source":"js/donate.js","raw":"$(document).ready(function () {\n    var QRBox = $('#QRBox');\n    var MainBox = $('#MainBox');\n    function showQR(QR) {\n        if (QR) {\n            MainBox.css('background-image', 'url(' + QR + ')');\n        }\n        $('#DonateText,#donateBox,#github').addClass('blur');\n        QRBox.fadeIn(300, function (argument) {\n            MainBox.addClass('showQR');\n        });\n    }\n\n    $('#donateBox>li').click(function (event) {\n        var thisQR = $(this).attr('qr');\n        if (thisQR) {\n            showQR(thisQR);\n        }\n    });\n    MainBox.click(function (event) {\n        MainBox.removeClass('showQR').addClass('hideQR');\n        setTimeout(function (a) {\n            QRBox.fadeOut(300, function (argument) {\n                MainBox.removeClass('hideQR');\n            });\n            $('#DonateText,#donateBox,#github').removeClass('blur');\n        }, 600);\n    });\n});\n\n!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var clipboard = new ClipboardJS('#BTC');\n    clipboard.on('success',\n        function (e) {\n            console.log(successText)\n            if (successText) {\n                toastr.options = {\n                    \"positionClass\": \"toast-top-center\",\n                    \"timeOut\": \"1000\",\n                }\n                toastr.success(successText)\n            }\n        });\n}(window, document);","date":"2020-06-04T20:28:28.809Z","updated":"2020-06-04T20:28:28.809Z","path":"js/donate.js","layout":"false","title":"","comments":1,"_id":"ckb18hs9k000aj9ph28i96465","content":"$(document).ready(function () {\n    var QRBox = $('#QRBox');\n    var MainBox = $('#MainBox');\n    function showQR(QR) {\n        if (QR) {\n            MainBox.css('background-image', 'url(' + QR + ')');\n        }\n        $('#DonateText,#donateBox,#github').addClass('blur');\n        QRBox.fadeIn(300, function (argument) {\n            MainBox.addClass('showQR');\n        });\n    }\n\n    $('#donateBox>li').click(function (event) {\n        var thisQR = $(this).attr('qr');\n        if (thisQR) {\n            showQR(thisQR);\n        }\n    });\n    MainBox.click(function (event) {\n        MainBox.removeClass('showQR').addClass('hideQR');\n        setTimeout(function (a) {\n            QRBox.fadeOut(300, function (argument) {\n                MainBox.removeClass('hideQR');\n            });\n            $('#DonateText,#donateBox,#github').removeClass('blur');\n        }, 600);\n    });\n});\n\n!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var clipboard = new ClipboardJS('#BTC');\n    clipboard.on('success',\n        function (e) {\n            console.log(successText)\n            if (successText) {\n                toastr.options = {\n                    \"positionClass\": \"toast-top-center\",\n                    \"timeOut\": \"1000\",\n                }\n                toastr.success(successText)\n            }\n        });\n}(window, document);","site":{"data":{}},"excerpt":"","more":"$(document).ready(function () {\n    var QRBox = $('#QRBox');\n    var MainBox = $('#MainBox');\n    function showQR(QR) {\n        if (QR) {\n            MainBox.css('background-image', 'url(' + QR + ')');\n        }\n        $('#DonateText,#donateBox,#github').addClass('blur');\n        QRBox.fadeIn(300, function (argument) {\n            MainBox.addClass('showQR');\n        });\n    }\n\n    $('#donateBox>li').click(function (event) {\n        var thisQR = $(this).attr('qr');\n        if (thisQR) {\n            showQR(thisQR);\n        }\n    });\n    MainBox.click(function (event) {\n        MainBox.removeClass('showQR').addClass('hideQR');\n        setTimeout(function (a) {\n            QRBox.fadeOut(300, function (argument) {\n                MainBox.removeClass('hideQR');\n            });\n            $('#DonateText,#donateBox,#github').removeClass('blur');\n        }, 600);\n    });\n});\n\n!function (e, t, a) {\n    var script = document.currentScript || (function () {\n        var scripts = document.getElementsByTagName(\"script\");\n        return scripts[scripts.length - 1]\n    })()\n    var successText = $(script).attr(\"successtext\")\n    var clipboard = new ClipboardJS('#BTC');\n    clipboard.on('success',\n        function (e) {\n            console.log(successText)\n            if (successText) {\n                toastr.options = {\n                    \"positionClass\": \"toast-top-center\",\n                    \"timeOut\": \"1000\",\n                }\n                toastr.success(successText)\n            }\n        });\n}(window, document);"},{"_content":"$(document).ready(function() {\n  $('img').each(function() {\n    if ($(this).parent().hasClass('fancybox')) return;\n    if ($(this).hasClass('nofancybox')) return;\n    var alt = this.alt;\n    if (alt) $(this).after('<span class=\"caption\">' + alt + '</span>');\n    $(this).wrap('<a href=\"' + ($(this).attr('data-src') == null ? this.src : $(this).attr('data-src')) + '\" title=\"' + alt + '\" class=\"fancybox\"></a>');\n  });\n  $(this).find('.fancybox').each(function(){\n    $(this).attr('rel', 'article');\n  });\n});\n$(document).ready(function() {\n  $(\"a[href$='.jpg'],a[href$='.png'],a[href$='.gif'],a[href$='.webp']\").attr('rel', 'gallery').fancybox({\n    helpers : {\n    title: { type: 'inside'}\n    }\n  });\n});\n","source":"js/fancybox.js","raw":"$(document).ready(function() {\n  $('img').each(function() {\n    if ($(this).parent().hasClass('fancybox')) return;\n    if ($(this).hasClass('nofancybox')) return;\n    var alt = this.alt;\n    if (alt) $(this).after('<span class=\"caption\">' + alt + '</span>');\n    $(this).wrap('<a href=\"' + ($(this).attr('data-src') == null ? this.src : $(this).attr('data-src')) + '\" title=\"' + alt + '\" class=\"fancybox\"></a>');\n  });\n  $(this).find('.fancybox').each(function(){\n    $(this).attr('rel', 'article');\n  });\n});\n$(document).ready(function() {\n  $(\"a[href$='.jpg'],a[href$='.png'],a[href$='.gif'],a[href$='.webp']\").attr('rel', 'gallery').fancybox({\n    helpers : {\n    title: { type: 'inside'}\n    }\n  });\n});\n","date":"2020-06-04T20:25:31.251Z","updated":"2020-06-04T20:25:31.251Z","path":"js/fancybox.js","layout":"false","title":"","comments":1,"_id":"ckb18hs9l000bj9phdcbw9t3j","content":"$(document).ready(function() {\n  $('img').each(function() {\n    if ($(this).parent().hasClass('fancybox')) return;\n    if ($(this).hasClass('nofancybox')) return;\n    var alt = this.alt;\n    if (alt) $(this).after('<span class=\"caption\">' + alt + '</span>');\n    $(this).wrap('<a href=\"' + ($(this).attr('data-src') == null ? this.src : $(this).attr('data-src')) + '\" title=\"' + alt + '\" class=\"fancybox\"></a>');\n  });\n  $(this).find('.fancybox').each(function(){\n    $(this).attr('rel', 'article');\n  });\n});\n$(document).ready(function() {\n  $(\"a[href$='.jpg'],a[href$='.png'],a[href$='.gif'],a[href$='.webp']\").attr('rel', 'gallery').fancybox({\n    helpers : {\n    title: { type: 'inside'}\n    }\n  });\n});\n","site":{"data":{}},"excerpt":"","more":"$(document).ready(function() {\n  $('img').each(function() {\n    if ($(this).parent().hasClass('fancybox')) return;\n    if ($(this).hasClass('nofancybox')) return;\n    var alt = this.alt;\n    if (alt) $(this).after('<span class=\"caption\">' + alt + '</span>');\n    $(this).wrap('<a href=\"' + ($(this).attr('data-src') == null ? this.src : $(this).attr('data-src')) + '\" title=\"' + alt + '\" class=\"fancybox\"></a>');\n  });\n  $(this).find('.fancybox').each(function(){\n    $(this).attr('rel', 'article');\n  });\n});\n$(document).ready(function() {\n  $(\"a[href$='.jpg'],a[href$='.png'],a[href$='.gif'],a[href$='.webp']\").attr('rel', 'gallery').fancybox({\n    helpers : {\n    title: { type: 'inside'}\n    }\n  });\n});\n"},{"_content":"!function (e, t, a) { function n() { c(\".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}\"), o(), r() } function r() { for (var e = 0; e < d.length; e++)d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = \"left:\" + d[e].x + \"px;top:\" + d[e].y + \"px;opacity:\" + d[e].alpha + \";transform:scale(\" + d[e].scale + \",\" + d[e].scale + \") rotate(45deg);background:\" + d[e].color + \";z-index:99999\"); requestAnimationFrame(r) } function o() { var t = \"function\" == typeof e.onclick && e.onclick; e.onclick = function (e) { t && t(), i(e) } } function i(e) { var a = t.createElement(\"div\"); a.className = \"heart\", d.push({ el: a, x: e.clientX - 5, y: e.clientY - 5, scale: 1, alpha: 1, color: s() }), t.body.appendChild(a) } function c(e) { var a = t.createElement(\"style\"); a.type = \"text/css\"; try { a.appendChild(t.createTextNode(e)) } catch (t) { a.styleSheet.cssText = e } t.getElementsByTagName(\"head\")[0].appendChild(a) } function s() { return \"rgb(\" + ~~(255 * Math.random()) + \",\" + ~~(255 * Math.random()) + \",\" + ~~(255 * Math.random()) + \")\" } var d = []; e.requestAnimationFrame = function () { return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) { setTimeout(e, 1e3 / 60) } }(), n() }(window, document);\n","source":"js/love.js","raw":"!function (e, t, a) { function n() { c(\".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}\"), o(), r() } function r() { for (var e = 0; e < d.length; e++)d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = \"left:\" + d[e].x + \"px;top:\" + d[e].y + \"px;opacity:\" + d[e].alpha + \";transform:scale(\" + d[e].scale + \",\" + d[e].scale + \") rotate(45deg);background:\" + d[e].color + \";z-index:99999\"); requestAnimationFrame(r) } function o() { var t = \"function\" == typeof e.onclick && e.onclick; e.onclick = function (e) { t && t(), i(e) } } function i(e) { var a = t.createElement(\"div\"); a.className = \"heart\", d.push({ el: a, x: e.clientX - 5, y: e.clientY - 5, scale: 1, alpha: 1, color: s() }), t.body.appendChild(a) } function c(e) { var a = t.createElement(\"style\"); a.type = \"text/css\"; try { a.appendChild(t.createTextNode(e)) } catch (t) { a.styleSheet.cssText = e } t.getElementsByTagName(\"head\")[0].appendChild(a) } function s() { return \"rgb(\" + ~~(255 * Math.random()) + \",\" + ~~(255 * Math.random()) + \",\" + ~~(255 * Math.random()) + \")\" } var d = []; e.requestAnimationFrame = function () { return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) { setTimeout(e, 1e3 / 60) } }(), n() }(window, document);\n","date":"2020-06-04T20:28:28.809Z","updated":"2020-06-04T20:28:28.809Z","path":"js/love.js","layout":"false","title":"","comments":1,"_id":"ckb18hs9m000cj9ph1djvah16","content":"!function (e, t, a) { function n() { c(\".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}\"), o(), r() } function r() { for (var e = 0; e < d.length; e++)d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = \"left:\" + d[e].x + \"px;top:\" + d[e].y + \"px;opacity:\" + d[e].alpha + \";transform:scale(\" + d[e].scale + \",\" + d[e].scale + \") rotate(45deg);background:\" + d[e].color + \";z-index:99999\"); requestAnimationFrame(r) } function o() { var t = \"function\" == typeof e.onclick && e.onclick; e.onclick = function (e) { t && t(), i(e) } } function i(e) { var a = t.createElement(\"div\"); a.className = \"heart\", d.push({ el: a, x: e.clientX - 5, y: e.clientY - 5, scale: 1, alpha: 1, color: s() }), t.body.appendChild(a) } function c(e) { var a = t.createElement(\"style\"); a.type = \"text/css\"; try { a.appendChild(t.createTextNode(e)) } catch (t) { a.styleSheet.cssText = e } t.getElementsByTagName(\"head\")[0].appendChild(a) } function s() { return \"rgb(\" + ~~(255 * Math.random()) + \",\" + ~~(255 * Math.random()) + \",\" + ~~(255 * Math.random()) + \")\" } var d = []; e.requestAnimationFrame = function () { return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) { setTimeout(e, 1e3 / 60) } }(), n() }(window, document);\n","site":{"data":{}},"excerpt":"","more":"!function (e, t, a) { function n() { c(\".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}\"), o(), r() } function r() { for (var e = 0; e < d.length; e++)d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = \"left:\" + d[e].x + \"px;top:\" + d[e].y + \"px;opacity:\" + d[e].alpha + \";transform:scale(\" + d[e].scale + \",\" + d[e].scale + \") rotate(45deg);background:\" + d[e].color + \";z-index:99999\"); requestAnimationFrame(r) } function o() { var t = \"function\" == typeof e.onclick && e.onclick; e.onclick = function (e) { t && t(), i(e) } } function i(e) { var a = t.createElement(\"div\"); a.className = \"heart\", d.push({ el: a, x: e.clientX - 5, y: e.clientY - 5, scale: 1, alpha: 1, color: s() }), t.body.appendChild(a) } function c(e) { var a = t.createElement(\"style\"); a.type = \"text/css\"; try { a.appendChild(t.createTextNode(e)) } catch (t) { a.styleSheet.cssText = e } t.getElementsByTagName(\"head\")[0].appendChild(a) } function s() { return \"rgb(\" + ~~(255 * Math.random()) + \",\" + ~~(255 * Math.random()) + \",\" + ~~(255 * Math.random()) + \")\" } var d = []; e.requestAnimationFrame = function () { return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) { setTimeout(e, 1e3 / 60) } }(), n() }(window, document);\n"},{"_content":"var searchFunc = function(path, search_id, content_id) {\n    'use strict';\n    $.ajax({\n        url: path,\n        dataType: \"xml\",\n        success: function( xmlResponse ) {\n            // get the contents from search data\n            var datas = $( \"entry\", xmlResponse ).map(function() {\n                return {\n                    title: $( \"title\", this ).text(),\n                    content: $(\"content\",this).text(),\n                    url: $( \"url\" , this).text()\n                };\n            }).get();\n            var $input = document.getElementById(search_id);\n            var $resultContent = document.getElementById(content_id);\n            $input.addEventListener('input', function(){\n                var str='<ul class=\\\"search-result-list\\\">';\n                var keywords = this.value.trim().toLowerCase().split(/[\\s\\-]+/);\n                $resultContent.innerHTML = \"\";\n                if (this.value.trim().length <= 0) {\n                    return;\n                }\n                // perform local searching\n                datas.forEach(function(data) {\n                    var isMatch = true;\n                    var content_index = [];\n                    var data_title = data.title.trim().toLowerCase();\n                    var data_content = data.content.trim().replace(/<[^>]+>/g,\"\").toLowerCase();\n                    var data_url = data.url;\n                    var index_title = -1;\n                    var index_content = -1;\n                    var first_occur = -1;\n                    // only match artiles with not empty titles and contents\n                    if(data_title != '' && data_content != '') {\n                        keywords.forEach(function(keyword, i) {\n                            index_title = data_title.indexOf(keyword);\n                            index_content = data_content.indexOf(keyword);\n                            if( index_title < 0 && index_content < 0 ){\n                                isMatch = false;\n                            } else {\n                                if (index_content < 0) {\n                                    index_content = 0;\n                                }\n                                if (i == 0) {\n                                    first_occur = index_content;\n                                }\n                            }\n                        });\n                    }\n                    // show search results\n                    if (isMatch) {\n                        str += \"<li><a href='\"+ data_url +\"' class='search-result-title'>\"+ data_title +\"</a>\";\n                        var content = data.content.trim().replace(/<[^>]+>/g,\"\");\n                        if (first_occur >= 0) {\n                            // cut out 100 characters\n                            var start = first_occur - 30;\n                            var outLength = 78;\n                            if(start < 0){\n                                start = 0;\n                            }\n                            if (start + outLength > content.length){\n                                if(content.length < outLength){\n                                    outLength = content.length - start;\n                                }else{\n                                    start = content.length - outLength;\n                                }\n                            }\n                            var match_content = content.substr(start, outLength);\n                            // highlight all keywords\n                            keywords.forEach(function(keyword){\n                                var regS = new RegExp(keyword, \"gi\");\n                                match_content = match_content.replace(regS, \"<em class=\\\"search-keyword\\\">\"+keyword+\"</em>\");\n                            });\n\n                            str += \"<p class=\\\"search-result\\\">\" + match_content +\"...</p>\"\n                        }\n                        str += \"</li>\";\n                    }\n                });\n                str += \"</ul>\";\n                $resultContent.innerHTML = str;\n            });\n        }\n    });\n}\n","source":"js/search.js","raw":"var searchFunc = function(path, search_id, content_id) {\n    'use strict';\n    $.ajax({\n        url: path,\n        dataType: \"xml\",\n        success: function( xmlResponse ) {\n            // get the contents from search data\n            var datas = $( \"entry\", xmlResponse ).map(function() {\n                return {\n                    title: $( \"title\", this ).text(),\n                    content: $(\"content\",this).text(),\n                    url: $( \"url\" , this).text()\n                };\n            }).get();\n            var $input = document.getElementById(search_id);\n            var $resultContent = document.getElementById(content_id);\n            $input.addEventListener('input', function(){\n                var str='<ul class=\\\"search-result-list\\\">';\n                var keywords = this.value.trim().toLowerCase().split(/[\\s\\-]+/);\n                $resultContent.innerHTML = \"\";\n                if (this.value.trim().length <= 0) {\n                    return;\n                }\n                // perform local searching\n                datas.forEach(function(data) {\n                    var isMatch = true;\n                    var content_index = [];\n                    var data_title = data.title.trim().toLowerCase();\n                    var data_content = data.content.trim().replace(/<[^>]+>/g,\"\").toLowerCase();\n                    var data_url = data.url;\n                    var index_title = -1;\n                    var index_content = -1;\n                    var first_occur = -1;\n                    // only match artiles with not empty titles and contents\n                    if(data_title != '' && data_content != '') {\n                        keywords.forEach(function(keyword, i) {\n                            index_title = data_title.indexOf(keyword);\n                            index_content = data_content.indexOf(keyword);\n                            if( index_title < 0 && index_content < 0 ){\n                                isMatch = false;\n                            } else {\n                                if (index_content < 0) {\n                                    index_content = 0;\n                                }\n                                if (i == 0) {\n                                    first_occur = index_content;\n                                }\n                            }\n                        });\n                    }\n                    // show search results\n                    if (isMatch) {\n                        str += \"<li><a href='\"+ data_url +\"' class='search-result-title'>\"+ data_title +\"</a>\";\n                        var content = data.content.trim().replace(/<[^>]+>/g,\"\");\n                        if (first_occur >= 0) {\n                            // cut out 100 characters\n                            var start = first_occur - 30;\n                            var outLength = 78;\n                            if(start < 0){\n                                start = 0;\n                            }\n                            if (start + outLength > content.length){\n                                if(content.length < outLength){\n                                    outLength = content.length - start;\n                                }else{\n                                    start = content.length - outLength;\n                                }\n                            }\n                            var match_content = content.substr(start, outLength);\n                            // highlight all keywords\n                            keywords.forEach(function(keyword){\n                                var regS = new RegExp(keyword, \"gi\");\n                                match_content = match_content.replace(regS, \"<em class=\\\"search-keyword\\\">\"+keyword+\"</em>\");\n                            });\n\n                            str += \"<p class=\\\"search-result\\\">\" + match_content +\"...</p>\"\n                        }\n                        str += \"</li>\";\n                    }\n                });\n                str += \"</ul>\";\n                $resultContent.innerHTML = str;\n            });\n        }\n    });\n}\n","date":"2020-06-04T20:25:31.252Z","updated":"2020-06-04T20:25:31.252Z","path":"js/search.js","layout":"false","title":"","comments":1,"_id":"ckb18hs9m000dj9phgx0naqzf","content":"var searchFunc = function(path, search_id, content_id) {\n    'use strict';\n    $.ajax({\n        url: path,\n        dataType: \"xml\",\n        success: function( xmlResponse ) {\n            // get the contents from search data\n            var datas = $( \"entry\", xmlResponse ).map(function() {\n                return {\n                    title: $( \"title\", this ).text(),\n                    content: $(\"content\",this).text(),\n                    url: $( \"url\" , this).text()\n                };\n            }).get();\n            var $input = document.getElementById(search_id);\n            var $resultContent = document.getElementById(content_id);\n            $input.addEventListener('input', function(){\n                var str='<ul class=\\\"search-result-list\\\">';\n                var keywords = this.value.trim().toLowerCase().split(/[\\s\\-]+/);\n                $resultContent.innerHTML = \"\";\n                if (this.value.trim().length <= 0) {\n                    return;\n                }\n                // perform local searching\n                datas.forEach(function(data) {\n                    var isMatch = true;\n                    var content_index = [];\n                    var data_title = data.title.trim().toLowerCase();\n                    var data_content = data.content.trim().replace(/<[^>]+>/g,\"\").toLowerCase();\n                    var data_url = data.url;\n                    var index_title = -1;\n                    var index_content = -1;\n                    var first_occur = -1;\n                    // only match artiles with not empty titles and contents\n                    if(data_title != '' && data_content != '') {\n                        keywords.forEach(function(keyword, i) {\n                            index_title = data_title.indexOf(keyword);\n                            index_content = data_content.indexOf(keyword);\n                            if( index_title < 0 && index_content < 0 ){\n                                isMatch = false;\n                            } else {\n                                if (index_content < 0) {\n                                    index_content = 0;\n                                }\n                                if (i == 0) {\n                                    first_occur = index_content;\n                                }\n                            }\n                        });\n                    }\n                    // show search results\n                    if (isMatch) {\n                        str += \"<li><a href='\"+ data_url +\"' class='search-result-title'>\"+ data_title +\"</a>\";\n                        var content = data.content.trim().replace(/<[^>]+>/g,\"\");\n                        if (first_occur >= 0) {\n                            // cut out 100 characters\n                            var start = first_occur - 30;\n                            var outLength = 78;\n                            if(start < 0){\n                                start = 0;\n                            }\n                            if (start + outLength > content.length){\n                                if(content.length < outLength){\n                                    outLength = content.length - start;\n                                }else{\n                                    start = content.length - outLength;\n                                }\n                            }\n                            var match_content = content.substr(start, outLength);\n                            // highlight all keywords\n                            keywords.forEach(function(keyword){\n                                var regS = new RegExp(keyword, \"gi\");\n                                match_content = match_content.replace(regS, \"<em class=\\\"search-keyword\\\">\"+keyword+\"</em>\");\n                            });\n\n                            str += \"<p class=\\\"search-result\\\">\" + match_content +\"...</p>\"\n                        }\n                        str += \"</li>\";\n                    }\n                });\n                str += \"</ul>\";\n                $resultContent.innerHTML = str;\n            });\n        }\n    });\n}\n","site":{"data":{}},"excerpt":"","more":"var searchFunc = function(path, search_id, content_id) {\n    'use strict';\n    $.ajax({\n        url: path,\n        dataType: \"xml\",\n        success: function( xmlResponse ) {\n            // get the contents from search data\n            var datas = $( \"entry\", xmlResponse ).map(function() {\n                return {\n                    title: $( \"title\", this ).text(),\n                    content: $(\"content\",this).text(),\n                    url: $( \"url\" , this).text()\n                };\n            }).get();\n            var $input = document.getElementById(search_id);\n            var $resultContent = document.getElementById(content_id);\n            $input.addEventListener('input', function(){\n                var str='<ul class=\\\"search-result-list\\\">';\n                var keywords = this.value.trim().toLowerCase().split(/[\\s\\-]+/);\n                $resultContent.innerHTML = \"\";\n                if (this.value.trim().length <= 0) {\n                    return;\n                }\n                // perform local searching\n                datas.forEach(function(data) {\n                    var isMatch = true;\n                    var content_index = [];\n                    var data_title = data.title.trim().toLowerCase();\n                    var data_content = data.content.trim().replace(/<[^>]+>/g,\"\").toLowerCase();\n                    var data_url = data.url;\n                    var index_title = -1;\n                    var index_content = -1;\n                    var first_occur = -1;\n                    // only match artiles with not empty titles and contents\n                    if(data_title != '' && data_content != '') {\n                        keywords.forEach(function(keyword, i) {\n                            index_title = data_title.indexOf(keyword);\n                            index_content = data_content.indexOf(keyword);\n                            if( index_title < 0 && index_content < 0 ){\n                                isMatch = false;\n                            } else {\n                                if (index_content < 0) {\n                                    index_content = 0;\n                                }\n                                if (i == 0) {\n                                    first_occur = index_content;\n                                }\n                            }\n                        });\n                    }\n                    // show search results\n                    if (isMatch) {\n                        str += \"<li><a href='\"+ data_url +\"' class='search-result-title'>\"+ data_title +\"</a>\";\n                        var content = data.content.trim().replace(/<[^>]+>/g,\"\");\n                        if (first_occur >= 0) {\n                            // cut out 100 characters\n                            var start = first_occur - 30;\n                            var outLength = 78;\n                            if(start < 0){\n                                start = 0;\n                            }\n                            if (start + outLength > content.length){\n                                if(content.length < outLength){\n                                    outLength = content.length - start;\n                                }else{\n                                    start = content.length - outLength;\n                                }\n                            }\n                            var match_content = content.substr(start, outLength);\n                            // highlight all keywords\n                            keywords.forEach(function(keyword){\n                                var regS = new RegExp(keyword, \"gi\");\n                                match_content = match_content.replace(regS, \"<em class=\\\"search-keyword\\\">\"+keyword+\"</em>\");\n                            });\n\n                            str += \"<p class=\\\"search-result\\\">\" + match_content +\"...</p>\"\n                        }\n                        str += \"</li>\";\n                    }\n                });\n                str += \"</ul>\";\n                $resultContent.innerHTML = str;\n            });\n        }\n    });\n}\n"},{"_content":"(function($){\n\n  // article-share\n  $('body').on('click', function(){\n    $('.article-share-box.on').removeClass('on');\n  }).on('click', '.article-share-link', function(e){\n    e.stopPropagation();\n\n    var $this = $(this),\n      url = $this.attr('data-url'),\n      qrcode_img = $this.attr('data-qrcode'),\n      encodedUrl = encodeURIComponent(url),\n      id = 'article-share-box-' + $this.attr('data-id'),\n      title = document.title,\n      offset = $this.offset();\n\n    if ($('#' + id).length){\n      var box = $('#' + id);\n\n      if (box.hasClass('on')){\n        box.removeClass('on');\n        return;\n      }\n    } else {\n      var html = [\n        '<div id=\"' + id + '\" class=\"article-share-box\">',\n          '<input class=\"article-share-input\" value=\"' + url + '\">',\n          '<div class=\"article-share-links\">',\n            '<a href=\"//twitter.com/intent/tweet?url=' + encodedUrl + '\" class=\"article-share-twitter\" target=\"_blank\" title=\"Twitter\"></a>',\n            '<a href=\"//www.facebook.com/sharer.php?u=' + encodedUrl + '\" class=\"article-share-facebook\" target=\"_blank\" title=\"Facebook\"></a>',\n            '<a href=\"//service.weibo.com/share/share.php?title=' + title + '&url=' + encodedUrl + '&searchPic=true&style=number' + '\" class=\"article-share-weibo\" target=\"_blank\" title=\"Weibo\"></a>',\n            '<a href=\"' + qrcode_img + '\" class=\"article-share-qrcode\" target=\"_blank\" title=\"QR code\"></a>',\n            '<div class=\"qrcode\"><img src=' + qrcode_img + '></div>',\n          '</div>',\n        '</div>'\n      ].join('');\n\n      var box = $(html);\n\n      $('body').append(box);\n    }\n\n    $('.article-share-box.on').hide();\n\n    box.css({\n      top: offset.top + 25,\n      left: offset.left\n    }).addClass('on');\n  }).on('click', '.article-share-box', function(e){\n    e.stopPropagation();\n  }).on('click', '.article-share-box-input', function(){\n    $(this).select();\n  }).on('click', '.article-share-box-link', function(e){\n    e.preventDefault();\n    e.stopPropagation();\n\n    window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');\n  });\n\n})(jQuery);\n","source":"js/share.js","raw":"(function($){\n\n  // article-share\n  $('body').on('click', function(){\n    $('.article-share-box.on').removeClass('on');\n  }).on('click', '.article-share-link', function(e){\n    e.stopPropagation();\n\n    var $this = $(this),\n      url = $this.attr('data-url'),\n      qrcode_img = $this.attr('data-qrcode'),\n      encodedUrl = encodeURIComponent(url),\n      id = 'article-share-box-' + $this.attr('data-id'),\n      title = document.title,\n      offset = $this.offset();\n\n    if ($('#' + id).length){\n      var box = $('#' + id);\n\n      if (box.hasClass('on')){\n        box.removeClass('on');\n        return;\n      }\n    } else {\n      var html = [\n        '<div id=\"' + id + '\" class=\"article-share-box\">',\n          '<input class=\"article-share-input\" value=\"' + url + '\">',\n          '<div class=\"article-share-links\">',\n            '<a href=\"//twitter.com/intent/tweet?url=' + encodedUrl + '\" class=\"article-share-twitter\" target=\"_blank\" title=\"Twitter\"></a>',\n            '<a href=\"//www.facebook.com/sharer.php?u=' + encodedUrl + '\" class=\"article-share-facebook\" target=\"_blank\" title=\"Facebook\"></a>',\n            '<a href=\"//service.weibo.com/share/share.php?title=' + title + '&url=' + encodedUrl + '&searchPic=true&style=number' + '\" class=\"article-share-weibo\" target=\"_blank\" title=\"Weibo\"></a>',\n            '<a href=\"' + qrcode_img + '\" class=\"article-share-qrcode\" target=\"_blank\" title=\"QR code\"></a>',\n            '<div class=\"qrcode\"><img src=' + qrcode_img + '></div>',\n          '</div>',\n        '</div>'\n      ].join('');\n\n      var box = $(html);\n\n      $('body').append(box);\n    }\n\n    $('.article-share-box.on').hide();\n\n    box.css({\n      top: offset.top + 25,\n      left: offset.left\n    }).addClass('on');\n  }).on('click', '.article-share-box', function(e){\n    e.stopPropagation();\n  }).on('click', '.article-share-box-input', function(){\n    $(this).select();\n  }).on('click', '.article-share-box-link', function(e){\n    e.preventDefault();\n    e.stopPropagation();\n\n    window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');\n  });\n\n})(jQuery);\n","date":"2020-06-04T20:25:31.252Z","updated":"2020-06-04T20:25:31.252Z","path":"js/share.js","layout":"false","title":"","comments":1,"_id":"ckb18hs9o000ej9phak5v3x81","content":"(function($){\n\n  // article-share\n  $('body').on('click', function(){\n    $('.article-share-box.on').removeClass('on');\n  }).on('click', '.article-share-link', function(e){\n    e.stopPropagation();\n\n    var $this = $(this),\n      url = $this.attr('data-url'),\n      qrcode_img = $this.attr('data-qrcode'),\n      encodedUrl = encodeURIComponent(url),\n      id = 'article-share-box-' + $this.attr('data-id'),\n      title = document.title,\n      offset = $this.offset();\n\n    if ($('#' + id).length){\n      var box = $('#' + id);\n\n      if (box.hasClass('on')){\n        box.removeClass('on');\n        return;\n      }\n    } else {\n      var html = [\n        '<div id=\"' + id + '\" class=\"article-share-box\">',\n          '<input class=\"article-share-input\" value=\"' + url + '\">',\n          '<div class=\"article-share-links\">',\n            '<a href=\"//twitter.com/intent/tweet?url=' + encodedUrl + '\" class=\"article-share-twitter\" target=\"_blank\" title=\"Twitter\"></a>',\n            '<a href=\"//www.facebook.com/sharer.php?u=' + encodedUrl + '\" class=\"article-share-facebook\" target=\"_blank\" title=\"Facebook\"></a>',\n            '<a href=\"//service.weibo.com/share/share.php?title=' + title + '&url=' + encodedUrl + '&searchPic=true&style=number' + '\" class=\"article-share-weibo\" target=\"_blank\" title=\"Weibo\"></a>',\n            '<a href=\"' + qrcode_img + '\" class=\"article-share-qrcode\" target=\"_blank\" title=\"QR code\"></a>',\n            '<div class=\"qrcode\"><img src=' + qrcode_img + '></div>',\n          '</div>',\n        '</div>'\n      ].join('');\n\n      var box = $(html);\n\n      $('body').append(box);\n    }\n\n    $('.article-share-box.on').hide();\n\n    box.css({\n      top: offset.top + 25,\n      left: offset.left\n    }).addClass('on');\n  }).on('click', '.article-share-box', function(e){\n    e.stopPropagation();\n  }).on('click', '.article-share-box-input', function(){\n    $(this).select();\n  }).on('click', '.article-share-box-link', function(e){\n    e.preventDefault();\n    e.stopPropagation();\n\n    window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');\n  });\n\n})(jQuery);\n","site":{"data":{}},"excerpt":"","more":"(function($){\n\n  // article-share\n  $('body').on('click', function(){\n    $('.article-share-box.on').removeClass('on');\n  }).on('click', '.article-share-link', function(e){\n    e.stopPropagation();\n\n    var $this = $(this),\n      url = $this.attr('data-url'),\n      qrcode_img = $this.attr('data-qrcode'),\n      encodedUrl = encodeURIComponent(url),\n      id = 'article-share-box-' + $this.attr('data-id'),\n      title = document.title,\n      offset = $this.offset();\n\n    if ($('#' + id).length){\n      var box = $('#' + id);\n\n      if (box.hasClass('on')){\n        box.removeClass('on');\n        return;\n      }\n    } else {\n      var html = [\n        '<div id=\"' + id + '\" class=\"article-share-box\">',\n          '<input class=\"article-share-input\" value=\"' + url + '\">',\n          '<div class=\"article-share-links\">',\n            '<a href=\"//twitter.com/intent/tweet?url=' + encodedUrl + '\" class=\"article-share-twitter\" target=\"_blank\" title=\"Twitter\"></a>',\n            '<a href=\"//www.facebook.com/sharer.php?u=' + encodedUrl + '\" class=\"article-share-facebook\" target=\"_blank\" title=\"Facebook\"></a>',\n            '<a href=\"//service.weibo.com/share/share.php?title=' + title + '&url=' + encodedUrl + '&searchPic=true&style=number' + '\" class=\"article-share-weibo\" target=\"_blank\" title=\"Weibo\"></a>',\n            '<a href=\"' + qrcode_img + '\" class=\"article-share-qrcode\" target=\"_blank\" title=\"QR code\"></a>',\n            '<div class=\"qrcode\"><img src=' + qrcode_img + '></div>',\n          '</div>',\n        '</div>'\n      ].join('');\n\n      var box = $(html);\n\n      $('body').append(box);\n    }\n\n    $('.article-share-box.on').hide();\n\n    box.css({\n      top: offset.top + 25,\n      left: offset.left\n    }).addClass('on');\n  }).on('click', '.article-share-box', function(e){\n    e.stopPropagation();\n  }).on('click', '.article-share-box-input', function(){\n    $(this).select();\n  }).on('click', '.article-share-box-link', function(e){\n    e.preventDefault();\n    e.stopPropagation();\n\n    window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');\n  });\n\n})(jQuery);\n"},{"_content":"+(function($, sr) {\n    // debouncing function from John Hann\n    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/\n    var debounce = function(func, threshold, execAsap) {\n        var timeout;\n\n        return function debounced() {\n            var obj = this, args = arguments;\n\n            function delayed() {\n                if (!execAsap) {\n                    func.apply(obj, args);\n                }\n\n                timeout = null;\n            };\n\n            if (timeout) {\n                clearTimeout(timeout);\n            }\n            else if (execAsap) {\n                func.apply(obj, args);\n            }\n\n            timeout = setTimeout(delayed, threshold || 100);\n        };\n    };\n\n    jQuery.fn[sr] = function(fn) {\n        return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);\n    };\n})(jQuery, 'smartresize');\n","source":"js/smartresize.js","raw":"+(function($, sr) {\n    // debouncing function from John Hann\n    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/\n    var debounce = function(func, threshold, execAsap) {\n        var timeout;\n\n        return function debounced() {\n            var obj = this, args = arguments;\n\n            function delayed() {\n                if (!execAsap) {\n                    func.apply(obj, args);\n                }\n\n                timeout = null;\n            };\n\n            if (timeout) {\n                clearTimeout(timeout);\n            }\n            else if (execAsap) {\n                func.apply(obj, args);\n            }\n\n            timeout = setTimeout(delayed, threshold || 100);\n        };\n    };\n\n    jQuery.fn[sr] = function(fn) {\n        return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);\n    };\n})(jQuery, 'smartresize');\n","date":"2020-06-04T20:25:31.253Z","updated":"2020-06-04T20:25:31.253Z","path":"js/smartresize.js","layout":"false","title":"","comments":1,"_id":"ckb18hs9p000fj9phdy977kgt","content":"+(function($, sr) {\n    // debouncing function from John Hann\n    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/\n    var debounce = function(func, threshold, execAsap) {\n        var timeout;\n\n        return function debounced() {\n            var obj = this, args = arguments;\n\n            function delayed() {\n                if (!execAsap) {\n                    func.apply(obj, args);\n                }\n\n                timeout = null;\n            };\n\n            if (timeout) {\n                clearTimeout(timeout);\n            }\n            else if (execAsap) {\n                func.apply(obj, args);\n            }\n\n            timeout = setTimeout(delayed, threshold || 100);\n        };\n    };\n\n    jQuery.fn[sr] = function(fn) {\n        return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);\n    };\n})(jQuery, 'smartresize');\n","site":{"data":{}},"excerpt":"","more":"+(function($, sr) {\n    // debouncing function from John Hann\n    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/\n    var debounce = function(func, threshold, execAsap) {\n        var timeout;\n\n        return function debounced() {\n            var obj = this, args = arguments;\n\n            function delayed() {\n                if (!execAsap) {\n                    func.apply(obj, args);\n                }\n\n                timeout = null;\n            };\n\n            if (timeout) {\n                clearTimeout(timeout);\n            }\n            else if (execAsap) {\n                func.apply(obj, args);\n            }\n\n            timeout = setTimeout(delayed, threshold || 100);\n        };\n    };\n\n    jQuery.fn[sr] = function(fn) {\n        return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);\n    };\n})(jQuery, 'smartresize');\n"},{"_content":"$(window).scroll(function() {\n    $(window).scrollTop() > 500 ? $(\"#rocket\").addClass(\"show\") : $(\"#rocket\").removeClass(\"show\");\n});\n$(\"#rocket\").click(function() {\n    $(\"#rocket\").addClass(\"launch\");\n    $(\"html, body\").animate({\n        scrollTop: 0\n    }, 500, function() {\n        $(\"#rocket\").removeClass(\"show launch\");\n    });\n    return false;\n});\n","source":"js/totop.js","raw":"$(window).scroll(function() {\n    $(window).scrollTop() > 500 ? $(\"#rocket\").addClass(\"show\") : $(\"#rocket\").removeClass(\"show\");\n});\n$(\"#rocket\").click(function() {\n    $(\"#rocket\").addClass(\"launch\");\n    $(\"html, body\").animate({\n        scrollTop: 0\n    }, 500, function() {\n        $(\"#rocket\").removeClass(\"show launch\");\n    });\n    return false;\n});\n","date":"2020-06-04T20:25:31.253Z","updated":"2020-06-04T20:25:31.253Z","path":"js/totop.js","layout":"false","title":"","comments":1,"_id":"ckb18hs9p000gj9phewyebmo3","content":"$(window).scroll(function() {\n    $(window).scrollTop() > 500 ? $(\"#rocket\").addClass(\"show\") : $(\"#rocket\").removeClass(\"show\");\n});\n$(\"#rocket\").click(function() {\n    $(\"#rocket\").addClass(\"launch\");\n    $(\"html, body\").animate({\n        scrollTop: 0\n    }, 500, function() {\n        $(\"#rocket\").removeClass(\"show launch\");\n    });\n    return false;\n});\n","site":{"data":{}},"excerpt":"","more":"$(window).scroll(function() {\n    $(window).scrollTop() > 500 ? $(\"#rocket\").addClass(\"show\") : $(\"#rocket\").removeClass(\"show\");\n});\n$(\"#rocket\").click(function() {\n    $(\"#rocket\").addClass(\"launch\");\n    $(\"html, body\").animate({\n        scrollTop: 0\n    }, 500, function() {\n        $(\"#rocket\").removeClass(\"show launch\");\n    });\n    return false;\n});\n"}],"Post":[],"PostAsset":[],"PostCategory":[],"PostTag":[],"Tag":[]}}