diff --git a/README.md b/README.md index 663edcd..bc36937 100644 --- a/README.md +++ b/README.md @@ -35,7 +35,12 @@ The only JavaScript library being used is [node-vibrant](https://github.com/Vibr This theme uses SCSS and TypeScript. For that reason, it's necessary to use **Hugo ≥ 0.74.0**. -**Note**: You'll need Hugo Extended version to edit SCSS files +Use Hugo Extended version if you want to: + +* Use the latest feature/fix from `master` branch +* Edit SCSS files + +**Compiled CSS are updated once per release.** ## Installation diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss index b5842ed..c76fcce 100644 --- a/assets/scss/partials/layout/article.scss +++ b/assets/scss/partials/layout/article.scss @@ -104,6 +104,7 @@ .article-tags { flex-wrap: wrap; + text-transform: unset; } } } diff --git a/exampleSite/content/post/chinese-test/index.md b/exampleSite/content/post/chinese-test/index.md index f58b38f..5249ef8 100644 --- a/exampleSite/content/post/chinese-test/index.md +++ b/exampleSite/content/post/chinese-test/index.md @@ -1,11 +1,12 @@ --- -title: 中文文章内容测试 +title: Chinese Test description: 这是一个副标题 date: 2020-09-09 slug: test-chinese image: helena-hertz-wWZzXlDpMog-unsplash.jpg categories: - Test + - 测试 --- ## 正文测试 diff --git a/exampleSite/content/post/placeholder-text/index.md b/exampleSite/content/post/placeholder-text/index.md index 8ac7350..280197e 100644 --- a/exampleSite/content/post/placeholder-text/index.md +++ b/exampleSite/content/post/placeholder-text/index.md @@ -4,11 +4,13 @@ title = "Placeholder Text" date = "2019-03-09" description = "Lorem Ipsum Dolor Si Amet" categories = [ - "Test" + "Test", + "Test with whitespaces" ] tags = [ "markdown", "text", + "tag with whitespaces" ] image = "matt-le-SJSpo9hQf7s-unsplash.jpg" +++ diff --git a/layouts/partials/article/components/details.html b/layouts/partials/article/components/details.html index 016e9d6..32d7f37 100644 --- a/layouts/partials/article/components/details.html +++ b/layouts/partials/article/components/details.html @@ -1,18 +1,21 @@ {{ $image := partialCached "helper/image" (dict "Context" . "Type" "article") .RelPermalink "article" }} {{- $context := . -}} -{{- $categories := .Params.categories -}}
- {{ if $categories }} + {{ if .Params.categories }}
- {{ range $category := $categories }} - {{ $term := $.Site.GetPage (printf "/categories/%s" $category) }} + {{ range (.GetTerms "categories") }} {{ if and $image.exists $image.resource }} {{- $imageRaw := $image.resource | resources.Fingerprint "md5" -}} {{- $20x := $imageRaw.Fill "20x20 smart" -}} - {{ $term.Title | humanize }} + + {{ .LinkTitle }} + {{ else }} - {{ $term.Title | humanize }} + {{ .LinkTitle }} {{ end }} {{ end }}
@@ -32,7 +35,7 @@ {{- if not .Date.IsZero -}} \ No newline at end of file diff --git a/layouts/partials/helper/icon.html b/layouts/partials/helper/icon.html new file mode 100644 index 0000000..72162e8 --- /dev/null +++ b/layouts/partials/helper/icon.html @@ -0,0 +1,6 @@ +{{- $iconFile := resources.GetMatch (printf "icons/%s.svg" .) -}} +{{- if $iconFile -}} + {{- $iconFile.Content | safeHTML -}} +{{- else -}} + {{- errorf "Error: icon '%s.svg' is not found under 'assets/icons' folder" . -}} +{{- end -}} \ No newline at end of file diff --git a/layouts/partials/sidebar/left.html b/layouts/partials/sidebar/left.html index 8991153..f1ab355 100644 --- a/layouts/partials/sidebar/left.html +++ b/layouts/partials/sidebar/left.html @@ -33,7 +33,7 @@
  • {{ if .Pre }} - {{ (resources.Get (delimit (slice "icons/" .Pre ".svg") "")).Content | safeHTML }} + {{ partial "helper/icon" .Pre }} {{ end }} {{- .Name -}} diff --git a/layouts/partials/widget/archives.html b/layouts/partials/widget/archives.html index 82bdbf5..2aadfcd 100644 --- a/layouts/partials/widget/archives.html +++ b/layouts/partials/widget/archives.html @@ -1,6 +1,6 @@
    - {{ (resources.Get "icons/infinity.svg").Content | safeHTML }} + {{ partial "helper/icon" "infinity" }}

    {{ T "widgetArchivesTitle" }}

    diff --git a/layouts/partials/widget/tag-cloud.html b/layouts/partials/widget/tag-cloud.html index a29b382..63bddd6 100644 --- a/layouts/partials/widget/tag-cloud.html +++ b/layouts/partials/widget/tag-cloud.html @@ -1,16 +1,13 @@ -{{ $tags := .Site.Taxonomies.tags.ByCount }} -
    - {{ (resources.Get "icons/tag.svg").Content | safeHTML }} + {{ partial "helper/icon" "tag" }}

    {{ T "widgetTagCloudTitle" }}

    - {{ range first .Site.Params.widgets.tagCloud.limit $tags }} - {{ $term := $.Site.GetPage (printf "/tags/%s" .Term) }} - - {{ $term.Title | humanize }} + {{ range first .Site.Params.widgets.tagCloud.limit .Site.Taxonomies.tags.ByCount }} + + {{ .Page.Title }} {{ end }}
    diff --git a/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content b/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content index 995c5da..3eac554 100644 --- a/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content +++ b/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content @@ -2,10 +2,10 @@ * * @author: Jimmy Cai * @website: https://jimmycai.com -* @link: https://github.com/CaiJimmy/hugo-theme-stack*/:root{--body-background: #f5f5fa;--accent-color: #34495e;--accent-color-darker: #2c3e50;--accent-color-text: #fff;--body-text-color: #bababa;--tag-border-radius: 4px;--section-separation: 40px}@media(min-width:813px){:root{--main-top-padding: 50px}}@media(prefers-color-scheme:dark){:root{--body-background: #303030;--accent-color: #ecf0f1;--accent-color-darker: #bdc3c7;--accent-color-text: #000;--body-text-color: rgba(255, 255, 255, 0.7)}}:root{--sys-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Droid Sans", "Helvetica Neue";--zh-font-family: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";--base-font-family: "Lato", var(--sys-font-family), var(--zh-font-family);--code-font-family: Menlo, Monaco, Consolas, "Courier New"}:root{--card-background: #fff;--card-background-selected: #eaeaea;--card-text-color-main: #000;--card-text-color-secondary: #747474;--card-text-color-tertiary: #bababa;--card-separator-color: rgba(218, 218, 218, 0.5);--card-border-radius: 10px;--card-padding: 30px;--small-card-padding: 25px}@media(max-width:1920px){:root{--card-padding: 25px}}@media(max-width:1024px){:root{--card-padding: 20px}}@media(prefers-color-scheme:dark){:root{--card-background: #424242;--card-background-selected: rgba(255, 255, 255, 0.16);--card-text-color-main: rgba(255, 255, 255, 0.9);--card-text-color-secondary: rgba(255, 255, 255, 0.7);--card-text-color-tertiary: rgba(255, 255, 255, 0.5);--card-separator-color: rgba(255, 255, 255, 0.12)}}:root{--article-font-family: var(--base-font-family);--article-font-size: 1.7rem;--article-line-height: 1.85}@media(max-width:1024px){:root{--article-font-size: 1.6rem}}:root{--blockquote-border-size: 4px;--blockquote-background-color: rgb(248 248 248);--heading-border-size: 4px;--link-background-color: 189, 195, 199;--link-background-opacity: 0.5;--link-background-opacity-hover: 0.7;--pre-background-color: #272822;--pre-text-color: #f8f8f2;--code-background-color: rgba(0, 0, 0, 0.12);--code-text-color: #808080;--table-border-color: #dadada;--tr-even-background-color: #efefee}@media(prefers-color-scheme:dark){:root{--code-background-color: #272822;--code-text-color: rgba(255, 255, 255, 0.9);--table-border-color: #717171;--tr-even-background-color: #545454;--blockquote-background-color: rgb(75 75 75)}}:root{--shadow-l1: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l2: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l3: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l4: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), - 0px 0px 1px rgba(0, 0, 0, 0.04)}.container{margin-left:auto;margin-right:auto}@media(min-width:812px){.container.extended{max-width:800px}.container.extended .left-sidebar{width:25%}}@media(min-width:1024px){.container.extended{max-width:972px}.container.extended .right-sidebar{width:25%}}@media(min-width:1519px){.container.extended{max-width:1200px}.container.extended .left-sidebar{width:20%}.container.extended .right-sidebar{width:25%}}@media(min-width:1920px){.container.extended{max-width:1536px}.container.extended .left-sidebar{width:15%}}@media(min-width:812px){.container.compact{max-width:800px}.container.compact .left-sidebar{width:25%}}@media(min-width:1024px){.container.compact{max-width:972px}}@media(min-width:1519px){.container.compact{max-width:1200px}.container.compact .left-sidebar{width:20%}}@media(min-width:1920px){.container.compact{max-width:1300px}}.flex{display:flex;flex-direction:row}.flex.column{flex-direction:column}@media(max-width:812px){.flex.on-phone--column{flex-direction:column}}.flex.align-items--flex-start{align-items:flex-start}.flex .grow{flex-grow:1}.flex .do-not-shrink{flex-shrink:0}.flex .do-not-overflow{min-width:0;flex-shrink:1;max-width:100%}.flex .full-width{width:100%}main.main{min-width:0;padding:0 15px;max-width:100%;flex-grow:1;padding-top:var(--main-top-padding)}@media(max-width:812px){.main-grid{flex-direction:column}}/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*!* Hamburgers +* @link: https://github.com/CaiJimmy/hugo-theme-stack*/:root{--body-background: #f5f5fa;--accent-color: #34495e;--accent-color-darker: #2c3e50;--accent-color-text: #fff;--body-text-color: #bababa;--tag-border-radius: 4px;--section-separation: 40px}@media(min-width:813px){:root{--main-top-padding: 35px}}@media(min-width:1920px){:root{--main-top-padding: 50px}}@media(prefers-color-scheme:dark){:root{--body-background: #303030;--accent-color: #ecf0f1;--accent-color-darker: #bdc3c7;--accent-color-text: #000;--body-text-color: rgba(255, 255, 255, 0.7)}}:root{--sys-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Droid Sans", "Helvetica Neue";--zh-font-family: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";--base-font-family: "Lato", var(--sys-font-family), var(--zh-font-family);--code-font-family: Menlo, Monaco, Consolas, "Courier New"}:root{--card-background: #fff;--card-background-selected: #eaeaea;--card-text-color-main: #000;--card-text-color-secondary: #747474;--card-text-color-tertiary: #bababa;--card-separator-color: rgba(218, 218, 218, 0.5);--card-border-radius: 10px;--card-padding: 30px;--small-card-padding: 25px}@media(max-width:1920px){:root{--card-padding: 25px}}@media(max-width:1024px){:root{--card-padding: 20px}}@media(max-width:1024px){:root{--small-card-padding: 25px 20px}}@media(prefers-color-scheme:dark){:root{--card-background: #424242;--card-background-selected: rgba(255, 255, 255, 0.16);--card-text-color-main: rgba(255, 255, 255, 0.9);--card-text-color-secondary: rgba(255, 255, 255, 0.7);--card-text-color-tertiary: rgba(255, 255, 255, 0.5);--card-separator-color: rgba(255, 255, 255, 0.12)}}:root{--article-font-family: var(--base-font-family);--article-font-size: 1.7rem;--article-line-height: 1.85}@media(max-width:1024px){:root{--article-font-size: 1.6rem}}:root{--blockquote-border-size: 4px;--blockquote-background-color: rgb(248 248 248);--heading-border-size: 4px;--link-background-color: 189, 195, 199;--link-background-opacity: 0.5;--link-background-opacity-hover: 0.7;--pre-background-color: #272822;--pre-text-color: #f8f8f2;--code-background-color: rgba(0, 0, 0, 0.12);--code-text-color: #808080;--table-border-color: #dadada;--tr-even-background-color: #efefee}@media(prefers-color-scheme:dark){:root{--code-background-color: #272822;--code-text-color: rgba(255, 255, 255, 0.9);--table-border-color: #717171;--tr-even-background-color: #545454;--blockquote-background-color: rgb(75 75 75)}}:root{--shadow-l1: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l2: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l3: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l4: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), + 0px 0px 1px rgba(0, 0, 0, 0.04)}.container{margin-left:auto;margin-right:auto}@media(min-width:812px){.container.extended{max-width:800px}.container.extended .left-sidebar{width:25%}}@media(min-width:1024px){.container.extended{max-width:972px}.container.extended .right-sidebar{width:25%}}@media(min-width:1519px){.container.extended{max-width:1200px}.container.extended .left-sidebar{width:20%}.container.extended .right-sidebar{width:25%}}@media(min-width:1920px){.container.extended{max-width:1536px}.container.extended .left-sidebar{width:15%}}@media(min-width:812px){.container.compact{max-width:800px}.container.compact .left-sidebar{width:25%}}@media(min-width:1024px){.container.compact{max-width:972px}}@media(min-width:1519px){.container.compact{max-width:1050px}.container.compact .left-sidebar{width:20%}}@media(min-width:1920px){.container.compact{max-width:1300px}}.flex{display:flex;flex-direction:row}.flex.column{flex-direction:column}@media(max-width:812px){.flex.on-phone--column{flex-direction:column}}.flex.align-items--flex-start{align-items:flex-start}.flex .grow{flex-grow:1}.flex .do-not-shrink{flex-shrink:0}.flex .do-not-overflow{min-width:0;flex-shrink:1;max-width:100%}.flex .full-width{width:100%}main.main{min-width:0;padding:0 15px;max-width:100%;flex-grow:1;padding-top:var(--main-top-padding)}@media(max-width:812px){.main-grid{flex-direction:column}}/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*!* Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers -* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding-top:10px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#000}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:2px;background-color:var(--card-text-color-main);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1)}#toggle-menu{background:0 0;border:none;position:absolute;right:30px;top:30px;z-index:2;cursor:pointer;outline:none}@media(min-width:813px){#toggle-menu{display:none}}#toggle-menu.is-active .hamburger-inner,#toggle-menu.is-active .hamburger-inner::before,#toggle-menu.is-active .hamburger-inner::after{background-color:var(--accent-color)}.menu{padding-left:0;list-style:none;display:flex;flex-direction:column;margin-top:25px;overflow-y:auto}@media(min-width:1920px){.menu{margin-top:30px}}@media(max-width:812px){.menu{background-color:var(--card-background);margin-top:0;padding:15px 0;box-shadow:var(--shadow-l1);display:none}.menu.show{display:block}}@media(min-width:813px){.menu{align-items:flex-end}}.menu li{position:relative;vertical-align:middle;padding:10px 0}.menu li:not(:last-of-type){margin-bottom:15px}@media(min-width:1920px){.menu li:not(:last-of-type){margin-bottom:20px}}@media(max-width:812px){.menu li{padding:10px 30px}}@media(min-width:813px) and (max-width:1518px){.menu li{padding:10px 0}}@media(min-width:813px){.menu li{width:100%}}.menu li svg{width:25px;height:25px;stroke-width:1.33;margin-right:40px}.menu li a{height:100%;display:inline-flex;align-items:center;color:var(--body-text-color);font-size:1.5rem}@media(max-width:1519px){.menu li a{font-size:1.4rem}}.menu li span{flex:1}.menu li.current a{color:var(--accent-color);font-weight:700}.article-list{display:flex;flex-direction:column}.article-list article{display:flex;flex-direction:column;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;transition:box-shadow .3s ease}.article-list article:hover{box-shadow:var(--shadow-l2)}.article-list article:not(:last-of-type){margin-bottom:var(--section-separation)}.article-list article .article-image img{width:100%;height:200px;object-fit:cover}@media(max-width:1024px){.article-list article .article-image img{height:150px}}@media(min-width:1920px){.article-list article .article-image img{height:250px}}.article-list article:nth-child(5n+1) .article-category a{background:#8ea885;color:#fff}.article-list article:nth-child(5n+2) .article-category a{background:#df7988;color:#fff}.article-list article:nth-child(5n+3) .article-category a{background:#0177b8;color:#fff}.article-list article:nth-child(5n+4) .article-category a{background:#ffb900;color:#fff}.article-list article:nth-child(5n+5) .article-category a{background:#6b69d6;color:#fff}.article-details{display:flex;flex-direction:column;justify-content:center;padding:var(--card-padding)}.article-category{margin-bottom:10px}.article-category a{display:inline-block;text-decoration:none;padding:8px 16px;font-size:1.4rem;background:#8ea885;color:#fff;border-radius:var(--tag-border-radius)}@media(max-width:812px){.article-category a{font-size:1.25rem;padding:8px 14px}}.article-title{font-size:2.4rem;font-weight:600;margin:10px 0;color:var(--card-text-color-main)}.article-title a{color:var(--card-text-color-main)}.article-title a:hover{color:var(--card-text-color-main)}@media(min-width:1920px){.article-title{font-size:2.4rem}}@media(max-width:1519px){.article-title{font-size:2rem}}.article-title+.article-subtitle{margin-top:0}.article-subtitle{font-weight:400;font-size:1.8rem;color:var(--card-text-color-secondary);margin:5px 0;line-height:1.5}@media(min-width:1920px){.article-subtitle{font-size:2rem}}@media(max-width:1519px){.article-subtitle{font-size:1.6rem}}.article-time{display:flex;align-items:center;color:var(--card-text-color-tertiary);margin-top:10px}.article-time svg{vertical-align:middle;margin-right:8px;width:20px;height:20px}.article-time time{font-size:1.4rem}.article-tags a{color:var(--accent-color-text);background-color:var(--accent-color);padding:8px 18px;border-radius:var(--tag-border-radius);display:inline-block;font-size:1.4rem;margin-right:10px;margin-bottom:10px;transition:background-color .5s ease}.article-tags a:hover{color:var(--accent-color-text);background-color:var(--accent-color-darker)}.article-list--compact{border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);background-color:var(--card-background)}.article-list--compact+.pagination{margin-top:var(--section-separation)}.article-list--compact article{display:flex;align-items:center;padding:var(--small-card-padding)}.article-list--compact article:not(:last-of-type){border-bottom:2px solid var(--card-separator-color)}.article-list--compact article .article-details{flex-grow:1;padding:0;padding-right:15px}.article-list--compact article .article-title{margin:0;font-size:1.8rem}@media(max-width:1024px){.article-list--compact article .article-title{font-size:1.6rem}}.article-list--compact article .article-image img{width:60px;height:60px}.article-list--tile article{border-radius:var(--card-border-radius);overflow:hidden;position:relative;height:350px;width:250px;box-shadow:var(--shadow-l1);transition:box-shadow .3s ease;background-color:var(--card-background)}.article-list--tile article:hover{box-shadow:var(--shadow-l2)}.article-list--tile article.has-image .article-details{background-color:rgba(0,0,0,.25)}.article-list--tile article.has-image .article-title{color:#fff}.article-list--tile article .article-image{position:absolute;top:0;left:0;width:100%;height:100%}.article-list--tile article .article-image img{width:100%;height:100%;object-fit:cover}.article-list--tile article .article-details{border-radius:var(--card-border-radius);position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;z-index:2;padding:20px}@media(max-width:812px){.article-list--tile article .article-details{padding:15px}}.article-list--tile article .article-title{font-size:2.2rem;font-weight:500;color:var(--card-text-color-main)}@media(max-width:812px){.article-list--tile article .article-title{font-size:2rem}}.widget .widget-title{text-transform:uppercase;color:var(--body-text-color);font-weight:700;margin:0;margin-bottom:10px;font-size:1.6rem}.widget .widget-icon svg{width:32px;height:32px;stroke-width:1.6;color:var(--body-text-color)}.tagCloud .tagCloud-tags{display:flex;flex-wrap:wrap}.tagCloud .tagCloud-tags a{background:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--tag-border-radius);padding:8px 20px;color:var(--card-text-color-main);margin-bottom:10px;margin-right:5px;font-size:1.4rem;transition:box-shadow .3s ease}.tagCloud .tagCloud-tags a:hover{box-shadow:var(--shadow-l2)}.widget.archives .archives-year{margin-bottom:10px}.widget.archives .archives-year a{background-color:var(--card-background);padding:15px 25px;border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);display:flex;transition:box-shadow .3s ease}.widget.archives .archives-year a:hover{box-shadow:var(--shadow-l2)}@media(max-width:1920px){.widget.archives .archives-year a{padding:12px 20px;font-size:1.4rem}}.widget.archives .archives-year a span.year{flex:1;color:var(--card-text-color-main)}.widget.archives .archives-year a span.count{color:var(--card-text-color-tertiary)}footer.site-footer{padding:20px 0 var(--section-separation);font-size:1.4rem;line-height:1.75;margin-top:var(--section-separation)}footer.site-footer:before{content:"";display:block;height:3px;width:50px;background:var(--body-text-color);margin-bottom:20px}footer.site-footer .copyright{color:var(--accent-color);font-weight:700;margin-bottom:5px}footer.site-footer .powerby{color:var(--body-text-color);font-weight:400;font-size:1.2rem}footer.site-footer .powerby a{color:var(--body-text-color)}.pagination{display:flex;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;flex-wrap:wrap;margin:var(--section-separation)0}.pagination .page-link{padding:16px 32px;display:inline-flex;color:var(--card-text-color-secondary)}.pagination .page-link.current{font-weight:700;background-color:var(--card-background-selected);color:var(--card-text-color-main)}.sidebar{padding:0 15px}@media(min-width:813px){.sidebar.sticky{position:sticky}}.left-sidebar{display:flex;flex-direction:column;flex-shrink:0}@media(max-width:812px){.left-sidebar{width:100%;padding:30px 0;max-width:none}}.left-sidebar.sticky{top:0}@media(min-width:813px){.left-sidebar{margin-right:1%;padding:var(--main-top-padding)15px;max-height:100vh}}.right-sidebar{flex-shrink:0}.right-sidebar.sticky{top:0}@media(max-width:1518px){.right-sidebar{display:none}}@media(min-width:1024px){.right-sidebar{margin-left:1%;padding-top:50px}}.site-info{z-index:1;transition:box-shadow .5s ease}@media(max-width:812px){.site-info{padding:15px 30px}}.site-info .site-avatar{position:relative;margin:0;margin-bottom:25px;width:150px;height:150px}@media(max-width:1920px){.site-info .site-avatar{height:120px;width:120px}}.site-info .site-avatar .site-logo{width:100%;height:100%;border-radius:100%;box-shadow:var(--shadow-l1)}.site-info .site-avatar .emoji{position:absolute;width:50px;height:50px;line-height:50px;border-radius:100%;bottom:0;right:0;text-align:center;font-size:20px;background-color:var(--card-background);box-shadow:var(--shadow-l2)}@media(max-width:1920px){.site-info .site-avatar .emoji{width:40px;height:40px;line-height:40px}}.site-info .site-name{color:var(--accent-color);font-size:2.4rem;margin:0}@media(max-width:1920px){.site-info .site-name{font-size:2rem}}.site-info .site-description{color:var(--body-text-color);font-weight:400;margin:10px 0;font-size:1.8rem}@media(max-width:1920px){.site-info .site-description{font-size:1.6rem}}.sidebar .widget:not(:last-of-type){margin-bottom:var(--section-separation)}.sidebar .widget:not(:last-of-type):after{content:"";width:100px;height:2px;background-color:var(--body-text-color);display:block;margin-top:var(--section-separation)}html{font-size:62.5%;overflow-y:scroll}*{box-sizing:border-box}body{background:var(--body-background);margin:0;font-family:var(--base-font-family);font-size:1.6rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.archives-group{margin-bottom:var(--section-separation)}.archives-group .archives-date{text-transform:uppercase;margin-bottom:10px;font-size:1.6rem;font-weight:700}.archives-group .archives-date a{color:var(--body-text-color)}.template-archives .category-list{margin-bottom:var(--section-separation);overflow-x:auto}.template-archives .category-list .article-list--tile{display:flex;padding-bottom:15px}.template-archives .category-list .article-list--tile article{width:250px;height:150px;margin-right:20px;flex-shrink:0}.template-archives .category-list .article-list--tile article .article-title{margin:0;font-size:1.8rem}.template-archives .category-list .article-list--tile article .article-details{padding:20px}:root{--body-background: #f5f5fa;--accent-color: #34495e;--accent-color-darker: #2c3e50;--accent-color-text: #fff;--body-text-color: #bababa;--tag-border-radius: 4px;--section-separation: 40px}@media(min-width:813px){:root{--main-top-padding: 50px}}@media(prefers-color-scheme:dark){:root{--body-background: #303030;--accent-color: #ecf0f1;--accent-color-darker: #bdc3c7;--accent-color-text: #000;--body-text-color: rgba(255, 255, 255, 0.7)}}:root{--sys-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Droid Sans", "Helvetica Neue";--zh-font-family: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";--base-font-family: "Lato", var(--sys-font-family), var(--zh-font-family);--code-font-family: Menlo, Monaco, Consolas, "Courier New"}:root{--card-background: #fff;--card-background-selected: #eaeaea;--card-text-color-main: #000;--card-text-color-secondary: #747474;--card-text-color-tertiary: #bababa;--card-separator-color: rgba(218, 218, 218, 0.5);--card-border-radius: 10px;--card-padding: 30px;--small-card-padding: 25px}@media(max-width:1920px){:root{--card-padding: 25px}}@media(max-width:1024px){:root{--card-padding: 20px}}@media(prefers-color-scheme:dark){:root{--card-background: #424242;--card-background-selected: rgba(255, 255, 255, 0.16);--card-text-color-main: rgba(255, 255, 255, 0.9);--card-text-color-secondary: rgba(255, 255, 255, 0.7);--card-text-color-tertiary: rgba(255, 255, 255, 0.5);--card-separator-color: rgba(255, 255, 255, 0.12)}}:root{--article-font-family: var(--base-font-family);--article-font-size: 1.7rem;--article-line-height: 1.85}@media(max-width:1024px){:root{--article-font-size: 1.6rem}}:root{--blockquote-border-size: 4px;--blockquote-background-color: rgb(248 248 248);--heading-border-size: 4px;--link-background-color: 189, 195, 199;--link-background-opacity: 0.5;--link-background-opacity-hover: 0.7;--pre-background-color: #272822;--pre-text-color: #f8f8f2;--code-background-color: rgba(0, 0, 0, 0.12);--code-text-color: #808080;--table-border-color: #dadada;--tr-even-background-color: #efefee}@media(prefers-color-scheme:dark){:root{--code-background-color: #272822;--code-text-color: rgba(255, 255, 255, 0.9);--table-border-color: #717171;--tr-even-background-color: #545454;--blockquote-background-color: rgb(75 75 75)}}:root{--shadow-l1: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l2: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l3: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l4: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), - 0px 0px 1px rgba(0, 0, 0, 0.04)}@media(min-width:812px) and (max-width:1024px){.keep-sidebar{--main-top-padding: 50px}}@media(max-width:1024px){.article-page.with-toolbar{--main-top-padding: 0}}@media(max-width:1024px){.article-page:not(.keep-sidebar) .left-sidebar{display:none}}.article-page .article-sidebar{position:sticky;top:50px;flex-shrink:0}@media(max-width:1024px){.article-page .article-sidebar{display:none}}@media(min-width:1024px){.article-page .article-sidebar{padding-left:15px;margin-left:1%}}@media(min-width:1024px){.article-page .article-sidebar{width:25%;margin-right:1%}}@media(min-width:1519px){.article-page .article-sidebar{width:30%}}.article-page article{background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);overflow:hidden}.article-page article.main-article{margin-bottom:var(--section-separation)}.article-page article .article-header .article-image img{height:auto;width:100%;max-height:50vh;object-fit:cover}.article-page article .article-header .article-details{padding:var(--card-padding);padding-bottom:0}.article-page article .article-content{margin:var(--card-padding)0;color:var(--card-text-color-main)}.article-page article .article-content img{max-width:100%;height:auto}.article-page article .article-footer{padding:var(--card-padding);padding-top:0}.article-page article .article-footer section:not(:first-child){margin-top:var(--card-padding)}.article-page article .article-footer section{color:var(--card-text-color-tertiary);text-transform:uppercase;display:flex;align-items:center;font-size:1.4rem}.article-page article .article-footer section svg{width:20px;height:20px;margin-right:15px;stroke-width:1.33}.article-page article .article-footer .article-tags{flex-wrap:wrap}#article-toolbar{display:flex;align-items:center}@media(max-width:1024px){#article-toolbar{margin:20px 0}}@media(min-width:1024px){#article-toolbar{display:none}}#article-toolbar .back-home{background:var(--card-background);border-radius:var(--tag-border-radius);color:var(--card-text-color-tertiary);margin-right:30px;display:inline-flex;align-items:center;font-size:1.4rem;text-transform:uppercase;padding:10px 20px 10px 15px;transition:box-shadow .3s ease;box-shadow:var(--shadow-l1)}#article-toolbar .back-home:hover{box-shadow:var(--shadow-l2)}#article-toolbar .back-home svg{margin-right:5px;width:20px;height:20px}#article-toolbar .back-home span{font-weight:500}.related-contents--wrapper{margin-bottom:var(--section-separation)}.related-contents{overflow-x:auto;padding-bottom:15px}.related-contents>.flex{float:left}.related-contents article{margin-right:15px;flex-shrink:0;overflow:hidden;width:250px;height:150px}.related-contents article .article-title{font-size:1.8rem;margin:0}.related-contents article.has-image .article-details{padding:20px;background:linear-gradient(0deg,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.75) 100%)}.article-content{font-family:var(--article-font-family);font-size:var(--article-font-size);line-height:var(--article-line-height)}.article-content>p{margin:1.5em 0;padding:0 var(--card-padding)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{padding:0 calc(var(--card-padding) - var(--heading-border-size));border-left:var(--heading-border-size)solid var(--accent-color)}.article-content figure{margin:0 auto;text-align:center}.article-content figure figcaption{font-size:1.4rem;color:var(--card-text-color-secondary)}.article-content blockquote{position:relative;margin:10px 0;border-left:var(--blockquote-border-size)solid var(--card-separator-color);padding:15px calc(var(--card-padding) - var(--blockquote-border-size));background-color:var(--blockquote-background-color)}.article-content>ul,.article-content>ol{margin:1em var(--card-padding)}.article-content hr{width:100px;margin:40px auto;background:var(--card-text-color-tertiary);height:2px;border:0;opacity:.55}.article-content code{color:var(--code-text-color);background-color:var(--code-background-color);padding:2px 4px;border-radius:var(--tag-border-radius);font-family:var(--code-font-family);word-wrap:break-word}.article-content .gallery{position:relative;display:flex;flex-direction:row;justify-content:center;margin:20px 0}.article-content .gallery figure{margin:0}.article-content .gallery figure+figure{margin-left:10px}.article-content pre{overflow-x:auto;display:block;background-color:var(--pre-background-color);color:var(--pre-text-color);font-family:var(--code-font-family);line-height:1.428571429;word-break:break-all;padding:var(--card-padding)}.article-content pre code{color:unset;border:none;background:0 0;padding:0}.article-content table{margin:0 var(--card-padding);width:100%;max-width:calc(100% - var(--card-padding) * 2);border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;font-size:.96em}.article-content th,.article-content td{text-align:left;padding:4px 8px 4px 10px;border:1px solid var(--table-border-color)}.article-content td{vertical-align:top}.article-content tr:nth-child(even){background-color:var(--tr-even-background-color)}.taxonomy-type{text-transform:uppercase;color:var(--body-text-color);font-weight:700;margin-bottom:5px;font-size:1.6rem}.taxonomy-card{border-radius:var(--card-border-radius);background-color:var(--card-background);padding:var(--small-card-padding);box-shadow:var(--shadow-l1);margin-bottom:var(--section-separation);display:flex;align-items:center;--separation: 15px}.taxonomy-card .taxonomy-term{font-size:2.2rem;margin:0;margin-top:calc(var(--separation)/2);color:var(--card-text-color-main)}.taxonomy-card .taxonomy-term+.taxonomy-description{margin-top:var(--separation)}.taxonomy-card .taxonomy-description{font-weight:400;color:var(--card-text-color-secondary);font-size:1.6rem;margin:0}.taxonomy-card .taxonomy-details{flex-grow:1;margin-right:20px}.taxonomy-card .taxonomy-image img{width:60px;height:60px}.taxonomy-card .taxonomy-count{color:var(--card-text-color-tertiary);font-size:1.4rem;margin:0;font-weight:700;text-transform:uppercase}.not-found-card{background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);padding:var(--card-padding)}a{text-decoration:none;color:var(--accent-color)}a:hover{color:var(--accent-color-darker)}a.link{box-shadow:0px -2px 0px rgba(var(--link-background-color),var(--link-background-opacity)) inset;transition:all .3s ease}a.link:hover{box-shadow:0px -10px 0px rgba(var(--link-background-color),var(--link-background-opacity-hover)) inset} \ No newline at end of file +* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding-top:10px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#000}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:2px;background-color:var(--card-text-color-main);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1)}#toggle-menu{background:0 0;border:none;position:absolute;right:30px;top:30px;z-index:2;cursor:pointer;outline:none}@media(min-width:813px){#toggle-menu{display:none}}#toggle-menu.is-active .hamburger-inner,#toggle-menu.is-active .hamburger-inner::before,#toggle-menu.is-active .hamburger-inner::after{background-color:var(--accent-color)}.menu{padding-left:0;list-style:none;display:flex;flex-direction:column;margin-top:var(--sidebar-element-separation);margin-bottom:0;overflow-y:auto}@media(min-width:1920px){.menu{margin-top:30px}}@media(max-width:812px){.menu{background-color:var(--card-background);margin-top:0;padding:15px 0;box-shadow:var(--shadow-l1);display:none}.menu.show{display:block}}@media(min-width:813px){.menu{align-items:flex-end}}.menu li{position:relative;vertical-align:middle;padding:10px 0}.menu li:not(:last-of-type){margin-bottom:15px}@media(min-width:1920px){.menu li:not(:last-of-type){margin-bottom:20px}}@media(max-width:812px){.menu li{padding:10px 30px}}@media(min-width:813px) and (max-width:1518px){.menu li{padding:10px 0}}@media(min-width:813px){.menu li{width:100%}}.menu li svg{width:25px;height:25px;stroke-width:1.33;margin-right:40px}@media(max-width:1920px){.menu li svg{width:20px;height:20px}}.menu li a{height:100%;display:inline-flex;align-items:center;color:var(--body-text-color);font-size:1.5rem}@media(max-width:1920px){.menu li a{font-size:1.4rem}}.menu li span{flex:1}.menu li.current a{color:var(--accent-color);font-weight:700}.article-list{display:flex;flex-direction:column}.article-list article{display:flex;flex-direction:column;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;transition:box-shadow .3s ease}.article-list article:hover{box-shadow:var(--shadow-l2)}.article-list article:not(:last-of-type){margin-bottom:var(--section-separation)}.article-list article .article-image img{width:100%;height:200px;object-fit:cover}@media(max-width:1024px){.article-list article .article-image img{height:150px}}@media(min-width:1920px){.article-list article .article-image img{height:250px}}.article-list article:nth-child(5n+1) .article-category a{background:#8ea885;color:#fff}.article-list article:nth-child(5n+2) .article-category a{background:#df7988;color:#fff}.article-list article:nth-child(5n+3) .article-category a{background:#0177b8;color:#fff}.article-list article:nth-child(5n+4) .article-category a{background:#ffb900;color:#fff}.article-list article:nth-child(5n+5) .article-category a{background:#6b69d6;color:#fff}.article-details{display:flex;flex-direction:column;justify-content:center;padding:var(--card-padding)}.article-category{margin-bottom:10px}.article-category a{display:inline-block;text-decoration:none;padding:8px 16px;font-size:1.4rem;background:#8ea885;color:#fff;border-radius:var(--tag-border-radius)}@media(max-width:812px){.article-category a{font-size:1.25rem;padding:8px 14px}}.article-title{font-weight:600;margin:10px 0;color:var(--card-text-color-main);font-size:2.2rem}@media(min-width:1920px){.article-title{font-size:2.4rem}}.article-title a{color:var(--card-text-color-main)}.article-title a:hover{color:var(--card-text-color-main)}.article-title+.article-subtitle{margin-top:0}.article-subtitle{font-weight:400;color:var(--card-text-color-secondary);margin:5px 0;line-height:1.5;font-size:1.75rem}@media(min-width:1920px){.article-subtitle{font-size:2rem}}.article-time{display:flex;align-items:center;color:var(--card-text-color-tertiary);margin-top:10px}.article-time svg{vertical-align:middle;margin-right:15px;width:20px;height:20px;stroke-width:1.33}.article-time time{font-size:1.4rem}.article-tags a{color:var(--accent-color-text);background-color:var(--accent-color);padding:8px 18px;border-radius:var(--tag-border-radius);display:inline-block;font-size:1.4rem;margin-right:10px;margin-bottom:10px;transition:background-color .5s ease}.article-tags a:hover{color:var(--accent-color-text);background-color:var(--accent-color-darker)}.article-list--compact{border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);background-color:var(--card-background);--image-size: 60px}@media(max-width:1024px){.article-list--compact{--image-size: 50px}}.article-list--compact+.pagination{margin-top:var(--section-separation)}.article-list--compact article>a{display:flex;align-items:center;padding:var(--small-card-padding)}.article-list--compact article:not(:last-of-type){border-bottom:1.5px solid var(--card-separator-color)}.article-list--compact article .article-details{flex-grow:1;padding:0;padding-right:15px;min-height:var(--image-size)}.article-list--compact article .article-title{margin:0;font-size:1.8rem}@media(max-width:1024px){.article-list--compact article .article-title{font-size:1.6rem}}.article-list--compact article .article-image img{width:var(--image-size);height:var(--image-size)}.article-list--compact article .article-time{font-size:1.4rem}.article-list--tile article{border-radius:var(--card-border-radius);overflow:hidden;position:relative;height:350px;width:250px;box-shadow:var(--shadow-l1);transition:box-shadow .3s ease;background-color:var(--card-background)}.article-list--tile article:hover{box-shadow:var(--shadow-l2)}.article-list--tile article.has-image .article-details{background-color:rgba(0,0,0,.25)}.article-list--tile article.has-image .article-title{color:#fff}.article-list--tile article .article-image{position:absolute;top:0;left:0;width:100%;height:100%}.article-list--tile article .article-image img{width:100%;height:100%;object-fit:cover}.article-list--tile article .article-details{border-radius:var(--card-border-radius);position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;z-index:2;padding:20px}@media(max-width:812px){.article-list--tile article .article-details{padding:15px}}.article-list--tile article .article-title{font-size:2.2rem;font-weight:500;color:var(--card-text-color-main)}@media(max-width:812px){.article-list--tile article .article-title{font-size:2rem}}.widget .widget-title{text-transform:uppercase;color:var(--body-text-color);font-weight:700;margin:0;margin-bottom:10px;font-size:1.6rem}.widget .widget-icon svg{width:32px;height:32px;stroke-width:1.6;color:var(--body-text-color)}.tagCloud .tagCloud-tags{display:flex;flex-wrap:wrap}.tagCloud .tagCloud-tags a{background:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--tag-border-radius);padding:8px 20px;color:var(--card-text-color-main);margin-bottom:10px;margin-right:5px;font-size:1.4rem;transition:box-shadow .3s ease}.tagCloud .tagCloud-tags a:hover{box-shadow:var(--shadow-l2)}.widget.archives .archives-year{margin-bottom:10px}.widget.archives .archives-year a{background-color:var(--card-background);padding:15px 25px;border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);display:flex;transition:box-shadow .3s ease}.widget.archives .archives-year a:hover{box-shadow:var(--shadow-l2)}@media(max-width:1920px){.widget.archives .archives-year a{font-size:1.4rem}}.widget.archives .archives-year a span.year{flex:1;color:var(--card-text-color-main)}.widget.archives .archives-year a span.count{color:var(--card-text-color-tertiary)}footer.site-footer{padding:20px 0 var(--section-separation);font-size:1.4rem;line-height:1.75;margin-top:var(--section-separation)}footer.site-footer:before{content:"";display:block;height:3px;width:50px;background:var(--body-text-color);margin-bottom:20px}footer.site-footer .copyright{color:var(--accent-color);font-weight:700;margin-bottom:5px}footer.site-footer .powerby{color:var(--body-text-color);font-weight:400;font-size:1.2rem}footer.site-footer .powerby a{color:var(--body-text-color)}.pagination{display:flex;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;flex-wrap:wrap;margin:var(--section-separation)0}.pagination .page-link{padding:16px 32px;display:inline-flex;color:var(--card-text-color-secondary)}.pagination .page-link.current{font-weight:700;background-color:var(--card-background-selected);color:var(--card-text-color-main)}.sidebar{padding:0 15px}@media(min-width:813px){.sidebar.sticky{position:sticky}}.left-sidebar{display:flex;flex-direction:column;flex-shrink:0;--sidebar-avatar-size: 150px;--sidebar-element-separation: 25px}@media(max-width:1920px){.left-sidebar{--sidebar-avatar-size: 120px;--sidebar-element-separation: 20px}}@media(max-width:812px){.left-sidebar{width:100%;padding:30px 0;max-width:none}}.left-sidebar.sticky{top:0}@media(min-width:813px){.left-sidebar{margin-right:1%;padding:var(--main-top-padding)15px;max-height:100vh}}.right-sidebar{flex-shrink:0}.right-sidebar.sticky{top:0}@media(max-width:1518px){.right-sidebar{display:none}}@media(min-width:1024px){.right-sidebar{margin-left:1%;padding-top:var(--main-top-padding)}}.site-info{z-index:1;transition:box-shadow .5s ease}@media(max-width:812px){.site-info{padding:15px 30px}}.site-info .site-avatar{position:relative;margin:0;width:var(--sidebar-avatar-size);height:var(--sidebar-avatar-size);margin-bottom:var(--sidebar-element-separation)}.site-info .site-avatar .site-logo{width:100%;height:100%;border-radius:100%;box-shadow:var(--shadow-l1)}.site-info .site-avatar .emoji{position:absolute;width:50px;height:50px;line-height:50px;border-radius:100%;bottom:0;right:0;text-align:center;font-size:20px;background-color:var(--card-background);box-shadow:var(--shadow-l2)}@media(max-width:1920px){.site-info .site-avatar .emoji{width:40px;height:40px;line-height:40px}}.site-info .site-name{color:var(--accent-color);font-size:2.4rem;margin:0}@media(max-width:1920px){.site-info .site-name{font-size:2rem}}.site-info .site-description{color:var(--body-text-color);font-weight:400;margin:10px 0;font-size:1.8rem}@media(max-width:1920px){.site-info .site-description{font-size:1.6rem}}.sidebar .widget{margin-bottom:var(--section-separation)}.sidebar .widget:not(:last-of-type):after{content:"";width:100px;height:2px;background-color:var(--body-text-color);display:block;margin-top:var(--section-separation)}html{font-size:62.5%;overflow-y:scroll}*{box-sizing:border-box}body{background:var(--body-background);margin:0;font-family:var(--base-font-family);font-size:1.6rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.archives-group{margin-bottom:var(--section-separation)}.archives-group .archives-date{text-transform:uppercase;margin-bottom:10px;font-size:1.6rem;font-weight:700}.archives-group .archives-date a{color:var(--body-text-color)}.template-archives .category-list{margin-bottom:var(--section-separation);overflow-x:auto}.template-archives .category-list .article-list--tile{display:flex;padding-bottom:15px}.template-archives .category-list .article-list--tile article{width:250px;height:150px;margin-right:20px;flex-shrink:0}.template-archives .category-list .article-list--tile article .article-title{margin:0;font-size:1.8rem}.template-archives .category-list .article-list--tile article .article-details{padding:20px}:root{--body-background: #f5f5fa;--accent-color: #34495e;--accent-color-darker: #2c3e50;--accent-color-text: #fff;--body-text-color: #bababa;--tag-border-radius: 4px;--section-separation: 40px}@media(min-width:813px){:root{--main-top-padding: 35px}}@media(min-width:1920px){:root{--main-top-padding: 50px}}@media(prefers-color-scheme:dark){:root{--body-background: #303030;--accent-color: #ecf0f1;--accent-color-darker: #bdc3c7;--accent-color-text: #000;--body-text-color: rgba(255, 255, 255, 0.7)}}:root{--sys-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Droid Sans", "Helvetica Neue";--zh-font-family: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";--base-font-family: "Lato", var(--sys-font-family), var(--zh-font-family);--code-font-family: Menlo, Monaco, Consolas, "Courier New"}:root{--card-background: #fff;--card-background-selected: #eaeaea;--card-text-color-main: #000;--card-text-color-secondary: #747474;--card-text-color-tertiary: #bababa;--card-separator-color: rgba(218, 218, 218, 0.5);--card-border-radius: 10px;--card-padding: 30px;--small-card-padding: 25px}@media(max-width:1920px){:root{--card-padding: 25px}}@media(max-width:1024px){:root{--card-padding: 20px}}@media(max-width:1024px){:root{--small-card-padding: 25px 20px}}@media(prefers-color-scheme:dark){:root{--card-background: #424242;--card-background-selected: rgba(255, 255, 255, 0.16);--card-text-color-main: rgba(255, 255, 255, 0.9);--card-text-color-secondary: rgba(255, 255, 255, 0.7);--card-text-color-tertiary: rgba(255, 255, 255, 0.5);--card-separator-color: rgba(255, 255, 255, 0.12)}}:root{--article-font-family: var(--base-font-family);--article-font-size: 1.7rem;--article-line-height: 1.85}@media(max-width:1024px){:root{--article-font-size: 1.6rem}}:root{--blockquote-border-size: 4px;--blockquote-background-color: rgb(248 248 248);--heading-border-size: 4px;--link-background-color: 189, 195, 199;--link-background-opacity: 0.5;--link-background-opacity-hover: 0.7;--pre-background-color: #272822;--pre-text-color: #f8f8f2;--code-background-color: rgba(0, 0, 0, 0.12);--code-text-color: #808080;--table-border-color: #dadada;--tr-even-background-color: #efefee}@media(prefers-color-scheme:dark){:root{--code-background-color: #272822;--code-text-color: rgba(255, 255, 255, 0.9);--table-border-color: #717171;--tr-even-background-color: #545454;--blockquote-background-color: rgb(75 75 75)}}:root{--shadow-l1: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l2: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l3: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l4: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), + 0px 0px 1px rgba(0, 0, 0, 0.04)}@media(min-width:812px) and (max-width:1024px){.keep-sidebar{--main-top-padding: 50px}}@media(max-width:1024px){.article-page.with-toolbar{--main-top-padding: 0}}@media(max-width:1024px){.article-page:not(.keep-sidebar) .left-sidebar{display:none}}.article-page .article-sidebar{position:sticky;top:50px;flex-shrink:0}@media(max-width:1024px){.article-page .article-sidebar{display:none}}@media(min-width:1024px){.article-page .article-sidebar{padding-left:15px;margin-left:1%}}@media(min-width:1024px){.article-page .article-sidebar{width:25%;margin-right:1%}}@media(min-width:1519px){.article-page .article-sidebar{width:30%}}.article-page .main-article{background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);overflow:hidden}.article-page .main-article.main-article{margin-bottom:var(--section-separation)}.article-page .main-article .article-header .article-image img{height:auto;width:100%;max-height:50vh;object-fit:cover}.article-page .main-article .article-header .article-details{padding:var(--card-padding);padding-bottom:0}.article-page .main-article .article-content{margin:var(--card-padding)0;color:var(--card-text-color-main)}.article-page .main-article .article-content img{max-width:100%;height:auto}.article-page .main-article .article-footer{margin:var(--card-padding);margin-top:0}.article-page .main-article .article-footer section:not(:first-child){margin-top:var(--card-padding)}.article-page .main-article .article-footer section{color:var(--card-text-color-tertiary);text-transform:uppercase;display:flex;align-items:center;font-size:1.4rem}.article-page .main-article .article-footer section svg{width:20px;height:20px;margin-right:15px;stroke-width:1.33}.article-page .main-article .article-footer .article-tags{flex-wrap:wrap;text-transform:unset}#article-toolbar{display:flex;align-items:center}@media(max-width:1024px){#article-toolbar{margin:20px 0}}@media(min-width:1024px){#article-toolbar{display:none}}#article-toolbar .back-home{background:var(--card-background);border-radius:var(--tag-border-radius);color:var(--card-text-color-tertiary);margin-right:30px;display:inline-flex;align-items:center;font-size:1.4rem;text-transform:uppercase;padding:10px 20px 10px 15px;transition:box-shadow .3s ease;box-shadow:var(--shadow-l1)}#article-toolbar .back-home:hover{box-shadow:var(--shadow-l2)}#article-toolbar .back-home svg{margin-right:5px;width:20px;height:20px}#article-toolbar .back-home span{font-weight:500}.related-contents--wrapper{margin-bottom:var(--section-separation)}.related-contents{overflow-x:auto;padding-bottom:15px}.related-contents>.flex{float:left}.related-contents article{margin-right:15px;flex-shrink:0;overflow:hidden;width:250px;height:150px}.related-contents article .article-title{font-size:1.8rem;margin:0}.related-contents article.has-image .article-details{padding:20px;background:linear-gradient(0deg,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.75) 100%)}.article-content{font-family:var(--article-font-family);font-size:var(--article-font-size);line-height:var(--article-line-height)}.article-content>p{margin:1.5em 0;padding:0 var(--card-padding)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{padding:0 calc(var(--card-padding) - var(--heading-border-size));border-left:var(--heading-border-size)solid var(--accent-color)}.article-content figure{margin:0 auto;text-align:center}.article-content figure figcaption{font-size:1.4rem;color:var(--card-text-color-secondary)}.article-content blockquote{position:relative;margin:10px 0;border-left:var(--blockquote-border-size)solid var(--card-separator-color);padding:15px calc(var(--card-padding) - var(--blockquote-border-size));background-color:var(--blockquote-background-color)}.article-content>ul,.article-content>ol{margin:1em var(--card-padding)}.article-content hr{width:100px;margin:40px auto;background:var(--card-text-color-tertiary);height:2px;border:0;opacity:.55}.article-content code{color:var(--code-text-color);background-color:var(--code-background-color);padding:2px 4px;border-radius:var(--tag-border-radius);font-family:var(--code-font-family);word-wrap:break-word}.article-content .gallery{position:relative;display:flex;flex-direction:row;justify-content:center;margin:20px 0}.article-content .gallery figure{margin:0}.article-content .gallery figure+figure{margin-left:10px}.article-content pre{overflow-x:auto;display:block;background-color:var(--pre-background-color);color:var(--pre-text-color);font-family:var(--code-font-family);line-height:1.428571429;word-break:break-all;padding:var(--card-padding)}.article-content pre code{color:unset;border:none;background:0 0;padding:0}.article-content table{margin:0 var(--card-padding);width:100%;max-width:calc(100% - var(--card-padding) * 2);border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;font-size:.96em}.article-content th,.article-content td{text-align:left;padding:4px 8px 4px 10px;border:1px solid var(--table-border-color)}.article-content td{vertical-align:top}.article-content tr:nth-child(even){background-color:var(--tr-even-background-color)}.taxonomy-type{text-transform:uppercase;color:var(--body-text-color);font-weight:700;margin-bottom:5px;font-size:1.6rem}.taxonomy-card{border-radius:var(--card-border-radius);background-color:var(--card-background);padding:var(--small-card-padding);box-shadow:var(--shadow-l1);margin-bottom:var(--section-separation);display:flex;align-items:center;--separation: 15px}.taxonomy-card .taxonomy-term{font-size:2.2rem;margin:0;margin-top:calc(var(--separation)/2);color:var(--card-text-color-main)}.taxonomy-card .taxonomy-term+.taxonomy-description{margin-top:var(--separation)}.taxonomy-card .taxonomy-description{font-weight:400;color:var(--card-text-color-secondary);font-size:1.6rem;margin:0}.taxonomy-card .taxonomy-details{flex-grow:1;margin-right:20px}.taxonomy-card .taxonomy-image img{width:60px;height:60px}.taxonomy-card .taxonomy-count{color:var(--card-text-color-tertiary);font-size:1.4rem;margin:0;font-weight:700;text-transform:uppercase}.not-found-card{background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);padding:var(--card-padding)}a{text-decoration:none;color:var(--accent-color)}a:hover{color:var(--accent-color-darker)}a.link{box-shadow:0px -2px 0px rgba(var(--link-background-color),var(--link-background-opacity)) inset;transition:all .3s ease}a.link:hover{box-shadow:0px -10px 0px rgba(var(--link-background-color),var(--link-background-opacity-hover)) inset} \ No newline at end of file