@charset "UTF-8";html,button,input,select,textarea,.MJXc-TeX-unknown-R,.pure-g [class*=pure-u] {
    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
}

body {
    background-color: #fff;
    color: #444;
    font-family: tibch,classic grotesque w01,helvetica neue,Arial,hiragino sans gb,stheiti,microsoft yahei,wenquanyi micro hei,SimSun,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px
}
.image-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* Set up 5 columns initially */
    gap: 5px; /* Space between images */
    white-space: nowrap; /* Prevent wrapping to the next line */
    overflow-x: auto; /* Allow horizontal scrolling if images overflow */
    width: 100%; /* Ensure the grid takes full width */
  }
  
  .image {
    display: inline-block;
  }
  
  .image-grid img {
    width: 25px;  /* Set each image width to 25px */
    height: 25px; /* Set each image height to 25px */
    object-fit: cover; /* Ensure the image covers the box without distortion */
  }
  
  /* Ensure images span across columns after the 5th item */
  .image:nth-child(n + 6) {
    grid-column: span 2; /* After the 5th item, span 2 columns */
  }
  
  /* Make sure grid maintains the image size on narrow screens */
  @media (max-width: 600px) {
    .image-grid {
      grid-template-columns: repeat(5, 25px); /* Keep 5 columns in narrow views */
      gap: 5px;
    }
  
    .image-grid img {
      width: 25px; /* Maintain the image size even on narrow screens */
      height: 25px;
    }
  }
  
  
.body_container {
    padding: 0 60px;
    max-width: 1150px;
    margin: 0 auto
}

.content_container {
    padding-right: 50px;
    padding-top: 20px
}

a,button.submit {
    color: #6e7173;
    text-decoration: none;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in
}

a:hover,a:active {
    color: #444
}

a:focus {
    outline: auto
}

.clear {
    clear: both
}

div {
    box-sizing: border-box
}

#header {
    padding: 58px 0 0;
    text-align: left;
    border-bottom: 1px solid #ddd;
    position: relative
}

#header .site-name {
    margin-bottom: 40px
}

#header .site-name h1 {
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden
}

#header .site-name #logo {
    font: bold 38px/1.12 "Times New Roman",Georgia,Times,sans-serif;
    color: #555
}

#header .site-name #logo span,#header .site-name #logo:hover {
    color: #777
}

#header .site-name .description {
    margin: .2em 0 0;
    color: #999
}

#header #nav-menu {
    margin: 10px 0 -1px;
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 0
}

#header #nav-menu a {
    display: inline-block;
    padding: 3px 20px;
    line-height: 30px;
    color: #444;
    font-size: 13px;
    border: 1px solid transparent
}

#header #nav-menu a:hover {
    border-bottom-color: #444
}

#header #nav-menu a.current {
    border: 1px solid #ddd;
    border-bottom-color: #fff
}

#sidebar {
    border-left: 1px solid #ddd;
    padding-left: 35px;
    margin-top: 40px;
    padding-bottom: 20px;
    word-wrap: break-word
}

#sidebar .widget {
    margin-bottom: 30px
}

#sidebar .widget .widget-title {
    color: #6e7173;
    line-height: 2.7;
    margin-top: 0;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    display: block;
    font-weight: 400
}

#sidebar .widget .comments-title {
    color: #6e7173;
    line-height: 2.7;
    margin-top: 0;
    font-size: 16px;
    border-bottom: 0 solid #ddd;
    display: block;
    font-weight: 400
}

#sidebar .widget .tagcloud {
    margin-top: 10px
}

#sidebar .widget .tagcloud a {
    line-height: 1.5;
    padding: 5px
}

#sidebar .widget ul {
    list-style: none;
    padding: 0
}

#sidebar .widget ul li {
    margin: 5px 0;
    line-height: 1.5
}

#sidebar .widget ul li .wl-emoji {
    width: 16px
}

#sidebar .widget .category-list-count {
    padding-left: 5px;
    color: #6e7173
}

#sidebar .widget .category-list-count::before {
    content: "("
}

#sidebar .widget .category-list-count::after {
    content: ")"
}

#sidebar .widget .category-list-child li {
    margin-left: .6em!important;
    padding-left: 1em;
    position: relative
}

#sidebar .widget .category-list-child li::before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0
}

#sidebar .widget .search-form {
    position: relative;
    overflow: hidden
}

#sidebar .widget .search-form input {
    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);
    padding: 7px 11px 7px 28px;
    line-height: 16px;
    border: 1px solid #bbb;
    width: 65%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#sidebar .widget .author-info {
    text-align: center
}

#sidebar .widget .author-info a.info-avatar img {
    border-radius: 50%;
    padding: 4px;
    width: 96px;
    height: 96px;
    background-color: transparent;
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}

#sidebar .widget .author-info a.info-icon {
    font-size: 25px
}

.label-title {
    margin-top: 1.1em;
    font-size: 20px;
    font-weight: 400;
    color: #888
}

.post {
    padding: 25px 0 15px
}

.post .post-title {
    margin: 0;
    color: #555;
    text-align: left;
    font: bold 25px/1.1 "ff-tisa-web-pro",Cambria,"Times New Roman",Georgia,Times,sans-serif
}

.post .post-title a {
    color: #555
}

.post .post-title .top-post {
    font-weight: 400;
    height: 32px;
    padding: 0 6px;
    margin-right: 5px;
    line-height: 32px;
    font-size: 16px;
    white-space: nowrap;
    vertical-align: 2px;
    color: #fff;
    background-image: -webkit-linear-gradient(0deg,#3742fa 0,#a86af9 100%);
    border-radius: 2px 6px
}

.post .post-meta {
    padding: 0;
    margin: 15px 0 0;
    color: #6e7173;
    float: left;
    display: inline;
    text-indent: .15em
}

.post .post-meta:before {
    font-family: fontawesome;
    content: "\f073";
    padding-right: .3em
}

.post .post-meta .category:before {
    font-family: fontawesome;
    content: "\f07c";
    padding-right: .3em
}

.post .post-meta #busuanzi_value_page_pv:before {
    font-family: fontawesome;
    content: "\f024";
    padding-right: .3em
}

