@charset "UTF-8";
/* If the number of TAB files has changed, the following variable is required. And it must be defined before `@import`. */
/*! The styles for Jekyll theme Chirpy Chirpy v5.3.2 (https://github.com/cotes2020/jekyll-theme-chirpy) © 2019 Cotes Chung MIT Licensed */
/* The syntax light mode typography colors */
/* light-scheme */
/* The main dark mode styles */
/* dark-scheme */
/* Mainly scss modules, only imported to `assets/css/main.scss` */
/* ---------- scss placeholder --------- */
#search-results a, h5, h4, h3, h2, h1 { color: var(--heading-color); font-weight: 400; font-family: Lato, "Microsoft Yahei", sans-serif; }

#core-wrapper h5, #core-wrapper h4, #core-wrapper h3, #core-wrapper h2 { margin-top: 2.5rem; margin-bottom: 1.25rem; }

#core-wrapper h5:focus, #core-wrapper h4:focus, #core-wrapper h3:focus, #core-wrapper h2:focus { outline: none; /* avoid outline in Safari */ }

h5 .anchor, h4 .anchor, h3 .anchor, h2 .anchor { font-size: 80%; }

@media (hover: hover) { h5 .anchor, h4 .anchor, h3 .anchor, h2 .anchor { visibility: hidden; opacity: 0; transition: opacity 0.25s ease-in, visibility 0s ease-in 0.25s; } h5:hover .anchor, h4:hover .anchor, h3:hover .anchor, h2:hover .anchor { visibility: visible; opacity: 1; transition: opacity 0.25s ease-in, visibility 0s ease-in 0s; } }

.post-tag:hover, .tag:hover { background: var(--tag-hover); transition: background 0.35s ease-in-out; }

.table-wrapper > table tbody tr td, .table-wrapper > table thead th { padding: 0.4rem 1rem; font-size: 95%; white-space: nowrap; }

#page-category a:hover, #page-tag a:hover, .post-tail-wrapper .license-wrapper > a:hover, #post-list .post-preview a:hover, #search-results a:hover, #topbar #breadcrumb a:hover, .post-content a:not(.img-link):hover, .post-meta a:not([class]):hover, .post a:hover code, #access-lastmod a:hover, footer a:hover { color: #d2603a !important; border-bottom: 1px solid #d2603a; text-decoration: none; }

#search-results a, #search-hints .post-tag, a { color: var(--link-color); }

.post-tail-wrapper .post-meta a:not(:hover), .post-content a:not(.img-link) { border-bottom: 1px solid var(--link-underline-color); }

#sidebar .sidebar-bottom .mode-toggle > i, #sidebar .sidebar-bottom a, #sidebar .nav-item:not(.active) > a, #sidebar .site-title a { transition: color 0.35s ease-in-out; }

#sidebar .sidebar-bottom .icon-border, .post a.img-link, i.far, i.fas, .code-header { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

#page-category ul > li > a, #page-tag ul > li > a, #core-wrapper .categories a:not(:hover), #core-wrapper #tags a:not(:hover), #core-wrapper #archives a:not(:hover), #search-results a, #access-lastmod a { border-bottom: none; }

.post-tail-wrapper .share-wrapper .share-icons > i, #search-cancel, .code-header button { cursor: pointer; }

#related-posts em, #post-list .post-preview .post-meta em, .post-meta em { font-style: normal; }

