body { margin: 0; font-family: "Open Sans", "Helvetica Neue", "DejaVu Sans", Arial, "PingFang SC", "Noto Sans CJK SC", "Hiragino Sans GB", Helvetica, sans-serif; font-size: 16px; line-height: 1.5; }

a { text-decoration: none; color: #069; }

a:hover, a:focus { text-decoration: underline; color: #069; }

blockquote { background: #FFF; margin: 0; padding: 5px 20px; border-left: 10px solid #CCC; }

code, pre { font-family: Menlo, Monaco, Consolas, "DejaVu Sans Mono", "Liberation Mono", "Courier New", Courier, SimSun, monospace; font-size: 15px; }

code { color: #346; background-color: #fff; padding: 2px 5px; border-radius: 5px; }

pre { overflow-x: auto; padding: 20px 20px; background-color: #fff; border: 1px dotted #ccc; }

pre code { padding: 0; }

.hide { display: none; }

.center { text-align: center; }

table { border-collapse: collapse; border-spacing: 0; margin: 10pt auto; background: #FFF; }

table td, table th { border: 1px solid #CCC; padding: 5px 15px; margin: 0; }

table th { border-color: #555; background: #555; color: #eee; font-weight: normal; }

table tr:hover { background: rgba(255, 255, 0, 0.2); }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.MathJax_SVG_Display, .MathJax_Display, .MJXc-display, .MathJax_PHTML_Display { overflow-x: auto; }

@keyframes ebani-fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes ebani-descend { 0% { transform: translateY(-10px);
    opacity: 0.7; }
  100% { } }

@keyframes ebani-ascend { 0% { transform: translateY(10px); }
  100% { } }

body { background-color: #e0e0e3; }

.wrapper { margin: 0 auto; max-width: 1100px; }

@media (max-width: 1120px) { .wrapper { max-width: 860px; } }

.header { line-height: 32px; background-color: #607D8B; padding: 10px; margin: 0; }

.header:after { clear: both; content: ' '; display: block; }

.header #sidebar-toggle { display: none; }

.header .site-title { float: left; color: #FFF; text-decoration: none; font-size: 20px; line-height: 32px; }

.header .site-nav { text-align: right; }

.header .site-nav a { text-decoration: none; color: #CFD8DC; padding: 10px 20px; white-space: nowrap; }

.header .site-nav a:hover, .header .site-nav a:focus { background: #78909C; }

.header-placeholder { position: absolute; }

@media (max-width: 1120px) { .header-placeholder { position: static; }
  .header { position: fixed; left: 0; top: 0; right: 0; z-index: 20; }
  .header #sidebar-toggle { float: right; display: block; cursor: pointer; margin: -10px; margin-left: 0; padding: 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMyIgeDI9IjIxIiB5MT0iMTIiIHkyPSIxMiIvPjxsaW5lIHgxPSIzIiB4Mj0iMjEiIHkxPSI2IiB5Mj0iNiIvPjxsaW5lIHgxPSIzIiB4Mj0iMjEiIHkxPSIxOCIgeTI9IjE4Ii8+PC9zdmc+); background-repeat: no-repeat; background-position: center center; color: transparent; }
  .header .site-nav { display: none; }
  .header.expand-sidebar .site-nav { display: block; animation: ebani-fadein ease .5s 1; } }

.page-content { padding: 30px 0; }

.page-content .wrapper { position: relative; background: #FAFAFA; box-shadow: 0 1px 4px #999; outline: 1px solid #CCC; }

.page-content .wrapper:after { clear: both; content: ''; display: block; }

.page-content .wrapper:before { content: ''; display: block; position: absolute; width: 240px; height: 100%; right: 0; top: 0; background: #EEE; }

.page-content img { max-width: 100%; }

.col-main { position: relative; box-sizing: border-box; padding: 30px; width: 860px; float: left; animation: ebani-descend ease .5s 1; }

.col-main h1, .col-main h2, .col-main h3, .col-main h4, .col-main .post-meta, .col-main .rss-link { animation: ebani-ascend ease .5s 1; }

.col-main article table, .col-main article pre, .col-main article img, .col-main .post-excerpt table, .col-main .post-excerpt pre, .col-main .post-excerpt img { animation: ebani-ascend ease .3s 1; }

.col-second { position: relative; box-sizing: border-box; float: right; width: 240px; padding: 20px; background: #EEE; z-index: 10; }

.col-box { color: #666; font-size: 14px; padding-bottom: 20px; }

.col-box p { margin: 0; }

.col-box ul { padding-left: 20px; margin: 0; }

.col-box:not(:first-child) { border-top: 1px solid #ccc; padding-top: 20px; }

.col-box .col-box-title { color: #333; margin-bottom: 10px; font-size: 15.4px; }

@media (max-width: 1120px) { .page-content .wrapper { overflow: hidden; }
  .page-content .wrapper .col-second, .page-content .wrapper:before { z-index: 10; transition: transform .4s; transform: translateX(240px); }
  .page-content .wrapper.expand-sidebar:before { box-shadow: 0 0 4px #999; }
  .page-content .wrapper.expand-sidebar .col-second, .page-content .wrapper.expand-sidebar:before { transform: translateX(0); }
  .col-main { width: 100%; }
  .col-second { margin-left: -240px; } }

.col-box-author { text-align: center; }

.col-box-author .avatar { width: 60px; height: 82px; margin: 20px auto; display: block; }

.col-box-author .name { font-size: 16px; }

.col-box-author .contact { margin: 10px -10px 0 -10px; }

.col-box-author .contact a { background: #999; color: #eee; padding: 5px 8px; text-decoration: none; border-radius: 5px; white-space: nowrap; }

.col-box-author .contact a:hover { transition: background 0.3s ease; background: #666; }

.footer { padding: 60px 0; text-align: center; color: #666; font-size: 14px; }

.post .post-header { margin: 0 100px; margin-bottom: 40px; padding: 20px; }

.post .post-header .post-title { font-size: 40px; font-weight: normal; margin: 0 -100px; }

@media screen and (max-width: 600px) { .post .post-header .post-title { font-size: 34px; } }

.post .post-header .post-meta { color: #999; font-size: 14px; margin: 0 -100px; }

@media screen and (max-width: 600px) { .post .post-header { text-align: center; margin-bottom: 10px; padding: 10px; } }

.post .post-content { color: #333; }

.post .post-content h1, .post .post-content h2, .post .post-content h3, .post .post-content h4, .post .post-content h5, .post .post-content h6 { color: #000; }

.post .post-content h1, .post .post-content h2 { margin-bottom: 10px; margin-top: 30px; }

.post .post-content h1, .post .post-content h2, .post .post-content h3 { border-bottom: 1px solid #CCC; }

.post .post-content pre { margin: 0; }

@media screen and (max-width: 600px) { .post .post-content pre { margin: 0 -10px; } }

.post .post-content .middle-image { display: block; margin-left: auto; margin-right: auto; }

.post .post-comments { padding-top: 30px; }

.home .page-heading { font-size: 40px; font-weight: normal; margin: 20px; }

@media screen and (max-width: 600px) { .home .page-heading { margin: 10px; font-size: 34px; } }

.home .rss-link { float: right; text-decoration: none; border: 1px solid; color: #999; background: #fff; font-size: 11.2px; padding: 1px 8px; }

.home .rss-link:hover, .home .rss-link:focus { color: #666; }

.home .post-list { margin: 0; padding: 20px 40px; list-style: none; }

.home .post-list > li { padding-bottom: 30px; border-bottom: 1px solid #CCC; margin-bottom: 30px; }

.home .post-list .post-title { font-size: 28px; font-weight: normal; margin: 0; }

.home .post-list .post-meta { font-size: 14px; color: #666; margin: 0 20px; margin-bottom: .5em; }

.home .post-list .post-excerpt { margin: 0 20px; }

.home .post-list .post-excerpt, .home .post-list .post-excerpt * { font-size: 14px; padding-top: 0; padding-bottom: 0; color: #333; }

.home .post-list .post-excerpt code, .home .post-list .post-excerpt pre, .home .post-list .post-excerpt pre * { color: #666; background-color: #eee; }

.home .post-list .post-excerpt th { border-color: #ccc; background-color: #ccc; }

.home .post-list .post-excerpt a { color: #069; }

.home .post-list .post-excerpt img { display: block; margin: 1em auto; max-height: 16em; opacity: .7; transition: opacity .3s; }

.home .post-list .post-excerpt img:hover { opacity: 1; }

@media screen and (max-width: 600px) { .home .post-list { padding: 10px; } }

.home .pagination { text-align: center; text-decoration: none; color: #666; margin: 30px 0; }

.home .pagination .page_number { margin: 0 30px; }

.home .pagination .previous, .home .pagination .next { padding: 10px 20px; white-space: nowrap; }

.home .pagination a.previous, .home .pagination a.next { color: #333; border-radius: 20px; border: 1px solid #CCC; }

.home .pagination a.previous:hover, .home .pagination a.next:hover { background: #fefefe; color: #000; text-decoration: none; }

@media screen and (max-width: 800px) { .page-content { padding: 0; }
  .footer { padding: 15px 0; } }

@media screen and (max-width: 600px) { .header, .header .site-nav { text-align: center; }
  .header .site-title { float: none; }
  .col-main { padding: 10px; }
  .col-box { width: 100%; float: none; margin-bottom: 20px; }
  pre { padding: 10px; } }

.highlight .hll { background-color: #ffffcc; }

.highlight .c { color: #008000; }

/* Comment */
/* Error */
.highlight .k { color: #0000ff; }

/* Keyword */
.highlight .cm { color: #008000; }

/* Comment.Multiline */
.highlight .cp { color: #0000ff; }

/* Comment.Preproc */
.highlight .c1 { color: #008000; }

/* Comment.Single */
.highlight .cs { color: #008000; }

/* Comment.Special */
.highlight .ge { font-style: italic; }

/* Generic.Emph */
.highlight .gh { font-weight: bold; }

/* Generic.Heading */
.highlight .gp { font-weight: bold; }

/* Generic.Prompt */
.highlight .gs { font-weight: bold; }

/* Generic.Strong */
.highlight .gu { font-weight: bold; }

/* Generic.Subheading */
.highlight .kc { color: #0000ff; }

/* Keyword.Constant */
.highlight .kd { color: #0000ff; }

/* Keyword.Declaration */
.highlight .kn { color: #0000ff; }

/* Keyword.Namespace */
.highlight .kp { color: #0000ff; }

/* Keyword.Pseudo */
.highlight .kr { color: #0000ff; }

/* Keyword.Reserved */
.highlight .kt { color: #2b91af; }

/* Keyword.Type */
.highlight .s { color: #a31515; }

/* Literal.String */
.highlight .nc { color: #2b91af; }

/* Name.Class */
.highlight .ow { color: #0000ff; }

/* Operator.Word */
.highlight .sb { color: #a31515; }

/* Literal.String.Backtick */
.highlight .sc { color: #a31515; }

/* Literal.String.Char */
.highlight .sd { color: #a31515; }

/* Literal.String.Doc */
.highlight .s2 { color: #a31515; }

/* Literal.String.Double */
.highlight .se { color: #a31515; }

/* Literal.String.Escape */
.highlight .sh { color: #a31515; }

/* Literal.String.Heredoc */
.highlight .si { color: #a31515; }

/* Literal.String.Interpol */
.highlight .sx { color: #a31515; }

/* Literal.String.Other */
.highlight .sr { color: #a31515; }

/* Literal.String.Regex */
.highlight .s1 { color: #a31515; }

/* Literal.String.Single */
.highlight .ss { color: #a31515; }

/* Literal.String.Symbol */
.highlight .m { color: #a31515; }

/* Literal.Number */
.highlight .mf { color: #a31515; }

/* Literal.Number.Float */
.highlight .mh { color: #a31515; }

/* Literal.Number.Hex */
.highlight .mi { color: #a31515; }

/* Literal.Number.Integer */
.highlight .mo { color: #a31515; }

/* Literal.Number.Oct */
.highlight .il { color: #a31515; }

/* Literal.Number.Integer.Long */
.page-content .wrapper .post-toc > ul { overflow: auto; }

.util-notify1 { position: absolute; z-index: 100; background: rgba(0, 0, 0, 0.7); color: #FFF; padding: 5px 10px; font-size: 14px; pointer-events: none; opacity: 1; transition: .2s ease; }

.util-notify1.hidden { opacity: 0; display: none; }

/*# sourceMappingURL=main.css.map */