.post .ds-thread-count {
    padding: 0;
    margin: 15px 0 0;
    color: #6e7173;
    float: right;
    display: inline;
    text-indent: .15em
}

.post .ds-thread-count:before {
    font-family: fontawesome;
    content: "\f0e5";
    padding-right: .3em
}

.post .ds-thread-count:hover {
    color: #444
}

.post .disqus-comment-count {
    padding: 0;
    margin: 15px 0 0;
    color: #6e7173;
    float: right;
    display: inline;
    text-indent: .15em
}

.post .disqus-comment-count:before {
    font-family: fontawesome;
    content: "\f0e5";
    padding-right: .3em
}

.post .disqus-comment-count:hover {
    color: #444
}

.post .post-content {
    clear: left;
    font-size: 15px;
    line-height: 1.77;
    color: #444;
    padding-top: 15px;
    text-align: justify;
    text-justify: distribute;
    word-break: normal
}

.post .post-content h2 {
    margin: 1.4em 0 1.1em;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.post .post-content h3 {
    margin: 1.4em 0 1.1em
}

.post .post-content pre code {
    padding: 0 2em
}

.post .post-content p {
    margin: 0 0 1.234em;
    word-break: break-word;
    overflow-wrap: break-word
}

.post .post-content p code {
    display: inline-block;
    margin: 0 5px;
    padding: 0 5px;
    background: #f7f8f8;
    font-family: Menlo,Consolas,monospace!important
}

.post .post-content p a {
    color: #01579f;
    padding-bottom: 2px;
    word-break: normal
}

.post .post-content p a:hover {
    text-decoration: underline
}

.post .post-content .caption {
    color: #444;
    display: block;
    font-size: .9em;
    margin-top: .1em;
    position: relative;
    text-align: center
}

.post .post-content hr {
    margin: 2.4em auto;
    border: none;
    border-top: 1px solid #eee;
    position: relative
}

.post .post-content img {
    max-width: 100%;
    padding: .5em 0;
    margin: auto;
    display: block
}

.post .post-content ul,.post .post-content ol {
    border-radius: 3px;
    margin: 1em 0
}

.post .post-content ul ul,.post .post-content ol ul {
    margin: 0
}

.post .post-content ul code,.post .post-content ol code {
    display: inline-block;
    margin: 0 5px;
    padding: 0 5px;
    background: #f7f8f8;
    font-family: Menlo,Consolas,monospace!important
}

.post .post-content ul a,.post .post-content ol a {
    color: #01579f;
    padding-bottom: 2px;
    word-break: normal
}

.post .post-content ul a:hover,.post .post-content ol a:hover {
    text-decoration: underline
}

.post .post-content .tagcloud {
    margin: 0 0 30px
}

.post .post-content .tagcloud a {
    padding: 0 5px;
    margin: 3px;
    display: inline-block;
    border: 1px solid gray;
    border-radius: 999em;
    color: #aaa
}

.post .post-content .tagcloud a:hover {
    color: #fff;
    border: 1px solid gray;
    background: gray
}

.post .post-content .one-tag-list {
    margin: 30px 0
}

.post .post-content .one-tag-list .tag-name .tag-text {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 700
}

.post .tags a {
    margin-right: .5em
}

.post .tags a i {
    padding-right: .3em
}

.page-navigator {
    border-top: 1px solid #ddd;
    list-style: none;
    margin-top: 25px;
    padding: 25px 0 0;
    font-size: 14px;
    text-align: center
}

.page-navigator .page-number {
    display: inline-block;
    margin: 0 5px 5px 0
}

.page-navigator a,.page-navigator span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 5px 9px;
    border: 1px solid #ddd;
    text-align: center
}

.page-navigator a:hover,.page-navigator span:hover {
    background: #f8f8f8;
    border-bottom-color: #d26911
}

.page-navigator a.prev,.page-navigator span.prev {
    float: left
}

.page-navigator a.prev:before,.page-navigator span.prev:before {
    font-family: fontawesome;
    content: "\f100";
    padding-right: .3em
}

.page-navigator a.next,.page-navigator span.next {
    float: right
}

.page-navigator a.next:after,.page-navigator span.next:after {
    font-family: fontawesome;
    content: "\f101";
    padding-left: .3em
}

.page-navigator .current {
    background: #f8f8f8;
    border-bottom-color: #d26911
}

.page-navigator .space {
    border: none;
    padding: 5px
}

#footer {
    padding: .8em 0 3.6em;
    margin-top: 1em;
    line-height: 2.5;
    color: #6e7173;
    text-align: center
}

#footer span {
    font-size: .9em
}

.post-archive {
    font-size: 15px;
    line-height: 2;
    padding-bottom: .8em
}

.post-archive h2 {
    margin: 0;
    font: bold 25px/1.1 "ff-tisa-web-pro",Cambria,"Times New Roman",Georgia,Times,sans-serif
}

.post-archive .date {
    padding-right: .7em
}

@media print,screen and (max-width: 48em) {
    .body_container {
        padding:0 30px
    }

    .content_container {
        padding-right: 15px
    }

    .hidden_mid_and_down {
        display: none!important
    }

    #sidebar {
        border-left-width: 0
    }

    #header .site-name {
        margin-bottom: 20px;
        text-align: center
    }

    #header #nav-menu {
        position: relative;
        text-align: center
    }

    #header #nav-menu a {
        padding: 0 15px;
        line-height: 27px;
        height: 27px;
        font-size: 13px
    }
}

