From 1d95c4b8ff5866dd677cc58a3de5039a12ab6915 Mon Sep 17 00:00:00 2001
From: romainx <cros.romain@gmail.com>
Date: Fri, 9 Oct 2020 09:49:19 +0200
Subject: [PATCH 1/8] Fix categories with special char or spaces not displayed
 correctly

Call to [`urlize`](https://gohugo.io/functions/urlize/) to get the category url instead of using its name directly.
---
 layouts/partials/article/components/details.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/partials/article/components/details.html b/layouts/partials/article/components/details.html
index 016e9d6..60095de 100644
--- a/layouts/partials/article/components/details.html
+++ b/layouts/partials/article/components/details.html
@@ -5,7 +5,7 @@
     {{ if $categories }}
     <header class="article-category">
         {{ range $category := $categories }}
-            {{ $term := $.Site.GetPage (printf "/categories/%s" $category) }}
+            {{ $term := $.Site.GetPage (printf "/categories/%s" $category | urlize ) }}
             {{ if and $image.exists $image.resource }}
                 {{- $imageRaw := $image.resource | resources.Fingerprint "md5"  -}}
                 {{- $20x := $imageRaw.Fill "20x20 smart"  -}}

From ddebaee028f80b475daf4478ef291dfbadd34f27 Mon Sep 17 00:00:00 2001
From: romainx <cros.romain@gmail.com>
Date: Fri, 9 Oct 2020 19:26:28 +0200
Subject: [PATCH 2/8] Fix tags and categories using GetTerms

See [documentation](https://gohugo.io/templates/taxonomy-templates/#display-a-single-piece-of-contents-taxonomies)
---
 exampleSite/content/post/placeholder-text/index.md |  4 +++-
 layouts/partials/article/components/details.html   | 12 +++++-------
 layouts/partials/article/components/tags.html      |  9 +++------
 layouts/partials/widget/tag-cloud.html             |  9 +++------
 4 files changed, 14 insertions(+), 20 deletions(-)

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 60095de..0fc62e2 100644
--- a/layouts/partials/article/components/details.html
+++ b/layouts/partials/article/components/details.html
@@ -1,18 +1,16 @@
 {{ $image := partialCached "helper/image" (dict "Context" . "Type" "article") .RelPermalink "article" }}
 {{- $context := . -}}
-{{- $categories := .Params.categories -}}
 <div class="article-details">
-    {{ if $categories }}
+    {{ if .Params.categories }}
     <header class="article-category">
-        {{ range $category := $categories }}
-            {{ $term := $.Site.GetPage (printf "/categories/%s" $category | urlize ) }}
+        {{ range (.GetTerms "categories") }}
             {{ if and $image.exists $image.resource }}
                 {{- $imageRaw := $image.resource | resources.Fingerprint "md5"  -}}
                 {{- $20x := $imageRaw.Fill "20x20 smart"  -}}
-                <a href="{{ $term.Permalink }}" class="color-tag"
-                    data-image="{{ $20x.RelPermalink }}" data-key="{{ $context.Slug }}" data-hash="{{ $imageRaw.Data.Integrity }}">{{ $term.Title | humanize }}</a>
+                <a href="{{ .Permalink }}" class="color-tag"
+                    data-image="{{ $20x.RelPermalink }}" data-key="{{ $context.Slug }}" data-hash="{{ $imageRaw.Data.Integrity }}">{{ .LinkTitle | humanize }}</a>
             {{ else }}
-                <a href="{{ $term.Permalink }}">{{ $term.Title | humanize }}</a>
+                <a href="{{ .Permalink }}">{{ .LinkTitle | humanize }}</a>
             {{ end }}
         {{ end }}
     </header>
diff --git a/layouts/partials/article/components/tags.html b/layouts/partials/article/components/tags.html
index 73446cd..d1261ad 100644
--- a/layouts/partials/article/components/tags.html
+++ b/layouts/partials/article/components/tags.html
@@ -1,10 +1,7 @@
-{{- $tags := .Params.Tags -}}
-{{ if $tags }}
+{{ if .Params.Tags }}
     <section class="article-tags">
-        {{ range $tag := $tags }}
-            {{ with $.Site.GetPage (printf "/tags/%s" $tag) }}
-                <a href="{{ .Permalink }}">{{ .Title | humanize }}</a>
-            {{ end }}
+        {{ range (.GetTerms "tags") }}
+            <a href="{{ .Permalink }}">{{ .LinkTitle | humanize }}</a>
         {{ end }}
     </section>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/widget/tag-cloud.html b/layouts/partials/widget/tag-cloud.html
index a29b382..f852b4d 100644
--- a/layouts/partials/widget/tag-cloud.html
+++ b/layouts/partials/widget/tag-cloud.html
@@ -1,5 +1,3 @@
-{{ $tags := .Site.Taxonomies.tags.ByCount }}
-
 <section class="widget tagCloud">
     <div class="widget-icon">
         {{ (resources.Get "icons/tag.svg").Content | safeHTML }}
@@ -7,10 +5,9 @@
     <h1 class="widget-title">{{ T "widgetTagCloudTitle" }}</h1>
 
     <div class="tagCloud-tags">
-        {{ range first .Site.Params.widgets.tagCloud.limit $tags }}
-            {{ $term := $.Site.GetPage (printf "/tags/%s" .Term) }}
-            <a href="{{ $term.Permalink }}" class="font_size_{{ .Count }}">
-                {{ $term.Title | humanize }}
+        {{ range first .Site.Params.widgets.tagCloud.limit .Site.Taxonomies.tags.ByCount }}
+            <a href="{{ .Page.Permalink }}" class="font_size_{{ .Count }}">
+                {{ .Page.Title | humanize }}
             </a>
         {{ end }}
     </div>

From 1c30df93d4c501dac7717b5f023fcbac77bb470c Mon Sep 17 00:00:00 2001
From: Jimmy Cai <5889006+CaiJimmy@users.noreply.github.com>
Date: Fri, 9 Oct 2020 20:08:27 +0200
Subject: [PATCH 3/8] test: add CJK taxonomy to example post

---
 exampleSite/content/post/chinese-test/index.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

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
+    - 测试
 ---
 
 ## 正文测试

From 871e8c0bd5adcd8d9634843f8fb7254de874e8a4 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Sat, 10 Oct 2020 00:27:56 +0200
Subject: [PATCH 4/8] feat(helper): add helper/icon

---
 layouts/partials/article/components/details.html | 2 +-
 layouts/partials/article/components/footer.html  | 4 ++--
 layouts/partials/helper/icon.html                | 6 ++++++
 layouts/partials/sidebar/left.html               | 2 +-
 layouts/partials/widget/archives.html            | 2 +-
 layouts/partials/widget/tag-cloud.html           | 2 +-
 6 files changed, 12 insertions(+), 6 deletions(-)
 create mode 100644 layouts/partials/helper/icon.html

diff --git a/layouts/partials/article/components/details.html b/layouts/partials/article/components/details.html
index 0fc62e2..52319a4 100644
--- a/layouts/partials/article/components/details.html
+++ b/layouts/partials/article/components/details.html
@@ -30,7 +30,7 @@
 
     {{- if not .Date.IsZero -}}
     <footer class="article-time">
-        {{ (resources.Get "icons/clock.svg").Content | safeHTML }}
+        {{ partial "helper/icon" "clock" }}
         <time class="article-time--published">
             {{- .Date.Format (or .Site.Params.dateFormat.published "Jan 02, 2006") -}}
         </time>
diff --git a/layouts/partials/article/components/footer.html b/layouts/partials/article/components/footer.html
index 7f42870..7ea46ec 100644
--- a/layouts/partials/article/components/footer.html
+++ b/layouts/partials/article/components/footer.html
@@ -3,14 +3,14 @@
 
     {{ if and (.Site.Params.article.license.enabled) (not (eq .Params.license false)) }}
     <section class="article-copyright">
-        {{ (resources.Get "icons/copyright.svg").Content | safeHTML }}
+        {{ partial "helper/icon" "copyright" }}
         <span>{{ default .Site.Params.article.license.default .Params.license }}</span>
     </section>
     {{ end }}
 
     {{- if ne .Lastmod .Date -}}
     <section class="article-time">
-        {{ (resources.Get "icons/clock.svg").Content | safeHTML }}
+        {{ partial "helper/icon" "clock" }}
         <span class="article-time--modified">
             {{ T "lastUpdatedOn" }} {{ .Lastmod.Format ( or .Site.Params.dateFormat.lastUpdated "Jan 02, 2006 15:04 MST" ) }}
         </span>
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 @@
         <li {{ if $active }} class='current' {{ end }}>
             <a href='{{ .URL | absLangURL }}'>
                 {{ if .Pre }}
-                    {{ (resources.Get (delimit (slice "icons/" .Pre ".svg") "")).Content | safeHTML }}
+                    {{ partial "helper/icon" .Pre }}
                 {{ end }}
                 <span>{{- .Name -}}</span>
             </a>
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 @@
 <section class="widget archives">
     <div class="widget-icon">
-        {{ (resources.Get "icons/infinity.svg").Content | safeHTML }}
+        {{ partial "helper/icon" "infinity" }}
     </div>
     <h1 class="widget-title">{{ T "widgetArchivesTitle" }}</h1>
 
diff --git a/layouts/partials/widget/tag-cloud.html b/layouts/partials/widget/tag-cloud.html
index f852b4d..cd5f357 100644
--- a/layouts/partials/widget/tag-cloud.html
+++ b/layouts/partials/widget/tag-cloud.html
@@ -1,6 +1,6 @@
 <section class="widget tagCloud">
     <div class="widget-icon">
-        {{ (resources.Get "icons/tag.svg").Content | safeHTML }}
+        {{ partial "helper/icon" "tag" }}
     </div>
     <h1 class="widget-title">{{ T "widgetTagCloudTitle" }}</h1>
 

From 9df7271547475316652850e20927f817ccfcc1a3 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Sat, 10 Oct 2020 09:13:40 +0200
Subject: [PATCH 5/8] refactor: remove humanize function from taxonomy name

---
 layouts/partials/article/components/details.html | 11 ++++++++---
 layouts/partials/article/components/tags.html    |  2 +-
 layouts/partials/widget/tag-cloud.html           |  2 +-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/article/components/details.html b/layouts/partials/article/components/details.html
index 52319a4..32d7f37 100644
--- a/layouts/partials/article/components/details.html
+++ b/layouts/partials/article/components/details.html
@@ -7,10 +7,15 @@
             {{ if and $image.exists $image.resource }}
                 {{- $imageRaw := $image.resource | resources.Fingerprint "md5"  -}}
                 {{- $20x := $imageRaw.Fill "20x20 smart"  -}}
-                <a href="{{ .Permalink }}" class="color-tag"
-                    data-image="{{ $20x.RelPermalink }}" data-key="{{ $context.Slug }}" data-hash="{{ $imageRaw.Data.Integrity }}">{{ .LinkTitle | humanize }}</a>
+                <a href="{{ .Permalink }}" 
+                    class="color-tag"
+                    data-image="{{ $20x.RelPermalink }}" 
+                    data-key="{{ $context.Slug }}" 
+                    data-hash="{{ $imageRaw.Data.Integrity }}">
+                    {{ .LinkTitle }}
+                </a>
             {{ else }}
-                <a href="{{ .Permalink }}">{{ .LinkTitle | humanize }}</a>
+                <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
             {{ end }}
         {{ end }}
     </header>
diff --git a/layouts/partials/article/components/tags.html b/layouts/partials/article/components/tags.html
index d1261ad..3eab790 100644
--- a/layouts/partials/article/components/tags.html
+++ b/layouts/partials/article/components/tags.html
@@ -1,7 +1,7 @@
 {{ if .Params.Tags }}
     <section class="article-tags">
         {{ range (.GetTerms "tags") }}
-            <a href="{{ .Permalink }}">{{ .LinkTitle | humanize }}</a>
+            <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
         {{ end }}
     </section>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/widget/tag-cloud.html b/layouts/partials/widget/tag-cloud.html
index cd5f357..63bddd6 100644
--- a/layouts/partials/widget/tag-cloud.html
+++ b/layouts/partials/widget/tag-cloud.html
@@ -7,7 +7,7 @@
     <div class="tagCloud-tags">
         {{ range first .Site.Params.widgets.tagCloud.limit .Site.Taxonomies.tags.ByCount }}
             <a href="{{ .Page.Permalink }}" class="font_size_{{ .Count }}">
-                {{ .Page.Title | humanize }}
+                {{ .Page.Title }}
             </a>
         {{ end }}
     </div>

From 0c5e6af9d319cecabf4219685b0cfe960f607dc4 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Sat, 10 Oct 2020 09:14:27 +0200
Subject: [PATCH 6/8] refactor(article): remove uppercase style of tags

---
 assets/scss/partials/layout/article.scss | 1 +
 1 file changed, 1 insertion(+)

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;
             }
         }
     }