.post-content a.img-link + em, img[data-src] + em { display: block; text-align: center; font-style: normal; font-size: 80%; padding: 0; color: #6d6c6c; }

#sidebar .sidebar-bottom .mode-toggle, #sidebar a { color: rgba(117, 117, 117, 0.9); -webkit-user-select: none; -moz-user-select: none; user-select: none; }

/* ---------- scss mixin --------- */
/* The SCSS variables */
/* sidebar */
/* the basic width */
/* screen width: >= 850px, <= 1199px (iPad landscape) */
/* screen width: >= 1650px */
/* tabs of sidebar */
/* backward compatible (version <= 4.0.2) */
/* the cursor width of the selected tab */
/* other framework sizes */
/* screen width: <= 576px */
/* syntax highlight */
/* Appending custom SCSS variables will override the default ones in `_sass/addon/variables.scsss` */
/* The syntax highlight. */
/* The syntax light mode code snippet colors. */
/* light-syntax */
/* The syntax dark mode styles. */
@media (prefers-color-scheme: light) { html:not([data-mode]), html[data-mode="light"] { /* see: <https://raw.githubusercontent.com/jwarby/pygments-css/master/github.css> */ /* Comment */ /* Error */ /* Keyword */ /* Operator */ /* Comment.Multiline */ /* Comment.Preproc */ /* Comment.Single */ /* Comment.Special */ /* Generic.Deleted */ /* Generic.Emph */ /* Generic.Error */ /* Generic.Heading */ /* Generic.Inserted */ /* Generic.Output */ /* Generic.Prompt */ /* Generic.Strong */ /* Generic.Subheading */ /* Generic.Traceback */ /* Keyword.Constant */ /* Keyword.Declaration */ /* Keyword.Namespace */ /* Keyword.Pseudo */ /* Keyword.Reserved */ /* Keyword.Type */ /* Literal.Number */ /* Literal.String */ /* Name.Attribute */ /* Name.Builtin */ /* Name.Class */ /* Name.Constant */ /* Name.Decorator */ /* Name.Entity */ /* Name.Exception */ /* Name.Function */ /* Name.Label */ /* Name.Namespace */ /* Name.Tag */ /* Name.Variable */ /* Operator.Word */ /* Text.Whitespace */ /* Literal.Number.Float */ /* Literal.Number.Hex */ /* Literal.Number.Integer */ /* Literal.Number.Oct */ /* Literal.String.Backtick */ /* Literal.String.Char */ /* Literal.String.Doc */ /* Literal.String.Double */ /* Literal.String.Escape */ /* Literal.String.Heredoc */ /* Literal.String.Interpol */ /* Literal.String.Other */ /* Literal.String.Regex */ /* Literal.String.Single */ /* Literal.String.Symbol */ /* Name.Builtin.Pseudo */ /* Name.Variable.Class */ /* Name.Variable.Global */ /* Name.Variable.Instance */ /* Literal.Number.Integer.Long */ /* --- custom light colors --- */ --highlight-bg-color: #f7f7f7; --highlighter-rouge-color: #2f2f2f; --highlight-lineno-color: #c2c6cc; --inline-code-bg: #f3f3f3; --code-header-text-color: #a3a3b1; --code-header-muted-color: #ebebeb; --code-header-icon-color: #d1d1d1; --clipboard-checked-color: #43c743; } html:not([data-mode]) .highlight .hll, html[data-mode="light"] .highlight .hll { background-color: #ffffcc; } html:not([data-mode]) .highlight .c, html[data-mode="light"] .highlight .c { color: #999988; font-style: italic; } html:not([data-mode]) .highlight .err, html[data-mode="light"] .highlight .err { color: #a61717; background-color: #e3d2d2; } html:not([data-mode]) .highlight .k, html[data-mode="light"] .highlight .k { color: #000000; font-weight: bold; } html:not([data-mode]) .highlight .o, html[data-mode="light"] .highlight .o { color: #000000; font-weight: bold; } html:not([data-mode]) .highlight .cm, html[data-mode="light"] .highlight .cm { color: #999988; font-style: italic; } html:not([data-mode]) .highlight .cp, html[data-mode="light"] .highlight .cp { color: #999999; font-weight: bold; font-style: italic; } html:not([data-mode]) .highlight .c1, html[data-mode="light"] .highlight .c1 { color: #999988; font-style: italic; } html:not([data-mode]) .highlight .cs, html[data-mode="light"] .highlight .cs { color: #999999; font-weight: bold; font-style: italic; } html:not([data-mode]) .highlight .gd, html[data-mode="light"] .highlight .gd { color: #d01040; background-color: #ffdddd; } html:not([data-mode]) .highlight .ge, html[data-mode="light"] .highlight .ge { color: #000000; font-style: italic; } html:not([data-mode]) .highlight .gr, html[data-mode="light"] .highlight .gr { color: #aa0000; } html:not([data-mode]) .highlight .gh, html[data-mode="light"] .highlight .gh { color: #999999; } html:not([data-mode]) .highlight .gi, html[data-mode="light"] .highlight .gi { color: #008080; background-color: #ddffdd; } html:not([data-mode]) .highlight .go, html[data-mode="light"] .highlight .go { color: #888888; } html:not([data-mode]) .highlight .gp, html[data-mode="light"] .highlight .gp { color: #555555; } html:not([data-mode]) .highlight .gs, html[data-mode="light"] .highlight .gs { font-weight: bold; } html:not([data-mode]) .highlight .gu, html[data-mode="light"] .highlight .gu { color: #aaaaaa; } html:not([data-mode]) .highlight .gt, html[data-mode="light"] .highlight .gt { color: #aa0000; } html:not([data-mode]) .highlight .kc, html[data-mode="light"] .highlight .kc { color: #000000; font-weight: bold; } html:not([data-mode]) .highlight .kd, html[data-mode="light"] .highlight .kd { color: #000000; font-weight: bold; } html:not([data-mode]) .highlight .kn, html[data-mode="light"] .highlight .kn { color: #000000; font-weight: bold; } html:not([data-mode]) .highlight .kp, html[data-mode="light"] .highlight .kp { color: #000000; font-weight: bold; } html:not([data-mode]) .highlight .kr, html[data-mode="light"] .highlight .kr { color: #000000; font-weight: bold; } html:not([data-mode]) .highlight .kt, html[data-mode="light"] .highlight .kt { color: #445588; font-weight: bold; } html:not([data-mode]) .highlight .m, html[data-mode="light"] .highlight .m { color: #009999; } html:not([data-mode]) .highlight .s, html[data-mode="light"] .highlight .s { color: #d01040; } html:not([data-mode]) .highlight .na, html[data-mode="light"] .highlight .na { color: #008080; } html:not([data-mode]) .highlight .nb, html[data-mode="light"] .highlight .nb { color: #0086b3; } html:not([data-mode]) .highlight .nc, html[data-mode="light"] .highlight .nc { color: #445588; font-weight: bold; } html:not([data-mode]) .highlight .no, html[data-mode="light"] .highlight .no { color: #008080; } html:not([data-mode]) .highlight .nd, html[data-mode="light"] .highlight .nd { color: #3c5d5d; font-weight: bold; } html:not([data-mode]) .highlight .ni, html[data-mode="light"] .highlight .ni { color: #800080; } html:not([data-mode]) .highlight .ne, html[data-mode="light"] .highlight .ne { color: #990000; font-weight: bold; } html:not([data-mode]) .highlight .nf, html[data-mode="light"] .highlight .nf { color: #990000; font-weight: bold; } html:not([data-mode]) .highlight .nl, html[data-mode="light"] .highlight .nl { color: #990000; font-weight: bold; } html:not([data-mode]) .highlight .nn, html[data-mode="light"] .highlight .nn { color: #555555; } html:not([data-mode]) .highlight .nt, html[data-mode="light"] .highlight .nt { color: #000080; } html:not([data-mode]) .highlight .nv, html[data-mode="light"] .highlight .nv { color: #008080; } html:not([data-mode]) .highlight .ow, html[data-mode="light"] .highlight .ow { color: #000000; font-weight: bold; } html:not([data-mode]) .highlight .w, html[data-mode="light"] .highlight .w { color: #bbbbbb; } html:not([data-mode]) .highlight .mf, html[data-mode="light"] .highlight .mf { color: #009999; } html:not([data-mode]) .highlight .mh, html[data-mode="light"] .highlight .mh { color: #009999; } html:not([data-mode]) .highlight .mi, html[data-mode="light"] .highlight .mi { color: #009999; } html:not([data-mode]) .highlight .mo, html[data-mode="light"] .highlight .mo { color: #009999; } html:not([data-mode]) .highlight .sb, html[data-mode="light"] .highlight .sb { color: #d01040; } html:not([data-mode]) .highlight .sc, html[data-mode="light"] .highlight .sc { color: #d01040; } html:not([data-mode]) .highlight .sd, html[data-mode="light"] .highlight .sd { color: #d01040; } html:not([data-mode]) .highlight .s2, html[data-mode="light"] .highlight .s2 { color: #d01040; } html:not([data-mode]) .highlight .se, html[data-mode="light"] .highlight .se { color: #d01040; } html:not([data-mode]) .highlight .sh, html[data-mode="light"] .highlight .sh { color: #d01040; } html:not([data-mode]) .highlight .si, html[data-mode="light"] .highlight .si { color: #d01040; } html:not([data-mode]) .highlight .sx, html[data-mode="light"] .highlight .sx { color: #d01040; } html:not([data-mode]) .highlight .sr, html[data-mode="light"] .highlight .sr { color: #009926; } html:not([data-mode]) .highlight .s1, html[data-mode="light"] .highlight .s1 { color: #d01040; } html:not([data-mode]) .highlight .ss, html[data-mode="light"] .highlight .ss { color: #990073; } html:not([data-mode]) .highlight .bp, html[data-mode="light"] .highlight .bp { color: #999999; } html:not([data-mode]) .highlight .vc, html[data-mode="light"] .highlight .vc { color: #008080; } html:not([data-mode]) .highlight .vg, html[data-mode="light"] .highlight .vg { color: #008080; } html:not([data-mode]) .highlight .vi, html[data-mode="light"] .highlight .vi { color: #008080; } html:not([data-mode]) .highlight .il, html[data-mode="light"] .highlight .il { color: #009999; } html:not([data-mode]) [class^="prompt-"], html[data-mode="light"] [class^="prompt-"] { --inline-code-bg: #fbfafa; --highlighter-rouge-color: rgb(82, 82, 82); } html[data-mode="dark"] { --highlight-bg-color: #252525; --highlighter-rouge-color: #de6b18; --highlight-lineno-color: #6c6c6d; --inline-code-bg: #272822; --code-header-text-color: #6a6a6a; --code-header-muted-color: rgb(60, 60, 60); --code-header-icon-color: rgb(86, 86, 86); --clipboard-checked-color: #2bcc2b; --filepath-text-color: #bdbdbd; /* override Bootstrap */ /* syntax highlight colors from https://raw.githubusercontent.com/jwarby/pygments-css/master/monokai.css */ /* Comment */ /* Error */ /* Keyword */ /* Literal */ /* Name */ /* Operator */ /* Punctuation */ /* Comment.Multiline */ /* Comment.Preproc */ /* Comment.Single */ /* Comment.Special */ /* Generic.Emph */ /* Generic.Strong */ /* Keyword.Constant */ /* Keyword.Declaration */ /* Keyword.Namespace */ /* Keyword.Pseudo */ /* Keyword.Reserved */ /* Keyword.Type */ /* Literal.Date */ /* Literal.Number */ /* Literal.String */ /* Name.Attribute */ /* Name.Builtin */ /* Name.Class */ /* Name.Constant */ /* Name.Decorator */ /* Name.Entity */ /* Name.Exception */ /* Name.Function */ /* Name.Label */ /* Name.Namespace */ /* Name.Other */ /* Name.Property */ /* Name.Tag */ /* Name.Variable */ /* Operator.Word */ /* Text.Whitespace */ /* Literal.Number.Float */ /* Literal.Number.Hex */ /* Literal.Number.Integer */ /* Literal.Number.Oct */ /* Literal.String.Backtick */ /* Literal.String.Char */ /* Literal.String.Doc */ /* Literal.String.Double */ /* Literal.String.Escape */ /* Literal.String.Heredoc */ /* Literal.String.Interpol */ /* Literal.String.Other */ /* Literal.String.Regex */ /* Literal.String.Single */ /* Literal.String.Symbol */ /* Name.Builtin.Pseudo */ /* Name.Variable.Class */ /* Name.Variable.Global */ /* Name.Variable.Instance */ /* Literal.Number.Integer.Long */ /* Generic.Subheading & Diff Unified/Comment? */ /* Generic.Deleted & Diff Deleted */ /* Generic.Inserted & Diff Inserted */ } html[data-mode="dark"] pre { color: #bfbfbf; } html[data-mode="dark"] .highlight .gp { color: #818c96; } html[data-mode="dark"] .highlight pre { background-color: var(--highlight-bg-color); } html[data-mode="dark"] .highlight .hll { background-color: var(--highlight-bg-color); } html[data-mode="dark"] .highlight .c { color: #75715e; } html[data-mode="dark"] .highlight .err { color: #960050; background-color: #1e0010; } html[data-mode="dark"] .highlight .k { color: #66d9ef; } html[data-mode="dark"] .highlight .l { color: #ae81ff; } html[data-mode="dark"] .highlight .n { color: #f8f8f2; } html[data-mode="dark"] .highlight .o { color: #f92672; } html[data-mode="dark"] .highlight .p { color: #f8f8f2; } html[data-mode="dark"] .highlight .cm { color: #75715e; } html[data-mode="dark"] .highlight .cp { color: #75715e; } html[data-mode="dark"] .highlight .c1 { color: #75715e; } html[data-mode="dark"] .highlight .cs { color: #75715e; } html[data-mode="dark"] .highlight .ge { color: inherit; font-style: italic; } html[data-mode="dark"] .highlight .gs { font-weight: bold; } html[data-mode="dark"] .highlight .kc { color: #66d9ef; } html[data-mode="dark"] .highlight .kd { color: #66d9ef; } html[data-mode="dark"] .highlight .kn { color: #f92672; } html[data-mode="dark"] .highlight .kp { color: #66d9ef; } html[data-mode="dark"] .highlight .kr { color: #66d9ef; } html[data-mode="dark"] .highlight .kt { color: #66d9ef; } html[data-mode="dark"] .highlight .ld { color: #e6db74; } html[data-mode="dark"] .highlight .m { color: #ae81ff; } html[data-mode="dark"] .highlight .s { color: #e6db74; } html[data-mode="dark"] .highlight .na { color: #a6e22e; } html[data-mode="dark"] .highlight .nb { color: #f8f8f2; } html[data-mode="dark"] .highlight .nc { color: #a6e22e; } html[data-mode="dark"] .highlight .no { color: #66d9ef; } html[data-mode="dark"] .highlight .nd { color: #a6e22e; } html[data-mode="dark"] .highlight .ni { color: #f8f8f2; } html[data-mode="dark"] .highlight .ne { color: #a6e22e; } html[data-mode="dark"] .highlight .nf { color: #a6e22e; } html[data-mode="dark"] .highlight .nl { color: #f8f8f2; } html[data-mode="dark"] .highlight .nn { color: #f8f8f2; } html[data-mode="dark"] .highlight .nx { color: #a6e22e; } html[data-mode="dark"] .highlight .py { color: #f8f8f2; } html[data-mode="dark"] .highlight .nt { color: #f92672; } html[data-mode="dark"] .highlight .nv { color: #f8f8f2; } html[data-mode="dark"] .highlight .ow { color: #f92672; } html[data-mode="dark"] .highlight .w { color: #f8f8f2; } html[data-mode="dark"] .highlight .mf { color: #ae81ff; } html[data-mode="dark"] .highlight .mh { color: #ae81ff; } html[data-mode="dark"] .highlight .mi { color: #ae81ff; } html[data-mode="dark"] .highlight .mo { color: #ae81ff; } html[data-mode="dark"] .highlight .sb { color: #e6db74; } html[data-mode="dark"] .highlight .sc { color: #e6db74; } html[data-mode="dark"] .highlight .sd { color: #e6db74; } html[data-mode="dark"] .highlight .s2 { color: #e6db74; } html[data-mode="dark"] .highlight .se { color: #ae81ff; } html[data-mode="dark"] .highlight .sh { color: #e6db74; } html[data-mode="dark"] .highlight .si { color: #e6db74; } html[data-mode="dark"] .highlight .sx { color: #e6db74; } html[data-mode="dark"] .highlight .sr { color: #e6db74; } html[data-mode="dark"] .highlight .s1 { color: #e6db74; } html[data-mode="dark"] .highlight .ss { color: #e6db74; } html[data-mode="dark"] .highlight .bp { color: #f8f8f2; } html[data-mode="dark"] .highlight .vc { color: #f8f8f2; } html[data-mode="dark"] .highlight .vg { color: #f8f8f2; } html[data-mode="dark"] .highlight .vi { color: #f8f8f2; } html[data-mode="dark"] .highlight .il { color: #ae81ff; } html[data-mode="dark"] .highlight .gu { color: #75715e; } html[data-mode="dark"] .highlight .gd { color: #f92672; background-color: #561c08; } html[data-mode="dark"] .highlight .gi { color: #a6e22e; background-color: #0b5858; } }

@media (prefers-color-scheme: dark) { html:not([data-mode]), html[data-mode="dark"] { --highlight-bg-color: #252525; --highlighter-rouge-color: #de6b18; --highlight-lineno-color: #6c6c6d; --inline-code-bg: #272822; --code-header-text-color: #6a6a6a; --code-header-muted-color: rgb(60, 60, 60); --code-header-icon-color: rgb(86, 86, 86); --clipboard-checked-color: #2bcc2b; --filepath-text-color: #bdbdbd; /* override Bootstrap */ /* syntax highlight colors from https://raw.githubusercontent.com/jwarby/pygments-css/master/monokai.css */ /* Comment */ /* Error */ /* Keyword */ /* Literal */ /* Name */ /* Operator */ /* Punctuation */ /* Comment.Multiline */ /* Comment.Preproc */ /* Comment.Single */ /* Comment.Special */ /* Generic.Emph */ /* Generic.Strong */ /* Keyword.Constant */ /* Keyword.Declaration */ /* Keyword.Namespace */ /* Keyword.Pseudo */ /* Keyword.Reserved */ /* Keyword.Type */ /* Literal.Date */ /* Literal.Number */ /* Literal.String */ /* Name.Attribute */ /* Name.Builtin */ /* Name.Class */ /* Name.Constant */ /* Name.Decorator */ /* Name.Entity */ /* Name.Exception */ /* Name.Function */ /* Name.Label */ /* Name.Namespace */ /* Name.Other */ /* Name.Property */ /* Name.Tag */ /* Name.Variable */ /* Operator.Word */ /* Text.Whitespace */ /* Literal.Number.Float */ /* Literal.Number.Hex */ /* Literal.Number.Integer */ /* Literal.Number.Oct */ /* Literal.String.Backtick */ /* Literal.String.Char */ /* Literal.String.Doc */ /* Literal.String.Double */ /* Literal.String.Escape */ /* Literal.String.Heredoc */ /* Literal.String.Interpol */ /* Literal.String.Other */ /* Literal.String.Regex */ /* Literal.String.Single */ /* Literal.String.Symbol */ /* Name.Builtin.Pseudo */ /* Name.Variable.Class */ /* Name.Variable.Global */ /* Name.Variable.Instance */ /* Literal.Number.Integer.Long */ /* Generic.Subheading & Diff Unified/Comment? */ /* Generic.Deleted & Diff Deleted */ /* Generic.Inserted & Diff Inserted */ } html:not([data-mode]) pre, html[data-mode="dark"] pre { color: #bfbfbf; } html:not([data-mode]) .highlight .gp, html[data-mode="dark"] .highlight .gp { color: #818c96; } html:not([data-mode]) .highlight pre, html[data-mode="dark"] .highlight pre { background-color: var(--highlight-bg-color); } html:not([data-mode]) .highlight .hll, html[data-mode="dark"] .highlight .hll { background-color: var(--highlight-bg-color); } html:not([data-mode]) .highlight .c, html[data-mode="dark"] .highlight .c { color: #75715e; } html:not([data-mode]) .highlight .err, html[data-mode="dark"] .highlight .err { color: #960050; background-color: #1e0010; } html:not([data-mode]) .highlight .k, html[data-mode="dark"] .highlight .k { color: #66d9ef; } html:not([data-mode]) .highlight .l, html[data-mode="dark"] .highlight .l { color: #ae81ff; } html:not([data-mode]) .highlight .n, html[data-mode="dark"] .highlight .n { color: #f8f8f2; } html:not([data-mode]) .highlight .o, html[data-mode="dark"] .highlight .o { color: #f92672; } html:not([data-mode]) .highlight .p, html[data-mode="dark"] .highlight .p { color: #f8f8f2; } html:not([data-mode]) .highlight .cm, html[data-mode="dark"] .highlight .cm { color: #75715e; } html:not([data-mode]) .highlight .cp, html[data-mode="dark"] .highlight .cp { color: #75715e; } html:not([data-mode]) .highlight .c1, html[data-mode="dark"] .highlight .c1 { color: #75715e; } html:not([data-mode]) .highlight .cs, html[data-mode="dark"] .highlight .cs { color: #75715e; } html:not([data-mode]) .highlight .ge, html[data-mode="dark"] .highlight .ge { color: inherit; font-style: italic; } html:not([data-mode]) .highlight .gs, html[data-mode="dark"] .highlight .gs { font-weight: bold; } html:not([data-mode]) .highlight .kc, html[data-mode="dark"] .highlight .kc { color: #66d9ef; } html:not([data-mode]) .highlight .kd, html[data-mode="dark"] .highlight .kd { color: #66d9ef; } html:not([data-mode]) .highlight .kn, html[data-mode="dark"] .highlight .kn { color: #f92672; } html:not([data-mode]) .highlight .kp, html[data-mode="dark"] .highlight .kp { color: #66d9ef; } html:not([data-mode]) .highlight .kr, html[data-mode="dark"] .highlight .kr { color: #66d9ef; } html:not([data-mode]) .highlight .kt, html[data-mode="dark"] .highlight .kt { color: #66d9ef; } html:not([data-mode]) .highlight .ld, html[data-mode="dark"] .highlight .ld { color: #e6db74; } html:not([data-mode]) .highlight .m, html[data-mode="dark"] .highlight .m { color: #ae81ff; } html:not([data-mode]) .highlight .s, html[data-mode="dark"] .highlight .s { color: #e6db74; } html:not([data-mode]) .highlight .na, html[data-mode="dark"] .highlight .na { color: #a6e22e; } html:not([data-mode]) .highlight .nb, html[data-mode="dark"] .highlight .nb { color: #f8f8f2; } html:not([data-mode]) .highlight .nc, html[data-mode="dark"] .highlight .nc { color: #a6e22e; } html:not([data-mode]) .highlight .no, html[data-mode="dark"] .highlight .no { color: #66d9ef; } html:not([data-mode]) .highlight .nd, html[data-mode="dark"] .highlight .nd { color: #a6e22e; } html:not([data-mode]) .highlight .ni, html[data-mode="dark"] .highlight .ni { color: #f8f8f2; } html:not([data-mode]) .highlight .ne, html[data-mode="dark"] .highlight .ne { color: #a6e22e; } html:not([data-mode]) .highlight .nf, html[data-mode="dark"] .highlight .nf { color: #a6e22e; } html:not([data-mode]) .highlight .nl, html[data-mode="dark"] .highlight .nl { color: #f8f8f2; } html:not([data-mode]) .highlight .nn, html[data-mode="dark"] .highlight .nn { color: #f8f8f2; } html:not([data-mode]) .highlight .nx, html[data-mode="dark"] .highlight .nx { color: #a6e22e; } html:not([data-mode]) .highlight .py, html[data-mode="dark"] .highlight .py { color: #f8f8f2; } html:not([data-mode]) .highlight .nt, html[data-mode="dark"] .highlight .nt { color: #f92672; } html:not([data-mode]) .highlight .nv, html[data-mode="dark"] .highlight .nv { color: #f8f8f2; } html:not([data-mode]) .highlight .ow, html[data-mode="dark"] .highlight .ow { color: #f92672; } html:not([data-mode]) .highlight .w, html[data-mode="dark"] .highlight .w { color: #f8f8f2; } html:not([data-mode]) .highlight .mf, html[data-mode="dark"] .highlight .mf { color: #ae81ff; } html:not([data-mode]) .highlight .mh, html[data-mode="dark"] .highlight .mh { color: #ae81ff; } html:not([data-mode]) .highlight .mi, html[data-mode="dark"] .highlight .mi { color: #ae81ff; } html:not([data-mode]) .highlight .mo, html[data-mode="dark"] .highlight .mo { color: #ae81ff; } html:not([data-mode]) .highlight .sb, html[data-mode="dark"] .highlight .sb { color: #e6db74; } html:not([data-mode]) .highlight .sc, html[data-mode="dark"] .highlight .sc { color: #e6db74; } html:not([data-mode]) .highlight .sd, html[data-mode="dark"] .highlight .sd { color: #e6db74; } html:not([data-mode]) .highlight .s2, html[data-mode="dark"] .highlight .s2 { color: #e6db74; } html:not([data-mode]) .highlight .se, html[data-mode="dark"] .highlight .se { color: #ae81ff; } html:not([data-mode]) .highlight .sh, html[data-mode="dark"] .highlight .sh { color: #e6db74; } html:not([data-mode]) .highlight .si, html[data-mode="dark"] .highlight .si { color: #e6db74; } html:not([data-mode]) .highlight .sx, html[data-mode="dark"] .highlight .sx { color: #e6db74; } html:not([data-mode]) .highlight .sr, html[data-mode="dark"] .highlight .sr { color: #e6db74; } html:not([data-mode]) .highlight .s1, html[data-mode="dark"] .highlight .s1 { color: #e6db74; } html:not([data-mode]) .highlight .ss, html[data-mode="dark"] .highlight .ss { color: #e6db74; } html:not([data-mode]) .highlight .bp, html[data-mode="dark"] .highlight .bp { color: #f8f8f2; } html:not([data-mode]) .highlight .vc, html[data-mode="dark"] .highlight .vc { color: #f8f8f2; } html:not([data-mode]) .highlight .vg, html[data-mode="dark"] .highlight .vg { color: #f8f8f2; } html:not([data-mode]) .highlight .vi, html[data-mode="dark"] .highlight .vi { color: #f8f8f2; } html:not([data-mode]) .highlight .il, html[data-mode="dark"] .highlight .il { color: #ae81ff; } html:not([data-mode]) .highlight .gu, html[data-mode="dark"] .highlight .gu { color: #75715e; } html:not([data-mode]) .highlight .gd, html[data-mode="dark"] .highlight .gd { color: #f92672; background-color: #561c08; } html:not([data-mode]) .highlight .gi, html[data-mode="dark"] .highlight .gi { color: #a6e22e; background-color: #0b5858; } html[data-mode="light"] { /* see: <https://raw.githubusercontent.com/jwarby/pygments-css/master/github.css> */ /* Comment */ /* Error */ /* Keyword */ /* Operator */ /* Comment.Multiline */ /* Comment.Preproc */ /* Comment.Single */ /* Comment.Special */ /* Generic.Deleted */ /* Generic.Emph */ /* Generic.Error */ /* Generic.Heading */ /* Generic.Inserted */ /* Generic.Output */ /* Generic.Prompt */ /* Generic.Strong */ /* Generic.Subheading */ /* Generic.Traceback */ /* Keyword.Constant */ /* Keyword.Declaration */ /* Keyword.Namespace */ /* Keyword.Pseudo */ /* Keyword.Reserved */ /* Keyword.Type */ /* Literal.Number */ /* Literal.String */ /* Name.Attribute */ /* Name.Builtin */ /* Name.Class */ /* Name.Constant */ /* Name.Decorator */ /* Name.Entity */ /* Name.Exception */ /* Name.Function */ /* Name.Label */ /* Name.Namespace */ /* Name.Tag */ /* Name.Variable */ /* Operator.Word */ /* Text.Whitespace */ /* Literal.Number.Float */ /* Literal.Number.Hex */ /* Literal.Number.Integer */ /* Literal.Number.Oct */ /* Literal.String.Backtick */ /* Literal.String.Char */ /* Literal.String.Doc */ /* Literal.String.Double */ /* Literal.String.Escape */ /* Literal.String.Heredoc */ /* Literal.String.Interpol */ /* Literal.String.Other */ /* Literal.String.Regex */ /* Literal.String.Single */ /* Literal.String.Symbol */ /* Name.Builtin.Pseudo */ /* Name.Variable.Class */ /* Name.Variable.Global */ /* Name.Variable.Instance */ /* Literal.Number.Integer.Long */ /* --- custom light colors --- */ --highlight-bg-color: #f7f7f7; --highlighter-rouge-color: #2f2f2f; --highlight-lineno-color: #c2c6cc; --inline-code-bg: #f3f3f3; --code-header-text-color: #a3a3b1; --code-header-muted-color: #ebebeb; --code-header-icon-color: #d1d1d1; --clipboard-checked-color: #43c743; } html[data-mode="light"] .highlight .hll { background-color: #ffffcc; } html[data-mode="light"] .highlight .c { color: #999988; font-style: italic; } html[data-mode="light"] .highlight .err { color: #a61717; background-color: #e3d2d2; } html[data-mode="light"] .highlight .k { color: #000000; font-weight: bold; } html[data-mode="light"] .highlight .o { color: #000000; font-weight: bold; } html[data-mode="light"] .highlight .cm { color: #999988; font-style: italic; } html[data-mode="light"] .highlight .cp { color: #999999; font-weight: bold; font-style: italic; } html[data-mode="light"] .highlight .c1 { color: #999988; font-style: italic; } html[data-mode="light"] .highlight .cs { color: #999999; font-weight: bold; font-style: italic; } html[data-mode="light"] .highlight .gd { color: #d01040; background-color: #ffdddd; } html[data-mode="light"] .highlight .ge { color: #000000; font-style: italic; } html[data-mode="light"] .highlight .gr { color: #aa0000; } html[data-mode="light"] .highlight .gh { color: #999999; } html[data-mode="light"] .highlight .gi { color: #008080; background-color: #ddffdd; } html[data-mode="light"] .highlight .go { color: #888888; } html[data-mode="light"] .highlight .gp { color: #555555; } html[data-mode="light"] .highlight .gs { font-weight: bold; } html[data-mode="light"] .highlight .gu { color: #aaaaaa; } html[data-mode="light"] .highlight .gt { color: #aa0000; } html[data-mode="light"] .highlight .kc { color: #000000; font-weight: bold; } html[data-mode="light"] .highlight .kd { color: #000000; font-weight: bold; } html[data-mode="light"] .highlight .kn { color: #000000; font-weight: bold; } html[data-mode="light"] .highlight .kp { color: #000000; font-weight: bold; } html[data-mode="light"] .highlight .kr { color: #000000; font-weight: bold; } html[data-mode="light"] .highlight .kt { color: #445588; font-weight: bold; } html[data-mode="light"] .highlight .m { color: #009999; } html[data-mode="light"] .highlight .s { color: #d01040; } html[data-mode="light"] .highlight .na { color: #008080; } html[data-mode="light"] .highlight .nb { color: #0086b3; } html[data-mode="light"] .highlight .nc { color: #445588; font-weight: bold; } html[data-mode="light"] .highlight .no { color: #008080; } html[data-mode="light"] .highlight .nd { color: #3c5d5d; font-weight: bold; } html[data-mode="light"] .highlight .ni { color: #800080; } html[data-mode="light"] .highlight .ne { color: #990000; font-weight: bold; } html[data-mode="light"] .highlight .nf { color: #990000; font-weight: bold; } html[data-mode="light"] .highlight .nl { color: #990000; font-weight: bold; } html[data-mode="light"] .highlight .nn { color: #555555; } html[data-mode="light"] .highlight .nt { color: #000080; } html[data-mode="light"] .highlight .nv { color: #008080; } html[data-mode="light"] .highlight .ow { color: #000000; font-weight: bold; } html[data-mode="light"] .highlight .w { color: #bbbbbb; } html[data-mode="light"] .highlight .mf { color: #009999; } html[data-mode="light"] .highlight .mh { color: #009999; } html[data-mode="light"] .highlight .mi { color: #009999; } html[data-mode="light"] .highlight .mo { color: #009999; } html[data-mode="light"] .highlight .sb { color: #d01040; } html[data-mode="light"] .highlight .sc { color: #d01040; } html[data-mode="light"] .highlight .sd { color: #d01040; } html[data-mode="light"] .highlight .s2 { color: #d01040; } html[data-mode="light"] .highlight .se { color: #d01040; } html[data-mode="light"] .highlight .sh { color: #d01040; } html[data-mode="light"] .highlight .si { color: #d01040; } html[data-mode="light"] .highlight .sx { color: #d01040; } html[data-mode="light"] .highlight .sr { color: #009926; } html[data-mode="light"] .highlight .s1 { color: #d01040; } html[data-mode="light"] .highlight .ss { color: #990073; } html[data-mode="light"] .highlight .bp { color: #999999; } html[data-mode="light"] .highlight .vc { color: #008080; } html[data-mode="light"] .highlight .vg { color: #008080; } html[data-mode="light"] .highlight .vi { color: #008080; } html[data-mode="light"] .highlight .il { color: #009999; } html[data-mode="light"] [class^="prompt-"] { --inline-code-bg: #fbfafa; --highlighter-rouge-color: rgb(82, 82, 82); } }

/* -- Codes Snippet -- */
figure.highlight, .highlight, .highlighter-rouge { background: var(--highlight-bg-color); }

.highlight, .highlighter-rouge { border-radius: 6px; }

td.rouge-code { padding-left: 1rem; padding-right: 1.5rem; }

.highlighter-rouge { color: var(--highlighter-rouge-color); margin-top: 0.5rem; margin-bottom: 1.2em; /* Override BS Inline-code style */ }

.highlight { overflow: auto; padding-top: 0.5rem; padding-bottom: 1rem; /* set the dollar sign to non-selectable */ }

.highlight pre { margin-bottom: 0; font-size: 0.85rem; line-height: 1.4rem; word-wrap: normal; /* Fixed Safari overflow-x */ }

.highlight table td pre { overflow: visible; /* Fixed iOS safari overflow-x */ word-break: normal; /* Fixed iOS safari linenos code break */ }

.highlight .lineno { padding-right: 0.5rem; min-width: 2.2rem; text-align: right; color: var(--highlight-lineno-color); -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

.highlight .gp { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

/* .highlight */
code { -webkit-hyphens: none; hyphens: none; }

code.highlighter-rouge { font-size: 0.85rem; padding: 3px 5px; word-break: break-word; border-radius: 4px; background-color: var(--inline-code-bg); }

code.filepath { background-color: inherit; color: var(--filepath-text-color); font-weight: 600; padding: 0; }

a > code.highlighter-rouge { padding-bottom: 0; /* show link's underlinke */ color: inherit; }

a:hover > code.highlighter-rouge { border-bottom: none; }

blockquote code { color: inherit; }

.highlight > code { color: transparent; }

td.rouge-code { /* Prevent some browser extends from changing the URL string of code block. */ }

td.rouge-code a { color: inherit !important; border-bottom: none !important; pointer-events: none; }

/* Hide line numbers for default, console, and terminal code snippets */
div[class^="highlighter-rouge"] pre.lineno, div.nolineno pre.lineno, div.language-plaintext.highlighter-rouge pre.lineno, div.language-console.highlighter-rouge pre.lineno, div.language-terminal.highlighter-rouge pre.lineno { display: none; }

div[class^="highlighter-rouge"] td.rouge-code, div.nolineno td.rouge-code, div.language-plaintext.highlighter-rouge td.rouge-code, div.language-console.highlighter-rouge td.rouge-code, div.language-terminal.highlighter-rouge td.rouge-code { padding-left: 1.5rem; }

.code-header { border-top-left-radius: 6px; border-top-right-radius: 6px; display: flex; justify-content: space-between; align-items: center; height: 2.25rem; /* the label block */ /* clipboard */ }

.code-header::before { content: ""; display: inline-block; margin-left: 1rem; width: 0.75rem; height: 0.75rem; border-radius: 50%; background-color: var(--code-header-muted-color); box-shadow: 1.25rem 0 0 var(--code-header-muted-color), 2.5rem 0 0 var(--code-header-muted-color); }

.code-header span { /* label icon */ /* label text */ }

.code-header span i { font-size: 1rem; margin-right: 0.4rem; color: var(--code-header-icon-color); }

.code-header span i.small { font-size: 70%; }

[file] .code-header span > i { position: relative; top: 1px; /* center the file icon */ }

.code-header span::after { content: attr(data-label-text); font-size: 0.85rem; font-weight: 600; color: var(--code-header-text-color); }

.code-header button { border: 1px solid transparent; border-radius: 6px; height: 2.25rem; width: 2.25rem; padding: 0; background-color: inherit; }

.code-header button i { color: var(--code-header-icon-color); }

.code-header button[timeout]:hover { border-color: var(--clipboard-checked-color); }

.code-header button[timeout] i { color: var(--clipboard-checked-color); }

.code-header button:focus { outline: none; }

.code-header button:not([timeout]):hover { background-color: rgba(128, 128, 128, 0.37); }

.code-header button:not([timeout]):hover i { color: white; }

@media all and (max-width: 576px) { .post-content > div[class^="language-"] { margin-left: -1.25rem; margin-right: -1.25rem; border-radius: 0; } .post-content > div[class^="language-"] .highlight { padding-left: 0.25rem; } .post-content > div[class^="language-"] .code-header { border-radius: 0; padding-left: 0.4rem; padding-right: 0.5rem; } }

/* The common styles */
html { font-size: 16px; }

@media (prefers-color-scheme: light) { html:not([data-mode]), html[data-mode="light"] { /* Framework color */ --body-bg: #fafafa; --mask-bg: #c1c3c5; --main-bg: white; --main-border-color: #f3f3f3; /* Common color */ --text-color: #34343c; --text-muted-color: gray; --heading-color: black; --blockquote-border-color: #eeeeee; --blockquote-text-color: #9a9a9a; --link-color: #2a408e; --link-underline-color: #dee2e6; --button-bg: #ffffff; --btn-border-color: #e9ecef; --btn-backtotop-color: #686868; --btn-backtotop-border-color: #f1f1f1; --btn-box-shadow: #eaeaea; --checkbox-color: #c5c5c5; --checkbox-checked-color: #07a8f7; /* Sidebar */ --sidebar-bg: #eeeeee; --sidebar-muted-color: #a2a19f; --sidebar-active-color: #424242; --nav-cursor-color: #757575; --sidebar-btn-bg: white; /* Topbar */ --topbar-text-color: rgb(78, 78, 78); --topbar-wrapper-bg: white; --search-wrapper-bg: rgb(245, 245, 245, 0.5); --search-wrapper-border-color: rgb(245, 245, 245); --search-tag-bg: #f8f9fa; --search-icon-color: #c2c6cc; --input-focus-border-color: var(--btn-border-color); /* Home page */ --post-list-text-color: dimgray; --btn-patinator-text-color: #555555; --btn-paginator-hover-color: var(--sidebar-bg); --btn-paginator-border-color: var(--sidebar-bg); --btn-text-color: #676666; --pin-bg: #f5f5f5; --pin-color: #999fa4; /* Posts */ --btn-share-hover-color: var(--link-color); --card-border-color: #f1f1f1; --card-box-shadow: rgba(234, 234, 234, 0.76); --label-color: #616161; --relate-post-date: rgba(30, 55, 70, 0.4); --footnote-target-bg: lightcyan; --tag-bg: rgba(0, 0, 0, 0.075); --tag-border: #dee2e6; --tag-shadow: var(--btn-border-color); --tag-hover: rgb(222, 226, 230); --tb-odd-bg: #fbfcfd; --tb-border-color: #eaeaea; --dash-color: silver; --preview-img-bg: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 100%); --kbd-wrap-color: #bdbdbd; --kbd-text-color: var(--text-color); --kbd-bg-color: white; --prompt-text-color: rgb(46, 46, 46, 0.77); --prompt-tip-bg: rgb(123, 247, 144, 0.2); --prompt-tip-icon-color: #03b303; --prompt-info-bg: #e1f5fe; --prompt-info-icon-color: #0070cb; --prompt-warning-bg: rgb(255, 243, 205); --prompt-warning-icon-color: #ef9c03; --prompt-danger-bg: rgb(248, 215, 218, 0.56); --prompt-danger-icon-color: #df3c30; /* Categories */ --categories-hover-bg: var(--btn-border-color); --categories-icon-hover-color: darkslategray; /* Archive */ --timeline-color: rgba(0, 0, 0, 0.075); --timeline-node-bg: #c2c6cc; --timeline-year-dot-color: #ffffff; } html:not([data-mode]) [class^="prompt-"], html[data-mode="light"] [class^="prompt-"] { --link-underline-color: rgb(219, 216, 216); } html[data-mode="dark"] { /* Framework color */ --body-bg: var(--main-bg); --mask-bg: rgb(68, 69, 70); --main-bg: rgb(27, 27, 30); --main-border-color: rgb(44, 45, 45); /* Common color */ --text-color: rgb(175, 176, 177); --text-muted-color: rgb(107, 116, 124); --heading-color: #cccccc; --blockquote-border-color: rgb(66, 66, 66); --blockquote-text-color: rgb(117, 117, 117); --link-color: rgb(138, 180, 248); --link-underline-color: rgb(82, 108, 150); --button-bg: rgb(39, 40, 43); --btn-border-color: rgb(63, 65, 68); --btn-backtotop-color: var(--text-color); --btn-backtotop-border-color: var(--btn-border-color); --btn-box-shadow: var(--main-bg); --card-header-bg: rgb(51, 50, 50); --label-color: rgb(108, 117, 125); --checkbox-color: rgb(118, 120, 121); --checkbox-checked-color: var(--link-color); /* Sidebar */ --sidebar-bg: radial-gradient(circle, #242424 0%, #1d1f27 100%); --sidebar-muted-color: #6d6c6b; --sidebar-active-color: rgb(255, 255, 255, 0.8); --nav-cursor-color: rgb(183, 182, 182); --sidebar-btn-bg: rgb(117, 116, 116, 0.2); /* Topbar */ --topbar-text-color: var(--text-color); --topbar-wrapper-bg: rgb(39, 40, 43); --search-wrapper-bg: rgb(34, 34, 39); --search-wrapper-border-color: rgb(34, 34, 39); --search-icon-color: rgb(100, 102, 105); --input-focus-border-color: rgb(112, 114, 115); /* Home page */ --post-list-text-color: rgb(175, 176, 177); --btn-patinator-text-color: var(--text-color); --btn-paginator-hover-color: rgb(64, 65, 66); --btn-paginator-border-color: var(--btn-border-color); --btn-text-color: var(--text-color); --pin-bg: rgb(34, 35, 37); --pin-color: inherit; /* Posts */ --toc-highlight: rgb(116, 178, 243); --tag-bg: rgb(41, 40, 40); --tag-hover: rgb(43, 56, 62); --tb-odd-bg: rgba(42, 47, 53, 0.52); /* odd rows of the posts' table */ --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */ --tb-border-color: var(--tb-odd-bg); --footnote-target-bg: rgb(63, 81, 181); --btn-share-color: #6c757d; --btn-share-hover-color: #bfc1ca; --relate-post-date: var(--text-muted-color); --card-bg: rgb(39, 40, 43); --card-border-color: rgb(53, 53, 60); --card-box-shadow: var(--main-bg); --preview-img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%); --kbd-wrap-color: #6a6a6a; --kbd-text-color: #d3d3d3; --kbd-bg-color: #242424; --prompt-text-color: rgb(216, 212, 212, 0.75); --prompt-tip-bg: rgba(77, 187, 95, 0.2); --prompt-tip-icon-color: rgb(5, 223, 5, 0.68); --prompt-info-bg: rgb(7, 59, 104, 0.8); --prompt-info-icon-color: #0075d1; --prompt-warning-bg: rgb(90, 69, 3, 0.95); --prompt-warning-icon-color: rgb(255, 165, 0, 0.8); --prompt-danger-bg: rgb(86, 28, 8, 0.8); --prompt-danger-icon-color: #cd0202; /* tags */ --tag-border: rgb(59, 79, 88); --tag-shadow: rgb(32, 33, 33); --search-tag-bg: var(--tag-bg); --dash-color: rgb(63, 65, 68); /* categories */ --categories-border: rgb(64, 66, 69); --categories-hover-bg: rgb(73, 75, 76); --categories-icon-hover-color: white; /* archives */ --timeline-node-bg: rgb(150, 152, 156); --timeline-color: rgb(63, 65, 68); --timeline-year-dot-color: var(--timeline-color); /* posts' toc, override BS */ /* categories */ color-scheme: dark; } html[data-mode="dark"] .post img[data-src] { -webkit-filter: brightness(95%); filter: brightness(95%); } html[data-mode="dark"] hr { border-color: var(--main-border-color); } html[data-mode="dark"] nav[data-toggle="toc"] .nav-link.active, html[data-mode="dark"] nav[data-toggle="toc"] .nav-link.active:focus, html[data-mode="dark"] nav[data-toggle="toc"] .nav-link.active:hover, html[data-mode="dark"] nav[data-toggle="toc"] .nav > li > a:focus, html[data-mode="dark"] nav[data-toggle="toc"] .nav > li > a:hover { color: var(--toc-highlight) !important; border-left-color: var(--toc-highlight) !important; } html[data-mode="dark"] .categories.card, html[data-mode="dark"] .list-group-item { background-color: var(--card-bg); } html[data-mode="dark"] .categories .card-header { background-color: var(--card-header-bg); } html[data-mode="dark"] .categories .list-group-item { border-left: none; border-right: none; padding-left: 2rem; border-color: var(--categories-border); } html[data-mode="dark"] .categories .list-group-item:last-child { border-bottom-color: var(--card-bg); } html[data-mode="dark"] #archives li:nth-child(odd) { background-image: linear-gradient(to left, #1a1a1e, #27272d, #27272d, #27272d, #1a1a1e); } html[data-mode="dark"] #disqus_thread { /* stylelint-disable-line selector-id-pattern */ color-scheme: none; } }

@media (prefers-color-scheme: dark) { html:not([data-mode]), html[data-mode="dark"] { /* Framework color */ --body-bg: var(--main-bg); --mask-bg: rgb(68, 69, 70); --main-bg: rgb(27, 27, 30); --main-border-color: rgb(44, 45, 45); /* Common color */ --text-color: rgb(175, 176, 177); --text-muted-color: rgb(107, 116, 124); --heading-color: #cccccc; --blockquote-border-color: rgb(66, 66, 66); --blockquote-text-color: rgb(117, 117, 117); --link-color: rgb(138, 180, 248); --link-underline-color: rgb(82, 108, 150); --button-bg: rgb(39, 40, 43); --btn-border-color: rgb(63, 65, 68); --btn-backtotop-color: var(--text-color); --btn-backtotop-border-color: var(--btn-border-color); --btn-box-shadow: var(--main-bg); --card-header-bg: rgb(51, 50, 50); --label-color: rgb(108, 117, 125); --checkbox-color: rgb(118, 120, 121); --checkbox-checked-color: var(--link-color); /* Sidebar */ --sidebar-bg: radial-gradient(circle, #242424 0%, #1d1f27 100%); --sidebar-muted-color: #6d6c6b; --sidebar-active-color: rgb(255, 255, 255, 0.8); --nav-cursor-color: rgb(183, 182, 182); --sidebar-btn-bg: rgb(117, 116, 116, 0.2); /* Topbar */ --topbar-text-color: var(--text-color); --topbar-wrapper-bg: rgb(39, 40, 43); --search-wrapper-bg: rgb(34, 34, 39); --search-wrapper-border-color: rgb(34, 34, 39); --search-icon-color: rgb(100, 102, 105); --input-focus-border-color: rgb(112, 114, 115); /* Home page */ --post-list-text-color: rgb(175, 176, 177); --btn-patinator-text-color: var(--text-color); --btn-paginator-hover-color: rgb(64, 65, 66); --btn-paginator-border-color: var(--btn-border-color); --btn-text-color: var(--text-color); --pin-bg: rgb(34, 35, 37); --pin-color: inherit; /* Posts */ --toc-highlight: rgb(116, 178, 243); --tag-bg: rgb(41, 40, 40); --tag-hover: rgb(43, 56, 62); --tb-odd-bg: rgba(42, 47, 53, 0.52); /* odd rows of the posts' table */ --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */ --tb-border-color: var(--tb-odd-bg); --footnote-target-bg: rgb(63, 81, 181); --btn-share-color: #6c757d; --btn-share-hover-color: #bfc1ca; --relate-post-date: var(--text-muted-color); --card-bg: rgb(39, 40, 43); --card-border-color: rgb(53, 53, 60); --card-box-shadow: var(--main-bg); --preview-img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%); --kbd-wrap-color: #6a6a6a; --kbd-text-color: #d3d3d3; --kbd-bg-color: #242424; --prompt-text-color: rgb(216, 212, 212, 0.75); --prompt-tip-bg: rgba(77, 187, 95, 0.2); --prompt-tip-icon-color: rgb(5, 223, 5, 0.68); --prompt-info-bg: rgb(7, 59, 104, 0.8); --prompt-info-icon-color: #0075d1; --prompt-warning-bg: rgb(90, 69, 3, 0.95); --prompt-warning-icon-color: rgb(255, 165, 0, 0.8); --prompt-danger-bg: rgb(86, 28, 8, 0.8); --prompt-danger-icon-color: #cd0202; /* tags */ --tag-border: rgb(59, 79, 88); --tag-shadow: rgb(32, 33, 33); --search-tag-bg: var(--tag-bg); --dash-color: rgb(63, 65, 68); /* categories */ --categories-border: rgb(64, 66, 69); --categories-hover-bg: rgb(73, 75, 76); --categories-icon-hover-color: white; /* archives */ --timeline-node-bg: rgb(150, 152, 156); --timeline-color: rgb(63, 65, 68); --timeline-year-dot-color: var(--timeline-color); /* posts' toc, override BS */ /* categories */ color-scheme: dark; } html:not([data-mode]) .post img[data-src], html[data-mode="dark"] .post img[data-src] { -webkit-filter: brightness(95%); filter: brightness(95%); } html:not([data-mode]) hr, html[data-mode="dark"] hr { border-color: var(--main-border-color); } html:not([data-mode]) nav[data-toggle="toc"] .nav-link.active, html:not([data-mode]) nav[data-toggle="toc"] .nav-link.active:focus, html:not([data-mode]) nav[data-toggle="toc"] .nav-link.active:hover, html:not([data-mode]) nav[data-toggle="toc"] .nav > li > a:focus, html:not([data-mode]) nav[data-toggle="toc"] .nav > li > a:hover, html[data-mode="dark"] nav[data-toggle="toc"] .nav-link.active, html[data-mode="dark"] nav[data-toggle="toc"] .nav-link.active:focus, html[data-mode="dark"] nav[data-toggle="toc"] .nav-link.active:hover, html[data-mode="dark"] nav[data-toggle="toc"] .nav > li > a:focus, html[data-mode="dark"] nav[data-toggle="toc"] .nav > li > a:hover { color: var(--toc-highlight) !important; border-left-color: var(--toc-highlight) !important; } html:not([data-mode]) .categories.card, html:not([data-mode]) .list-group-item, html[data-mode="dark"] .categories.card, html[data-mode="dark"] .list-group-item { background-color: var(--card-bg); } html:not([data-mode]) .categories .card-header, html[data-mode="dark"] .categories .card-header { background-color: var(--card-header-bg); } html:not([data-mode]) .categories .list-group-item, html[data-mode="dark"] .categories .list-group-item { border-left: none; border-right: none; padding-left: 2rem; border-color: var(--categories-border); } html:not([data-mode]) .categories .list-group-item:last-child, html[data-mode="dark"] .categories .list-group-item:last-child { border-bottom-color: var(--card-bg); } html:not([data-mode]) #archives li:nth-child(odd), html[data-mode="dark"] #archives li:nth-child(odd) { background-image: linear-gradient(to left, #1a1a1e, #27272d, #27272d, #27272d, #1a1a1e); } html:not([data-mode]) #disqus_thread, html[data-mode="dark"] #disqus_thread { /* stylelint-disable-line selector-id-pattern */ color-scheme: none; } html[data-mode="light"] { /* Framework color */ --body-bg: #fafafa; --mask-bg: #c1c3c5; --main-bg: white; --main-border-color: #f3f3f3; /* Common color */ --text-color: #34343c; --text-muted-color: gray; --heading-color: black; --blockquote-border-color: #eeeeee; --blockquote-text-color: #9a9a9a; --link-color: #2a408e; --link-underline-color: #dee2e6; --button-bg: #ffffff; --btn-border-color: #e9ecef; --btn-backtotop-color: #686868; --btn-backtotop-border-color: #f1f1f1; --btn-box-shadow: #eaeaea; --checkbox-color: #c5c5c5; --checkbox-checked-color: #07a8f7; /* Sidebar */ --sidebar-bg: #eeeeee; --sidebar-muted-color: #a2a19f; --sidebar-active-color: #424242; --nav-cursor-color: #757575; --sidebar-btn-bg: white; /* Topbar */ --topbar-text-color: rgb(78, 78, 78); --topbar-wrapper-bg: white; --search-wrapper-bg: rgb(245, 245, 245, 0.5); --search-wrapper-border-color: rgb(245, 245, 245); --search-tag-bg: #f8f9fa; --search-icon-color: #c2c6cc; --input-focus-border-color: var(--btn-border-color); /* Home page */ --post-list-text-color: dimgray; --btn-patinator-text-color: #555555; --btn-paginator-hover-color: var(--sidebar-bg); --btn-paginator-border-color: var(--sidebar-bg); --btn-text-color: #676666; --pin-bg: #f5f5f5; --pin-color: #999fa4; /* Posts */ --btn-share-hover-color: var(--link-color); --card-border-color: #f1f1f1; --card-box-shadow: rgba(234, 234, 234, 0.76); --label-color: #616161; --relate-post-date: rgba(30, 55, 70, 0.4); --footnote-target-bg: lightcyan; --tag-bg: rgba(0, 0, 0, 0.075); --tag-border: #dee2e6; --tag-shadow: var(--btn-border-color); --tag-hover: rgb(222, 226, 230); --tb-odd-bg: #fbfcfd; --tb-border-color: #eaeaea; --dash-color: silver; --preview-img-bg: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 100%); --kbd-wrap-color: #bdbdbd; --kbd-text-color: var(--text-color); --kbd-bg-color: white; --prompt-text-color: rgb(46, 46, 46, 0.77); --prompt-tip-bg: rgb(123, 247, 144, 0.2); --prompt-tip-icon-color: #03b303; --prompt-info-bg: #e1f5fe; --prompt-info-icon-color: #0070cb; --prompt-warning-bg: rgb(255, 243, 205); --prompt-warning-icon-color: #ef9c03; --prompt-danger-bg: rgb(248, 215, 218, 0.56); --prompt-danger-icon-color: #df3c30; /* Categories */ --categories-hover-bg: var(--btn-border-color); --categories-icon-hover-color: darkslategray; /* Archive */ --timeline-color: rgba(0, 0, 0, 0.075); --timeline-node-bg: #c2c6cc; --timeline-year-dot-color: #ffffff; } html[data-mode="light"] [class^="prompt-"] { --link-underline-color: rgb(219, 216, 216); } }

body { background: var(--body-bg); color: var(--text-color); -webkit-font-smoothing: antialiased; font-family: "Source Sans Pro", "Microsoft Yahei", sans-serif; line-height: 1.75; }

/* --- Typography --- */
h1 { font-size: 1.9rem; }

h2 { font-size: 1.5rem; }

h3 { font-size: 1.2rem; }

h4 { font-size: 1.15rem; }

h5 { font-size: 1.1rem; }

img { max-width: 100%; height: auto; }

blockquote { border-left: 5px solid var(--blockquote-border-color); padding-left: 1rem; color: var(--blockquote-text-color); }

blockquote[class^="prompt-"] { display: flex; border-left: 0; border-radius: 6px; padding: 1rem; color: var(--prompt-text-color); }

blockquote[class^="prompt-"]::before { font-family: "Font Awesome 5 Free"; text-align: center; width: 1.25rem; margin-right: 0.75rem; }

blockquote[class^="prompt-"] > div { max-width: calc(100% - 2rem); }

blockquote[class^="prompt-"] > div > :last-child { margin-bottom: 0; }

blockquote.prompt-tip { background-color: var(--prompt-tip-bg); }

blockquote.prompt-tip::before { content: ""; color: var(--prompt-tip-icon-color); font-weight: 400; }

blockquote.prompt-info { background-color: var(--prompt-info-bg); }

blockquote.prompt-info::before { content: ""; color: var(--prompt-info-icon-color); font-weight: 900; }

blockquote.prompt-warning { background-color: var(--prompt-warning-bg); }

blockquote.prompt-warning::before { content: ""; color: var(--prompt-warning-icon-color); font-weight: 900; }

blockquote.prompt-danger { background-color: var(--prompt-danger-bg); }

blockquote.prompt-danger::before { content: ""; color: var(--prompt-danger-icon-color); font-weight: 900; }

mjx-container { overflow-x: auto; overflow-y: hidden; }

kbd { font-family: inherit; display: inline-block; vertical-align: middle; line-height: 1.3rem; min-width: 1.75rem; text-align: center; margin: 0 0.3rem; padding-top: 0.1rem; color: var(--kbd-text-color); background-color: var(--kbd-bg-color); border-radius: 0.25rem; border: solid 1px var(--kbd-wrap-color); box-shadow: inset 0 -2px 0 var(--kbd-wrap-color); }

footer { font-size: 0.8rem; background-color: var(--main-bg); }

footer div.d-flex { height: 5rem; line-height: 1.2rem; padding-bottom: 1rem; border-top: 1px solid var(--main-border-color); }

footer div.d-flex > div { width: 350px; }

footer a:link { text-decoration: none; }

footer a:hover { text-decoration: none; }

footer .footer-right { text-align: right; }

i { /* fontawesome icons */ }

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

img[data-src] { margin: 0.5rem 0; }

img[data-src][data-loaded="true"] { -webkit-animation: fade-in linear 0.5s; animation: fade-in linear 0.5s; }

img.left[data-src] { float: left; margin: 0.75rem 1rem 1rem 0; }

img.right[data-src] { float: right; margin: 0.75rem 0 1rem 1rem; }

img.shadow[data-src] { -webkit-filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08)); filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08)); box-shadow: none !important; /* cover the Bootstrap 4.6.1 styles */ }

/* --- Panels --- */
.access { top: 2rem; transition: top 0.2s ease-in-out; margin-top: 3rem; margin-bottom: 4rem; }

.access:only-child { position: -webkit-sticky; position: sticky; }

.access > div { padding-left: 1rem; border-left: 1px solid var(--main-border-color); }

.access > div:not(:last-child) { margin-bottom: 4rem; }

.access .post-content { font-size: 0.9rem; }

#panel-wrapper { /* the headings */ }

#panel-wrapper .panel-heading { color: var(--label-color); font-size: inherit; font-weight: 600; }

#panel-wrapper .post-tag { display: inline-block; line-height: 1rem; font-size: 0.85rem; background: none; border: 1px solid var(--btn-border-color); border-radius: 0.8rem; padding: 0.3rem 0.5rem; margin: 0 0.35rem 0.5rem 0; }

#panel-wrapper .post-tag:hover { background-color: #2a408e; border-color: #2a408e; color: #ffffff; transition: none; }

[data-topbar-visible="true"] #panel-wrapper > div { top: 6rem; }

#access-lastmod li { height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; list-style: none; }

#access-lastmod a { color: inherit; }

.footnotes > ol { padding-left: 2rem; margin-top: 0.5rem; }

.footnotes > ol > li { /* [scroll-focus] added by `smooth-scroll.js` */ }

.footnotes > ol > li:not(:last-child) { margin-bottom: 0.3rem; }

.footnotes > ol > li > p { margin-left: 0.25em; margin-top: 0; margin-bottom: 0; }

.footnotes > ol > li:target:not([scroll-focus]), .footnotes > ol > li[scroll-focus="true"] > p { background-color: var(--footnote-target-bg); width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; transition: background-color 1.5s ease-in-out; }

.footnote { /* [scroll-focus] added by `smooth-scroll.js` */ }

a.footnote { margin-left: 1px; margin-right: 1px; padding-left: 2px; padding-right: 2px; border-bottom-style: none !important; transition: background-color 1.5s ease-in-out; }

sup:target:not([scroll-focus]), sup[scroll-focus=true] > a.footnote { background-color: var(--footnote-target-bg); }

a.reversefootnote { font-size: 0.6rem; line-height: 1; position: relative; bottom: 0.25em; margin-left: 0.25em; border-bottom-style: none !important; }

/* --- Begin of Markdown table style --- */
/* it will be created by Liquid */
.table-wrapper { overflow-x: auto; margin-bottom: 1.5rem; /* table */ }

.table-wrapper > table { min-width: 100%; overflow-x: auto; border-spacing: 0; /* tbody */ }

.table-wrapper > table thead { border-bottom: solid 2px rgba(210, 215, 217, 0.75); }

.table-wrapper > table tbody tr { border-bottom: 1px solid var(--tb-border-color); }

.table-wrapper > table tbody tr:nth-child(2n) { background-color: var(--tb-even-bg); }

.table-wrapper > table tbody tr:nth-child(2n + 1) { background-color: var(--tb-odd-bg); }

/* --- post --- */
.post { /* a */ }

.post h1 { margin-top: 3rem; margin-bottom: 1.5rem; }

.post a { /* created by `_includes/img-extra.html` */ }

.post a.popup { cursor: zoom-in; }

.post a.popup > img[data-src]:not(.normal):not(.left):not(.right) { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.pageviews .fa-spinner { font-size: 80%; }

.post-meta { font-size: 0.85rem; word-spacing: 1px; }

.post-meta a:not(:last-child) { margin-right: 2px; }

.post-content { font-size: 1.08rem; margin-top: 2rem; overflow-wrap: break-word; /* ul */ }

.post-content ol:not([class]), .post-content ol.task-list, .post-content ul:not([class]), .post-content ul.task-list { -webkit-padding-start: 1.75rem; padding-inline-start: 1.75rem; }

.post-content ol:not([class]) li, .post-content ol.task-list li, .post-content ul:not([class]) li, .post-content ul.task-list li { margin: 0.25rem 0; padding-left: 0.25rem; }

.post-content ol:not([class]) ol, .post-content ol:not([class]) ul, .post-content ol.task-list ol, .post-content ol.task-list ul, .post-content ul:not([class]) ol, .post-content ul:not([class]) ul, .post-content ul.task-list ol, .post-content ul.task-list ul { -webkit-padding-start: 1.25rem; padding-inline-start: 1.25rem; margin: 0.5rem 0; }

.post-content ul.task-list { -webkit-padding-start: 1.25rem; padding-inline-start: 1.25rem; }

.post-content ul.task-list li { list-style-type: none; padding-left: 0; }

.post-content ul.task-list li > i { /* checkbox icon */ width: 2rem; margin-left: -1.25rem; color: var(--checkbox-color); }

.post-content ul.task-list li > i.checked { color: var(--checkbox-checked-color); }

.post-content ul.task-list li ul { -webkit-padding-start: 1.75rem; padding-inline-start: 1.75rem; }

.post-content ul.task-list input[type="checkbox"] { margin: 0 0.5rem 0.2rem -1.3rem; vertical-align: middle; }

.post-content dl > dd { margin-left: 1rem; }

/* .post-content */
.post-tag { display: inline-block; min-width: 2rem; text-align: center; background: var(--tag-bg); border-radius: 0.3rem; padding: 0 0.4rem; color: inherit; line-height: 1.3rem; }

.post-tag:not(:last-child) { margin-right: 0.2rem; }

.post-tag:hover { border-bottom: none; text-decoration: none; color: #d2603a; }

/* --- buttons --- */
.btn-lang { border: 1px solid !important; padding: 1px 3px; border-radius: 3px; color: var(--link-color); }

.btn-lang:focus { box-shadow: none; }

/* --- Effects classes --- */
.loaded { display: block !important; }

.d-flex.loaded { display: flex !important; }

.unloaded { display: none !important; }

.visible { visibility: visible !important; }

.hidden { visibility: hidden !important; }

.flex-grow-1 { flex-grow: 1 !important; }

.btn-box-shadow { box-shadow: 0 0 8px 0 var(--btn-box-shadow) !important; }

.no-text-decoration { text-decoration: none; }

.tooltip-inner { /* Overrided BS4 Tooltip */ font-size: 0.7rem; max-width: 220px; text-align: left; }

.disabled { color: #cec4c4; pointer-events: auto; cursor: not-allowed; }

.hide-border-bottom { border-bottom: none !important; }

.input-focus { box-shadow: none; border-color: var(--input-focus-border-color) !important; background: center !important; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }

/* --- Overriding --- */
/* magnific-popup */
figure .mfp-title { text-align: center; padding-right: 0; margin-top: 0.5rem; }

/* mermaid */
.mermaid { text-align: center; }

/* --- sidebar layout --- */
#sidebar { padding-left: 0; padding-right: 0; position: fixed; top: 0; left: 0; height: 100%; overflow-y: auto; width: 260px; z-index: 99; background: var(--sidebar-bg); /* Hide scrollbar for Chrome, Safari and Opera */ /* Hide scrollbar for IE, Edge and Firefox */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ /* #avatar */ /* ul */ /* .sidebar-bottom */ }

#sidebar::-webkit-scrollbar { display: none; }

#sidebar a:hover { text-decoration: none; color: var(--sidebar-active-color) !important; }

#sidebar #avatar > a { display: block; width: 6rem; height: 6rem; border-radius: 50%; border: 2px solid rgba(222, 222, 222, 0.7); overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); /* fixed the zoom in Safari */ transition: border-color 0.35s ease-in-out; }

#sidebar #avatar > a:hover { border-color: white; }

#sidebar #avatar img { width: 100%; height: 100%; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

#sidebar #avatar img:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }

#sidebar .site-title { margin-top: 0.55rem; }

#sidebar .site-title a { font-weight: 900; font-size: 1.5rem; letter-spacing: 0.5px; color: rgba(134, 133, 133, 0.99); }

#sidebar .site-subtitle { font-size: 95%; color: var(--sidebar-muted-color); line-height: 1.25rem; word-spacing: 1px; margin: 0.2rem 1.5rem 0.5rem 1.5rem; min-height: 3rem; /* avoid vertical shifting in multi-line words */ -webkit-user-select: none; -moz-user-select: none; user-select: none; }

#sidebar .nav-link { border-radius: 0; font-size: 0.95rem; font-weight: 600; letter-spacing: 1px; display: table-cell; vertical-align: middle; }

#sidebar .nav-item { text-align: center; display: table; height: 3rem; }

#sidebar .nav-item.active .nav-link { color: var(--sidebar-active-color); }

#sidebar ul { height: 3rem; margin-bottom: 2rem; padding-left: 0; /* li */ /* @for */ }

#sidebar ul li { width: 100%; }

#sidebar ul li:last-child a { position: relative; left: 1px; width: 100%; }

#sidebar ul li:last-child::after { /* the cursor */ display: table; visibility: hidden; content: ""; position: relative; right: 1px; width: 2px; height: 1.6rem; border-radius: 1px; background-color: var(--nav-cursor-color); pointer-events: none; }

#sidebar ul > li.active:nth-child(1):last-child::after, #sidebar ul > li.nav-item:nth-child(1):last-child:hover::after { top: 0.7rem; visibility: visible; }

#sidebar .sidebar-bottom { margin-bottom: 2.1rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }

#sidebar .sidebar-bottom .mode-toggle, #sidebar .sidebar-bottom a { width: 2.4rem; text-align: center; }

#sidebar .sidebar-bottom i { font-size: 1.2rem; line-height: 1.75rem; }

#sidebar .sidebar-bottom .mode-toggle { padding: 0; border: 0; margin-bottom: 1px; background-color: transparent; }

#sidebar .sidebar-bottom .mode-toggle:hover > i { color: var(--sidebar-active-color); }

#sidebar .sidebar-bottom .icon-border { background-color: var(--sidebar-muted-color); content: ""; width: 3px; height: 3px; border-radius: 50%; }

/* #sidebar */
@media (hover: hover) { #sidebar ul > li:last-child::after { transition: top 0.5s ease; } }

.profile-wrapper { margin-top: 2rem; width: 100%; }

#search-result-wrapper { display: none; height: 100%; width: 100%; overflow: auto; }

#search-result-wrapper .post-content { margin-top: 2rem; }

/* --- top-bar --- */
#topbar-wrapper { height: 3rem; position: fixed; top: 0; left: 260px; /* same as sidebar width */ right: 0; transition: top 0.2s ease-in-out; z-index: 50; border-bottom: 1px solid rgba(0, 0, 0, 0.07); background-color: var(--topbar-wrapper-bg); }

[data-topbar-visible="false"] #topbar-wrapper { top: -3rem; /* same as topbar height. */ }

#topbar i { /* icons */ color: #999999; }

#topbar #breadcrumb { font-size: 1rem; color: gray; padding-left: 0.5rem; }

#topbar #breadcrumb span:not(:last-child)::after { content: "›"; padding: 0 0.3rem; }

/* #topbar */
#sidebar-trigger, #search-trigger { display: none; }

#search-wrapper { display: flex; width: 100%; border-radius: 1rem; border: 1px solid var(--search-wrapper-border-color); background: var(--search-wrapper-bg); padding: 0 0.5rem; }

#search-wrapper i { z-index: 2; font-size: 0.9rem; color: var(--search-icon-color); }

#search-cancel { /* 'Cancel' link */ color: var(--link-color); margin-left: 1rem; display: none; }

#search-input { background: center; border: 0; border-radius: 0; padding: 0.18rem 0.3rem; color: var(--text-color); height: auto; }

#search-input:focus { box-shadow: none; background: center; }

#search-input.form-control:focus::-moz-placeholder { opacity: 0.6; }

#search-input.form-control:focus::-webkit-input-placeholder { opacity: 0.6; }

#search-input.form-control:focus::placeholder { opacity: 0.6; }

#search-hints { padding: 0 1rem; }

#search-hints h4 { margin-bottom: 1.5rem; }

#search-hints .post-tag { display: inline-block; line-height: 1rem; font-size: 1rem; background: var(--search-tag-bg); border: none; padding: 0.5rem; margin: 0 1.25rem 1rem 0; }

#search-hints .post-tag::before { content: "#"; color: var(--text-muted-color); padding-right: 0.2rem; }

#search-results { padding-bottom: 3rem; }

#search-results a { font-size: 1.4rem; line-height: 2.5rem; }

#search-results > div { width: 100%; }

#search-results > div:not(:last-child) { margin-bottom: 1rem; }

#search-results > div i { /* icons */ color: #818182; margin-right: 0.15rem; font-size: 80%; }

#search-results > div > p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* #search-results */
#topbar-title { display: none; font-size: 1.1rem; font-weight: 600; font-family: sans-serif; color: var(--topbar-text-color); text-align: center; width: 70%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; }

.row:only-child > #core-wrapper { padding-bottom: 3rem; }

#mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; }

[sidebar-display] #mask { display: block !important; }

/* --- main wrapper --- */
#main-wrapper { background-color: var(--main-bg); position: relative; min-height: calc(100vh - 5rem); padding-left: 0; padding-right: 0; }

#core-wrapper, #panel-wrapper { margin-top: 3rem; /* same as the height of topbar */ }

#topbar-wrapper.row, #main > .row, #search-result-wrapper > .row { margin-left: 0; margin-right: 0; }

/* --- button back-to-top --- */
#back-to-top { display: none; z-index: 1; cursor: pointer; position: fixed; background: var(--button-bg); color: var(--btn-backtotop-color); padding: 0; width: 2.7em; height: 2.7em; border-radius: 50%; border: 1px solid var(--btn-backtotop-border-color); transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; -webkit-transition: transform 0.2s ease-out; }

#back-to-top i { line-height: 2.7em; position: relative; bottom: 2px; }

#back-to-top:hover { transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); }

@-webkit-keyframes popup { from { opacity: 0;
    bottom: 0; } }

@keyframes popup { from { opacity: 0;
    bottom: 0; } }

#notification .toast-header { background: none; border-bottom: none; color: inherit; }

#notification .toast-body { font-family: Lato, sans-serif; line-height: 1.25rem; }

#notification .toast-body button { font-size: 90%; min-width: 4rem; }

#notification.toast { display: none; }

#notification.toast.show { display: block; min-width: 20rem; border-radius: 0.5rem; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.5); color: #1b1b1eba; position: fixed; left: 50%; bottom: 20%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: popup 0.8s; animation: popup 0.8s; }

/*
  Responsive Design:

 {sidebar, content, panel} >= 1120px screen width
 {sidebar, content} >= 850px screen width
 {content} <= 849px screen width

*/
@media all and (max-width: 576px) { footer { height: 6rem; } footer div.d-flex { padding: 1.5rem 0; flex-wrap: wrap; justify-content: space-around !important; } footer .footer-left, footer .footer-right { text-align: center; } #main-wrapper { min-height: calc(100vh - 6rem); } #core-wrapper { min-height: calc(100vh - 3rem - 6rem) !important; } #core-wrapper h1 { margin-top: 2.2rem; font-size: 1.75rem; } #core-wrapper .post-content > blockquote[class^="prompt-"] { padding-left: 1.25rem; padding-right: 1.25rem; margin-left: -1.25rem; margin-right: -1.25rem; border-radius: 0; max-width: none; } #avatar > a { width: 5rem; height: 5rem; } .site-subtitle { margin-left: 1.8rem; margin-right: 1.8rem; } }

@media all and (max-width: 768px) { #main, #topbar { max-width: 100%; } #main { padding-left: 0; padding-right: 0; } }

/* hide sidebar and panel */
@media all and (max-width: 849px) { html, body { overflow-x: hidden; } footer { transition: transform 0.4s ease; } [sidebar-display] #sidebar { -webkit-transform: translateX(0); transform: translateX(0); } [sidebar-display] #topbar-wrapper, [sidebar-display] #main-wrapper, [sidebar-display] footer { -webkit-transform: translateX(260px); transform: translateX(260px); } #sidebar { transition: transform 0.4s ease; transform: translateX(-260px); /* hide */ -webkit-transform: translateX(-260px); } #sidebar .cursor { transition: none; } #main-wrapper { transition: transform 0.4s ease; padding-top: 3rem; } #topbar, #main, footer > .container { max-width: 100%; } #search-result-wrapper { width: 100%; } #breadcrumb, #search-wrapper { display: none; } #topbar-wrapper { transition: transform 0.4s ease, top 0.2s ease; left: 0; } #core-wrapper, #panel-wrapper { margin-top: 0; } #topbar-title, #sidebar-trigger, #search-trigger { display: block; } #search-result-wrapper .post-content { letter-spacing: 0; } #tags { justify-content: center !important; } h1.dynamic-title { display: none; } h1.dynamic-title ~ .post-content { margin-top: 3rem; } }

/* max-width: 849px */
@media all and (max-width: 849px) and (orientation: portrait) { [data-topbar-visible="false"] #topbar-wrapper { top: 0; } }

/* Phone & Pad */
@media all and (min-width: 577px) and (max-width: 1199px) { footer .d-flex > div { width: 312px; } }

/* Sidebar is visible */
@media all and (min-width: 850px) { /* Solved jumping scrollbar */ html { overflow-y: scroll; } #main-wrapper, footer { margin-left: 260px; } .profile-wrapper { margin-top: 3rem; } #search-hints { display: none; } #search-wrapper { max-width: 210px; } #search-result-wrapper { margin-top: 3rem; max-width: 1250px; } div.post-content .table-wrapper > table { min-width: 70%; } /* button 'back-to-Top' position */ #back-to-top { bottom: 5.5rem; right: 5%; } #topbar-title { text-align: left; } }

/* Pad horizontal */
@media all and (min-width: 992px) and (max-width: 1199px) { #main .col-lg-11 { flex: 0 0 96%; max-width: 96%; } }

/* Compact icons in sidebar & panel hidden */
@media all and (min-width: 850px) and (max-width: 1199px) { #sidebar { width: 210px; } #sidebar .site-subtitle { margin-left: 1rem; margin-right: 1rem; } #sidebar .sidebar-bottom a, #sidebar .sidebar-bottom span { width: 2rem; } #sidebar .sidebar-bottom .icon-border { left: -3px; } #topbar-wrapper { left: 210px; } #search-results > div { max-width: 700px; } .site-title { font-size: 1.3rem; margin-left: 0 !important; } .site-subtitle { margin-left: 1rem; margin-right: 1rem; font-size: 90%; } #main-wrapper, footer { margin-left: 210px; } #breadcrumb { width: 65%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; } }

/* panel hidden */
@media all and (max-width: 1199px) { #panel-wrapper { display: none; } #main > div.row { justify-content: center !important; } }

/* --- desktop mode, both sidebar and panel are visible --- */
@media all and (min-width: 1200px) { #back-to-top { bottom: 6.5rem; } #search-wrapper { margin-right: 4rem; } #search-input { transition: all 0.3s ease-in-out; } #search-results > div { width: 46%; } #search-results > div:nth-child(odd) { margin-right: 1.5rem; } #search-results > div:nth-child(even) { margin-left: 1.5rem; } #search-results > div:last-child:nth-child(odd) { position: relative; right: 24.3%; } .post-content { font-size: 1.03rem; } footer div.d-felx { width: 85%; } }

@media all and (min-width: 1400px) { #back-to-top { right: calc((100vw - 260px - 1140px) / 2 + 3rem); } }

@media all and (min-width: 1650px) { #main-wrapper, footer { margin-left: 350px; } #topbar-wrapper { left: 350px; } #search-wrapper { margin-right: calc(1250px * 0.25 - 210px); } #topbar, #main, footer > .container { max-width: 1250px; } #core-wrapper, #tail-wrapper { padding-right: 4.5rem !important; } #back-to-top { right: calc((100vw - 350px - 1250px) / 2 + 2rem); } #sidebar { width: 350px; /* .profile-wrapper (min-width: 1650px) */ /* .sidebar-bottom */ } #sidebar .profile-wrapper { margin-top: 4rem; margin-bottom: 1rem; } #sidebar .profile-wrapper.text-center { text-align: left !important; } #sidebar .profile-wrapper .site-subtitle, #sidebar .profile-wrapper .site-title, #sidebar .profile-wrapper #avatar { margin-left: 4.5rem; } #sidebar .profile-wrapper #avatar > a { width: 6.2rem; height: 6.2rem; } #sidebar .profile-wrapper #avatar > a.mx-auto { margin-left: 0 !important; } #sidebar .profile-wrapper .site-title { margin-top: 0.4rem; } #sidebar .profile-wrapper .site-title a { font-size: 1.7rem; letter-spacing: 1px; } #sidebar .profile-wrapper .site-subtitle { word-spacing: 0; margin-top: 0; } #sidebar ul { padding-left: 2.5rem; } #sidebar ul > li:last-child > a { position: static; } #sidebar ul .nav-item { text-align: left; } #sidebar ul .nav-item .nav-link > span { letter-spacing: 2px; } #sidebar ul .nav-item .nav-link > i.unloaded { display: inline-block !important; } #sidebar .sidebar-bottom { padding-left: 3.5rem; width: 100%; } #sidebar .sidebar-bottom.justify-content-center { justify-content: flex-start !important; } #sidebar .sidebar-bottom > span, #sidebar .sidebar-bottom > button.mode-toggle, #sidebar .sidebar-bottom > a { margin-left: 0.15rem; margin-right: 0.15rem; height: 2rem; margin-bottom: 0.5rem; /* wrap line */ } #sidebar .sidebar-bottom i { background-color: var(--sidebar-btn-bg); font-size: 1rem; width: 2rem; height: 2rem; border-radius: 50%; position: relative; } #sidebar .sidebar-bottom i::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #sidebar .sidebar-bottom .icon-border { top: 0.9rem; } /* #sidebar */ }

/* min-width: 1650px */
/* Style for Homepage */
.pagination { color: var(--btn-patinator-text-color); font-family: Lato, sans-serif; /* .page-item */ }

.pagination a:hover { text-decoration: none; }

.pagination .page-item .page-link { color: inherit; width: 2.5rem; height: 2.5rem; padding: 0; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; border-radius: 50%; border: 1px solid var(--btn-paginator-border-color); background-color: var(--button-bg); }

.pagination .page-item .page-link:hover { background-color: var(--btn-paginator-hover-color); }

.pagination .page-item.active .page-link { background-color: var(--btn-paginator-hover-color); color: var(--btn-text-color); }

.pagination .page-item.disabled { cursor: not-allowed; }

.pagination .page-item.disabled .page-link { color: rgba(108, 117, 125, 0.57); border-color: var(--btn-paginator-border-color); background-color: var(--button-bg); }

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link { border-radius: 50%; }

/* .pagination */
#post-list { margin-top: 1rem; padding-right: 0.5rem; /* .post-preview */ }

#post-list .post-preview { padding-top: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--main-border-color); }

#post-list .post-preview h1 { font-size: 1.4rem; margin: 0; }

#post-list .post-preview .post-meta i { font-size: 0.73rem; }

#post-list .post-preview .post-meta i:not(:first-child) { margin-left: 1.2rem; }

#post-list .post-preview .post-meta .pin i { -webkit-transform: rotate(45deg); transform: rotate(45deg); padding-left: 3px; color: var(--pin-color); }

#post-list .post-preview .post-meta .pin span { display: none; }

#post-list .post-preview .post-content { margin-top: 0.6rem; margin-bottom: 0.6rem; color: var(--post-list-text-color); }

#post-list .post-preview .post-content > p { /* Make preview shorter on the homepage */ margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* #post-list */
/* Hide SideBar and TOC */
@media all and (max-width: 830px) { .pagination { justify-content: space-evenly; } .pagination .page-item:not(:first-child):not(:last-child) { display: none; } }

/* Sidebar is visible */
@media all and (min-width: 831px) { #post-list { margin-top: 1.5rem; } #post-list .post-preview .post-meta .pin { background: var(--pin-bg); border-radius: 5px; line-height: 1.4rem; height: 1.3rem; margin-top: 3px; padding-left: 1px; padding-right: 6px; } #post-list .post-preview .post-meta .pin > span { display: inline; } .pagination { font-size: 0.85rem; } .pagination .page-item:not(:last-child) { margin-right: 0.7rem; } .pagination .page-item .page-link { width: 2rem; height: 2rem; } .pagination .page-index { display: none; } /* .pagination */ }

/* Panel hidden */
@media all and (max-width: 1200px) { #post-list { padding-right: 0; } }

/* Post-specific style */
#related-posts .card h3, h1 + .post-meta em a, h1 + .post-meta em, footer a { color: var(--text-color); }

img.preview-img { margin: 0; border-radius: 6px; }

img.preview-img.bg[data-loaded="true"] { background: var(--preview-img-bg); }

h1 + .post-meta span + span::before { content: "\2022"; padding-left: 0.25rem; padding-right: 0.25rem; }

.post-tail-wrapper { margin-top: 6rem; border-bottom: 1px double var(--main-border-color); font-size: 0.85rem; /* .license-wrapper */ /* .share-wrapper */ }

.post-tail-wrapper .post-tail-bottom a { color: inherit; }

.post-tail-wrapper .license-wrapper { line-height: 1.2rem; }

.post-tail-wrapper .license-wrapper > a { color: var(--text-color); }

.post-tail-wrapper .license-wrapper span:last-child { font-size: 0.85rem; }

.post-tail-wrapper .share-wrapper { vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* .share-icons */ }

.post-tail-wrapper .share-wrapper .share-icons { font-size: 1.2rem; }

.post-tail-wrapper .share-wrapper .share-icons > i { position: relative; bottom: 1px; }

.post-tail-wrapper .share-wrapper .share-icons a:not(:last-child) { margin-right: 0.25rem; }

.post-tail-wrapper .share-wrapper .share-icons a:hover { text-decoration: none; }

.post-tail-wrapper .share-wrapper .share-icons .fab.fa-twitter { color: var(--btn-share-color, #1da1f2); }

.post-tail-wrapper .share-wrapper .share-icons .fab.fa-facebook-square { color: var(--btn-share-color, #425f9c); }

.post-tail-wrapper .share-wrapper .share-icons .fab.fa-telegram { color: var(--btn-share-color, #279fd9); }

.post-tail-wrapper .share-wrapper .share-icons .fab.fa-linkedin { color: var(--btn-share-color, #0077b5); }

.post-tail-wrapper .share-wrapper .share-icons .fab.fa-weibo { color: var(--btn-share-color, #e5142b); }

.post-tail-wrapper .share-wrapper .fas.fa-link { color: var(--btn-share-color, #ababab); }

.post-tags { line-height: 2rem; }

.post-navigation { padding-top: 3rem; padding-bottom: 4rem; }

.post-navigation .btn { width: 50%; position: relative; border-color: var(--btn-border-color); color: var(--link-color); }

.post-navigation .btn:hover { background: #2a408e; color: #ffffff; border-color: #2a408e; }

.post-navigation .btn.disabled { width: 50%; position: relative; border-color: var(--btn-border-color); pointer-events: auto; cursor: not-allowed; background: none; color: gray; }

.post-navigation .btn.disabled:hover { border-color: none; }

.post-navigation .btn.btn-outline-primary.disabled:focus { box-shadow: none; }

.post-navigation .btn::before { color: var(--text-muted-color); font-size: 0.65rem; text-transform: uppercase; content: attr(prompt); }

.post-navigation .btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; left: 0.5px; }

.post-navigation .btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; right: 0.5px; }

.post-navigation p { font-size: 1.1rem; line-height: 1.5rem; margin-top: 0.3rem; white-space: normal; }

/* .post-navigation */
@-webkit-keyframes fade-up { from { opacity: 0;
    position: relative;
    top: 2rem; }
  to { opacity: 1;
    position: relative;
    top: 0; } }

@keyframes fade-up { from { opacity: 0;
    position: relative;
    top: 2rem; }
  to { opacity: 1;
    position: relative;
    top: 0; } }

#toc-wrapper { border-left: 1px solid rgba(158, 158, 158, 0.17); position: -webkit-sticky; position: sticky; top: 4rem; transition: top 0.2s ease-in-out; -webkit-animation: fade-up 0.8s; animation: fade-up 0.8s; }

#toc ul.nav.navbar-nav { margin: 0.5rem 0; padding: 0; }

#toc ul.nav.navbar-nav li { padding-top: 2px; padding-bottom: 2px; }

nav[data-toggle="toc"] .nav .nav > li > a.active { font-weight: 600 !important; }

/* --- Related Posts --- */
#related-posts > h3 { color: var(--label-color); font-size: 1.1rem; font-weight: 600; }

#related-posts em { color: var(--relate-post-date); }

#related-posts p { font-size: 0.9rem; margin-bottom: 0.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

#related-posts a:hover { text-decoration: none; }

#related-posts .card { border-color: var(--card-border-color); background-color: var(--card-bg); box-shadow: 0 0 5px 0 var(--card-box-shadow); transition: all 0.3s ease-in-out; }

#related-posts .card:hover { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); box-shadow: 0 10px 15px -4px rgba(0, 0, 0, 0.15); }

#tail-wrapper { min-height: 2rem; }

#tail-wrapper > div:last-of-type { margin-bottom: 2rem; }

#tail-wrapper #disqus_thread { /* stylelint-disable-line selector-id-pattern */ min-height: 8.5rem; }

.post-tail-wrapper .share-wrapper .share-icons > i:hover, .post-tail-wrapper .share-wrapper .share-icons a:hover > i { color: var(--btn-share-hover-color) !important; }

.share-label { color: inherit; font-size: inherit; font-weight: 400; }

.share-label::after { content: ":"; }

@media all and (max-width: 576px) { .preview-img[data-src] { margin-top: 2.2rem; } .post-tail-bottom { flex-wrap: wrap-reverse !important; } .post-tail-bottom > div:first-child { width: 100%; margin-top: 1rem; } }

@media all and (max-width: 768px) { .post-content > p > img { max-width: calc(100% + 1rem); } }

/* Hide SideBar and TOC */
@media all and (max-width: 849px) { .post-navigation { padding-left: 0; padding-right: 0; margin-left: -0.5rem; margin-right: -0.5rem; } .preview-img[data-src] { max-width: 100vw; border-radius: 0; } }

/* Styles for Tab Tags */
.tag { border-radius: 0.7em; padding: 6px 8px 7px; margin-right: 0.8rem; line-height: 3rem; letter-spacing: 0; border: 1px solid var(--tag-border) !important; box-shadow: 0 0 3px 0 var(--tag-shadow); }

.tag span { margin-left: 0.6em; font-size: 0.7em; font-family: Oswald, sans-serif; }

/* Style for Archives */
#archives { letter-spacing: 0.03rem; /* #archives ul */ }

#archives ul li::before, #archives .year:first-child::before, #archives .year::before { content: ""; width: 4px; position: relative; float: left; background-color: var(--timeline-color); }

#archives .year { height: 3.5rem; font-size: 1.5rem; position: relative; left: 2px; margin-left: -4px; }

#archives .year::before { height: 72px; left: 79px; bottom: 16px; }

#archives .year:first-child::before { height: 32px; top: 24px; }

#archives .year::after { /* Year dot */ content: ""; display: inline-block; position: relative; border-radius: 50%; width: 12px; height: 12px; left: 21.5px; border: 3px solid; background-color: var(--timeline-year-dot-color); border-color: var(--timeline-node-bg); box-shadow: 0 0 2px 0 #c2c6cc; z-index: 1; }

#archives ul li { font-size: 1.1rem; line-height: 3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#archives ul li:nth-child(odd) { background-color: var(--main-bg, #ffffff); background-image: linear-gradient(to left, #ffffff, #fbfbfb, #fbfbfb, #fbfbfb, #ffffff); }

#archives ul li::before { top: 0; left: 77px; height: 3.1rem; }

#archives ul:last-child li:last-child::before { height: 1.5rem; }

#archives .date { white-space: nowrap; display: inline-block; position: relative; right: 0.5rem; }

#archives .date.month { width: 1.4rem; text-align: center; }

#archives .date.day { font-size: 85%; font-family: Lato, sans-serif; }

#archives a { /* post title in Archvies */ margin-left: 2.5rem; position: relative; top: 0.1rem; }

#archives a:hover { border-bottom: none; }

#archives a::before { /* the dot before post title */ content: ""; display: inline-block; position: relative; border-radius: 50%; width: 8px; height: 8px; float: left; top: 1.35rem; left: 71px; background-color: var(--timeline-node-bg); box-shadow: 0 0 3px 0 #c2c6cc; z-index: 1; }

/* #archives */
@media all and (max-width: 576px) { #archives { margin-top: -1rem; } #archives ul { letter-spacing: 0; } }

/* Style for Tab Categories */
.categories i { color: gray; }

.categories { margin-bottom: 2rem; }

.categories .card-header { padding-right: 12px; }

.categories i { font-size: 86%; /* fontawesome icons */ }

.categories .list-group-item { border-left: none; border-right: none; padding-left: 2rem; }

.categories .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }

/* .categories */
.category-trigger { width: 1.7rem; height: 1.7rem; border-radius: 50%; text-align: center; color: #6c757d !important; }

.category-trigger i { position: relative; height: 0.7rem; width: 1rem; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; }

.category-trigger:hover i { color: var(--categories-icon-hover-color); }

@media (hover: hover) { /* only works on desktop */ .category-trigger:hover { background-color: var(--categories-hover-bg); } }

.rotate { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

/* Style for page Category and Tag */
.dash { margin: 0 0.5rem 0.6rem 0.5rem; border-bottom: 2px dotted var(--dash-color); }

#page-category ul > li, #page-tag ul > li { line-height: 1.5rem; padding: 0.6rem 0; /* post's date */ }

#page-category ul > li::before, #page-tag ul > li::before { /* dot */ background: #999999; width: 5px; height: 5px; border-radius: 50%; display: block; content: ""; position: relative; top: 0.6rem; margin-right: 0.5rem; }

#page-category ul > li > a, #page-tag ul > li > a { /* post's title */ font-size: 1.1rem; }

#page-category ul > li > span:last-child, #page-tag ul > li > span:last-child { white-space: nowrap; }

#page-tag h1 > i { /* tag icon */ font-size: 1.2rem; }

#page-category h1 > i { font-size: 1.25rem; }

#page-category a:hover, #page-tag a:hover, #access-lastmod a:hover { margin-bottom: -1px; /* Avoid jumping */ }

@media all and (max-width: 576px) { #page-category ul > li::before, #page-tag ul > li::before { margin: 0 0.5rem; } #page-category ul > li > a, #page-tag ul > li > a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }

/* append your custom style below */

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