@media print,screen and (max-width: 35.5em) {
    .body_container {
        padding:0 20px
    }

    .content_container {
        padding-right: 0
    }
}

blockquote,.stressed {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2.5em 0;
    padding: 0 0 0 50px;
    color: #555;
    border-left: none
}

blockquote::before,.stressed-quote::before {
    content: "“";
    display: block;
    font-family: times;
    font-style: normal;
    font-size: 48px;
    color: #444;
    font-weight: 700;
    line-height: 30px;
    margin-left: -50px;
    position: absolute
}

strong,b,em {
    font-weight: 700
}

pre {
    margin: 2em 0
}

.hidden1 {
    display: none
}

@media print,screen and (min-width: 48em) {
    #rocket {
        position:fixed;
        right: 50px;
        bottom: 50px;
        display: block;
        visibility: hidden;
        width: 26px;
        height: 48px;
        background: url(data:image/png;base64,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) no-repeat 50% 0;
        opacity: 0;
        -webkit-transition: visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);
        -moz-transition: visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);
        transition: visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)
    }

    #rocket i {
        display: block;
        margin-top: 48px;
        height: 14px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAB8CAYAAAB356CJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAbdSURBVHja5NlbbBRVGAfw5VID+LAK8cEoxqTgmw8kPPhwipTGxJTDUAVBQBMNKtZboiDE2ES8pFEjGhNkkCrin3JbZo4YCqloUOoKJCDIRWyRAgW6R3dobU2bJtj6+eCMTqczs2d3Zh6Mm3xpdvc7++vMnHNmzvlSRJQqJgA8B8AC8EQx7YoBxgD4CAC54i0Ao2KDAIwCsNGDOPF6nNBLAYgTiyNDAKYDGCwA/Q7gtpIhAKMBHC+AOPF5FGiBIuLEXaVCR4uEzKIhAHcViRCAP4OuVRi0pgSIACwvFurw/ohhGJTP56m7u5vy+TwZhuEHHVKGANzmh3R3d48IH2wQwPWq0CIv5ByJN/L5vN9RzVKF3vQ29kOcULlOQZAZ8YjWq0JHI1wjAvClKnTJr+sq9joCcEoV6itxDDmRU4UoYvT8f6GeiFCXKpSLCJ1XhU5GhI6oQs0RoT2qUENESFeFlkeEXlCFZkeEqlWhWyNCtxSE7GdsPSL0AYAxgRCACQB2xzAzEAABYMIIyEYOxIQ4sR/AOC+UiRlxYvM/EID5CSFO1DjQoYShFmfFMJgwdC0FYHzCCAEYck5dZ8LQWQdCwpAe19xWKCocqAzA1YSQiwBGuwfs2yHJpwDcEBJHQtqu9s4MU0KSHy+wBF0c1NsATPabVL/ye6IBML4AVAbgik/bvUGz9zyf5HrFTY9VPm0XBkFlAH7xrN5uVYQmAuh3P0Q6M3fQje81V/LWIne+1gY9oPglTwLQai+Wby8SugnAj/Y2W7nqqnyUz2cagDb7P24DoAXshI2Nsl9XZXdXb/etintjMBswVrJxQ0H3rMG4oYEAaOA/e+rqAqC6uKHyAKg8VsjGDnqQg7Hve9tQrQeqTQpKuybOfgDpRCDParAhkZKBC5pmQ9MShWysvtg2RSOZTKYu0WqLYRhjTdMUQghqbGxMrtpimuYuIQQJIWj79u3JVFsMw3jHQYQQfhuC0asthmFUCiGG3JAQgjZv3hxftaW5uXmMEOJnLyKEoK1bt8ZXbTEMY5kfIoSgHTt2xFdtEUK0BkE7d+6Mp9piGMY9QYgQgkzTjKfaYprmJvcPn/vhOHV8+D511j5EuUWzqXPZEmpd9x59/102WrVFCPGrG7myopZkzUyS2ox/Ijf3bjq/8mkvpl5tMQzjDvfRdKx7l+TcmZR7bAH1nThGf167Rn0njlHn0gcoV1NJrWvXlFZtMQzjaTfU+eQSknMqqP+n0+R+9Z05RXJOBXUsW1xatcUwjAY3lLu/iuScCvJ7SW0GXVlUXVq1xTTN/cOghfcGH5E2w++I1Kot3vFzceP6vy++5xrlli6gXM1MOvOxXlq1RQiR946by6tXkpw7vNfJmko698qL1NzUVFq1RQgx4DdIL2z7lDqfephyD2l05dlH6ELjRj9EvdoSNiMozA7qtQlVSAjx34H6IkJdqlBXROi86oBtjwgdUYUOR4T2qEJmREhXnVTrI0IvqEJLIg7YalWoXAUKqSwXrrZIzsZIzvSfT5woCTr2zdckOftAchZcbZGcTZCc7ZacUfu+vQWhTCYzAjq9vZEkZyQ5E5KzkdUWGzlgJ9GFjetLgtrerXcgkpztl5yN80IZVwJdWvVMQcizqiAAdPHZR90QSc7+rbZIzuZ7vqTcfZXUdvp0KOR9/j78bQvlaiq9EEnOahzokM+X1P7FnlBoy5Ytw69P4yd+CEnOWlKSs9GSs0G/hI41bxQ1WNtffj4IupaSnI0P+JJyD1bT8aNHlbr24ZYWys2rCoKGnFPXGYS1N+1S6nFnPtaDEJKcnXUgBCVdfrHWF9q2bdswqGPZ4jBId6DZIUnUnm0J7Qgnd5lhCEnOKhyoTHJ2NSjx0qurQifTCytqw5CLkrPR7gH7dkhy6HaZ5OzbkLarvTPDlJDkRQWg+UG9TXI22W9S/conWUrOrisAjbVPkbft3qDZe55P8qsqmx6SsxU+bRcGQWWSs19ciX9Izm5WhG6UnPW52vY4M3fQje81V3JR1RbJ2Vr32Cl0h50kOWuVnHVIzm4vErpJcvaj5MySnKlVWyRnw7bHLF1L9WbTWm823dabTZP9V7N0bUQ7yVnp1RZL16p69k0eshHqzaapZ9/kIUvX4q22WLqW7cpMJzfUlZlOlq5l44YGrQ3VwyBrQzVZujYYNzRg6Rr1tkz8G2qZSJaukaVrA7GfOkvX6LemqdSbTdNvTVMdKPZTV2fpGl3dNIt6s2m6ummWA9XFDZXbP0zdn93pIGTpWnncUMrStYMugOz3qSSgWg9UmxSUtnSt30b67feJQClL1xpsqMH5LClomg1NSxpKWbpW736v0v6vAQCo4CbBrd8RBQAAAABJRU5ErkJggg==) no-repeat 50% -48px;
        opacity: .5;
        -webkit-transition: -webkit-transform .2s;
        -moz-transition: -moz-transform .2s;
        transition: transform .2s;
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    #rocket:hover {
        background-position: 50% -62px
    }

    #rocket:hover i {
        background-position: 50% 100%;
        -webkit-animation: flaming .7s infinite;
        -moz-animation: flaming .7s infinite;
        animation: flaming .7s infinite
    }

    #rocket.show {
        visibility: visible;
        opacity: 1
    }

    #rocket.launch {
        background-position: 50% -62px;
        opacity: 0;
        -webkit-transform: translateY(-500px);
        -moz-transform: translateY(-500px);
        -ms-transform: translateY(-500px);
        transform: translateY(-500px);
        pointer-events: none
    }

    #rocket.launch i {
        background-position: 50% 100%;
        -webkit-transform: scale(1.4,3.2);
        -moz-transform: scale(1.4,3.2);
        transform: scale(1.4,3.2)
    }
}