From 0289feb221a40419f70ef80d9064a63ff824eb60 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Sat, 10 Oct 2020 09:50:28 +0200
Subject: [PATCH 7/8] doc(README): requirements section update

---
 README.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

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
 

From a4418951d09a5ee80cdf8b317485654323daf800 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Sat, 10 Oct 2020 09:57:04 +0200
Subject: [PATCH 8/8] release: 1.0.5 version

---
 layouts/partials/footer/footer.html                       | 2 +-
 .../style.scss_b95b077eb505d5c0aff8055eaced30ad.content   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/footer/footer.html b/layouts/partials/footer/footer.html
index 2fa4bdd..4983b86 100644
--- a/layouts/partials/footer/footer.html
+++ b/layouts/partials/footer/footer.html
@@ -2,7 +2,7 @@
     <section class="copyright">&copy; {{ now.Format "2006" }} {{ .Site.Title }}</section>
     <section class="powerby">
         Built with <a href="https://gohugo.io/" target="_blank" rel="noopener">Hugo</a> <br />
-        Theme <b><a href="https://github.com/CaiJimmy/hugo-theme-stack" target="_blank" rel="noopener" data-version="1.0.4">Stack</a></b> designed by
+        Theme <b><a href="https://github.com/CaiJimmy/hugo-theme-stack" target="_blank" rel="noopener" data-version="1.0.5">Stack</a></b> designed by
         <a href="https://jimmycai.com" target="_blank" rel="noopener">Jimmy</a>
     </section>
 </footer>
\ No newline at end of file
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