#process {
    padding: 80px 0;
    background-color: #fff
}

#process .col-md-2 i {
    font-size: 50px;
    position: relative;
    top: 10px
}

#process .timeline-centered {
    position: relative;
    min-height: 14px;
    margin-bottom: 30px
}

#process .timeline-centered::before,#process .timeline-centered::after,#process .timeline-centered::before,#process .timeline-centered::after {
    content: " ";
    display: table
}

#process .timeline-centered::after {
    clear: both
}

#process .timeline-centered::before {
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    background: #f5f5f6;
    top: 50px;
    bottom: 50px;
    margin-left: 10px
}

#process .timeline-centered .timeline-entry {
    position: relative;
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 10px;
    clear: both
}

#process .timeline-centered .timeline-entry::before,#process .timeline-centered .timeline-entry::after {
    content: " ";
    display: table
}

#process .timeline-centered .timeline-entry::after {
    clear: both
}

#process .timeline-centered .timeline-entry.begin {
    margin-bottom: 0
}

#process .timeline-centered .timeline-entry.left-aligned {
    float: left
}

#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
    margin-left: 0;
    margin-right: -18px
}

#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
    left: auto;
    right: -100px;
    text-align: left
}

#process span.number {
    font-family: georgia,serif,Helvetica,helvetica neue,hiragino sans gb,microsoft yahei,source han sans cn,wenquanyi micro hei,Arial,sans-serif;
    font-style: italic;
    font-size: 20px;
    line-height: 0;
    color: #e7e7e5;
    position: relative;
    top: -4px
}

#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
    float: right
}

#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
    margin-left: 0;
    margin-right: 70px
}

#process .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label::after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -9px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.timeline-label p {
    font-family: Helvetica,helvetica neue,hiragino sans gb,microsoft yahei,source han sans cn,wenquanyi micro hei,Arial,sans-serif;
    margin-bottom: 3px
}

#process .timeline-centered .timeline-entry .timeline-entry-inner {
    position: relative;
    margin-left: -20px
}

#process .timeline-centered .timeline-entry .timeline-entry-inner::before,#process .timeline-centered .timeline-entry .timeline-entry-inner::after {
    content: " ";
    display: table
}

#process .timeline-centered .timeline-entry .timeline-entry-inner::after {
    clear: both
}

#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
    position: absolute;
    left: -100px;
    text-align: right;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {
    display: block
}

#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {
    font-size: 15px;
    font-weight: 700
}

#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {
    font-size: 12px
}

#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    background: #fff;
    color: #737881;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    border: 4px solid #f5f5f6;
    line-height: 40px;
    font-size: 15px;
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    margin-left: -9px
}

#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
    background-color: #303641;
    color: #fff
}

#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    position: relative;
    background: #eee;
    padding: 30px;
    margin-left: 60px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #eee transparent transparent;
    left: 0;
    top: 50%;
    margin-top: -9px;
    margin-left: -9px
}

#process .line {
    position: absolute;
    display: block;
    width: 4px;
    background: #eee;
    top: -18px;
    right: -30px;
    bottom: -8px
}

#process .present,#process .born {
    font-size: 14px;
    font-family: georgia,serif,Helvetica,helvetica neue,hiragino sans gb,microsoft yahei,source han sans cn,wenquanyi micro hei,Arial,sans-serif;
    font-style: italic;
    color: #333;
    padding: 10px;
    background-color: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#process .present::after,#process .born::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: transparent;
    border-left-color: #eee;
    border-width: 10px;
    margin-top: -10px
}

#process .present {
    position: absolute;
    top: -18px;
    right: 0;
    margin-top: -20px;
    line-height: 100%
}

#process .born {
    position: absolute;
    bottom: -8px;
    right: 0;
    margin-bottom: -20px;
    line-height: 100%
}

#process .dot_tp {
    position: absolute;
    top: -18px;
    right: -35px;
    background-color: transparent;
    height: 15px;
    width: 15px;
    margin-top: -13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #eee
}

#process .dot_bt {
    position: absolute;
    bottom: -8px;
    right: -35px;
    background-color: transparent;
    height: 15px;
    width: 15px;
    margin-bottom: -13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #eee
}

@media(max-width: 768px) {
    #process .line {
        right:10px
    }

    #process .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
        margin-right: 30px;
        margin-left: 45px;
        padding: 20px
    }

    #process .timeline-centered .timeline-entry {
        margin-right: 20px
    }

    #process .dot_tp,#process .dot_bt {
        right: 5px
    }

    #process .present,#process .born {
        right: 35px
    }
}

.readmore a {
    font-size: 14px;
    color: #444;
    margin: -10px 0;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    float: right
}

.readmore a:after {
    font-family: fontawesome;
    content: "\f101";
    padding-left: .3em
}

.readmore a:hover {
    background: #f8f8f8;
    border-bottom-color: #d26911
}

figure.highlight,.codeblock {
    background: #f7f8f8;
    margin: 10px 0;
    line-height: 1.1em;
    color: #333;
    padding-top: 15px;
    overflow: hidden
}

figure.highlight table,.codeblock table {
    display: block;
    width: 100%
}

figure.highlight pre,figure.highlight .gutter,figure.highlight .code,figure.highlight .tag,.codeblock pre,.codeblock .gutter,.codeblock .code,.codeblock .tag {
    background-color: inherit;
    font-family: Menlo,Consolas,monospace;
    border: none;
    padding: 0;
    margin: 0;
    cursor: text
}

figure.highlight .gutter,figure.highlight .code,.codeblock .gutter,.codeblock .code {
    vertical-align: top
}

figure.highlight.plain .gutter,.codeblock.plain .gutter {
    display: none
}

figure.highlight figcaption,.codeblock figcaption {
    font-size: 13px;
    padding: 0 15px 20px;
    margin: 0;
    background: #f7f8f8;
    color: #999
}

figure.highlight figcaption a,.codeblock figcaption a {
    float: right;
    color: #01579f
}

figure.highlight .gutter,.codeblock .gutter {
    background: #f7f8f8;
    border-right: 1px solid #e6e6e6;
    padding: .3em 15px;
    user-select: none
}

figure.highlight .code,.codeblock .code {
    padding: .3em 15px .3em 1em;
    width: 100%
}

figure.highlight .code pre,.codeblock .code pre {
    max-width: 900px;
    overflow-x: auto;
    overflow-y: hidden
}

figure.highlight .line,.codeblock .line {
    height: 1.3em;
    font-size: 13px
}

.gist .line,.gist .line-number {
    font-family: Menlo,Consolas,monospace;
    font-size: 1em;
    margin: 0 0 5px;
    user-select: none
}

.highlight .comment {
    color: #969896
}

.highlight .string {
    color: #183691
}

.highlight .keyword {
    color: #a71d5d
}

.highlight.apacheconf .code .common,.highlight.apacheconf .code .nomarkup,.highlight.apacheconf .code .attribute,.highlight.apacheconf .code .variable,.highlight.apacheconf .code .cbracket,.highlight.apacheconf .code .keyword {
    color: #0086b3
}

.highlight.apacheconf .code .sqbracket {
    color: #df5000
}

.highlight.apacheconf .code .section,.highlight.apacheconf .code .tag {
    color: #63a35c
}

.highlight.bash .code .shebang {
    color: #969896
}

.highlight.bash .code .literal,.highlight.bash .code .built_in {
    color: #0086b3
}

.highlight.bash .code .variable {
    color: #333
}

.highlight.bash .code .title {
    color: #795da3
}

.highlight.coffeescript .code .title {
    color: #795da3
}

.highlight.coffeescript .code .literal,.highlight.coffeescript .code .built_in,.highlight.coffeescript .code .number {
    color: #0086b3
}

.highlight.coffeescript .code .reserved,.highlight.coffeescript .code .attribute {
    color: #1d3e81
}

.highlight.coffeescript .code .subst,.highlight.coffeescript .code .regexp,.highlight.coffeescript .code .attribute {
    color: #df5000
}

.highlight.cpp .code .preprocessor,.highlight.c .code .preprocessor {
    color: #df5000
}

.highlight.cpp .code .meta-keyword,.highlight.c .code .meta-keyword {
    color: #a71d5d
}

.highlight.cpp .code .title,.highlight.c .code .title {
    color: #795da3
}

.highlight.cpp .code .number,.highlight.cpp .code .built_in,.highlight.c .code .number,.highlight.c .code .built_in {
    color: #0086b3
}

.highlight.clj .code .builtin-name {
    color: #df5000
}

.highlight.clj .code .name {
    color: #795da3
}

.highlight.clj .code .number {
    color: #0086b3
}

.highlight.cs .code .preprocessor,.highlight.cs .code .preprocessor .keyword {
    color: #333
}

.highlight.cs .code .title {
    color: #795da3
}

.highlight.cs .code .number,.highlight.cs .code .built_in {
    color: #0086b3
}

.highlight.cs .code .xmlDocTag,.highlight.cs .code .doctag {
    color: #63a35c
}

.highlight.css .code .at_rule,.highlight.css .code .important,.highlight.css .code .meta {
    color: #a71d5d
}

.highlight.css .code .attribute,.highlight.css .code .hexcolor,.highlight.css .code .number,.highlight.css .code .function {
    color: #0086b3
}

.highlight.css .code .attr_selector,.highlight.css .code .value {
    color: #333
}

.highlight.css .code .id,.highlight.css .code .class,.highlight.css .code .pseudo,.highlight.css .code .selector-pseudo {
    color: #795da3
}

.highlight.css .code .tag,.highlight.css .code .selector-tag {
    color: #63a35c
}

.highlight.diff .code .chunk,.highlight.diff .code .meta {
    color: #795da3;
    font-weight: 700
}

.highlight.diff .code .addition {
    color: #55a532;
    background-color: #eaffea
}

.highlight.diff .code .deletion {
    color: #bd2c00;
    background-color: #ffecec
}

.highlight.http .code .attribute,.highlight.http .code .attr {
    color: #183691
}

.highlight.http .code .literal {
    color: #0086b3
}

.highlight.http .code .request {
    color: #a71d5d
}

.highlight.ini .code .title,.highlight.ini .code .section {
    color: #795da3
}

.highlight.ini .code .setting,.highlight.ini .code .attr {
    color: #a71d5d
}

.highlight.ini .code .value,.highlight.ini .code .keyword {
    color: #333
}

.highlight.java .code .title {
    color: #795da3
}

.highlight.java .code .javadoc {
    color: #969896
}

.highlight.java .code .meta,.highlight.java .code .annotation,.highlight.java .code .javadoctag {
    color: #a71d5d
}

.highlight.java .code .number {
    color: #0086b3
}

.highlight.java .code .params {
    color: #1d3e81
}

.highlight.js .code .built_in,.highlight.js .code .title {
    color: #795da3
}

.highlight.js .code .javadoc {
    color: #969896
}

.highlight.js .code .tag,.highlight.js .code .javadoctag {
    color: #a71d5d
}

.highlight.js .code .tag .title {
    color: #333
}

.highlight.js .code .regexp {
    color: #df5000
}

.highlight.js .code .literal,.highlight.js .code .number {
    color: #0086b3
}

.highlight.json .code .attribute {
    color: #183691
}

.highlight.json .code .number,.highlight.json .code .literal {
    color: #0086b3
}

.highlight.mak .code .constant {
    color: #333
}

.highlight.mak .code .title {
    color: #795da3
}

.highlight.mak .code .keyword,.highlight.mak .code .meta-keyword {
    color: #0086b3
}

.highlight.md .code .value,.highlight.md .code .link_label,.highlight.md .code .strong,.highlight.md .code .emphasis,.highlight.md .code .blockquote,.highlight.md .code .quote,.highlight.md .code .section {
    color: #183691
}

.highlight.md .code .link_reference,.highlight.md .code .symbol,.highlight.md .code .code {
    color: #0086b3
}

.highlight.md .code .link_url,.highlight.md .code .link {
    text-decoration: underline
}

.highlight.nginx .code .title,.highlight.nginx .code .attribute {
    color: #a71d5d
}

.highlight.nginx .code .built_in,.highlight.nginx .code .literal {
    color: #0086b3
}

.highlight.nginx .code .regexp {
    color: #183691
}

.highlight.nginx .code .variable {
    color: #333
}

.highlight.objectivec .code .preprocessor,.highlight.objectivec .code .meta {
    color: #a71d5d
}

.highlight.objectivec .code .preprocessor .title,.highlight.objectivec .code .meta .title {
    color: #df5000
}

.highlight.objectivec .code .meta-string {
    color: #183691
}

.highlight.objectivec .code .title {
    color: #795da3
}

.highlight.objectivec .code .literal,.highlight.objectivec .code .number,.highlight.objectivec .code .built_in {
    color: #0086b3
}

.highlight.perl .code .sub {
    color: #795da3
}

.highlight.perl .code .title {
    color: #795da3
}

.highlight.perl .code .regexp {
    color: #df5000
}

.highlight.php .code .phpdoc,.highlight.php .code .doctag {
    color: #a71d5d
}

.highlight.php .code .regexp {
    color: #df5000
}

.highlight.php .code .literal,.highlight.php .code .number {
    color: #0086b3
}

.highlight.php .code .title {
    color: #795da3
}

.highlight.python .code .decorator,.highlight.python .code .title,.highlight.python .code .meta {
    color: #795da3
}

.highlight.python .code .number {
    color: #0086b3
}

.highlight.ruby .code .parent,.highlight.ruby .code .title {
    color: #795da3
}

.highlight.ruby .code .prompt,.highlight.ruby .code .constant,.highlight.ruby .code .number,.highlight.ruby .code .subst .keyword,.highlight.ruby .code .symbol {
    color: #0086b3
}

.highlight.sql .built_in {
    color: #a71d5d
}

.highlight.sql .number {
    color: #0086b3
}

.highlight.xml .tag,.highlight.html .tag {
    color: #333
}

.highlight.xml .value,.highlight.html .value {
    color: #183691
}

.highlight.xml .attribute,.highlight.xml .attr,.highlight.html .attribute,.highlight.html .attr {
    color: #795da3
}

.highlight.xml .title,.highlight.xml .name,.highlight.html .title,.highlight.html .name {
    color: #63a35c
}

.highlight.puppet .title {
    color: #795da3
}

.highlight.puppet .function {
    color: #0086b3
}

.highlight.puppet .name {
    color: #a71d5d
}

.highlight.puppet .attr {
    color: #0086b3
}

.highlight.less .tag,.highlight.less .at_rule {
    color: #a71d5d
}

.highlight.less .number,.highlight.less .hexcolor,.highlight.less .function,.highlight.less .attribute {
    color: #0086b3
}

.highlight.less .built_in {
    color: #df5000
}

.highlight.less .id,.highlight.less .pseudo,.highlight.less .class,.highlight.less .selector-id,.highlight.less .selector-class,.highlight.less .selector-tag {
    color: #795da3
}

.highlight.lisp .code .name {
    color: #df5000
}

.highlight.lisp .code .number {
    color: #0086b3
}

.highlight.scss .tag,.highlight.scss .at_rule,.highlight.scss .important {
    color: #a71d5d
}

.highlight.scss .number,.highlight.scss .hexcolor,.highlight.scss .function,.highlight.scss .attribute {
    color: #0086b3
}

.highlight.scss .variable {
    color: #333
}

.highlight.scss .built_in {
    color: #df5000
}

.highlight.scss .id,.highlight.scss .pseudo,.highlight.scss .class,.highlight.scss .preprocessor,.highlight.scss .selector-class,.highlight.scss .selector-id {
    color: #795da3
}

.highlight.scss .tag,.highlight.scss .selector-tag {
    color: #63a35c
}

.highlight.stylus .at_rule {
    color: #a71d5d
}

.highlight.stylus .tag,.highlight.stylus .selector-tag {
    color: #63a35c
}

.highlight.stylus .number,.highlight.stylus .hexcolor,.highlight.stylus .attribute,.highlight.stylus .params {
    color: #0086b3
}

.highlight.stylus .class,.highlight.stylus .id,.highlight.stylus .pseudo,.highlight.stylus .title,.highlight.stylus .selector-id,.highlight.stylus .selector-pseudo,.highlight.stylus .selector-class {
    color: #795da3
}

.highlight.go .typename {
    color: #a71d5d
}

.highlight.go .built_in,.highlight.go .constant {
    color: #0086b3
}

.highlight.swift .preprocessor {
    color: #a71d5d
}

.highlight.swift .title {
    color: #795da3
}

.highlight.swift .built_in,.highlight.swift .number,.highlight.swift .type {
    color: #0086b3
}

.highlight.yml .line,.highlight.yml .attr {
    color: #63a35c
}

.highlight.yml .line,.highlight.yml .string,.highlight.yml .type,.highlight.yml .literal,.highlight.yml .meta {
    color: #183691
}

.highlight.yml .number {
    color: #0086b3
}

.post-nav {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 10px;
    white-space: nowrap;
    border-top: 1px solid #eee
}

.post-nav a {
    display: inline-block;
    line-height: 25px;
    font-size: 15px;
    color: #555;
    border-bottom: none;
}

.post-nav a.pre {
    float: left
}

.post-nav a.pre:before {
    font-family: fontawesome;
    content: "\f0d9";
    padding-right: .3em
}

.post-nav a.next {
    float: right
}

.post-nav a.next:after {
    font-family: fontawesome;
    content: "\f0da";
    padding-left: .3em
}

.post-nav a:hover {
    border-bottom: none;
    color: #222
}

.toc-article {
    border: 1px solid #bbb;
    border-radius: 7px;
    margin: 1.1em 0 0 2em;
    padding: .7em .7em 0;
    max-width: 40%
}

.toc-title {
    font-size: 120%
}

#toc {
    line-height: 1em;
    float: right
}

#toc .toc {
    padding: 0;
    margin: .5em;
    line-height: 1.8em
}

#toc .toc li {
    list-style-type: none
}

#toc .toc-child {
    margin-left: 1em;
    padding-left: 0
}

@media print,screen and (max-width: 48em) {
    .toc-article {
        margin:0;
        max-width: 100%
    }

    .clear {
        padding: 2.1em 0 0
    }

    #toc {
        float: none
    }
}

table {
    margin: auto auto 15px;
    width: 100%;
    background: 0 0;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left
}

table th {
    font-weight: 700;
    padding: 5px 10px;
    border-bottom: 2px solid #909ba2
}

table td {
    padding: 5px 10px
}

table tr:nth-child(2n) {
    background: #f7f8f8
}

.article-share-link {
    cursor: pointer;
    float: right;
    margin-left: 20px
}

.article-share-link:before {
    font-family: fontawesome;
    content: "\f064";
    padding-right: 6px
}

.article-share-box {
    position: absolute;
    display: none;
    background: #fff;
    box-shadow: 1px 2px 10px rgba(0,0,0,.2);
    border-radius: 3px;
    margin-left: -145px;
    overflow: hidden;
    z-index: 1
}

.article-share-box.on {
    display: block
}

.article-share-input {
    width: 100%;
    background: 0 0;
    box-sizing: border-box;
    font: 14px helvetica neue,Helvetica,Arial,sans-serif;
    padding: 0 15px;
    color: #555;
    outline: none;
    border: 1px solid #ddd;
    border-radius: 3px 3px 0 0;
    height: 36px;
    line-height: 36px
}

.article-share-links {
    background: #eee
}

.article-share-element,.article-share-qrcode,.article-share-weibo,.article-share-facebook,.article-share-twitter {
    width: 50px;
    height: 36px;
    display: block;
    float: left;
    position: relative;
    color: #999;
    text-shadow: 0 1px #fff
}

.article-share-element:before,.article-share-qrcode:before,.article-share-weibo:before,.article-share-facebook:before,.article-share-twitter:before {
    font-size: 20px;
    font-family: fontawesome;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    text-align: center
}

.article-share-element:hover,.article-share-qrcode:hover,.article-share-weibo:hover,.article-share-facebook:hover,.article-share-twitter:hover {
    color: #fff
}

.article-share-twitter:before {
    content: "\f099"
}

.article-share-twitter:hover {
    background: #00aced
}

.article-share-facebook:before {
    content: "\f09a"
}

.article-share-facebook:hover {
    background: #3b5998
}

.article-share-weibo:before {
    content: "\f18a"
}

.article-share-weibo:hover {
    background: #d44137
}

.article-share-qrcode:before {
    content: "\f029"
}

.article-share-qrcode:hover,.article-share-qrcode:active {
    background: #38ad5a
}

.article-share-qrcode:hover~.qrcode,.article-share-qrcode:active~.qrcode {
    display: block;
    text-align: center
}

.qrcode {
    display: none
}

ul.search-result-list {
    padding-left: 10px
}

a.search-result-title {
    font-weight: 700;
    font-size: 15px;
    color: #555
}

p.search-result {
    color: #444;
    text-align: justify
}

em.search-keyword {
    font-weight: 700;
    font-style: normal;
    color: #01579f
}

.disqus_click_btn {
    line-height: 30px;
    margin: 0;
    min-width: 50px;
    padding: 0 14px;
    display: inline-block;
    font-family: roboto,helvetica,arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    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);
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 0;
    background: rgba(158,158,158,.2);
    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);
    color: #fff;
    background-color: #999;
    text-shadow: 0
}

.github-badge {
    display: inline-block;
    border-radius: 4px;
    text-shadow: none;
    font-size: 12px;
    color: #fff;
    line-height: 1.25;
    background-color: #abbac3;
    margin-bottom: 5px
}

.github-badge a {
    color: #fff
}

.github-badge img {
    height: 1.25em;
    vertical-align: top
}

.github-badge .badge-subject {
    display: inline-block;
    background-color: #555;
    padding: 4px 4px 4px 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.github-badge .badge-value {
    display: inline-block;
    padding: 4px 6px 4px 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.github-badge .bg-brightgreen {
    background-color: #4c1!important
}

.github-badge .bg-green {
    background-color: #97ca00!important
}

.github-badge .bg-yellowgreen {
    background-color: #a4a61d!important
}

.github-badge .bg-orange {
    background-color: #fe7d37!important
}

.github-badge .bg-yellow {
    background-color: #dfb317!important
}

.github-badge .bg-blueviolet {
    background-color: #8a2be2!important
}

.github-badge .bg-pink {
    background-color: pink!important
}

.github-badge .bg-red {
    background-color: #e05d44!important
}

.github-badge .bg-blue {
    background-color: #007ec6!important
}

.github-badge .bg-grey,.github-badge .bg-gray {
    background-color: #555!important
}

.github-badge .bg-lightgrey,.github-badge .bg-lightgray {
    background-color: #9f9f9f!important
}

#waline {
    --waline-font-size: 16px;
    --waline-white: #fff;
    --waline-light-grey: #999;
    --waline-dark-grey: #666;
    --waline-theme-color: #34495e;
    --waline-active-color: #bababa;
    --waline-text-color: #444;
    --waline-bgcolor: #fff;
    --waline-bgcolor-light: #f8f8f8;
    --waline-bgcolor-hover: #f0f0f0;
    --waline-border-color: #ddd;
    --waline-disable-bgcolor: #f8f8f8;
    --waline-disable-color: #bbb;
    --waline-code-bgcolor: #282c34;
    --waline-bq-color: #f0f0f0;
    --waline-avatar-size: 3.25rem;
    --waline-mobile-avatar-size: calc(var(--waline-avatar-size) * 9 / 13);
    --waline-badge-color: #34495e;
    --waline-badge-font-size: 0.775em;
    --waline-info-bgcolor: #f8f8f8;
    --waline-info-color: #999;
    --waline-info-font-size: 0.625em;
    --waline-border: 1px solid var(--waline-border-color);
    --waline-avatar-radius: 50%;
    --waline-box-shadow: none
}

html[data-dark=true] {
    background-color: #121212!important;
    filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%);
    -webkit-filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%)
}

html[data-dark=true] img {
    filter: hue-rotate(180deg) contrast(100%) invert(100%);
    -webkit-filter: hue-rotate(180deg) contrast(100%) invert(100%)
}

.darkmode-toggle {
    background: #a2a2a2;
    width: 3rem;
    height: 3rem;
    position: fixed;
    z-index: 999;
    border-radius: 50%;
    left: 32px;
    bottom: 32px;
    right: unset;
    cursor: pointer;
    transition: all .5s ease;
    display: flex;
    justify-content: center;
    align-items: center
}

.link-items {
    display: flex;
    text-align: center;
    justify-content: left;
    flex-wrap: wrap;
    padding: 0 .5rem;
    list-style-type: disc;
    margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:20px}

.link-items .link-item {
    display: inline-flex;
    --primary-color: #444
}

.link-items .link-item .link-url {
    display: inline-flex;
    text-align: center;
    justify-self: center;
    line-height: 1.5;
    width: 15rem;
    color: var(--primary-color,#000);
    padding: .5rem 1rem;
    margin: .5rem;
    transition: all .2s ease 0s
}

.link-items .link-item .link-url .link-left {
    display: inline-block;
    line-height: 0
}

.link-items .link-item .link-url .link-left .link-avatar {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    transition: all .5s ease 0s
}

.link-items .link-item .link-url .link-info {
    padding-left: .6rem;
    display: block
}

.link-items .link-item .link-url .link-info .link-blog {
    font-size: 1.24rem;
    font-weight: 700;
    margin: .42rem 0
}

.link-items .link-item .link-url .link-info .link-desc {
    font-size: .8rem;
    font-weight: 400;
    margin-top: .5rem;
    width: 10.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.waline-comment-content {
    margin: 6px;
    padding: 6px;
    border-radius: 6px
}

.waline-comment-content p {
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.waline-comment-content-author {
    text-align: end;
    margin-bottom: 6px
}

.article-tag-list-item {
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    padding: 0 6px;
    border-radius: 3px;
    background: #f6f6f6;
    min-width: 30px;
    text-align: center;
    margin: 3px
}

.article-tag-list-item a {
    text-align: center;
    color: #555
}

.article-tag-list-item a::before {
    content: "\f02b";
    font-family: FontAwesome;
    margin-right: 4px
}

.article-tag-list-item:hover {
    color: #555;
    background: #efefef
}

.article-tag-list {
    padding-left: 0
}