From ce8ada144a5e7a6d7786ea16c6b3d54bc58b2816 Mon Sep 17 00:00:00 2001 From: yqchilde Date: Thu, 16 Apr 2020 19:55:18 +0800 Subject: [PATCH] update 1.0.5 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ✔ 升级Valine - ✔ 优化底部信息的为空展示 - 🎁 新增后台设置gravatar头像源，默认为极客族，感谢[@MuenYu](https://github.com/MuenYu) - 🎁 新增面包屑导航 - ❤ 文章页样式微调 --- CHANGELOG.md | 14 +- README.md | 2 +- functions.php | 4 +- header.php | 2 +- inc/Utils.php | 7 +- inc/js/rebirth.js | 10 +- inc/js/trick.js | 8 +- options.php | 19 +- page/page-about.php | 5 +- page/page-links.php | 30 +- style.css | 4068 ++++++++++++++++++++++++++++++++- tpl/footer/footer-info.php | 17 +- tpl/home/home-hero.php | 16 +- tpl/single/single-content.php | 87 +- tpl/single/single-header.php | 76 +- tpl/site/site-wave.php | 24 + 16 files changed, 4262 insertions(+), 127 deletions(-) create mode 100644 tpl/site/site-wave.php diff --git a/CHANGELOG.md b/CHANGELOG.md index f9a1c2c..1cc349f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,8 +1,18 @@ +### Version 1.0.5 + +发布日期：2020.04.16 + +- ✔ 升级Valine +- ✔ 优化底部信息的为空展示 +- 🎁 新增后台设置gravatar头像源，默认为极客族，感谢[@MuenYu](https://github.com/MuenYu) +- 🎁 新增面包屑导航 +- ❤ 文章页样式微调 + ### Version 1.0.4 发布日期：2020.04.07 -- ✔ 修复文章内容添加锚节点不能稳定跳转 +- ✔ 修复文章内容添加锚节点不能稳定跳转 - 🎁 新增后台支持弹窗内容和时间 - ❤ 优化博客关键词和文章描述，更利用SEO @@ -10,7 +20,7 @@ 发布日期：2020.03.17 -- ✔ 修复两个函数判断非数组 +- ✔ 修复两个函数判断非数组 - 🎁 新增页脚展示功能 - 🎁 新增友链分类 - ❤ 优化首页文章布局 diff --git a/README.md b/README.md index 36afd81..bea9cdb 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # WordPress Theme - Rebirth -![](https://img.shields.io/github/v/release/yqchilde/rebirth.svg?style=flat-square) ![](https://img.shields.io/github/commits-since/yqchilde/rebirth/1.0.4?logo=dev&style=flat-square) +![](https://img.shields.io/github/v/release/yqchilde/rebirth.svg?style=flat-square) ![](https://img.shields.io/github/commits-since/yqchilde/rebirth/1.0.5?logo=dev&style=flat-square) ### 声明 Rebirth主题的WordPress版本是完全移植过来的，原主题为`JaxsonWang(淮城一只猫)制作`，且是ghost博客主题，详情请看 [点击查看](https://github.com/JaxsonWang/Rebirth) diff --git a/functions.php b/functions.php index f35f884..59d32ed 100644 --- a/functions.php +++ b/functions.php @@ -140,14 +140,12 @@ function rebirth_scripts() { wp_deregister_script( 'jquery' ); wp_register_script( 'jquery', 'https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js', array(), null, true ); wp_register_script( 'bootstrap', 'https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.bundle.min.js', array( 'jquery' ), null, true ); - wp_register_script( 'scrollreveal', 'https://cdn.jsdelivr.net/npm/scrollreveal@4.0.5/dist/scrollreveal.min.js', array(), null, true ); - wp_register_script( 'valine', 'https://cdn.jsdelivr.net/npm/valine@1.3.10/dist/Valine.min.js', array(), null, true ); + wp_register_script( 'valine', 'https://cdn.jsdelivr.net/npm/valine@1.4.4/dist/Valine.min.js', array(), null, true ); wp_register_script( 'trick', get_template_directory_uri() . '/inc/js/trick.js', array(), Rebirth_Version, true ); wp_register_script( 'rebirth', get_template_directory_uri() . '/inc/js/rebirth.js', array(), Rebirth_Version, true ); wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'bootstrap' ); - wp_enqueue_script( 'scrollreveal' ); wp_enqueue_script( 'valine' ); wp_enqueue_script( 'trick' ); wp_enqueue_script( 'rebirth' ); diff --git a/header.php b/header.php index e0d3d1b..324e6c2 100644 --- a/header.php +++ b/header.php @@ -59,7 +59,7 @@ - + diff --git a/inc/Utils.php b/inc/Utils.php index cd9a04a..e6c89ea 100644 --- a/inc/Utils.php +++ b/inc/Utils.php @@ -134,7 +134,11 @@ function setPostViews( $postID ) { function gravatar_cn( $url ) { $gravatar_url = array( '0.gravatar.com', '1.gravatar.com', '2.gravatar.com', 'secure.gravatar.com' ); - return str_replace( $gravatar_url, 'dn-qiniu-avatar.qbox.me', $url ); + if ( rebirth_option( 'gravatar_source' ) ) { + return str_replace( $gravatar_url, rebirth_option( 'gravatar_source' ), $url ); + } + + return str_replace( $gravatar_url, 'sdn.geekzu.org', $url ); } add_filter( 'get_avatar_url', 'gravatar_cn', 4 ); @@ -404,5 +408,6 @@ function wp_keywords() { if ( $keywords ) { //输出关键词 return $keywords; } + return ""; } \ No newline at end of file diff --git a/inc/js/rebirth.js b/inc/js/rebirth.js index 72353e6..162f2f2 100644 --- a/inc/js/rebirth.js +++ b/inc/js/rebirth.js @@ -7708,7 +7708,7 @@ function(t) { return regeneratorRuntime.wrap(function(t) { for (;;) switch (t.prev = t.next) { case 0: - return n = "https://cdn.jsdelivr.net/npm/prismjs@1.19.0", t.next = 3, e.document.querySelectorAll(".post-content pre>code"); + return n = "https://cdn.jsdelivr.net/npm/prismjs@1.20.0", t.next = 3, e.document.querySelectorAll(".post-content pre>code"); case 3: if (0 !== (r = t.sent).length) { t.next = 6; @@ -7890,13 +7890,7 @@ function(t) { }, 500) }) }), - N = (P(window), function(t) { - t.ScrollReveal().reveal(".home-post-item", { - delay: 100, - interval: 16, - reset: !0 - }) - }), + N = (P(window)), F = function() { ! function() { diff --git a/inc/js/trick.js b/inc/js/trick.js index 8f85ed0..aaf24ac 100644 --- a/inc/js/trick.js +++ b/inc/js/trick.js @@ -5,14 +5,16 @@ appId: rebirth_option.valine_appid, appKey: rebirth_option.valine_appkey, serverURLs: rebirth_option.valine_serverurls, - notify: !1, - verify: !0, avatar: "mm", visitor: !0, highlight: !0, recordIP: !0, placeholder: "请您理智发言，共建美好社会！", - path: window.location.pathname + path: window.location.pathname, + meta: ['nick', 'mail', 'link'], + pageSize: 10, + lang: 'zh-CN', + avatarForce: false }); let e = {}, t = $(this).index(), a = rebirth_option.home_url; diff --git a/options.php b/options.php index 9ff10b7..0a25fb6 100644 --- a/options.php +++ b/options.php @@ -215,7 +215,8 @@ function optionsframework_options() { 'std' => '{ "百度": "https://www.baidu.com", "Yq小站": "https://yqqy.top" -}'); +}' + ); // 作者信息 $options[] = array( @@ -249,6 +250,16 @@ function optionsframework_options() { 'type' => 'upload' ); + // gravatar头像源 + $options[] = array( + 'name' => 'gravatar头像源', + 'desc' => '这里填写你的gravatar头像中文源，默认使用极客族 + 不需要写http(s)://', + 'id' => 'gravatar_source', + 'std' => 'sdn.geekzu.org', + 'type' => 'text' + ); + // 自定义关键词和描述 $options[] = array( 'name' => '警示语 / 励志铭 / 描述', @@ -366,6 +377,12 @@ function optionsframework_options() { ), ); + // Valine配置提示 + $options[] = array( + 'name' => '主题评论采用第三方Valine系统', + 'desc' => 'Valine文档：https://valine.js.org', + 'type' => 'info' + ); // appId $options[] = array( diff --git a/page/page-about.php b/page/page-about.php index 1f3f1fb..5895b78 100644 --- a/page/page-about.php +++ b/page/page-about.php @@ -34,11 +34,12 @@ }
-
+
关于本站
- Yqchilde / / + Yqchilde / +
diff --git a/page/page-links.php b/page/page-links.php index 18bfd4f..b3b043a 100644 --- a/page/page-links.php +++ b/page/page-links.php @@ -38,7 +38,7 @@
友情链接
-
+
@@ -46,23 +46,27 @@

您好，我的朋友！

- - - + + +

name ?>

    - term_id); - foreach ($items as $v) : ?> + term_id ); + foreach ( $items as $v ) : ?>
  • - <?php echo $v['link_name'] ?> + <?php echo $v['link_name'] ?>
    - +
    @@ -74,15 +78,19 @@
      + foreach ( $items as $v ) : ?>
    • - <?php echo $v['link_name'] ?> + <?php echo $v['link_name'] ?>
      - +
      diff --git a/style.css b/style.css index 260a543..d0b2997 100644 --- a/style.css +++ b/style.css @@ -6,7 +6,4071 @@ Theme URI: https://yqqy.top Author: Yqchilde, Jaxson Wang Author URI: https://yqqy.top Description: A wonderful branch of theme rebirth -Version: 1.0.4 +Version: 1.0.5 Tags: rebirth */ -a:hover{text-decoration:none}.date-divider{margin-left:5px;margin-right:5px}@media (prefers-color-scheme:light){:root{--color-content:light}}@media (prefers-color-scheme:dark){:root{--color-content:dark}body{color:hsla(0,0%,100%,.5);background:#263238}}[data-theme=light] :root{--color-content:light}[data-theme=dark] :root{--color-content:dark}[data-theme=dark] body{color:hsla(0,0%,100%,.5);background:#263238}.site-wrapper{min-width:0;width:100%}.site-wrapper .sidebar-wrapper{z-index:1050}.site-wrapper .main-wrapper{width:100%;position:absolute;top:0;left:0}.site-wrapper .main-wrapper .main-content{z-index:1}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.main-header{background-color:#fff;padding:.5rem 0;-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.main-header.top-nav{background-color:transparent;-webkit-box-shadow:none!important;box-shadow:none!important;padding:1rem 0}.main-header.top-nav .header-navbar .navbar-brand{color:hsla(0,0%,100%,.5);-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.main-header.top-nav .header-navbar .navbar-brand:hover{color:#fff}.main-header.top-nav .header-navbar .navbar-brand .navbar-brand-logo svg g{-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms;fill:#fff}.main-header.top-nav .header-navbar .navbar-nav .nav-item .nav-link{color:hsla(0,0%,100%,.5);-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.main-header.top-nav .header-navbar .navbar-nav .nav-item.active .nav-link,.main-header.top-nav .header-navbar .navbar-nav .nav-item .nav-link:hover{color:#fff}.main-header.top-nav .header-navbar .nav-left .btn-search{color:hsla(0,0%,100%,.5);-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.main-header.top-nav .header-navbar .nav-left .btn-search:hover{color:#fff}.main-header .header-navbar .navbar-brand{color:rgba(0,0,0,.9)}.main-header .header-navbar .navbar-brand .navbar-brand-logo{margin-right:.25rem;height:1.875rem}.main-header .header-navbar .navbar-brand .navbar-brand-logo svg{width:1.875rem;height:1.875rem;vertical-align:initial}.main-header .header-navbar .navbar-nav .nav-item .nav-link{color:rgba(0,0,0,.5);-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.main-header .header-navbar .navbar-nav .nav-item.active .nav-link,.main-header .header-navbar .navbar-nav .nav-item .nav-link:hover{color:rgba(0,0,0,.9)}.main-header .header-navbar .nav-left .btn-nav-left{background-color:transparent;border:none;color:rgba(0,0,0,.5);-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.main-header .header-navbar .nav-left .btn-nav-left:hover{color:rgba(0,0,0,.9)}.main-header .header-navbar .nav-left .btn-nav-left:focus{-webkit-box-shadow:none;box-shadow:none}@media (prefers-color-scheme:dark){.main-header{background-color:#263238}.main-header.top-nav{background-color:transparent}.main-header.top-nav .header-navbar .navbar-brand .navbar-brand-logo svg g{fill:hsla(0,0%,100%,.8)}.main-header .header-navbar .navbar-brand{color:hsla(0,0%,100%,.5)}.main-header .header-navbar .navbar-brand .navbar-brand-logo svg g{fill:hsla(0,0%,100%,.5)}.main-header .header-navbar .navbar-nav .nav-item .nav-link{color:hsla(0,0%,100%,.5)}.main-header .header-navbar .navbar-nav .nav-item.active .nav-link,.main-header .header-navbar .navbar-nav .nav-item .nav-link:hover{color:hsla(0,0%,100%,.8)}.main-header .header-navbar .nav-left .btn-search{background-color:transparent;color:hsla(0,0%,100%,.5)}.main-header .header-navbar .nav-left .btn-search:hover{color:hsla(0,0%,100%,.8)}}[data-theme=dark] .main-header{background-color:#263238}[data-theme=dark] .main-header.top-nav{background-color:transparent}[data-theme=dark] .main-header.top-nav .header-navbar .navbar-brand .navbar-brand-logo svg g{fill:hsla(0,0%,100%,.8)}[data-theme=dark] .main-header .header-navbar .navbar-brand{color:hsla(0,0%,100%,.5)}[data-theme=dark] .main-header .header-navbar .navbar-brand .navbar-brand-logo svg g{fill:hsla(0,0%,100%,.5)}[data-theme=dark] .main-header .header-navbar .navbar-nav .nav-item .nav-link{color:hsla(0,0%,100%,.5)}[data-theme=dark] .main-header .header-navbar .navbar-nav .nav-item.active .nav-link,[data-theme=dark] .main-header .header-navbar .navbar-nav .nav-item .nav-link:hover{color:hsla(0,0%,100%,.8)}[data-theme=dark] .main-header .header-navbar .nav-left .btn-search{background-color:transparent;color:hsla(0,0%,100%,.5)}[data-theme=dark] .main-header .header-navbar .nav-left .btn-search:hover{color:hsla(0,0%,100%,.8)}.main-hero{position:relative;overflow:hidden;height:75vh}.main-hero-bg{background-position:50%;background-size:cover;z-index:0}.main-hero-bg,.main-hero-bg:after{position:absolute;top:0;left:0;width:100%;height:100%}.main-hero-bg:after{content:"";background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(45,58,111,.5)),to(rgba(0,0,0,.5)));background-image:linear-gradient(-180deg,rgba(45,58,111,.5),rgba(0,0,0,.5))}.main-hero-content{position:relative;width:100%;height:100%;color:#fff;z-index:1}.main-hero-content-avatar{margin:1rem 0}.main-hero-content-avatar-img{width:6.25rem;height:6.25rem;border:4px solid #818182;border-radius:50%;-webkit-box-shadow:0 0 1px 11px rgba(129,129,130,.5),0 0 1px 22px rgba(129,129,130,.26);box-shadow:0 0 1px 11px rgba(129,129,130,.5),0 0 1px 22px rgba(129,129,130,.26)}.main-hero-content-title{margin:.5rem 0 1rem;font-size:1.75rem}.main-hero-content-description{margin:.5rem auto;font-size:1rem}.main-hero-content-social-links{text-decoration:none;font-size:1.25rem;text-align:center;margin:0 .125rem;color:#fff}.main-hero-content-social-links:hover{text-decoration:none;color:hsla(0,0%,100%,.75)}.main-hero-waves-area{bottom:-5px}.main-hero-header,.main-hero-waves-area{width:100%;position:absolute;left:0;z-index:0}.main-hero-header{height:18rem;bottom:0;border-style:solid;border-color:transparent transparent #fff}.main-hero-header.header-right{border-width:0 100vw 9rem 0}.main-hero-header.header-left{border-width:0 0 9rem 100vw}@media (max-width:767.98px){.main-hero-header.header-right{border-width:0 100vw 6rem 0}.main-hero-header.header-left{border-width:0 0 6rem 100vw}}@media (max-width:575.98px){.main-hero-header.header-right{border-width:0 100vw 3rem 0}.main-hero-header.header-left{border-width:0 0 3rem 100vw}}@media (prefers-color-scheme:dark){.main-hero-bg:after{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.9)));background-image:linear-gradient(-180deg,rgba(0,0,0,.6),rgba(0,0,0,.9))}.main-hero-content{color:hsla(0,0%,100%,.8)}.main-hero-content-avatar:before{content:"";position:absolute;background:rgba(0,0,0,.5);width:6.25rem;height:6.25rem;border-radius:50%}.main-hero-content-avatar-img{border:none}.main-hero-content-social-links{color:hsla(0,0%,100%,.5);-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.main-hero-content-social-links:hover{color:hsla(0,0%,100%,.8)}.main-hero-waves-area .parallax>use:first-child{fill:rgba(38,50,56,.7)}.main-hero-waves-area .parallax>use:nth-child(2){fill:rgba(38,50,56,.5)}.main-hero-waves-area .parallax>use:nth-child(3){fill:rgba(38,50,56,.3)}.main-hero-waves-area .parallax>use:nth-child(4){fill:#263238}.main-hero-header{border-color:transparent transparent #263238}}[data-theme=dark] .main-hero-bg:after{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.9)));background-image:linear-gradient(-180deg,rgba(0,0,0,.6),rgba(0,0,0,.9))}[data-theme=dark] .main-hero-content{color:hsla(0,0%,100%,.8)}[data-theme=dark] .main-hero-content-avatar:before{content:"";position:absolute;background:rgba(0,0,0,.5);width:6.25rem;height:6.25rem;border-radius:50%}[data-theme=dark] .main-hero-content-avatar-img{border:none}[data-theme=dark] .main-hero-content-social-links{color:hsla(0,0%,100%,.5);-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}[data-theme=dark] .main-hero-content-social-links:hover{color:hsla(0,0%,100%,.8)}[data-theme=dark] .main-hero-waves-area .parallax>use:first-child{fill:rgba(38,50,56,.7)}[data-theme=dark] .main-hero-waves-area .parallax>use:nth-child(2){fill:rgba(38,50,56,.5)}[data-theme=dark] .main-hero-waves-area .parallax>use:nth-child(3){fill:rgba(38,50,56,.3)}[data-theme=dark] .main-hero-waves-area .parallax>use:nth-child(4){fill:#263238}[data-theme=dark] .main-hero-header{border-color:transparent transparent #263238}.main-header.top-nav .header-navbar .sidebar-toggler{outline:none;color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.main-header.top-nav .header-navbar .sidebar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.main-header .header-navbar .sidebar-toggler{outline:none;color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.2)}.main-header .header-navbar .sidebar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){.main-header .header-navbar .sidebar-toggler{outline:none;color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.main-header .header-navbar .sidebar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}}[data-theme=dark] .main-header .header-navbar .sidebar-toggler{outline:none;color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}[data-theme=dark] .main-header .header-navbar .sidebar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.site-wrapper .sidebar-wrapper{position:fixed;top:0;left:0;min-height:100vh;margin-left:-15rem;-webkit-transition:margin .25s ease-out;transition:margin .25s ease-out}.site-wrapper .sidebar-wrapper .sidebar-container{height:100vh;background-color:#f8f9fa}.site-wrapper .sidebar-wrapper .sidebar-container.boxshadow-right{-webkit-box-shadow:5px 0 5px 0 rgba(0,0,0,.15);box-shadow:5px 0 5px 0 rgba(0,0,0,.15)}.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-header{padding:.875rem 1.25rem;font-size:1.2rem}.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-header .sidebar-right .sidebar-search{margin-right:.725rem}.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-header .sidebar-right .sidebar-search i{font-size:1rem}.site-wrapper .sidebar-wrapper .sidebar-container .list-group{width:15rem}.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item{background-color:#f8f9fa}.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item.active{color:#1abc9c;background-color:rgba(26,186,154,.05);border-color:rgba(26,186,154,.05);border-right:3px solid #1abc9c}.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-footer .btn-footer{background-color:transparent}.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-footer .btn-footer:focus{-webkit-box-shadow:none;box-shadow:none}.site-wrapper.toggled{overflow:hidden}.site-wrapper.toggled .sidebar-wrapper{margin-left:0}@media (prefers-color-scheme:dark){.site-wrapper .sidebar-wrapper .sidebar-container{background-color:#263238}.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item{background-color:#263238;color:hsla(0,0%,100%,.5)}.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item:hover{color:hsla(0,0%,100%,.8)}.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item.active{color:#1abc9c;background-color:rgba(26,186,154,.05);border-color:rgba(26,186,154,.05);border-right:3px solid #1abc9c}}[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container{background-color:#263238}[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item{background-color:#263238;color:hsla(0,0%,100%,.5)}[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item:hover{color:hsla(0,0%,100%,.8)}[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item.active{color:#1abc9c;background-color:rgba(26,186,154,.05);border-color:rgba(26,186,154,.05);border-right:3px solid #1abc9c}.main-content{margin-top:5rem}.main-content .post-card-image{position:relative;height:17.5rem;margin:0 auto;overflow:hidden;border-radius:0}.main-content .post-card-image-link{display:block;position:absolute;width:100%;height:100%;z-index:1}.main-content .post-card-image-link-background{height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out}.main-content .post-card-image-link-background:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.main-content .post-card-content{height:100%}.main-content .post-card-content-tag{color:#b9b8b3;font-size:.725rem}.main-content .post-card-content-tag i{font-size:.725rem}.main-content .post-card-content-title{margin:.25rem 0 1rem}.main-content .post-card-content-title-link{font-size:1.5rem;text-decoration:none;color:#212529;-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.main-content .post-card-content-title-link:hover{color:#1abc9c}.main-content .post-card-content-excerpt{letter-spacing:.5px;line-height:1.8;font-size:.875rem}.main-content .post-card-content-meta-authors-link{margin-left:-1rem;width:2.8rem;height:2.8rem;z-index:1}.main-content .post-card-content-meta-authors-link:first-child{margin-left:0}.main-content .post-card-content-meta-authors-link-avatar{-o-object-fit:cover;object-fit:cover;width:2.8rem;height:2.8rem}.main-content .post-card-content-meta-other{font-size:.725rem;color:#b9b8b3}.main-content .post-card-content-meta-other .icon{width:1rem;height:1rem}.main-content .post-card-content-meta-other .icon:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:992px){.main-content .post-card-image{width:100%;height:100%;min-height:25rem;border-radius:10px}}@media (prefers-color-scheme:dark){.main-content .post-card-image-link-background{height:100%}.main-content .post-card-image-link-background:before{content:"";position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%}.main-content .post-card-content-title-link{color:hsla(0,0%,100%,.5)}.main-content .post-card-content-title-link:hover{color:hsla(0,0%,100%,.8)}.main-content .post-card-content-meta-authors-link:before{content:"";position:absolute;background:rgba(0,0,0,.5);width:2.8rem;height:2.8rem;border-radius:50%}.main-content .post-card-content-meta-authors-link-avatar{background-color:#263238;border:1px solid hsla(0,0%,100%,.5)}}@media (prefers-color-scheme:dark) and (min-width:768px){.main-content .post-card-image-shadow{display:block}}[data-theme=dark] .main-content .post-card-image-link-background{height:100%}[data-theme=dark] .main-content .post-card-image-link-background:before{content:"";position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%}[data-theme=dark] .main-content .post-card-content-title-link{color:hsla(0,0%,100%,.5)}[data-theme=dark] .main-content .post-card-content-title-link:hover{color:hsla(0,0%,100%,.8)}[data-theme=dark] .main-content .post-card-content-meta-authors-link:before{content:"";position:absolute;background:rgba(0,0,0,.5);width:2.8rem;height:2.8rem;border-radius:50%}[data-theme=dark] .main-content .post-card-content-meta-authors-link-avatar{background-color:#263238;border:1px solid hsla(0,0%,100%,.5)}@media (min-width:768px){[data-theme=dark] .main-content .post-card-image-shadow{display:block}}.site-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-pagination .pagination .page-item.active span{background-color:#e9ecef;border:none;color:#212529;font-size:1.2rem}.site-pagination .pagination .page-item .page-link{border:none;color:#212529;font-size:1.2rem}.site-pagination .pagination .page-item .page-link:hover{-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}@media (prefers-color-scheme:dark){.site-pagination .pagination .page-item.active span{background-color:#212a2e;border:none;color:hsla(0,0%,100%,.5);font-size:1.2rem}.site-pagination .pagination .page-item a{background-color:#263238;border:none;color:hsla(0,0%,100%,.5);font-size:1.2rem}.site-pagination .pagination .page-item a:hover{color:hsla(0,0%,100%,.8)}}[data-theme=dark] .site-pagination .pagination .page-item.active span{background-color:#212a2e;border:none;color:hsla(0,0%,100%,.5);font-size:1.2rem}[data-theme=dark] .site-pagination .pagination .page-item a{background-color:#263238;border:none;color:hsla(0,0%,100%,.5);font-size:1.2rem}[data-theme=dark] .site-pagination .pagination .page-item a:hover{color:hsla(0,0%,100%,.8)}.post-content{font-family:PingFang SC,WenQuanYi Micro Hei,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,sans-serif;width:100%}.post-content.borderbox{-webkit-box-sizing:border-box;box-sizing:border-box}.post-content article,.post-content aside,.post-content blockquote,.post-content button,.post-content code,.post-content dd,.post-content details,.post-content dl,.post-content dt,.post-content fieldset,.post-content figcaption,.post-content figure,.post-content footer,.post-content form,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6,.post-content header,.post-content hr,.post-content input,.post-content legend,.post-content li,.post-content menu,.post-content nav,.post-content ol,.post-content p,.post-content pre,.post-content section,.post-content td,.post-content textarea,.post-content th,.post-content ul{margin:0;padding:0}.post-content article,.post-content aside,.post-content details,.post-content figcaption,.post-content figure,.post-content footer,.post-content header,.post-content menu,.post-content nav,.post-content section{display:block}.post-content audio,.post-content canvas,.post-content video{display:inline-block}.post-content button::-moz-focus-inner,.post-content input::-moz-focus-inner{padding:0;border:0}.post-content table{border-collapse:collapse;border-spacing:0}.post-content fieldset,.post-content img{border:0}.post-content blockquote{position:relative;color:#999;font-weight:400;font-size:90%;border-left:4px solid #1abc9c;background-color:rgba(26,186,154,.05);padding:.725rem 1rem}.post-content blockquote p{margin-bottom:0}@media only screen and (max-width:640px){.post-content blockquote{margin:1em 0}}.post-content abbr,.post-content acronym{border-bottom:1px dotted;font-variant:normal;text-decoration:none}.post-content abbr{cursor:help}.post-content del{text-decoration:line-through}.post-content address,.post-content caption,.post-content cite,.post-content code,.post-content dfn,.post-content em,.post-content th,.post-content var{font-style:normal;font-weight:400}.post-content ol,.post-content ul{list-style:none}.post-content caption,.post-content th{text-align:left}.post-content q:after,.post-content q:before{content:""}.post-content sub,.post-content sup{font-size:75%;line-height:0;position:relative}.post-content :root sub,.post-content :root sup{vertical-align:baseline}.post-content sup{top:-.5em}.post-content sub{bottom:-.25em}.post-content a{color:#1abc9c;-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.post-content a:hover{color:#555;text-decoration:underline}.post-content a,.post-content ins{text-decoration:none}.post-content u{text-decoration:underline}.post-content mark{background:#fffdd1;border-bottom:1px solid #ffedce;padding:2px;margin:0 5px}.post-content code,.post-content pre,.post-content pre tt{font-family:Courier,Courier New,monospace}.post-content pre{display:block;padding:1rem 0;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}.post-content pre .pre-block-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#f2f2f2}.post-content pre .pre-block-loading .loading-icon{text-shadow:none}.post-content pre .pre-block-loading .loading-icon svg path,.post-content pre .pre-block-loading .loading-icon svg rect{fill:#212529}.post-content pre .pre-block-loading .loading-text{font-size:.725rem;color:#212529}.post-content hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:.8em;height:10px}.post-content figcaption,.post-content small{font-size:.9em;color:#888}.post-content b,.post-content strong{font-weight:700}.post-content [draggable]{cursor:move}.post-content .clearfix:after,.post-content .clearfix:before{content:"";display:table}.post-content .clearfix:after{clear:both}.post-content .clearfix{zoom:1}.post-content .textwrap,.post-content .textwrap td,.post-content .textwrap th{word-wrap:break-word;word-break:break-all}.post-content .textwrap-table{table-layout:fixed}.post-content .serif{font-family:Palatino,Optima,Georgia,serif}.post-content blockquote,.post-content dl,.post-content form,.post-content hr,.post-content ol,.post-content p,.post-content pre,.post-content table,.post-content ul{margin-bottom:1.2em}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-weight:500;margin-top:1.2em;margin-bottom:.6em;line-height:1.35}.post-content h1:before,.post-content h2:before,.post-content h3:before,.post-content h4:before,.post-content h5:before,.post-content h6:before{content:"#";margin-right:.175rem;font-size:90%;font-weight:700;color:#1abc9c}.post-content h1{font-size:2em}.post-content h2{font-size:1.8em}.post-content h3{font-size:1.6em}.post-content h4{font-size:1.4em}.post-content h5,.post-content h6{font-size:1.2em}.post-content ul{margin-left:1.3em;list-style:disc}.post-content ol{list-style:decimal;margin-left:1.9em}.post-content li ol,.post-content li ul{margin-bottom:.8em;margin-left:2em}.post-content li ul{list-style:circle}.post-content table{margin:0 auto 1.2rem;width:95%}.post-content table caption,.post-content table td,.post-content table th{border:1px solid #ddd;padding:.5em;color:#666;text-align:center}.post-content table th{background:#fbfbfb}.post-content table thead th{background:#f1f1f1}.post-content table caption{border-bottom:none}.post-content caption,.post-content em,.post-content legend{font-weight:inherit}.post-content p a{word-break:break-word;overflow-wrap:break-word}.post-content p img{position:relative;max-width:100%;display:block;margin:1.5em auto;height:auto}.post-content.mobile-content>h1,.post-content.mobile-content>h2,.post-content.mobile-content>h3,.post-content.mobile-content>h4,.post-content.mobile-content>h5,.post-content.mobile-content>h6,.post-content.mobile-content>p,.post-content.mobile-content>ul{padding-left:1rem;padding-right:1rem}.post-content.mobile-content>blockquote{margin-left:1rem;margin-right:1rem}@media (prefers-color-scheme:dark){.post-content a{color:#1abc9c;-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.post-content a:hover{color:hsla(0,0%,100%,.8);text-decoration:underline}.post-content table caption,.post-content table td,.post-content table th{border:1px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5)}.post-content pre .pre-block-loading{background-color:#212a2e}.post-content pre .pre-block-loading .loading-icon svg path,.post-content pre .pre-block-loading .loading-icon svg rect{fill:hsla(0,0%,100%,.5)}.post-content pre .pre-block-loading .loading-text{color:hsla(0,0%,100%,.5)}.post-content table th,.post-content table thead th{background:#000}.post-content hr{border-bottom:1px solid hsla(0,0%,100%,.5)}.post-content p img{-webkit-filter:brightness(50%);filter:brightness(50%)}}[data-theme=dark] .post-content a{color:#1abc9c;-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}[data-theme=dark] .post-content a:hover{color:hsla(0,0%,100%,.8);text-decoration:underline}[data-theme=dark] .post-content table caption,[data-theme=dark] .post-content table td,[data-theme=dark] .post-content table th{border:1px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5)}[data-theme=dark] .post-content pre .pre-block-loading{background-color:#212a2e}[data-theme=dark] .post-content pre .pre-block-loading .loading-icon svg path,[data-theme=dark] .post-content pre .pre-block-loading .loading-icon svg rect{fill:hsla(0,0%,100%,.5)}[data-theme=dark] .post-content pre .pre-block-loading .loading-text{color:hsla(0,0%,100%,.5)}[data-theme=dark] .post-content table th,[data-theme=dark] .post-content table thead th{background:#000}[data-theme=dark] .post-content hr{border-bottom:1px solid hsla(0,0%,100%,.5)}[data-theme=dark] .post-content p img{-webkit-filter:brightness(50%);filter:brightness(50%)}.post-content-main-breadcrumb .breadcrumb{background-color:transparent;margin:0}.post-content-main-breadcrumb .breadcrumb .breadcrumb-item a{color:#1abc9c}.article-toc-area .article-toc-nav{margin-top:1rem;margin-left:1rem;top:5rem}.article-toc-area .article-toc-nav .toc-title{font-weight:700;margin-bottom:.5rem}.article-toc-area .article-toc-nav .nav>li>a{display:block;padding:.15rem 1.75rem;font-size:1rem;font-weight:500;color:#212529;-webkit-transition:all .25s ease 0ms;transition:all .25s ease 0ms}.article-toc-area .article-toc-nav .nav>li>a:focus,.article-toc-area .article-toc-nav .nav>li>a:hover{padding-left:1.25rem;color:#1abc9c;text-decoration:none;background-color:rgba(26,186,154,.05);border-left:3px solid #1abc9c}.article-toc-area .article-toc-nav .nav-link.active,.article-toc-area .article-toc-nav .nav-link.active:focus,.article-toc-area .article-toc-nav .nav-link.active:hover{padding-left:1rem;font-weight:700;color:#1abc9c;background-color:transparent;border-left:2px solid #1abc9c}.article-toc-area .article-toc-nav .nav-link+ul{display:none;padding-bottom:.825rem}.article-toc-area .article-toc-nav .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}.article-toc-area .article-toc-nav .nav .nav>li>a:focus,.article-toc-area .article-toc-nav .nav .nav>li>a:hover{padding-left:29px}.article-toc-area .article-toc-nav .nav .nav>li>.active,.article-toc-area .article-toc-nav .nav .nav>li>.active:focus,.article-toc-area .article-toc-nav .nav .nav>li>.active:hover{padding-left:28px;font-weight:500}.article-toc-area .article-toc-nav .nav-link.active+ul{display:block}@media (prefers-color-scheme:dark){.article-toc-area .article-toc-nav .nav>li>a{color:hsla(0,0%,100%,.5)}}[data-theme=dark] .article-toc-area .article-toc-nav .nav>li>a{color:hsla(0,0%,100%,.5)}.main-content .post-copyright{margin:2rem 0 0;padding:.5rem 1rem;border-left:4px solid #212529;background-color:#f9f9f9;list-style:none;width:100%}.main-content .post-copyright li{display:list-item;text-align:-webkit-match-parent;padding:.2rem 0}.main-content .post-copyright li a{color:#212529}@media (prefers-color-scheme:dark){.main-content .post-copyright{border-left:4px solid #212529;background-color:#212a2e}.main-content .post-copyright li a{color:hsla(0,0%,100%,.5);text-decoration:underline;-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.main-content .post-copyright li a:hover{color:hsla(0,0%,100%,.8)}}[data-theme=dark] .main-content .post-copyright{border-left:4px solid #212529;background-color:#212a2e}[data-theme=dark] .main-content .post-copyright li a{color:hsla(0,0%,100%,.5);text-decoration:underline;-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}[data-theme=dark] .main-content .post-copyright li a:hover{color:hsla(0,0%,100%,.8)}.main-content .post-tools .btn-tools-item{padding:1rem;outline:none;color:#212529;-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.main-content .post-tools .btn-tools-item:focus{-webkit-box-shadow:none;box-shadow:none}.main-content .post-tools .btn-tools-item:hover{color:#1abc9c}.main-content .post-tools .btn-tools-item i{font-size:1.225rem}.main-content .post-tools .collapse-donation{margin-top:2rem}.main-content .post-tools .collapse-donation .card-collapse{background-color:transparent}.main-content .post-tools .collapse-donation .card-collapse figure{width:50%}.main-content .post-tools .collapse-donation .card-collapse figure img{width:100%}.main-content .post-tools .collapse-donation .card-collapse figure .figure-caption{margin-top:1rem}@media (prefers-color-scheme:dark){.main-content .post-tools .btn-tools-item{color:hsla(0,0%,100%,.5)}.main-content .post-tools .btn-tools-item:hover{color:hsla(0,0%,100%,.8)}.main-content .post-tools .collapse-donation .card-collapse{background-color:#212a2e}}[data-theme=dark] .main-content .post-tools .btn-tools-item{color:hsla(0,0%,100%,.5)}[data-theme=dark] .main-content .post-tools .btn-tools-item:hover{color:hsla(0,0%,100%,.8)}[data-theme=dark] .main-content .post-tools .collapse-donation .card-collapse{background-color:#212a2e}.main-content .post-author-footer{margin:0 auto;padding:3rem 0;width:100%}.main-content .post-author-footer .author-card .author-profile-image{position:relative;margin-right:.938rem;width:3.75rem;height:3.75rem;display:block;border-radius:100%;-o-object-fit:cover;object-fit:cover}.main-content .post-author-footer .author-card .avatar-wrapper{position:relative;margin-right:.9375rem;width:3.75rem;height:3.75rem;display:block;border-radius:100%;-o-object-fit:cover;object-fit:cover;background:#e3e9ed}.main-content .post-author-footer .author-card .author-card-content .author-card-name{padding:0;font-size:1.425rem}.main-content .post-author-footer .author-card .author-card-content .author-card-name a{color:#212529;font-weight:700}.main-content .post-author-footer .author-card .author-card-content .author-card-social{height:100%}.main-content .post-author-footer .author-card .author-card-content .author-card-social-links{color:rgba(0,0,0,.5);font-size:1rem;font-weight:400;margin:0 .1rem;line-height:2}.main-content .post-author-footer .author-card .author-card-content p{margin:0;line-height:1.3em}.main-content .post-author-footer .author-card .author-card-content p a{color:#212529;font-weight:600}.main-content .post-author-footer .post-footer-right{-ms-flex-negative:0;flex-shrink:0;margin-left:1.25rem}.main-content .post-author-footer .post-footer-right .author-card-button{display:block;padding:.563rem 1rem;border:.063rem solid #212529;color:#212529;font-size:.8rem;line-height:1;font-weight:500;border-radius:1.25rem;-webkit-transition:all .2s ease;transition:all .2s ease}@media (prefers-color-scheme:dark){.main-content .post-author-footer .author-card:before{content:"";position:absolute;background:rgba(0,0,0,.5);width:3.75rem;height:3.75rem;z-index:1;border-radius:100%}.main-content .post-author-footer .author-card .avatar-wrapper{background:#e3e9ed}.main-content .post-author-footer .author-card .author-card-content .author-card-name a,.main-content .post-author-footer .author-card .author-card-content .author-card-social-links,.main-content .post-author-footer .author-card .author-card-content p{color:hsla(0,0%,100%,.5)}.main-content .post-author-footer .post-footer-right{-ms-flex-negative:0;flex-shrink:0;margin-left:1.25rem}.main-content .post-author-footer .post-footer-right .author-card-button{border:1px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5)}}[data-theme=dark] .main-content .post-author-footer .author-card:before{content:"";position:absolute;background:rgba(0,0,0,.5);width:3.75rem;height:3.75rem;z-index:1;border-radius:100%}[data-theme=dark] .main-content .post-author-footer .author-card .avatar-wrapper{background:#e3e9ed}[data-theme=dark] .main-content .post-author-footer .author-card .author-card-content .author-card-name a,[data-theme=dark] .main-content .post-author-footer .author-card .author-card-content .author-card-social-links,[data-theme=dark] .main-content .post-author-footer .author-card .author-card-content p{color:hsla(0,0%,100%,.5)}[data-theme=dark] .main-content .post-author-footer .post-footer-right{-ms-flex-negative:0;flex-shrink:0;margin-left:1.25rem}[data-theme=dark] .main-content .post-author-footer .post-footer-right .author-card-button{border:1px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5)}.main-content .post-read-more{width:100%}.main-content .post-read-more .read-next-feed{margin:0;padding:2.5rem 0 0;width:100%}.main-content .post-read-more .read-next-feed .min-h-300{min-height:18.75rem;margin-bottom:2rem}.main-content .post-read-more .read-next-feed .read-next-card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:1.563rem;color:#fff;background:#15171a 50%;background-size:cover;-webkit-box-shadow:.5rem .875rem 2.375rem rgba(39,44,49,.06),.063rem .188rem .5rem rgba(39,44,49,.03);box-shadow:.5rem .875rem 2.375rem rgba(39,44,49,.06),.063rem .188rem .5rem rgba(39,44,49,.03);width:100%}.main-content .post-read-more .read-next-feed .read-next-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(135deg,rgba(0,40,60,.8),rgba(0,20,40,.7));-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem)}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header{position:relative;padding-top:1rem;text-align:center}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-sitetitle{display:block;font-size:.8rem;line-height:1.5rem;opacity:.8}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title{margin:0;padding:0 .078rem;color:#fff;font-size:1.5rem;line-height:1.8rem;letter-spacing:.063rem}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a{color:#fff;font-weight:300;text-decoration:none}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a:hover{text-decoration:none}.main-content .post-read-more .read-next-feed .read-next-card .read-next-divider{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:5rem}.main-content .post-read-more .read-next-feed .read-next-card .read-next-divider svg{width:2.5rem;fill:transparent;stroke:#fff;stroke-width:.031rem;stroke-opacity:.65}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content{position:relative;z-index:50;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:0;text-align:center;list-style:none}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li{margin:0;padding:0;font-size:1.6rem;line-height:1.25em;font-weight:200;letter-spacing:-.031rem}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li a{display:block;padding:1rem 0;border-bottom:.063rem solid hsla(0,0%,100%,.3);color:#fff;font-weight:500;vertical-align:top;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;font-size:1rem}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li:first-of-type a{padding-top:.8rem}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer{position:relative;margin:.938rem 0 .188rem;text-align:center}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer a{color:#fff}.main-content .post-read-more .read-next-feed .post-read-next{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;min-height:18.75rem;background:#fff 50%;background-size:cover;-webkit-box-shadow:.5rem .875rem 2.375rem rgba(39,44,49,.06),.063rem .188rem .5rem rgba(39,44,49,.03);box-shadow:.5rem .875rem 2.375rem rgba(39,44,49,.06),.063rem .188rem .5rem rgba(39,44,49,.03);-webkit-transition:all .5s ease;transition:all .5s ease}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link{position:relative;display:block;overflow:hidden}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link .post-read-next-image{width:100%;height:12.5rem;background:#c5d2d9 no-repeat 50%;-o-object-fit:cover;object-fit:cover}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:block;padding:1.563rem 1.563rem 0;color:#000}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-tags{display:block;margin-bottom:.25rem;color:#000;font-size:.75rem;line-height:.825rem;font-weight:500;letter-spacing:.031rem;text-transform:uppercase}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-title{margin-top:0;font-size:1.5rem}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-excerpt p{font-size:.825rem;line-height:1.5}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.563rem 1.563rem}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;margin:0;padding:0;list-style:none}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item{position:relative;-ms-flex-negative:0;flex-shrink:0;margin:0;padding:0}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;margin:0 -.313rem}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-name{padding-left:.5rem;font-size:.8rem;color:#212529}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image,.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .avatar-wrapper{position:relative;display:block;width:2.125rem;height:2.125rem;background:#e3e9ed;border-radius:100%;-o-object-fit:cover;object-fit:cover;border:.125rem solid #fff}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .reading-time{-ms-flex-negative:0;flex-shrink:0;color:#000;font-size:.75rem;font-weight:500;text-transform:uppercase}@media (prefers-color-scheme:dark){.main-content .post-read-more .read-next-feed .read-next-card,.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title,.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a{color:hsla(0,0%,100%,.5)}.main-content .post-read-more .read-next-feed .read-next-card .read-next-divider svg{stroke:hsla(0,0%,100%,.5)}.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li a,.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer a{color:hsla(0,0%,100%,.5)}.main-content .post-read-more .read-next-feed .post-read-next{background:#212a2e 50%}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link:before{content:"";position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link,.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-tags,.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-name{color:hsla(0,0%,100%,.5)}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image{opacity:.5}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image,.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .avatar-wrapper{background:#263238;border:.125rem solid hsla(0,0%,100%,.5)}.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .reading-time{color:hsla(0,0%,100%,.5)}}[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card,[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title,[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a{color:hsla(0,0%,100%,.5)}[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-divider svg{stroke:hsla(0,0%,100%,.5)}[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li a,[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer a{color:hsla(0,0%,100%,.5)}[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next{background:#212a2e 50%}[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link:before{content:"";position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%}[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link,[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-tags,[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-name{color:hsla(0,0%,100%,.5)}[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image{opacity:.5}[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image,[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .avatar-wrapper{background:#263238;border:.125rem solid hsla(0,0%,100%,.5)}[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .reading-time{color:hsla(0,0%,100%,.5)}.post-content code[class*=language-],.post-content pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#90a4ae;background:#fafafa;font-family:Courier,Courier New,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.post-content code[class*=language-]::-moz-selection,.post-content code[class*=language-] ::-moz-selection,.post-content pre[class*=language-]::-moz-selection,.post-content pre[class*=language-] ::-moz-selection{background:#cceae7;color:#263238}.post-content code[class*=language-]::-moz-selection, .post-content code[class*=language-] ::-moz-selection, .post-content pre[class*=language-]::-moz-selection, .post-content pre[class*=language-] ::-moz-selection{background:#cceae7;color:#263238}.post-content code[class*=language-]::selection,.post-content code[class*=language-] ::selection,.post-content pre[class*=language-]::selection,.post-content pre[class*=language-] ::selection{background:#cceae7;color:#263238}.post-content :not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}.post-content pre[class*=language-]{overflow:auto;position:relative;margin:.5em 0;padding:2.725rem 1em 1.25em}.post-content .language-css>code,.post-content .language-sass>code,.post-content .language-scss>code{color:#f76d47}.post-content [class*=language-] .namespace{opacity:.7}.post-content .token.atrule{color:#7c4dff}.post-content .token.attr-name{color:#39adb5}.post-content .token.attr-value,.post-content .token.attribute{color:#f6a434}.post-content .token.boolean{color:#7c4dff}.post-content .token.builtin,.post-content .token.cdata,.post-content .token.char,.post-content .token.class{color:#39adb5}.post-content .token.class-name{color:#6182b8}.post-content .token.comment{color:#aabfc9}.post-content .token.constant{color:#7c4dff}.post-content .token.deleted{color:#e53935}.post-content .token.doctype{color:#aabfc9}.post-content .token.entity{color:#e53935}.post-content .token.function{color:#7c4dff}.post-content .token.hexcode{color:#f76d47}.post-content .token.id,.post-content .token.important{color:#7c4dff;font-weight:700}.post-content .token.inserted{color:#39adb5}.post-content .token.keyword{color:#7c4dff}.post-content .token.number{color:#f76d47}.post-content .token.operator{color:#39adb5}.post-content .token.prolog{color:#aabfc9}.post-content .token.property{color:#39adb5}.post-content .token.pseudo-class,.post-content .token.pseudo-element{color:#f6a434}.post-content .token.punctuation{color:#39adb5}.post-content .token.regex{color:#6182b8}.post-content .token.selector{color:#e53935}.post-content .token.string{color:#f6a434}.post-content .token.symbol{color:#7c4dff}.post-content .token.tag{color:#e53935}.post-content .token.unit{color:#f76d47}.post-content .token.url,.post-content .token.variable{color:#e53935}.post-content .code-toolbar .toolbar{background-color:#1abc9c;position:absolute;top:0;left:0;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.25rem 1.725rem;width:100%}.post-content .code-toolbar .toolbar .toolbar-item .show-language{text-transform:capitalize;font-weight:700;color:#fff}.post-content .code-toolbar .toolbar .toolbar-item .select-code{-webkit-box-shadow:none;box-shadow:none;color:#fff;background-color:hsla(0,0%,88.2%,.2);height:100%;border-radius:0;outline:none;-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms}.post-content .code-toolbar .toolbar .toolbar-item .select-code:hover{color:hsla(0,0%,100%,.5);background-color:#1abc9c}@media (prefers-color-scheme:dark){.post-content code[class*=language-],.post-content pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#c3cee3;background:#212a2e;font-family:Courier,Courier New,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.post-content code[class*=language-]::-moz-selection, .post-content code[class*=language-] ::-moz-selection, .post-content pre[class*=language-]::-moz-selection, .post-content pre[class*=language-] ::-moz-selection{background:#363636}.post-content code[class*=language-]::selection,.post-content code[class*=language-] ::selection,.post-content pre[class*=language-]::selection,.post-content pre[class*=language-] ::selection{background:#363636}.post-content :not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}.post-content .language-css>code,.post-content .language-sass>code,.post-content .language-scss>code{color:#fd9170}.post-content [class*=language-] .namespace{opacity:.7}.post-content .token.atrule{color:#c792ea}.post-content .token.attr-name{color:#ffcb6b}.post-content .token.attr-value,.post-content .token.attribute{color:#c3e88d}.post-content .token.boolean{color:#c792ea}.post-content .token.builtin{color:#ffcb6b}.post-content .token.cdata,.post-content .token.char{color:#80cbc4}.post-content .token.class{color:#ffcb6b}.post-content .token.class-name,.post-content .token.color{color:#f2ff00}.post-content .token.comment{color:#546e7a}.post-content .token.constant{color:#c792ea}.post-content .token.deleted{color:#f07178}.post-content .token.doctype{color:#546e7a}.post-content .token.entity{color:#f07178}.post-content .token.function{color:#c792ea}.post-content .token.hexcode{color:#f2ff00}.post-content .token.id,.post-content .token.important{color:#c792ea;font-weight:700}.post-content .token.inserted{color:#80cbc4}.post-content .token.keyword{color:#c792ea;font-style:italic}.post-content .token.number{color:#fd9170}.post-content .token.operator{color:#89ddff}.post-content .token.prolog{color:#546e7a}.post-content .token.property{color:#80cbc4}.post-content .token.pseudo-class,.post-content .token.pseudo-element{color:#c3e88d}.post-content .token.punctuation{color:#89ddff}.post-content .token.regex{color:#f2ff00}.post-content .token.selector{color:#f07178}.post-content .token.string{color:#c3e88d}.post-content .token.symbol{color:#c792ea}.post-content .token.tag,.post-content .token.unit{color:#f07178}.post-content .token.url{color:#fd9170}.post-content .token.variable{color:#f07178}.post-content .code-toolbar .toolbar{background-color:#212a2e;border-bottom:1px solid hsla(0,0%,100%,.5)}.post-content .code-toolbar .toolbar .toolbar-item .show-language{color:hsla(0,0%,100%,.5)}.post-content .code-toolbar .toolbar .toolbar-item .select-code{color:hsla(0,0%,100%,.5);background-color:hsla(0,0%,88.2%,.1)}.post-content .code-toolbar .toolbar .toolbar-item .select-code:hover{color:hsla(0,0%,100%,.8);background-color:#212a2e}}[data-theme=dark] .post-content code[class*=language-],[data-theme=dark] .post-content pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#c3cee3;background:#212a2e;font-family:Courier,Courier New,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}[data-theme=dark] .post-content code[class*=language-]::-moz-selection, [data-theme=dark] .post-content code[class*=language-] ::-moz-selection, [data-theme=dark] .post-content pre[class*=language-]::-moz-selection, [data-theme=dark] .post-content pre[class*=language-] ::-moz-selection{background:#363636}[data-theme=dark] .post-content code[class*=language-]::selection,[data-theme=dark] .post-content code[class*=language-] ::selection,[data-theme=dark] .post-content pre[class*=language-]::selection,[data-theme=dark] .post-content pre[class*=language-] ::selection{background:#363636}[data-theme=dark] .post-content :not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}[data-theme=dark] .post-content .language-css>code,[data-theme=dark] .post-content .language-sass>code,[data-theme=dark] .post-content .language-scss>code{color:#fd9170}[data-theme=dark] .post-content [class*=language-] .namespace{opacity:.7}[data-theme=dark] .post-content .token.atrule{color:#c792ea}[data-theme=dark] .post-content .token.attr-name{color:#ffcb6b}[data-theme=dark] .post-content .token.attr-value,[data-theme=dark] .post-content .token.attribute{color:#c3e88d}[data-theme=dark] .post-content .token.boolean{color:#c792ea}[data-theme=dark] .post-content .token.builtin{color:#ffcb6b}[data-theme=dark] .post-content .token.cdata,[data-theme=dark] .post-content .token.char{color:#80cbc4}[data-theme=dark] .post-content .token.class{color:#ffcb6b}[data-theme=dark] .post-content .token.class-name,[data-theme=dark] .post-content .token.color{color:#f2ff00}[data-theme=dark] .post-content .token.comment{color:#546e7a}[data-theme=dark] .post-content .token.constant{color:#c792ea}[data-theme=dark] .post-content .token.deleted{color:#f07178}[data-theme=dark] .post-content .token.doctype{color:#546e7a}[data-theme=dark] .post-content .token.entity{color:#f07178}[data-theme=dark] .post-content .token.function{color:#c792ea}[data-theme=dark] .post-content .token.hexcode{color:#f2ff00}[data-theme=dark] .post-content .token.id,[data-theme=dark] .post-content .token.important{color:#c792ea;font-weight:700}[data-theme=dark] .post-content .token.inserted{color:#80cbc4}[data-theme=dark] .post-content .token.keyword{color:#c792ea;font-style:italic}[data-theme=dark] .post-content .token.number{color:#fd9170}[data-theme=dark] .post-content .token.operator{color:#89ddff}[data-theme=dark] .post-content .token.prolog{color:#546e7a}[data-theme=dark] .post-content .token.property{color:#80cbc4}[data-theme=dark] .post-content .token.pseudo-class,[data-theme=dark] .post-content .token.pseudo-element{color:#c3e88d}[data-theme=dark] .post-content .token.punctuation{color:#89ddff}[data-theme=dark] .post-content .token.regex{color:#f2ff00}[data-theme=dark] .post-content .token.selector{color:#f07178}[data-theme=dark] .post-content .token.string{color:#c3e88d}[data-theme=dark] .post-content .token.symbol{color:#c792ea}[data-theme=dark] .post-content .token.tag,[data-theme=dark] .post-content .token.unit{color:#f07178}[data-theme=dark] .post-content .token.url{color:#fd9170}[data-theme=dark] .post-content .token.variable{color:#f07178}[data-theme=dark] .post-content .code-toolbar .toolbar{background-color:#212a2e;border-bottom:1px solid hsla(0,0%,100%,.5)}[data-theme=dark] .post-content .code-toolbar .toolbar .toolbar-item .show-language{color:hsla(0,0%,100%,.5)}[data-theme=dark] .post-content .code-toolbar .toolbar .toolbar-item .select-code{color:hsla(0,0%,100%,.5);background-color:hsla(0,0%,88.2%,.1)}[data-theme=dark] .post-content .code-toolbar .toolbar .toolbar-item .select-code:hover{color:hsla(0,0%,100%,.8);background-color:#212a2e}.site-progress{position:fixed;top:0;left:0;width:100%;z-index:1040;background-color:transparent;border-radius:0;height:2px}.site-progress .reading-progress-bar{background-color:#1abc9c}.post-content .todo-list{list-style:none}.post-content .todo-list .span-todo-checkbox{display:inline-block;position:relative;top:2px;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;margin-right:.25rem;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.post-content .todo-list .span-todo-checkbox:after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.post-content .todo-list .span-todo-checkbox.checked{background-color:#1abc9c;border-color:#1abc9c}.post-content .todo-list .span-todo-checkbox.checked:after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.post-content .todo-list .todo-list-input{opacity:0;outline:none;position:absolute;margin:0;width:0;height:0;z-index:-1}@media (prefers-color-scheme:dark){.post-content .todo-list .span-todo-checkbox{background-color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.5)}.post-content .todo-list .span-todo-checkbox.checked{background-color:#1abc9c;border-color:#1abc9c}.post-content .todo-list .todo-list-input{opacity:0;outline:none;position:absolute;margin:0;width:0;height:0;z-index:-1}}[data-theme=dark] .post-content .todo-list .span-todo-checkbox{background-color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.5)}[data-theme=dark] .post-content .todo-list .span-todo-checkbox.checked{background-color:#1abc9c;border-color:#1abc9c}[data-theme=dark] .post-content .todo-list .todo-list-input{opacity:0;outline:none;position:absolute;margin:0;width:0;height:0;z-index:-1}.main-footer{padding:3rem 0 2rem;background-color:#f7f7f7}.main-footer .main-footer-copyright p{margin-bottom:0;font-size:.8125rem;font-weight:600;line-height:1.375rem}.main-footer .main-footer-copyright p a{color:#b9b8b3}.main-footer .main-footer-meta{font-size:.8125rem;font-weight:300;line-height:1.375rem;color:#b9b8b3}.main-footer .main-footer-audit p{margin-bottom:0;font-size:.8125rem;font-weight:600;line-height:1.375rem}.main-footer .main-footer-audit p a{color:#b9b8b3}@media (prefers-color-scheme:dark){.main-footer{background-color:#000}}[data-theme=dark] .main-footer{background-color:#000}.main-footer-info{background-color:#f7f7f7}.main-footer-info-title{font-size:1.25rem;font-weight:700;text-align:center}.main-footer-info-tags-list .tag-item{display:-webkit-box;display:-ms-flexbox;display:flex;color:#212529;margin:0 .25rem;padding:0 .25rem;border-radius:.25rem;border:1px solid #212529}.main-footer-info-navigation-list{padding-left:0;margin-bottom:0}.main-footer-info-navigation-list .side-navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;width:100%}.main-footer-info-navigation-list .side-navbar-nav .list-group-item{display:inline-block;background-color:transparent;border-color:transparent;color:#212529;width:auto}@media (prefers-color-scheme:dark){.main-footer-info{background-color:#000}.main-footer-info-tags-list .tag-item{color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.5)}.main-footer-info-navigation-list .side-navbar-nav .list-group-item{color:hsla(0,0%,100%,.5)}}[data-theme=dark] .main-footer-info{background-color:#000}[data-theme=dark] .main-footer-info-tags-list .tag-item{color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.5)}[data-theme=dark] .main-footer-info-navigation-list .side-navbar-nav .list-group-item{color:hsla(0,0%,100%,.5)}.main-footer-waves-area{background-color:#f7f7f7}.main-footer-waves-area .waves-svg{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}@media (prefers-color-scheme:dark){.main-footer-waves-area{background-color:#000}}[data-theme=dark] .main-footer-waves-area{background-color:#000}.site-wrapper .search-wrapper{display:none;position:fixed;top:0;right:0;background-color:#fff;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:-5px 0 5px 0 rgba(0,0,0,.15);box-shadow:-5px 0 5px 0 rgba(0,0,0,.15);z-index:1080}.site-wrapper .search-wrapper .search-close{font-size:3rem;outline:none}.site-wrapper .search-wrapper .search-content{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:100%;margin:2.5rem auto;padding:5rem 1rem}.site-wrapper .search-wrapper .search-content .search-form{position:relative}.site-wrapper .search-wrapper .search-content .search-form .search-icon{position:absolute;top:.6rem;left:.5rem;font-size:1.5rem;color:#777}.site-wrapper .search-wrapper .search-content .search-form label{width:100%}.site-wrapper .search-wrapper .search-content .search-form label .search-input{font-size:1.5rem;font-weight:700;display:block;width:100%;height:3rem;padding:0 0 .1875rem 2.5rem;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;color:#333;border:solid #999;border-width:0 0 6px;border-radius:0;outline:0;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.site-wrapper .search-wrapper .search-content .search-meta{font-size:.6875rem;font-weight:700;display:block;width:100%;margin:0 auto;padding:.9375rem 0;text-align:left;text-transform:uppercase;color:#333}.site-wrapper .search-wrapper .search-content .search-results{overflow:auto;height:100vh;padding-bottom:14rem}.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item{margin:.9375rem 0 1.875rem;display:block;cursor:pointer}.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item h2{font-size:1.25rem;color:#333;margin-bottom:.625rem}.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item span{font-size:.8125rem;color:#777;font-weight:700}@media (prefers-color-scheme:dark){.site-wrapper .search-wrapper{background-color:#263238}.site-wrapper .search-wrapper .search-close{color:hsla(0,0%,100%,.5);text-shadow:none}.site-wrapper .search-wrapper .search-content .search-form .search-icon{color:hsla(0,0%,100%,.5)}.site-wrapper .search-wrapper .search-content .search-form label .search-input{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.5);background-color:#263238}.site-wrapper .search-wrapper .search-content .search-meta,.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item h2,.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item span{color:hsla(0,0%,100%,.5)}}[data-theme=dark] .site-wrapper .search-wrapper{background-color:#263238}[data-theme=dark] .site-wrapper .search-wrapper .search-close{color:hsla(0,0%,100%,.5);text-shadow:none}[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-form .search-icon{color:hsla(0,0%,100%,.5)}[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-form label .search-input{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.5);background-color:#263238}[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-meta,[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-results .ghost-search-item h2,[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-results .ghost-search-item span{color:hsla(0,0%,100%,.5)}.fixed-to-top{position:fixed;z-index:1020;-webkit-transition:.25s ease-in ease 0ms;transition:.25s ease-in ease 0ms;background-color:#000;border-radius:50%;width:4rem;height:4rem;bottom:3.125rem;right:5rem;text-align:center;padding:1rem;cursor:pointer;-webkit-box-shadow:2px 2px 5px #333;box-shadow:2px 2px 5px #333}.fixed-to-top i.fas{font-size:2rem;color:#fff}.fixed-to-top .progress-number{color:#fff;width:100%;font-size:8px}@media (max-width:767.98px){.fixed-to-top{width:3.5rem;height:3.5rem;bottom:3rem;right:4rem;padding:.75rem}}@media (max-width:575.98px){.fixed-to-top{width:3rem;height:3rem;bottom:1rem;right:1rem;padding:.75rem}.fixed-to-top i.fas{font-size:1.5rem}}@media (prefers-color-scheme:dark){.fixed-to-top{background-color:#000;-webkit-box-shadow:2px 2px 5px #000;box-shadow:2px 2px 5px #000}.fixed-to-top .progress-number,.fixed-to-top i.fas{color:hsla(0,0%,100%,.5)}}[data-theme=dark] .fixed-to-top{background-color:#000;-webkit-box-shadow:2px 2px 5px #000;box-shadow:2px 2px 5px #000}[data-theme=dark] .fixed-to-top .progress-number,[data-theme=dark] .fixed-to-top i.fas{color:hsla(0,0%,100%,.5)}.toast-wrapper{position:relative;z-index:1100}.toast-wrapper-list{position:fixed;top:5rem;right:0}.toast-wrapper-list-item .toast-header img{width:1.125rem;height:auto}@media (prefers-color-scheme:dark){.toast-wrapper-list-item,.toast-wrapper-list-item .toast-header{background-color:#263238;color:hsla(0,0%,100%,.5)}.toast-wrapper-list-item .toast-header .close span{color:hsla(0,0%,100%,.5)}}[data-theme=dark] .toast-wrapper-list-item,[data-theme=dark] .toast-wrapper-list-item .toast-header{background-color:#263238;color:hsla(0,0%,100%,.5)}[data-theme=dark] .toast-wrapper-list-item .toast-header .close span{color:hsla(0,0%,100%,.5)}.site-popover-wrapper-body .hero-social-wechat img{width:10rem}.site-popover-wrapper-body .site-popover-wrapper-share{list-style:none;padding:.5rem 0;margin-bottom:0}.site-popover-wrapper-body .site-popover-wrapper-share li{padding:0}.site-popover-wrapper-body .site-popover-wrapper-share li a{position:relative;padding:.5rem;margin:0 .25rem;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:#fff}.site-popover-wrapper-body .site-popover-wrapper-share li a.share-weibo{background-color:#e24040}.site-popover-wrapper-body .site-popover-wrapper-share li a.share-qq{background-color:#3d93e0}.site-popover-wrapper-body .site-popover-wrapper-share li a.share-wechat{background-color:#20b767}.site-popover-wrapper-body .site-popover-wrapper-share li a.share-wechat+.post-share-wechat-qr{display:none}.site-popover-wrapper-body .site-popover-wrapper-share li a.share-wechat:hover+.post-share-wechat-qr{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;left:0;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1.5rem;padding:1rem;-webkit-animation:slide-down .25s ease-out;animation:slide-down .25s ease-out}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.site-popover-wrapper-body .site-popover-wrapper-share li a.share-twitter{background-color:#1da1f2}.site-popover-wrapper-body .site-popover-wrapper-share li a:hover{color:#fff}.site-popover-wrapper-body .site-popover-wrapper-share li a:hover i{-webkit-transition:all .5s ease 0ms;transition:all .5s ease 0ms;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.site-popover-wrapper-body .site-popover-wrapper-share li a i{font-size:1.25rem}@media (prefers-color-scheme:dark){.site-popover-wrapper{background-color:#212a2e}.site-popover-wrapper .arrow:after{border-bottom-color:#212a2e}.site-popover-wrapper-share li a,.site-popover-wrapper-share li a:hover{color:hsla(0,0%,100%,.5)}}[data-theme=dark] .site-popover-wrapper{background-color:#212a2e}[data-theme=dark] .site-popover-wrapper .arrow:after{border-bottom-color:#212a2e}[data-theme=dark] .site-popover-wrapper-share li a,[data-theme=dark] .site-popover-wrapper-share li a:hover{color:hsla(0,0%,100%,.5)}.waves-area .waves-svg{width:100%;height:10rem}@media (max-width:767.98px){.waves-area .waves-svg{height:8rem}}@media (max-width:575.98px){.waves-area .waves-svg{height:5rem}}.waves-area .parallax>use{-webkit-animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.waves-area .parallax>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s;fill:hsla(0,0%,100%,.7)}.waves-area .parallax>use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s;fill:hsla(0,0%,100%,.5)}.waves-area .parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s;fill:hsla(0,0%,100%,.3)}.waves-area .parallax>use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s;fill:#fff}@-webkit-keyframes move-forever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@keyframes move-forever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@media (prefers-color-scheme:dark){.waves-area .parallax>use:first-child{fill:rgba(38,50,56,.7)}.waves-area .parallax>use:nth-child(2){fill:rgba(38,50,56,.5)}.waves-area .parallax>use:nth-child(3){fill:rgba(38,50,56,.3)}.waves-area .parallax>use:nth-child(4){fill:#263238}}[data-theme=dark] .waves-area .parallax>use:first-child{fill:rgba(38,50,56,.7)}[data-theme=dark] .waves-area .parallax>use:nth-child(2){fill:rgba(38,50,56,.5)}[data-theme=dark] .waves-area .parallax>use:nth-child(3){fill:rgba(38,50,56,.3)}[data-theme=dark] .waves-area .parallax>use:nth-child(4){fill:#263238}.post-content .kg-image{max-width:100%}.post-content .kg-content :first-child .kg-image{width:100%}.post-content .kg-width-full .kg-image,.post-content .kg-width-wide .kg-image{max-width:100%}.post-content figure{margin:.8em 0 2.3em}.post-content h1+figure,.post-content h2+figure,.post-content h3+figure,.post-content h4+figure{margin-top:2em}.post-content figure img{margin:0}.post-content figcaption{margin:1em 0 0;color:#5d7179;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:75%;line-height:1.5em;text-align:center}.post-content .kg-width-full figcaption{padding:0 1.5em}.post-content .kg-embed-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.post-content .kg-embed-card .fluid-width-video-wrapper{margin:0}.post-content .kg-gallery-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:1040px;width:100vw}.post-content .kg-gallery-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.post-content .kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.post-content .kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.post-content .kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.post-content .kg-gallery-card+.kg-gallery-card,.post-content .kg-gallery-card+.kg-image-card.kg-width-wide,.post-content .kg-image-card.kg-width-wide+.kg-gallery-card,.post-content .kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide{margin:-2.25em 0 3em}.post-content .kg-code-card{width:100%}.post-content .kg-code-card pre{margin:0}.post-content .kg-bookmark-card{width:100%}.post-content .kg-card+.kg-bookmark-card{margin-top:0}.post-content .kg-bookmark-container{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:9.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;border-radius:3px}.post-content .kg-bookmark-container,.post-content .kg-bookmark-container:hover{color:#15171a;text-decoration:none;-webkit-box-shadow:0 2px 5px -1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.09);box-shadow:0 2px 5px -1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.09)}.post-content .kg-bookmark-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px}.post-content .kg-bookmark-title{color:#313b3f;font-size:1.2rem;line-height:1.5em;font-weight:600;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.post-content .kg-bookmark-container:hover .kg-bookmark-title{color:#1abc9c}.post-content .kg-bookmark-description{display:-webkit-box;overflow-y:hidden;margin-top:.75rem;max-height:3rem;color:#5d7179;font-size:.75rem;line-height:1rem;font-weight:400;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-content .kg-bookmark-thumbnail{position:relative;min-width:33%;max-height:100%}.post-content .kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0 3px 3px 0;-o-object-fit:cover;object-fit:cover}.post-content .kg-bookmark-metadata{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:14px;color:#5d7179;font-size:1.5rem;font-weight:400}.post-content .kg-bookmark-icon{margin-right:8px;width:22px;height:22px}.post-content .kg-bookmark-author{line-height:1.5em;font-size:.725rem}.post-content .kg-bookmark-author:after{content:"•";margin:0 6px}.post-content .kg-bookmark-publisher{overflow:hidden;max-width:240px;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;font-size:.725rem}@media (max-width:1040px){.post-content .kg-width-full .kg-image{width:100vw}}@media (max-width:800px){.post-content figure{margin:.2em 0 1.3em}.post-content h1+figure,.post-content h2+figure,.post-content h3+figure,.post-content h4+figure{margin-top:.9em}}@media (max-width:500px){.post-content figcaption{margin-bottom:.4em}.post-content .kg-bookmark-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.post-content .kg-bookmark-container .kg-bookmark-content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:1rem .725rem}.post-content .kg-bookmark-container .kg-bookmark-content .kg-bookmark-title{font-size:1rem}.post-content .kg-bookmark-container .kg-bookmark-content .kg-bookmark-description{margin-top:.275rem;font-size:.725rem;line-height:1.5em}.post-content .kg-bookmark-container .kg-bookmark-content .kg-bookmark-metadata{font-size:.725rem;line-height:1.5em}.post-content .kg-bookmark-icon{width:18px;height:18px}.post-content .kg-bookmark-thumbnail{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;min-height:160px;width:100%}.post-content .kg-bookmark-thumbnail img{border-radius:3px 3px 0 0}}@media (prefers-color-scheme:dark){.post-content .kg-bookmark-card a.kg-bookmark-container{background-color:#212a2e}.post-content .kg-bookmark-card a.kg-bookmark-container:hover{text-decoration:none}.post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-title{color:hsla(0,0%,100%,.8)}.post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-description,.post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-title,.post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-description{color:hsla(0,0%,100%,.5)}}[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container{background-color:#212a2e}[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container:hover{text-decoration:none}[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-title{color:hsla(0,0%,100%,.8)}[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-description,[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-title,[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-description{color:hsla(0,0%,100%,.5)}.main-footer-info-subscribe .subscribe-form .message-error,.main-footer-info-subscribe .subscribe-form .message-loading,.main-footer-info-subscribe .subscribe-form .message-success{display:none}.main-footer-info-subscribe .subscribe-form .error .message-error,.main-footer-info-subscribe .subscribe-form .invalid .message-error,.main-footer-info-subscribe .subscribe-form .success .message-success{margin:1em auto 0;color:var(--red);font-size:1rem}.main-footer-info-subscribe .subscribe-form .success .message-success{display:block;color:var(--green)}.main-footer-info-subscribe .subscribe-form .error .message-error,.main-footer-info-subscribe .subscribe-form .invalid .message-error{display:block}.main-footer-info-subscribe .subscribe-form .loading .message-loading{display:-webkit-box;display:-ms-flexbox;display:flex;top:0;left:0;background-color:#f7f7f7}.main-footer-info-subscribe .subscribe-form .loading .message-loading .loading-title{width:100%;font-size:1rem;text-align:center}.main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader{width:100%;text-align:center}.main-footer-info-subscribe .subscribe-email{background-color:transparent}@media (prefers-color-scheme:dark){.main-footer-info-subscribe .subscribe-form .loading .message-loading{background-color:#000}.main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader{width:100%;text-align:center}.main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg path,.main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg rect{fill:hsla(0,0%,100%,.8)}}[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading{background-color:#000}[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader{width:100%;text-align:center}[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg path,[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg rect{fill:hsla(0,0%,100%,.8)}@media (prefers-color-scheme:dark){.post-comments .v *{color:hsla(0,0%,100%,.5);background-color:#263238}.post-comments .v hr{border-color:hsla(0,0%,100%,.5)}.post-comments .v blockquote{color:hsla(0,0%,100%,.5);border-left:8px solid hsla(0,0%,100%,.5)}.post-comments .v .vwrap{border:1px solid #000}.post-comments .v .vwrap .vheader .vinput{border-bottom:1px dashed #000}.post-comments .v .vwrap .vheader .vinput:focus{border-bottom-color:#eb5055}.post-comments .v .vwrap .vcontrol .col{color:hsla(0,0%,100%,.5)}.post-comments .v .vwrap .vmark{background:#263238}.post-comments .v .vwrap .vmark .valert .vtext{color:hsla(0,0%,100%,.5)}.post-comments .v .vwrap .vmark .valert .vcode{background:#000}.post-comments .v .vwrap .vmark .valert .vcode:focus{border-color:#263238;background-color:#000}}@media screen and (prefers-color-scheme:dark) and (max-width:720px){.post-comments .v .vwrap .vmark .valert .vtext{color:hsla(0,0%,100%,.5)}}@media (prefers-color-scheme:dark){.post-comments .v .power{color:#999}.post-comments .v a{text-decoration:none;color:hsla(0,0%,100%,.5)}.post-comments .v a:hover{color:hsla(0,0%,100%,.8)}.post-comments .v .vbtn{color:hsla(0,0%,100%,.5);border:1px solid #263238;background:#263238}.post-comments .v .vbtn:active,.post-comments .v .vbtn:hover{color:hsla(0,0%,100%,.8);border-color:#000;background-color:#000}.post-comments .v .vempty{color:#999}.post-comments .v .vlist .vcard .vimg{border:1px solid hsla(0,0%,100%,.5)}.post-comments .v .vlist .vcard .vhead .vnick{color:#1abc9c}.post-comments .v .vlist .vcard .vhead .vnick:before{background:#1abc9c}.post-comments .v .vlist .vcard .vhead .vnick:hover{color:#d7191a}.post-comments .v .vlist .vcard .vhead .vsys{background:#000;color:hsla(0,0%,100%,.5)}.post-comments .v .vlist .vcard .vh{border-bottom:1px dashed #000}.post-comments .v .vlist .vcard .vh .vtime{color:#b3b3b3}.post-comments .v .vlist .vcard .vh .vmeta .vat{color:#ef2f11}.post-comments .v .vlist .vcard .vcontent{color:#4a4a4a}.post-comments .v .vlist .vcard .vcontent.expand:before{background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.9)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}.post-comments .v .vlist .vcard .vcontent.expand:after{color:hsla(0,0%,100%,.5);background:#000}.post-comments .v .vlist .vcard .vquote{color:hsla(0,0%,100%,.5);border-left:1px dashed #000}}[data-theme=dark] .post-comments .v *{color:hsla(0,0%,100%,.5);background-color:#263238}[data-theme=dark] .post-comments .v hr{border-color:hsla(0,0%,100%,.5)}[data-theme=dark] .post-comments .v blockquote{color:hsla(0,0%,100%,.5);border-left:8px solid hsla(0,0%,100%,.5)}[data-theme=dark] .post-comments .v .vwrap{border:1px solid #000}[data-theme=dark] .post-comments .v .vwrap .vheader .vinput{border-bottom:1px dashed #000}[data-theme=dark] .post-comments .v .vwrap .vheader .vinput:focus{border-bottom-color:#eb5055}[data-theme=dark] .post-comments .v .vwrap .vcontrol .col{color:hsla(0,0%,100%,.5)}[data-theme=dark] .post-comments .v .vwrap .vmark{background:#263238}[data-theme=dark] .post-comments .v .vwrap .vmark .valert .vtext{color:hsla(0,0%,100%,.5)}[data-theme=dark] .post-comments .v .vwrap .vmark .valert .vcode{background:#000}[data-theme=dark] .post-comments .v .vwrap .vmark .valert .vcode:focus{border-color:#263238;background-color:#000}@media screen and (max-width:720px){[data-theme=dark] .post-comments .v .vwrap .vmark .valert .vtext{color:hsla(0,0%,100%,.5)}}[data-theme=dark] .post-comments .v .power{color:#999}[data-theme=dark] .post-comments .v a{text-decoration:none;color:hsla(0,0%,100%,.5)}[data-theme=dark] .post-comments .v a:hover{color:hsla(0,0%,100%,.8)}[data-theme=dark] .post-comments .v .vbtn{color:hsla(0,0%,100%,.5);border:1px solid #263238;background:#263238}[data-theme=dark] .post-comments .v .vbtn:active,[data-theme=dark] .post-comments .v .vbtn:hover{color:hsla(0,0%,100%,.8);border-color:#000;background-color:#000}[data-theme=dark] .post-comments .v .vempty{color:#999}[data-theme=dark] .post-comments .v .vlist .vcard .vimg{border:1px solid hsla(0,0%,100%,.5)}[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vnick{color:#1abc9c}[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vnick:before{background:#1abc9c}[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vnick:hover{color:#d7191a}[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vsys{background:#000;color:hsla(0,0%,100%,.5)}[data-theme=dark] .post-comments .v .vlist .vcard .vh{border-bottom:1px dashed #000}[data-theme=dark] .post-comments .v .vlist .vcard .vh .vtime{color:#b3b3b3}[data-theme=dark] .post-comments .v .vlist .vcard .vh .vmeta .vat{color:#ef2f11}[data-theme=dark] .post-comments .v .vlist .vcard .vcontent{color:#4a4a4a}[data-theme=dark] .post-comments .v .vlist .vcard .vcontent.expand:before{background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.9)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}[data-theme=dark] .post-comments .v .vlist .vcard .vcontent.expand:after{color:hsla(0,0%,100%,.5);background:#000}[data-theme=dark] .post-comments .v .vlist .vcard .vquote{color:hsla(0,0%,100%,.5);border-left:1px dashed #000}.page.custom-archive-template .archive-page{padding:0 1rem}.page.custom-archive-template .archive-page-title{font-weight:700;line-height:1.5;margin-bottom:1rem}.page.custom-archive-template .archive-page-list{list-style:none;padding-left:0;margin:0}.page.custom-archive-template .archive-page-list-item{margin:1rem 0}.page.custom-archive-template .archive-page-list-item time{font-size:.8rem;margin-right:.25rem}.page.custom-archive-template .archive-page-list-item-href{font-size:1.4rem}.page.custom-archive-template .archive-page-list-item-href:hover{text-decoration:none}.page.custom-links-template ul{list-style:none;margin-right:-15px;margin-left:-15px}.page.custom-links-template ul li{text-align:center;padding-right:15px;padding-left:15px}.page.custom-links-template ul li .links-item-wrapper{padding:1.5rem 0;-webkit-transition:all .25s ease 0ms;transition:all .25s ease 0ms}.page.custom-links-template ul li .links-item-wrapper:hover{-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.25)!important;box-shadow:0 .5rem 1rem rgba(0,0,0,.25)!important}.page.custom-links-template ul li .links-item-wrapper-header-avatar{border-radius:50%;width:5rem}.page.custom-links-template ul li .links-item-wrapper-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page.custom-links-template ul li .links-item-wrapper-content-name{margin-top:.5rem}.page.custom-links-template ul li .links-item-wrapper-content-name a:hover{color:#1abc9c;text-decoration:none}.template-about-me{display:none}.custom-about-template{margin-top:0}.custom-about-template .about-me-home{margin-bottom:2rem;width:100%;height:100vh;background:linear-gradient(45deg,#e91e63,#9c27b0)}.custom-about-template .about-me-home .blue{color:#29b6f6}.custom-about-template .about-me-home .green{color:#9ccc65}.custom-about-template .about-me-home .purple{color:#ba68c8}.custom-about-template .about-me-home .cyan{color:#4dd0e1}.custom-about-template .about-me-home .red{color:#ef5350}.custom-about-template .about-me-home .about-me{position:relative;height:15rem;-webkit-perspective:150rem;perspective:150rem;cursor:auto;-webkit-box-flex:initial;-ms-flex:initial;flex:initial}.custom-about-template .about-me-home .about-me__side{height:15rem;-webkit-transition:all .8s ease;transition:all .8s ease;position:absolute;top:0;left:0;margin:auto;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:3px;overflow:hidden;-webkit-box-shadow:0 1.5rem 4rem rgba(0,0,0,.4);box-shadow:0 1.5rem 4rem rgba(0,0,0,.4)}.custom-about-template .about-me-home .about-me__side--front{background-color:#1c1c1c;z-index:1}.custom-about-template .about-me-home .about-me__side--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:#1c1c1c;z-index:0}.custom-about-template .about-me-home .about-me__cont{height:15rem;background-color:#1c1c1c;color:#fff;font-family:Consolas,Lucida Console,monospace;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.custom-about-template .about-me-home .about-me__cta{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;color:#fff}.custom-about-template .about-me-home .about-me__cta p{margin:0;font-family:Consolas,Lucida Console,monospace}.custom-about-template .about-me-home .about-me__cta p>.space{margin-left:2rem}.custom-about-template .about-me-home .about-me:hover .about-me__side--front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index:0}.custom-about-template .about-me-home .about-me:hover .about-me__side--back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1}@media (prefers-color-scheme:dark){.about-me-home{background:linear-gradient(45deg,#000,#263238)}}[data-theme=dark] .about-me-home{background:linear-gradient(45deg,#000,#263238)}.template-error-404 .error-message{height:75vh}.template-error-404 .error-message .error-code{font-size:50px;display:inline-block;padding-right:12px;-webkit-animation:type .5s infinite alternate;animation:type .5s infinite alternate}.template-error-404 .error-message .error-link{color:#1abc9c}@-webkit-keyframes type{0%{-webkit-box-shadow:inset -3px 0 0;box-shadow:inset -3px 0 0}to{-webkit-box-shadow:inset -3px 0 0 transparent;box-shadow:inset -3px 0 0 transparent}}@keyframes type{0%{-webkit-box-shadow:inset -3px 0 0;box-shadow:inset -3px 0 0}to{-webkit-box-shadow:inset -3px 0 0 transparent;box-shadow:inset -3px 0 0 transparent}} \ No newline at end of file +a:hover { + text-decoration: none +} + +.date-divider { + margin-left: 5px; + margin-right: 5px +} + +@media (prefers-color-scheme:light) { + :root { + --color-content: light + } +} + +@media (prefers-color-scheme:dark) { + :root { + --color-content: dark + } + + body { + color: hsla(0,0%,100%,.5); + background: #263238 + } +}[data-theme=light] :root { + --color-content: light + }[data-theme=dark] :root { + --color-content: dark + }[data-theme=dark] body { + color: hsla(0,0%,100%,.5); + background: #263238 + } + +.site-wrapper { + min-width: 0; + width: 100% +} + +.site-wrapper .sidebar-wrapper { + z-index: 1050 +} + +.site-wrapper .main-wrapper { + width: 100%; + position: absolute; + top: 0; + left: 0 +} + +.site-wrapper .main-wrapper .main-content { + z-index: 1 +} + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0,10px,0); + transform: translate3d(0,10px,0) + } + + 40%,45% { + opacity: 1; + -webkit-transform: translate3d(0,-20px,0); + transform: translate3d(0,-20px,0) + } + + to { + opacity: 0; + -webkit-transform: translate3d(0,2000px,0); + transform: translate3d(0,2000px,0) + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0,10px,0); + transform: translate3d(0,10px,0) + } + + 40%,45% { + opacity: 1; + -webkit-transform: translate3d(0,-20px,0); + transform: translate3d(0,-20px,0) + } + + to { + opacity: 0; + -webkit-transform: translate3d(0,2000px,0); + transform: translate3d(0,2000px,0) + } +} + +@-webkit-keyframes bounceInRight { + 0%,60%,75%,90%,to { + -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); + transition-timing-function: cubic-bezier(.215,.61,.355,1) + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px,0,0); + transform: translate3d(3000px,0,0) + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px,0,0); + transform: translate3d(-25px,0,0) + } + + 75% { + -webkit-transform: translate3d(10px,0,0); + transform: translate3d(10px,0,0) + } + + 90% { + -webkit-transform: translate3d(-5px,0,0); + transform: translate3d(-5px,0,0) + } + + to { + -webkit-transform: none; + transform: none + } +} + +@keyframes bounceInRight { + 0%,60%,75%,90%,to { + -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); + transition-timing-function: cubic-bezier(.215,.61,.355,1) + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px,0,0); + transform: translate3d(3000px,0,0) + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px,0,0); + transform: translate3d(-25px,0,0) + } + + 75% { + -webkit-transform: translate3d(10px,0,0); + transform: translate3d(10px,0,0) + } + + 90% { + -webkit-transform: translate3d(-5px,0,0); + transform: translate3d(-5px,0,0) + } + + to { + -webkit-transform: none; + transform: none + } +} + +.main-header { + background-color: #fff; + padding: .5rem 0; + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +.main-header.top-nav { + background-color: transparent; + -webkit-box-shadow: none!important; + box-shadow: none!important; + padding: 1rem 0 +} + +.main-header.top-nav .header-navbar .navbar-brand { + color: hsla(0,0%,100%,.5); + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +.main-header.top-nav .header-navbar .navbar-brand:hover { + color: #fff +} + +.main-header.top-nav .header-navbar .navbar-brand .navbar-brand-logo svg g { + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms; + fill: #fff +} + +.main-header.top-nav .header-navbar .navbar-nav .nav-item .nav-link { + color: hsla(0,0%,100%,.5); + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +.main-header.top-nav .header-navbar .navbar-nav .nav-item.active .nav-link,.main-header.top-nav .header-navbar .navbar-nav .nav-item .nav-link:hover { + color: #fff +} + +.main-header.top-nav .header-navbar .nav-left .btn-search { + color: hsla(0,0%,100%,.5); + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +.main-header.top-nav .header-navbar .nav-left .btn-search:hover { + color: #fff +} + +.main-header .header-navbar .navbar-brand { + color: rgba(0,0,0,.9) +} + +.main-header .header-navbar .navbar-brand .navbar-brand-logo { + margin-right: .25rem; + height: 1.875rem +} + +.main-header .header-navbar .navbar-brand .navbar-brand-logo svg { + width: 1.875rem; + height: 1.875rem; + vertical-align: initial +} + +.main-header .header-navbar .navbar-nav .nav-item .nav-link { + color: rgba(0,0,0,.5); + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +.main-header .header-navbar .navbar-nav .nav-item.active .nav-link,.main-header .header-navbar .navbar-nav .nav-item .nav-link:hover { + color: rgba(0,0,0,.9) +} + +.main-header .header-navbar .nav-left .btn-nav-left { + background-color: transparent; + border: none; + color: rgba(0,0,0,.5); + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +.main-header .header-navbar .nav-left .btn-nav-left:hover { + color: rgba(0,0,0,.9) +} + +.main-header .header-navbar .nav-left .btn-nav-left:focus { + -webkit-box-shadow: none; + box-shadow: none +} + +@media (prefers-color-scheme:dark) { + .main-header { + background-color: #263238 + } + + .main-header.top-nav { + background-color: transparent + } + + .main-header.top-nav .header-navbar .navbar-brand .navbar-brand-logo svg g { + fill: hsla(0,0%,100%,.8) + } + + .main-header .header-navbar .navbar-brand { + color: hsla(0,0%,100%,.5) + } + + .main-header .header-navbar .navbar-brand .navbar-brand-logo svg g { + fill: hsla(0,0%,100%,.5) + } + + .main-header .header-navbar .navbar-nav .nav-item .nav-link { + color: hsla(0,0%,100%,.5) + } + + .main-header .header-navbar .navbar-nav .nav-item.active .nav-link,.main-header .header-navbar .navbar-nav .nav-item .nav-link:hover { + color: hsla(0,0%,100%,.8) + } + + .main-header .header-navbar .nav-left .btn-search { + background-color: transparent; + color: hsla(0,0%,100%,.5) + } + + .main-header .header-navbar .nav-left .btn-search:hover { + color: hsla(0,0%,100%,.8) + } +}[data-theme=dark] .main-header { + background-color: #263238 + }[data-theme=dark] .main-header.top-nav { + background-color: transparent + }[data-theme=dark] .main-header.top-nav .header-navbar .navbar-brand .navbar-brand-logo svg g { + fill: hsla(0,0%,100%,.8) + }[data-theme=dark] .main-header .header-navbar .navbar-brand { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-header .header-navbar .navbar-brand .navbar-brand-logo svg g { + fill: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-header .header-navbar .navbar-nav .nav-item .nav-link { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-header .header-navbar .navbar-nav .nav-item.active .nav-link,[data-theme=dark] .main-header .header-navbar .navbar-nav .nav-item .nav-link:hover { + color: hsla(0,0%,100%,.8) + }[data-theme=dark] .main-header .header-navbar .nav-left .btn-search { + background-color: transparent; + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-header .header-navbar .nav-left .btn-search:hover { + color: hsla(0,0%,100%,.8) + } + +.main-hero { + position: relative; + overflow: hidden; + height: 75vh +} + +.main-hero-bg { + background-position: 50%; + background-size: cover; + z-index: 0 +} + +.main-hero-bg,.main-hero-bg:after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100% +} + +.main-hero-bg:after { + content: ""; + background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(45,58,111,.5)),to(rgba(0,0,0,.5))); + background-image: linear-gradient(-180deg,rgba(45,58,111,.5),rgba(0,0,0,.5)) +} + +.main-hero-content { + position: relative; + width: 100%; + height: 100%; + color: #fff; + z-index: 1 +} + +.main-hero-content-avatar { + margin: 1rem 0 +} + +.main-hero-content-avatar-img { + width: 6.25rem; + height: 6.25rem; + border: 4px solid #818182; + border-radius: 50%; + -webkit-box-shadow: 0 0 1px 11px rgba(129,129,130,.5),0 0 1px 22px rgba(129,129,130,.26); + box-shadow: 0 0 1px 11px rgba(129,129,130,.5),0 0 1px 22px rgba(129,129,130,.26) +} + +.main-hero-content-title { + margin: .5rem 0 1rem; + font-size: 1.75rem +} + +.main-hero-content-description { + margin: .5rem auto; + font-size: 1rem +} + +.main-hero-content-social-links { + text-decoration: none; + font-size: 1.25rem; + text-align: center; + margin: 0 .125rem; + color: #fff +} + +.main-hero-content-social-links:hover { + text-decoration: none; + color: hsla(0,0%,100%,.75) +} + +.main-hero-waves-area { + width: 100%; + position: absolute; + bottom: -5px; + left: 0; + z-index: 0 +} + +@media (prefers-color-scheme:dark) { + .main-hero-bg:after { + background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.9))); + background-image: linear-gradient(-180deg,rgba(0,0,0,.6),rgba(0,0,0,.9)) + } + + .main-hero-content { + color: hsla(0,0%,100%,.8) + } + + .main-hero-content-avatar:before { + content: ""; + position: absolute; + background: rgba(0,0,0,.5); + width: 6.25rem; + height: 6.25rem; + border-radius: 50% + } + + .main-hero-content-avatar-img { + border: none + } + + .main-hero-content-social-links { + color: hsla(0,0%,100%,.5); + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms + } + + .main-hero-content-social-links:hover { + color: hsla(0,0%,100%,.8) + } + + .main-hero-waves-area .parallax>use:first-child { + fill: rgba(38,50,56,.7) + } + + .main-hero-waves-area .parallax>use:nth-child(2) { + fill: rgba(38,50,56,.5) + } + + .main-hero-waves-area .parallax>use:nth-child(3) { + fill: rgba(38,50,56,.3) + } + + .main-hero-waves-area .parallax>use:nth-child(4) { + fill: #263238 + } +}[data-theme=dark] .main-hero-bg:after { + background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.9))); + background-image: linear-gradient(-180deg,rgba(0,0,0,.6),rgba(0,0,0,.9)) + }[data-theme=dark] .main-hero-content { + color: hsla(0,0%,100%,.8) + }[data-theme=dark] .main-hero-content-avatar:before { + content: ""; + position: absolute; + background: rgba(0,0,0,.5); + width: 6.25rem; + height: 6.25rem; + border-radius: 50% + }[data-theme=dark] .main-hero-content-avatar-img { + border: none + }[data-theme=dark] .main-hero-content-social-links { + color: hsla(0,0%,100%,.5); + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms + }[data-theme=dark] .main-hero-content-social-links:hover { + color: hsla(0,0%,100%,.8) + }[data-theme=dark] .main-hero-waves-area .parallax>use:first-child { + fill: rgba(38,50,56,.7) + }[data-theme=dark] .main-hero-waves-area .parallax>use:nth-child(2) { + fill: rgba(38,50,56,.5) + }[data-theme=dark] .main-hero-waves-area .parallax>use:nth-child(3) { + fill: rgba(38,50,56,.3) + }[data-theme=dark] .main-hero-waves-area .parallax>use:nth-child(4) { + fill: #263238 + } + +.main-header.top-nav .header-navbar .sidebar-toggler { + outline: none; + color: hsla(0,0%,100%,.5); + border-color: hsla(0,0%,100%,.1) +} + +.main-header.top-nav .header-navbar .sidebar-toggler .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") +} + +.main-header .header-navbar .sidebar-toggler { + outline: none; + color: rgba(0,0,0,.5); + border-color: rgba(0,0,0,.2) +} + +.main-header .header-navbar .sidebar-toggler .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") +} + +@media (prefers-color-scheme:dark) { + .main-header .header-navbar .sidebar-toggler { + outline: none; + color: hsla(0,0%,100%,.5); + border-color: hsla(0,0%,100%,.1) + } + + .main-header .header-navbar .sidebar-toggler .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") + } +}[data-theme=dark] .main-header .header-navbar .sidebar-toggler { + outline: none; + color: hsla(0,0%,100%,.5); + border-color: hsla(0,0%,100%,.1) + }[data-theme=dark] .main-header .header-navbar .sidebar-toggler .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") + } + +.site-wrapper .sidebar-wrapper { + position: fixed; + top: 0; + left: 0; + min-height: 100vh; + margin-left: -15rem; + -webkit-transition: margin .25s ease-out; + transition: margin .25s ease-out +} + +.site-wrapper .sidebar-wrapper .sidebar-container { + height: 100vh; + background-color: #f8f9fa +} + +.site-wrapper .sidebar-wrapper .sidebar-container.boxshadow-right { + -webkit-box-shadow: 5px 0 5px 0 rgba(0,0,0,.15); + box-shadow: 5px 0 5px 0 rgba(0,0,0,.15) +} + +.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-header { + padding: .875rem 1.25rem; + font-size: 1.2rem +} + +.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-header .sidebar-right .sidebar-search { + margin-right: .725rem +} + +.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-header .sidebar-right .sidebar-search i { + font-size: 1rem +} + +.site-wrapper .sidebar-wrapper .sidebar-container .list-group { + width: 15rem +} + +.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item { + background-color: #f8f9fa +} + +.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item.active { + color: #1abc9c; + background-color: rgba(26,186,154,.05); + border-color: rgba(26,186,154,.05); + border-right: 3px solid #1abc9c +} + +.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-footer .btn-footer { + background-color: transparent +} + +.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-footer .btn-footer:focus { + -webkit-box-shadow: none; + box-shadow: none +} + +.site-wrapper.toggled { + overflow: hidden +} + +.site-wrapper.toggled .sidebar-wrapper { + margin-left: 0 +} + +@media (prefers-color-scheme:dark) { + .site-wrapper .sidebar-wrapper .sidebar-container { + background-color: #263238 + } + + .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item { + background-color: #263238; + color: hsla(0,0%,100%,.5) + } + + .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item:hover { + color: hsla(0,0%,100%,.8) + } + + .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item.active { + color: #1abc9c; + background-color: rgba(26,186,154,.05); + border-color: rgba(26,186,154,.05); + border-right: 3px solid #1abc9c + } +}[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container { + background-color: #263238 + }[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item { + background-color: #263238; + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item:hover { + color: hsla(0,0%,100%,.8) + }[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item.active { + color: #1abc9c; + background-color: rgba(26,186,154,.05); + border-color: rgba(26,186,154,.05); + border-right: 3px solid #1abc9c + } + +.main-content { + margin-top: 5rem +} + +.main-content .post-card-image { + position: relative; + height: 17.5rem; + margin: 0 auto; + overflow: hidden; + border-radius: 0 +} + +.main-content .post-card-image-link { + display: block; + position: absolute; + width: 100%; + height: 100%; + z-index: 1 +} + +.main-content .post-card-image-link-background { + height: 100%; + background-repeat: no-repeat; + background-position: 50%; + background-size: cover; + -webkit-transition: -webkit-transform .5s ease-in-out; + transition: -webkit-transform .5s ease-in-out; + transition: transform .5s ease-in-out; + transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out +} + +.main-content .post-card-image-link-background:hover { + -webkit-transform: scale(1.05); + transform: scale(1.05) +} + +.main-content .post-card-content { + height: 100% +} + +.main-content .post-card-content-tag { + color: #b9b8b3; + font-size: .725rem +} + +.main-content .post-card-content-tag i { + font-size: .725rem +} + +.main-content .post-card-content-title { + margin: .25rem 0 1rem +} + +.main-content .post-card-content-title-link { + font-size: 1.5rem; + text-decoration: none; + color: #212529; + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +.main-content .post-card-content-title-link:hover { + color: #1abc9c +} + +.main-content .post-card-content-excerpt { + letter-spacing: .5px; + line-height: 1.8; + font-size: .875rem +} + +.main-content .post-card-content-meta-authors-link { + margin-left: -1rem; + width: 2.8rem; + height: 2.8rem; + z-index: 1 +} + +.main-content .post-card-content-meta-authors-link:first-child { + margin-left: 0 +} + +.main-content .post-card-content-meta-authors-link-avatar { + -o-object-fit: cover; + object-fit: cover; + width: 2.8rem; + height: 2.8rem +} + +.main-content .post-card-content-meta-other { + font-size: .725rem; + color: #b9b8b3 +} + +.main-content .post-card-content-meta-other .icon { + width: 1rem; + height: 1rem +} + +.main-content .post-card-content-meta-other .icon:before { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +@media (min-width:992px) { + .main-content .post-card-image { + width: 100%; + height: 100%; + min-height: 25rem; + border-radius: 10px + } +} + +@media (prefers-color-scheme:dark) { + .main-content .post-card-image-link-background { + height: 100% + } + + .main-content .post-card-image-link-background:before { + content: ""; + position: absolute; + background: rgba(0,0,0,.5); + width: 100%; + height: 100% + } + + .main-content .post-card-content-title-link { + color: hsla(0,0%,100%,.5) + } + + .main-content .post-card-content-title-link:hover { + color: hsla(0,0%,100%,.8) + } + + .main-content .post-card-content-meta-authors-link:before { + content: ""; + position: absolute; + background: rgba(0,0,0,.5); + width: 2.8rem; + height: 2.8rem; + border-radius: 50% + } + + .main-content .post-card-content-meta-authors-link-avatar { + background-color: #263238; + border: 1px solid hsla(0,0%,100%,.5) + } +} + +@media (prefers-color-scheme:dark) and (min-width:768px) { + .main-content .post-card-image-shadow { + display: block + } +}[data-theme=dark] .main-content .post-card-image-link-background { + height: 100% + }[data-theme=dark] .main-content .post-card-image-link-background:before { + content: ""; + position: absolute; + background: rgba(0,0,0,.5); + width: 100%; + height: 100% + }[data-theme=dark] .main-content .post-card-content-title-link { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-content .post-card-content-title-link:hover { + color: hsla(0,0%,100%,.8) + }[data-theme=dark] .main-content .post-card-content-meta-authors-link:before { + content: ""; + position: absolute; + background: rgba(0,0,0,.5); + width: 2.8rem; + height: 2.8rem; + border-radius: 50% + }[data-theme=dark] .main-content .post-card-content-meta-authors-link-avatar { + background-color: #263238; + border: 1px solid hsla(0,0%,100%,.5) + } + +@media (min-width:768px) { + [ data-theme=dark] .main-content .post-card-image-shadow { + display: block + } +} + +.site-pagination { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.site-pagination .pagination .page-item.active span { + background-color: #e9ecef; + border: none; + color: #212529; + font-size: 1.2rem +} + +.site-pagination .pagination .page-item .page-link { + border: none; + color: #212529; + font-size: 1.2rem +} + +.site-pagination .pagination .page-item .page-link:hover { + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +@media (prefers-color-scheme:dark) { + .site-pagination .pagination .page-item.active span { + background-color: #212a2e; + border: none; + color: hsla(0,0%,100%,.5); + font-size: 1.2rem + } + + .site-pagination .pagination .page-item a { + background-color: #263238; + border: none; + color: hsla(0,0%,100%,.5); + font-size: 1.2rem + } + + .site-pagination .pagination .page-item a:hover { + color: hsla(0,0%,100%,.8) + } +}[data-theme=dark] .site-pagination .pagination .page-item.active span { + background-color: #212a2e; + border: none; + color: hsla(0,0%,100%,.5); + font-size: 1.2rem + }[data-theme=dark] .site-pagination .pagination .page-item a { + background-color: #263238; + border: none; + color: hsla(0,0%,100%,.5); + font-size: 1.2rem + }[data-theme=dark] .site-pagination .pagination .page-item a:hover { + color: hsla(0,0%,100%,.8) + } + +.post-content { + font-family: PingFang SC,WenQuanYi Micro Hei,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,sans-serif; + width: 100% +} + +.post-content.borderbox { + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.post-content article,.post-content aside,.post-content blockquote,.post-content button,.post-content code,.post-content dd,.post-content details,.post-content dl,.post-content dt,.post-content fieldset,.post-content figcaption,.post-content figure,.post-content footer,.post-content form,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6,.post-content header,.post-content hr,.post-content input,.post-content legend,.post-content li,.post-content menu,.post-content nav,.post-content ol,.post-content p,.post-content pre,.post-content section,.post-content td,.post-content textarea,.post-content th,.post-content ul { + margin: 0; + padding: 0 +} + +.post-content article,.post-content aside,.post-content details,.post-content figcaption,.post-content figure,.post-content footer,.post-content header,.post-content menu,.post-content nav,.post-content section { + display: block +} + +.post-content audio,.post-content canvas,.post-content video { + display: inline-block +} + +.post-content button::-moz-focus-inner,.post-content input::-moz-focus-inner { + padding: 0; + border: 0 +} + +.post-content table { + border-collapse: collapse; + border-spacing: 0 +} + +.post-content fieldset,.post-content img { + border: 0 +} + +.post-content blockquote { + position: relative; + color: #999; + font-weight: 400; + font-size: 90%; + border-left: 4px solid #1abc9c; + background-color: rgba(26,186,154,.05); + padding: .725rem 1rem +} + +.post-content blockquote p { + margin-bottom: 0 +} + +@media only screen and (max-width:640px) { + .post-content blockquote { + margin: 1em 0 + } +} + +.post-content abbr,.post-content acronym { + border-bottom: 1px dotted; + font-variant: normal; + text-decoration: none +} + +.post-content abbr { + cursor: help +} + +.post-content del { + text-decoration: line-through +} + +.post-content address,.post-content caption,.post-content cite,.post-content code,.post-content dfn,.post-content em,.post-content th,.post-content var { + font-style: normal; + font-weight: 400 +} + +.post-content ol,.post-content ul { + list-style: none +} + +.post-content caption,.post-content th { + text-align: left +} + +.post-content q:after,.post-content q:before { + content: "" +} + +.post-content sub,.post-content sup { + font-size: 75%; + line-height: 0; + position: relative +} + +.post-content :root sub,.post-content :root sup { + vertical-align: baseline +} + +.post-content sup { + top: -.5em +} + +.post-content sub { + bottom: -.25em +} + +.post-content a { + color: #1abc9c; + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +.post-content a:hover { + color: #555; + text-decoration: underline +} + +.post-content a,.post-content ins { + text-decoration: none +} + +.post-content u { + text-decoration: underline +} + +.post-content mark { + background: #fffdd1; + border-bottom: 1px solid #ffedce; + padding: 2px; + margin: 0 5px +} + +.post-content code,.post-content pre,.post-content pre tt { + font-family: Courier,Courier New,monospace +} + +.post-content pre { + display: block; + padding: 1rem 0; + overflow-scrolling: touch; + -webkit-overflow-scrolling: touch +} + +.post-content pre .pre-block-loading { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1; + background-color: #f2f2f2 +} + +.post-content pre .pre-block-loading .loading-icon { + text-shadow: none +} + +.post-content pre .pre-block-loading .loading-icon svg path,.post-content pre .pre-block-loading .loading-icon svg rect { + fill: #212529 +} + +.post-content pre .pre-block-loading .loading-text { + margin-top: .5rem; + font-size: .725rem; + color: #212529 +} + +.post-content hr { + border: none; + border-bottom: 1px solid #cfcfcf; + margin-bottom: .8em; + height: 10px +} + +.post-content figcaption,.post-content small { + font-size: .9em; + color: #888 +} + +.post-content b,.post-content strong { + font-weight: 700 +} + +.post-content [draggable] { + cursor: move +} + +.post-content .clearfix:after,.post-content .clearfix:before { + content: ""; + display: table +} + +.post-content .clearfix:after { + clear: both +} + +.post-content .clearfix { + zoom: 1 +} + +.post-content .textwrap,.post-content .textwrap td,.post-content .textwrap th { + word-wrap: break-word; + word-break: break-all +} + +.post-content .textwrap-table { + table-layout: fixed +} + +.post-content .serif { + font-family: Palatino,Optima,Georgia,serif +} + +.post-content blockquote,.post-content dl,.post-content form,.post-content hr,.post-content ol,.post-content p,.post-content pre,.post-content table,.post-content ul { + margin-bottom: 1.2em +} + +.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 { + font-family: PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif; + font-weight: 500; + margin-top: 1.2em; + margin-bottom: .6em; + line-height: 1.35 +} + +.post-content h1:before,.post-content h2:before,.post-content h3:before,.post-content h4:before,.post-content h5:before,.post-content h6:before { + content: "#"; + margin-right: .175rem; + font-size: 90%; + font-weight: 700; + color: #1abc9c +} + +.post-content h1 { + font-size: 2em +} + +.post-content h2 { + font-size: 1.8em +} + +.post-content h3 { + font-size: 1.6em +} + +.post-content h4 { + font-size: 1.4em +} + +.post-content h5,.post-content h6 { + font-size: 1.2em +} + +.post-content ul { + margin-left: 1.3em; + list-style: disc +} + +.post-content ol { + list-style: decimal; + margin-left: 1.9em +} + +.post-content li ol,.post-content li ul { + margin-bottom: .8em; + margin-left: 2em +} + +.post-content li ul { + list-style: circle +} + +.post-content table { + margin: 0 auto 1.2rem; + width: 95% +} + +.post-content table caption,.post-content table td,.post-content table th { + border: 1px solid #ddd; + padding: .5em; + color: #666; + text-align: center +} + +.post-content table th { + background: #fbfbfb +} + +.post-content table thead th { + background: #f1f1f1 +} + +.post-content table caption { + border-bottom: none +} + +.post-content caption,.post-content em,.post-content legend { + font-weight: inherit +} + +.post-content p a { + word-break: break-word; + overflow-wrap: break-word +} + +.post-content p img { + position: relative; + max-width: 100%; + display: block; + margin: 1.5em auto; + height: auto +} + +.post-content.mobile-content>h1,.post-content.mobile-content>h2,.post-content.mobile-content>h3,.post-content.mobile-content>h4,.post-content.mobile-content>h5,.post-content.mobile-content>h6,.post-content.mobile-content>p,.post-content.mobile-content>ul { + padding-left: 1rem; + padding-right: 1rem +} + +.post-content.mobile-content>blockquote { + margin-left: 1rem; + margin-right: 1rem +} + +@media (prefers-color-scheme:dark) { + .post-content a { + color: #1abc9c; + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms + } + + .post-content a:hover { + color: hsla(0,0%,100%,.8); + text-decoration: underline + } + + .post-content table caption,.post-content table td,.post-content table th { + border: 1px solid hsla(0,0%,100%,.5); + color: hsla(0,0%,100%,.5) + } + + .post-content pre .pre-block-loading { + background-color: #212a2e + } + + .post-content pre .pre-block-loading .loading-icon svg path,.post-content pre .pre-block-loading .loading-icon svg rect { + fill: hsla(0,0%,100%,.5) + } + + .post-content pre .pre-block-loading .loading-text { + color: hsla(0,0%,100%,.5) + } + + .post-content table th,.post-content table thead th { + background: #000 + } + + .post-content hr { + border-bottom: 1px solid hsla(0,0%,100%,.5) + } + + .post-content p img { + -webkit-filter: brightness(50%); + filter: brightness(50%) + } +}[data-theme=dark] .post-content a { + color: #1abc9c; + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms + }[data-theme=dark] .post-content a:hover { + color: hsla(0,0%,100%,.8); + text-decoration: underline + }[data-theme=dark] .post-content table caption,[data-theme=dark] .post-content table td,[data-theme=dark] .post-content table th { + border: 1px solid hsla(0,0%,100%,.5); + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .post-content pre .pre-block-loading { + background-color: #212a2e + }[data-theme=dark] .post-content pre .pre-block-loading .loading-icon svg path,[data-theme=dark] .post-content pre .pre-block-loading .loading-icon svg rect { + fill: hsla(0,0%,100%,.5) + }[data-theme=dark] .post-content pre .pre-block-loading .loading-text { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .post-content table th,[data-theme=dark] .post-content table thead th { + background: #000 + }[data-theme=dark] .post-content hr { + border-bottom: 1px solid hsla(0,0%,100%,.5) + }[data-theme=dark] .post-content p img { + -webkit-filter: brightness(50%); + filter: brightness(50%) + } + +.post-content-main-breadcrumb { + margin: 0 -15px +} + +.post-content-main-breadcrumb .breadcrumb { + background-color: transparent; + margin: 0 +} + +.post-content-main-breadcrumb .breadcrumb .breadcrumb-item a { + color: #1abc9c +} + +.article-toc-area .article-toc-nav { + margin-top: 1rem; + margin-left: 1rem; + top: 5rem +} + +.article-toc-area .article-toc-nav .toc-title { + font-weight: 700; + margin-bottom: .5rem +} + +.article-toc-area .article-toc-nav .nav>li>a { + display: block; + padding: .15rem 1.75rem; + font-size: 1rem; + font-weight: 500; + color: #212529; + -webkit-transition: all .25s ease 0ms; + transition: all .25s ease 0ms +} + +.article-toc-area .article-toc-nav .nav>li>a:focus,.article-toc-area .article-toc-nav .nav>li>a:hover { + padding-left: 1.25rem; + color: #1abc9c; + text-decoration: none; + background-color: rgba(26,186,154,.05); + border-left: 3px solid #1abc9c +} + +.article-toc-area .article-toc-nav .nav-link.active,.article-toc-area .article-toc-nav .nav-link.active:focus,.article-toc-area .article-toc-nav .nav-link.active:hover { + padding-left: 1rem; + font-weight: 700; + color: #1abc9c; + background-color: transparent; + border-left: 2px solid #1abc9c +} + +.article-toc-area .article-toc-nav .nav-link+ul { + display: none; + padding-bottom: .825rem +} + +.article-toc-area .article-toc-nav .nav .nav>li>a { + padding-top: 1px; + padding-bottom: 1px; + padding-left: 30px; + font-size: 12px; + font-weight: 400 +} + +.article-toc-area .article-toc-nav .nav .nav>li>a:focus,.article-toc-area .article-toc-nav .nav .nav>li>a:hover { + padding-left: 29px +} + +.article-toc-area .article-toc-nav .nav .nav>li>.active,.article-toc-area .article-toc-nav .nav .nav>li>.active:focus,.article-toc-area .article-toc-nav .nav .nav>li>.active:hover { + padding-left: 28px; + font-weight: 500 +} + +.article-toc-area .article-toc-nav .nav-link.active+ul { + display: block +} + +@media (prefers-color-scheme:dark) { + .article-toc-area .article-toc-nav .nav>li>a { + color: hsla(0,0%,100%,.5) + } +}[data-theme=dark] .article-toc-area .article-toc-nav .nav>li>a { + color: hsla(0,0%,100%,.5) + } + +.main-content .post-copyright { + margin: 2rem 0 0; + padding: .5rem 1rem; + border-left: 4px solid #212529; + background-color: #f9f9f9; + list-style: none; + width: 100% +} + +.main-content .post-copyright li { + display: list-item; + text-align: -webkit-match-parent; + padding: .2rem 0 +} + +.main-content .post-copyright li a { + color: #212529 +} + +@media (prefers-color-scheme:dark) { + .main-content .post-copyright { + border-left: 4px solid #212529; + background-color: #212a2e + } + + .main-content .post-copyright li a { + color: hsla(0,0%,100%,.5); + text-decoration: underline; + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms + } + + .main-content .post-copyright li a:hover { + color: hsla(0,0%,100%,.8) + } +}[data-theme=dark] .main-content .post-copyright { + border-left: 4px solid #212529; + background-color: #212a2e + }[data-theme=dark] .main-content .post-copyright li a { + color: hsla(0,0%,100%,.5); + text-decoration: underline; + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms + }[data-theme=dark] .main-content .post-copyright li a:hover { + color: hsla(0,0%,100%,.8) + } + +.main-content .post-tools .btn-tools-item { + padding: 1rem; + outline: none; + color: #212529; + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +.main-content .post-tools .btn-tools-item:focus { + -webkit-box-shadow: none; + box-shadow: none +} + +.main-content .post-tools .btn-tools-item:hover { + color: #1abc9c +} + +.main-content .post-tools .btn-tools-item i { + font-size: 1.225rem +} + +.main-content .post-tools .collapse-donation { + margin-top: 2rem +} + +.main-content .post-tools .collapse-donation .card-collapse { + background-color: transparent +} + +.main-content .post-tools .collapse-donation .card-collapse figure { + width: 50% +} + +.main-content .post-tools .collapse-donation .card-collapse figure img { + width: 100% +} + +.main-content .post-tools .collapse-donation .card-collapse figure .figure-caption { + margin-top: 1rem +} + +@media (prefers-color-scheme:dark) { + .main-content .post-tools .btn-tools-item { + color: hsla(0,0%,100%,.5) + } + + .main-content .post-tools .btn-tools-item:hover { + color: hsla(0,0%,100%,.8) + } + + .main-content .post-tools .collapse-donation .card-collapse { + background-color: #212a2e + } +}[data-theme=dark] .main-content .post-tools .btn-tools-item { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-content .post-tools .btn-tools-item:hover { + color: hsla(0,0%,100%,.8) + }[data-theme=dark] .main-content .post-tools .collapse-donation .card-collapse { + background-color: #212a2e + } + +.main-content .post-author-footer { + margin: 0 auto; + padding: 3rem 0; + width: 100% +} + +.main-content .post-author-footer .author-card .author-profile-image { + position: relative; + margin-right: .938rem; + width: 3.75rem; + height: 3.75rem; + display: block; + border-radius: 100%; + -o-object-fit: cover; + object-fit: cover +} + +.main-content .post-author-footer .author-card .avatar-wrapper { + position: relative; + margin-right: .9375rem; + width: 3.75rem; + height: 3.75rem; + display: block; + border-radius: 100%; + -o-object-fit: cover; + object-fit: cover; + background: #e3e9ed +} + +.main-content .post-author-footer .author-card .author-card-content .author-card-name { + padding: 0; + font-size: 1.425rem +} + +.main-content .post-author-footer .author-card .author-card-content .author-card-name a { + color: #212529; + font-weight: 700 +} + +.main-content .post-author-footer .author-card .author-card-content .author-card-social { + height: 100% +} + +.main-content .post-author-footer .author-card .author-card-content .author-card-social-links { + color: rgba(0,0,0,.5); + font-size: 1rem; + font-weight: 400; + margin: 0 .1rem; + line-height: 2 +} + +.main-content .post-author-footer .author-card .author-card-content p { + margin: 0; + line-height: 1.3em +} + +.main-content .post-author-footer .author-card .author-card-content p a { + color: #212529; + font-weight: 600 +} + +.main-content .post-author-footer .post-footer-right { + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 1.25rem +} + +.main-content .post-author-footer .post-footer-right .author-card-button { + display: block; + padding: .563rem 1rem; + border: .063rem solid #212529; + color: #212529; + font-size: .8rem; + line-height: 1; + font-weight: 500; + border-radius: 1.25rem; + -webkit-transition: all .2s ease; + transition: all .2s ease +} + +@media (prefers-color-scheme:dark) { + .main-content .post-author-footer .author-card:before { + content: ""; + position: absolute; + background: rgba(0,0,0,.5); + width: 3.75rem; + height: 3.75rem; + z-index: 1; + border-radius: 100% + } + + .main-content .post-author-footer .author-card .avatar-wrapper { + background: #e3e9ed + } + + .main-content .post-author-footer .author-card .author-card-content .author-card-name a,.main-content .post-author-footer .author-card .author-card-content .author-card-social-links,.main-content .post-author-footer .author-card .author-card-content p { + color: hsla(0,0%,100%,.5) + } + + .main-content .post-author-footer .post-footer-right { + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 1.25rem + } + + .main-content .post-author-footer .post-footer-right .author-card-button { + border: 1px solid hsla(0,0%,100%,.5); + color: hsla(0,0%,100%,.5) + } +}[data-theme=dark] .main-content .post-author-footer .author-card:before { + content: ""; + position: absolute; + background: rgba(0,0,0,.5); + width: 3.75rem; + height: 3.75rem; + z-index: 1; + border-radius: 100% + }[data-theme=dark] .main-content .post-author-footer .author-card .avatar-wrapper { + background: #e3e9ed + }[data-theme=dark] .main-content .post-author-footer .author-card .author-card-content .author-card-name a,[data-theme=dark] .main-content .post-author-footer .author-card .author-card-content .author-card-social-links,[data-theme=dark] .main-content .post-author-footer .author-card .author-card-content p { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-content .post-author-footer .post-footer-right { + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 1.25rem + }[data-theme=dark] .main-content .post-author-footer .post-footer-right .author-card-button { + border: 1px solid hsla(0,0%,100%,.5); + color: hsla(0,0%,100%,.5) + } + +.main-content .post-read-more { + width: 100% +} + +.main-content .post-read-more .read-next-feed { + margin: 0; + padding: 2.5rem 0 0; + width: 100% +} + +.main-content .post-read-more .read-next-feed .min-h-300 { + min-height: 18.75rem; + margin-bottom: 2rem +} + +.main-content .post-read-more .read-next-feed .read-next-card { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; + padding: 1.563rem; + color: #fff; + background: #15171a 50%; + background-size: cover; + -webkit-box-shadow: .5rem .875rem 2.375rem rgba(39,44,49,.06),.063rem .188rem .5rem rgba(39,44,49,.03); + box-shadow: .5rem .875rem 2.375rem rgba(39,44,49,.06),.063rem .188rem .5rem rgba(39,44,49,.03); + width: 100% +} + +.main-content .post-read-more .read-next-feed .read-next-card:before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + background: linear-gradient(135deg,rgba(0,40,60,.8),rgba(0,20,40,.7)); + -webkit-backdrop-filter: blur(.125rem); + backdrop-filter: blur(.125rem) +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header { + position: relative; + padding-top: 1rem; + text-align: center +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-sitetitle { + display: block; + font-size: .8rem; + line-height: 1.5rem; + opacity: .8 +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title { + margin: 0; + padding: 0 .078rem; + color: #fff; + font-size: 1.5rem; + line-height: 1.8rem; + letter-spacing: .063rem +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a { + color: #fff; + font-weight: 300; + text-decoration: none +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a:hover { + text-decoration: none +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-divider { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 5rem +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-divider svg { + width: 2.5rem; + fill: transparent; + stroke: #fff; + stroke-width: .031rem; + stroke-opacity: .65 +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content { + position: relative; + z-index: 50; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin: 0 auto; + padding: 0; + text-align: center; + list-style: none +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li { + margin: 0; + padding: 0; + font-size: 1.6rem; + line-height: 1.25em; + font-weight: 200; + letter-spacing: -.031rem +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li a { + display: block; + padding: 1rem 0; + border-bottom: .063rem solid hsla(0,0%,100%,.3); + color: #fff; + font-weight: 500; + vertical-align: top; + -webkit-transition: opacity .3s ease; + transition: opacity .3s ease; + font-size: 1rem +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li:first-of-type a { + padding-top: .8rem +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer { + position: relative; + margin: .938rem 0 .188rem; + text-align: center +} + +.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer a { + color: #fff +} + +.main-content .post-read-more .read-next-feed .post-read-next { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; + min-height: 18.75rem; + background: #fff 50%; + background-size: cover; + -webkit-box-shadow: .5rem .875rem 2.375rem rgba(39,44,49,.06),.063rem .188rem .5rem rgba(39,44,49,.03); + box-shadow: .5rem .875rem 2.375rem rgba(39,44,49,.06),.063rem .188rem .5rem rgba(39,44,49,.03); + -webkit-transition: all .5s ease; + transition: all .5s ease +} + +.main-content .post-read-more .read-next-feed .post-read-next:hover .post-read-next-image { + -webkit-transition: -webkit-transform .5s ease-in-out; + transition: -webkit-transform .5s ease-in-out; + transition: transform .5s ease-in-out; + transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; + -webkit-transform: scale(1.05); + transform: scale(1.05) +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link { + position: relative; + display: block; + overflow: hidden +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link .post-read-next-image { + width: 100%; + height: 12.5rem; + background: #c5d2d9 no-repeat 50%; + -o-object-fit: cover; + object-fit: cover +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link { + position: relative; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: block; + padding: 1.563rem 1.563rem 0; + color: #000 +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-tags { + display: block; + margin-bottom: .25rem; + color: #000; + font-size: .75rem; + line-height: .825rem; + font-weight: 500; + letter-spacing: .031rem; + text-transform: uppercase +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-title { + margin-top: 0; + font-size: 1.5rem +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-excerpt p { + font-size: .825rem; + line-height: 1.5 +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 1.563rem 1.563rem +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; + margin: 0; + padding: 0; + list-style: none +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item { + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + margin: 0; + padding: 0 +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + overflow: hidden; + margin: 0 -.313rem +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-name { + padding-left: .5rem; + font-size: .8rem; + color: #212529 +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image,.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .avatar-wrapper { + position: relative; + display: block; + width: 2.125rem; + height: 2.125rem; + background: #e3e9ed; + border-radius: 100%; + -o-object-fit: cover; + object-fit: cover; + border: .125rem solid #fff +} + +.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .reading-time { + -ms-flex-negative: 0; + flex-shrink: 0; + color: #000; + font-size: .75rem; + font-weight: 500; + text-transform: uppercase +} + +@media (prefers-color-scheme:dark) { + .main-content .post-read-more .read-next-feed .read-next-card,.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title,.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a { + color: hsla(0,0%,100%,.5) + } + + .main-content .post-read-more .read-next-feed .read-next-card .read-next-divider svg { + stroke: hsla(0,0%,100%,.5) + } + + .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li a,.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer a { + color: hsla(0,0%,100%,.5) + } + + .main-content .post-read-more .read-next-feed .post-read-next { + background: #212a2e 50% + } + + .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link:before { + content: ""; + position: absolute; + background: rgba(0,0,0,.5); + width: 100%; + height: 100%; + z-index: 1 + } + + .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link,.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-tags,.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-name { + color: hsla(0,0%,100%,.5) + } + + .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image { + opacity: .5 + } + + .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image,.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .avatar-wrapper { + background: #263238; + border: .125rem solid hsla(0,0%,100%,.5) + } + + .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .reading-time { + color: hsla(0,0%,100%,.5) + } +}[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card,[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title,[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-divider svg { + stroke: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li a,[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer a { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next { + background: #212a2e 50% + }[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link:before { + content: ""; + position: absolute; + background: rgba(0,0,0,.5); + width: 100%; + height: 100%; + z-index: 1 + }[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link,[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-tags,[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-name { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image { + opacity: .5 + }[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image,[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .avatar-wrapper { + background: #263238; + border: .125rem solid hsla(0,0%,100%,.5) + }[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .reading-time { + color: hsla(0,0%,100%,.5) + } + +.post-content code[class*=language-],.post-content pre[class*=language-] { + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + color: #90a4ae; + background: #fafafa; + font-family: Courier,Courier New,monospace; + font-size: 1em; + line-height: 1.5em; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -ms-hyphens: none; + hyphens: none +} + +.post-content code[class*=language-]::-moz-selection,.post-content code[class*=language-] ::-moz-selection,.post-content pre[class*=language-]::-moz-selection,.post-content pre[class*=language-] ::-moz-selection { + background: #cceae7; + color: #263238 +} + +.post-content code[class*=language-]::-moz-selection, .post-content code[class*=language-] ::-moz-selection, .post-content pre[class*=language-]::-moz-selection, .post-content pre[class*=language-] ::-moz-selection { + background: #cceae7; + color: #263238 +} + +.post-content code[class*=language-]::selection,.post-content code[class*=language-] ::selection,.post-content pre[class*=language-]::selection,.post-content pre[class*=language-] ::selection { + background: #cceae7; + color: #263238 +} + +.post-content :not(pre)>code[class*=language-] { + white-space: normal; + border-radius: .2em; + padding: .1em +} + +.post-content pre[class*=language-] { + overflow: auto; + position: relative; + margin: .5em 0; + padding: 2.725rem 1em 1.25em +} + +.post-content .language-css>code,.post-content .language-sass>code,.post-content .language-scss>code { + color: #f76d47 +} + +.post-content [class*=language-] .namespace { + opacity: .7 +} + +.post-content .token.atrule { + color: #7c4dff +} + +.post-content .token.attr-name { + color: #39adb5 +} + +.post-content .token.attr-value,.post-content .token.attribute { + color: #f6a434 +} + +.post-content .token.boolean { + color: #7c4dff +} + +.post-content .token.builtin,.post-content .token.cdata,.post-content .token.char,.post-content .token.class { + color: #39adb5 +} + +.post-content .token.class-name { + color: #6182b8 +} + +.post-content .token.comment { + color: #aabfc9 +} + +.post-content .token.constant { + color: #7c4dff +} + +.post-content .token.deleted { + color: #e53935 +} + +.post-content .token.doctype { + color: #aabfc9 +} + +.post-content .token.entity { + color: #e53935 +} + +.post-content .token.function { + color: #7c4dff +} + +.post-content .token.hexcode { + color: #f76d47 +} + +.post-content .token.id,.post-content .token.important { + color: #7c4dff; + font-weight: 700 +} + +.post-content .token.inserted { + color: #39adb5 +} + +.post-content .token.keyword { + color: #7c4dff +} + +.post-content .token.number { + color: #f76d47 +} + +.post-content .token.operator { + color: #39adb5 +} + +.post-content .token.prolog { + color: #aabfc9 +} + +.post-content .token.property { + color: #39adb5 +} + +.post-content .token.pseudo-class,.post-content .token.pseudo-element { + color: #f6a434 +} + +.post-content .token.punctuation { + color: #39adb5 +} + +.post-content .token.regex { + color: #6182b8 +} + +.post-content .token.selector { + color: #e53935 +} + +.post-content .token.string { + color: #f6a434 +} + +.post-content .token.symbol { + color: #7c4dff +} + +.post-content .token.tag { + color: #e53935 +} + +.post-content .token.unit { + color: #f76d47 +} + +.post-content .token.url,.post-content .token.variable { + color: #e53935 +} + +.post-content .code-toolbar .toolbar { + background-color: #1abc9c; + position: absolute; + top: 0; + left: 0; + opacity: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: .25rem 1.725rem; + width: 100% +} + +.post-content .code-toolbar .toolbar .toolbar-item .show-language { + text-transform: capitalize; + font-weight: 700; + color: #fff +} + +.post-content .code-toolbar .toolbar .toolbar-item .select-code { + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + background-color: hsla(0,0%,88.2%,.2); + height: 100%; + border-radius: 0; + outline: none; + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms +} + +.post-content .code-toolbar .toolbar .toolbar-item .select-code:hover { + color: hsla(0,0%,100%,.5); + background-color: #1abc9c +} + +@media (prefers-color-scheme:dark) { + .post-content code[class*=language-],.post-content pre[class*=language-] { + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + color: #c3cee3; + background: #212a2e; + font-family: Courier,Courier New,monospace; + font-size: 1em; + line-height: 1.5em; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -ms-hyphens: none; + hyphens: none + } + + .post-content code[class*=language-]::-moz-selection, .post-content code[class*=language-] ::-moz-selection, .post-content pre[class*=language-]::-moz-selection, .post-content pre[class*=language-] ::-moz-selection { + background: #363636 + } + + .post-content code[class*=language-]::selection,.post-content code[class*=language-] ::selection,.post-content pre[class*=language-]::selection,.post-content pre[class*=language-] ::selection { + background: #363636 + } + + .post-content :not(pre)>code[class*=language-] { + white-space: normal; + border-radius: .2em; + padding: .1em + } + + .post-content .language-css>code,.post-content .language-sass>code,.post-content .language-scss>code { + color: #fd9170 + } + + .post-content [class*=language-] .namespace { + opacity: .7 + } + + .post-content .token.atrule { + color: #c792ea + } + + .post-content .token.attr-name { + color: #ffcb6b + } + + .post-content .token.attr-value,.post-content .token.attribute { + color: #c3e88d + } + + .post-content .token.boolean { + color: #c792ea + } + + .post-content .token.builtin { + color: #ffcb6b + } + + .post-content .token.cdata,.post-content .token.char { + color: #80cbc4 + } + + .post-content .token.class { + color: #ffcb6b + } + + .post-content .token.class-name,.post-content .token.color { + color: #f2ff00 + } + + .post-content .token.comment { + color: #546e7a + } + + .post-content .token.constant { + color: #c792ea + } + + .post-content .token.deleted { + color: #f07178 + } + + .post-content .token.doctype { + color: #546e7a + } + + .post-content .token.entity { + color: #f07178 + } + + .post-content .token.function { + color: #c792ea + } + + .post-content .token.hexcode { + color: #f2ff00 + } + + .post-content .token.id,.post-content .token.important { + color: #c792ea; + font-weight: 700 + } + + .post-content .token.inserted { + color: #80cbc4 + } + + .post-content .token.keyword { + color: #c792ea; + font-style: italic + } + + .post-content .token.number { + color: #fd9170 + } + + .post-content .token.operator { + color: #89ddff + } + + .post-content .token.prolog { + color: #546e7a + } + + .post-content .token.property { + color: #80cbc4 + } + + .post-content .token.pseudo-class,.post-content .token.pseudo-element { + color: #c3e88d + } + + .post-content .token.punctuation { + color: #89ddff + } + + .post-content .token.regex { + color: #f2ff00 + } + + .post-content .token.selector { + color: #f07178 + } + + .post-content .token.string { + color: #c3e88d + } + + .post-content .token.symbol { + color: #c792ea + } + + .post-content .token.tag,.post-content .token.unit { + color: #f07178 + } + + .post-content .token.url { + color: #fd9170 + } + + .post-content .token.variable { + color: #f07178 + } + + .post-content .code-toolbar .toolbar { + background-color: #212a2e; + border-bottom: 1px solid hsla(0,0%,100%,.5) + } + + .post-content .code-toolbar .toolbar .toolbar-item .show-language { + color: hsla(0,0%,100%,.5) + } + + .post-content .code-toolbar .toolbar .toolbar-item .select-code { + color: hsla(0,0%,100%,.5); + background-color: hsla(0,0%,88.2%,.1) + } + + .post-content .code-toolbar .toolbar .toolbar-item .select-code:hover { + color: hsla(0,0%,100%,.8); + background-color: #212a2e + } +}[data-theme=dark] .post-content code[class*=language-],[data-theme=dark] .post-content pre[class*=language-] { + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + color: #c3cee3; + background: #212a2e; + font-family: Courier,Courier New,monospace; + font-size: 1em; + line-height: 1.5em; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -ms-hyphens: none; + hyphens: none + }[data-theme=dark] .post-content code[class*=language-]::-moz-selection, [data-theme=dark] .post-content code[class*=language-] ::-moz-selection, [data-theme=dark] .post-content pre[class*=language-]::-moz-selection, [data-theme=dark] .post-content pre[class*=language-] ::-moz-selection { + background: #363636 + }[data-theme=dark] .post-content code[class*=language-]::selection,[data-theme=dark] .post-content code[class*=language-] ::selection,[data-theme=dark] .post-content pre[class*=language-]::selection,[data-theme=dark] .post-content pre[class*=language-] ::selection { + background: #363636 + }[data-theme=dark] .post-content :not(pre)>code[class*=language-] { + white-space: normal; + border-radius: .2em; + padding: .1em + }[data-theme=dark] .post-content .language-css>code,[data-theme=dark] .post-content .language-sass>code,[data-theme=dark] .post-content .language-scss>code { + color: #fd9170 + }[data-theme=dark] .post-content [class*=language-] .namespace { + opacity: .7 + }[data-theme=dark] .post-content .token.atrule { + color: #c792ea + }[data-theme=dark] .post-content .token.attr-name { + color: #ffcb6b + }[data-theme=dark] .post-content .token.attr-value,[data-theme=dark] .post-content .token.attribute { + color: #c3e88d + }[data-theme=dark] .post-content .token.boolean { + color: #c792ea + }[data-theme=dark] .post-content .token.builtin { + color: #ffcb6b + }[data-theme=dark] .post-content .token.cdata,[data-theme=dark] .post-content .token.char { + color: #80cbc4 + }[data-theme=dark] .post-content .token.class { + color: #ffcb6b + }[data-theme=dark] .post-content .token.class-name,[data-theme=dark] .post-content .token.color { + color: #f2ff00 + }[data-theme=dark] .post-content .token.comment { + color: #546e7a + }[data-theme=dark] .post-content .token.constant { + color: #c792ea + }[data-theme=dark] .post-content .token.deleted { + color: #f07178 + }[data-theme=dark] .post-content .token.doctype { + color: #546e7a + }[data-theme=dark] .post-content .token.entity { + color: #f07178 + }[data-theme=dark] .post-content .token.function { + color: #c792ea + }[data-theme=dark] .post-content .token.hexcode { + color: #f2ff00 + }[data-theme=dark] .post-content .token.id,[data-theme=dark] .post-content .token.important { + color: #c792ea; + font-weight: 700 + }[data-theme=dark] .post-content .token.inserted { + color: #80cbc4 + }[data-theme=dark] .post-content .token.keyword { + color: #c792ea; + font-style: italic + }[data-theme=dark] .post-content .token.number { + color: #fd9170 + }[data-theme=dark] .post-content .token.operator { + color: #89ddff + }[data-theme=dark] .post-content .token.prolog { + color: #546e7a + }[data-theme=dark] .post-content .token.property { + color: #80cbc4 + }[data-theme=dark] .post-content .token.pseudo-class,[data-theme=dark] .post-content .token.pseudo-element { + color: #c3e88d + }[data-theme=dark] .post-content .token.punctuation { + color: #89ddff + }[data-theme=dark] .post-content .token.regex { + color: #f2ff00 + }[data-theme=dark] .post-content .token.selector { + color: #f07178 + }[data-theme=dark] .post-content .token.string { + color: #c3e88d + }[data-theme=dark] .post-content .token.symbol { + color: #c792ea + }[data-theme=dark] .post-content .token.tag,[data-theme=dark] .post-content .token.unit { + color: #f07178 + }[data-theme=dark] .post-content .token.url { + color: #fd9170 + }[data-theme=dark] .post-content .token.variable { + color: #f07178 + }[data-theme=dark] .post-content .code-toolbar .toolbar { + background-color: #212a2e; + border-bottom: 1px solid hsla(0,0%,100%,.5) + }[data-theme=dark] .post-content .code-toolbar .toolbar .toolbar-item .show-language { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .post-content .code-toolbar .toolbar .toolbar-item .select-code { + color: hsla(0,0%,100%,.5); + background-color: hsla(0,0%,88.2%,.1) + }[data-theme=dark] .post-content .code-toolbar .toolbar .toolbar-item .select-code:hover { + color: hsla(0,0%,100%,.8); + background-color: #212a2e + } + +.site-progress { + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 1040; + background-color: transparent; + border-radius: 0; + height: 2px +} + +.site-progress .reading-progress-bar { + background-color: #1abc9c +} + +.post-content .todo-list { + list-style: none +} + +.post-content .todo-list .span-todo-checkbox { + display: inline-block; + position: relative; + top: 2px; + border: 1px solid #dcdfe6; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14px; + height: 14px; + margin-right: .25rem; + background-color: #fff; + z-index: 1; + -webkit-transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46); + transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46) +} + +.post-content .todo-list .span-todo-checkbox:after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #fff; + border-left: 0; + border-top: 0; + height: 7px; + left: 4px; + position: absolute; + top: 1px; + -webkit-transform: rotate(45deg) scaleY(0); + transform: rotate(45deg) scaleY(0); + width: 3px; + -webkit-transition: -webkit-transform .15s ease-in .05s; + transition: -webkit-transform .15s ease-in .05s; + transition: transform .15s ease-in .05s; + transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; + -webkit-transform-origin: center; + transform-origin: center +} + +.post-content .todo-list .span-todo-checkbox.checked { + background-color: #1abc9c; + border-color: #1abc9c +} + +.post-content .todo-list .span-todo-checkbox.checked:after { + -webkit-transform: rotate(45deg) scaleY(1); + transform: rotate(45deg) scaleY(1) +} + +.post-content .todo-list .todo-list-input { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1 +} + +@media (prefers-color-scheme:dark) { + .post-content .todo-list .span-todo-checkbox { + background-color: hsla(0,0%,100%,.5); + border: 1px solid hsla(0,0%,100%,.5) + } + + .post-content .todo-list .span-todo-checkbox.checked { + background-color: #1abc9c; + border-color: #1abc9c + } + + .post-content .todo-list .todo-list-input { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1 + } +}[data-theme=dark] .post-content .todo-list .span-todo-checkbox { + background-color: hsla(0,0%,100%,.5); + border: 1px solid hsla(0,0%,100%,.5) + }[data-theme=dark] .post-content .todo-list .span-todo-checkbox.checked { + background-color: #1abc9c; + border-color: #1abc9c + }[data-theme=dark] .post-content .todo-list .todo-list-input { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1 + } + +.main-footer { + padding: 3rem 0 2rem; + background-color: #f7f7f7 +} + +.main-footer .main-footer-copyright p { + margin-bottom: 0; + font-size: .8125rem; + font-weight: 600; + line-height: 1.375rem +} + +.main-footer .main-footer-copyright p a { + color: #b9b8b3 +} + +.main-footer .main-footer-meta { + font-size: .8125rem; + font-weight: 300; + line-height: 1.375rem; + color: #b9b8b3 +} + +.main-footer .main-footer-audit p { + margin-bottom: 0; + font-size: .8125rem; + font-weight: 600; + line-height: 1.375rem +} + +.main-footer .main-footer-audit p a { + color: #b9b8b3 +} + +@media (prefers-color-scheme:dark) { + .main-footer { + background-color: #000 + } +}[data-theme=dark] .main-footer { + background-color: #000 + } + +.main-footer-info { + background-color: #f7f7f7 +} + +.main-footer-info-title { + font-size: 1.25rem; + font-weight: 700; + text-align: center +} + +.main-footer-info-tags-list .tag-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + color: #212529; + margin: 0 .25rem; + padding: 0 .25rem; + border-radius: .25rem; + border: 1px solid #212529 +} + +.main-footer-info-navigation-list { + padding-left: 0; + margin-bottom: 0 +} + +.main-footer-info-navigation-list .side-navbar-nav { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + height: 100%; + width: 100% +} + +.main-footer-info-navigation-list .side-navbar-nav .list-group-item { + display: inline-block; + background-color: transparent; + border-color: transparent; + color: #212529; + width: auto +} + +@media (prefers-color-scheme:dark) { + .main-footer-info { + background-color: #000 + } + + .main-footer-info-tags-list .tag-item { + color: hsla(0,0%,100%,.5); + border: 1px solid hsla(0,0%,100%,.5) + } + + .main-footer-info-navigation-list .side-navbar-nav .list-group-item { + color: hsla(0,0%,100%,.5) + } +}[data-theme=dark] .main-footer-info { + background-color: #000 + }[data-theme=dark] .main-footer-info-tags-list .tag-item { + color: hsla(0,0%,100%,.5); + border: 1px solid hsla(0,0%,100%,.5) + }[data-theme=dark] .main-footer-info-navigation-list .side-navbar-nav .list-group-item { + color: hsla(0,0%,100%,.5) + } + +.main-footer-waves-area { + background-color: #f7f7f7 +} + +.main-footer-waves-area .waves-svg { + -webkit-transform: rotateX(180deg); + transform: rotateX(180deg) +} + +@media (prefers-color-scheme:dark) { + .main-footer-waves-area { + background-color: #000 + } +}[data-theme=dark] .main-footer-waves-area { + background-color: #000 + } + +.site-wrapper .search-wrapper { + display: none; + position: fixed; + top: 0; + right: 0; + background-color: #fff; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-shadow: -5px 0 5px 0 rgba(0,0,0,.15); + box-shadow: -5px 0 5px 0 rgba(0,0,0,.15); + z-index: 1080 +} + +.site-wrapper .search-wrapper .search-close { + font-size: 3rem; + outline: none +} + +.site-wrapper .search-wrapper .search-content { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + width: 100%; + margin: 2.5rem auto; + padding: 5rem 1rem +} + +.site-wrapper .search-wrapper .search-content .search-form { + position: relative +} + +.site-wrapper .search-wrapper .search-content .search-form .search-icon { + position: absolute; + top: .6rem; + left: .5rem; + font-size: 1.5rem; + color: #777 +} + +.site-wrapper .search-wrapper .search-content .search-form label { + width: 100% +} + +.site-wrapper .search-wrapper .search-content .search-form label .search-input { + font-size: 1.5rem; + font-weight: 700; + display: block; + width: 100%; + height: 3rem; + padding: 0 0 .1875rem 2.5rem; + -webkit-transition: border-color .3s ease; + transition: border-color .3s ease; + color: #333; + border: solid #999; + border-width: 0 0 6px; + border-radius: 0; + outline: 0; + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100% +} + +.site-wrapper .search-wrapper .search-content .search-meta { + font-size: .6875rem; + font-weight: 700; + display: block; + width: 100%; + margin: 0 auto; + padding: .9375rem 0; + text-align: left; + text-transform: uppercase; + color: #333 +} + +.site-wrapper .search-wrapper .search-content .search-results { + overflow: auto; + height: 100vh; + padding-bottom: 14rem +} + +.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item { + margin: .9375rem 0 1.875rem; + display: block; + cursor: pointer +} + +.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item h2 { + font-size: 1.25rem; + color: #333; + margin-bottom: .625rem +} + +.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item span { + font-size: .8125rem; + color: #777; + font-weight: 700 +} + +@media (prefers-color-scheme:dark) { + .site-wrapper .search-wrapper { + background-color: #263238 + } + + .site-wrapper .search-wrapper .search-close { + color: hsla(0,0%,100%,.5); + text-shadow: none + } + + .site-wrapper .search-wrapper .search-content .search-form .search-icon { + color: hsla(0,0%,100%,.5) + } + + .site-wrapper .search-wrapper .search-content .search-form label .search-input { + color: hsla(0,0%,100%,.5); + border-color: hsla(0,0%,100%,.5); + background-color: #263238 + } + + .site-wrapper .search-wrapper .search-content .search-meta,.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item h2,.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item span { + color: hsla(0,0%,100%,.5) + } +}[data-theme=dark] .site-wrapper .search-wrapper { + background-color: #263238 + }[data-theme=dark] .site-wrapper .search-wrapper .search-close { + color: hsla(0,0%,100%,.5); + text-shadow: none + }[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-form .search-icon { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-form label .search-input { + color: hsla(0,0%,100%,.5); + border-color: hsla(0,0%,100%,.5); + background-color: #263238 + }[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-meta,[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-results .ghost-search-item h2,[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-results .ghost-search-item span { + color: hsla(0,0%,100%,.5) + } + +.fixed-to-top { + position: fixed; + z-index: 1020; + -webkit-transition: .25s ease-in ease 0ms; + transition: .25s ease-in ease 0ms; + background-color: #000; + border-radius: 50%; + width: 4rem; + height: 4rem; + bottom: 3.125rem; + right: 5rem; + text-align: center; + padding: 1rem; + cursor: pointer; + -webkit-box-shadow: 2px 2px 5px #333; + box-shadow: 2px 2px 5px #333 +} + +.fixed-to-top i.fas { + font-size: 2rem; + color: #fff +} + +.fixed-to-top .progress-number { + color: #fff; + width: 100%; + font-size: 8px +} + +@media (max-width:767.98px) { + .fixed-to-top { + width: 3.5rem; + height: 3.5rem; + bottom: 3rem; + right: 4rem; + padding: .75rem + } +} + +@media (max-width:575.98px) { + .fixed-to-top { + width: 3rem; + height: 3rem; + bottom: 1rem; + right: 1rem; + padding: .75rem + } + + .fixed-to-top i.fas { + font-size: 1.5rem + } +} + +@media (prefers-color-scheme:dark) { + .fixed-to-top { + background-color: #000; + -webkit-box-shadow: 2px 2px 5px #000; + box-shadow: 2px 2px 5px #000 + } + + .fixed-to-top .progress-number,.fixed-to-top i.fas { + color: hsla(0,0%,100%,.5) + } +}[data-theme=dark] .fixed-to-top { + background-color: #000; + -webkit-box-shadow: 2px 2px 5px #000; + box-shadow: 2px 2px 5px #000 + }[data-theme=dark] .fixed-to-top .progress-number,[data-theme=dark] .fixed-to-top i.fas { + color: hsla(0,0%,100%,.5) + } + +.toast-wrapper { + position: relative; + z-index: 1100 +} + +.toast-wrapper-list { + position: fixed; + top: 5rem; + right: 0 +} + +.toast-wrapper-list-item .toast-header img { + width: 1.125rem; + height: auto +} + +@media (prefers-color-scheme:dark) { + .toast-wrapper-list-item,.toast-wrapper-list-item .toast-header { + background-color: #263238; + color: hsla(0,0%,100%,.5) + } + + .toast-wrapper-list-item .toast-header .close span { + color: hsla(0,0%,100%,.5) + } +}[data-theme=dark] .toast-wrapper-list-item,[data-theme=dark] .toast-wrapper-list-item .toast-header { + background-color: #263238; + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .toast-wrapper-list-item .toast-header .close span { + color: hsla(0,0%,100%,.5) + } + +.site-popover-wrapper-body .hero-social-wechat img { + width: 10rem +} + +.site-popover-wrapper-body .site-popover-wrapper-share { + list-style: none; + padding: .5rem 0; + margin-bottom: 0 +} + +.site-popover-wrapper-body .site-popover-wrapper-share li { + padding: 0 +} + +.site-popover-wrapper-body .site-popover-wrapper-share li a { + position: relative; + padding: .5rem; + margin: 0 .25rem; + border-radius: 5px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + color: #fff +} + +.site-popover-wrapper-body .site-popover-wrapper-share li a.share-weibo { + background-color: #e24040 +} + +.site-popover-wrapper-body .site-popover-wrapper-share li a.share-qq { + background-color: #3d93e0 +} + +.site-popover-wrapper-body .site-popover-wrapper-share li a.share-wechat { + background-color: #20b767 +} + +.site-popover-wrapper-body .site-popover-wrapper-share li a.share-wechat+.post-share-wechat-qr { + display: none +} + +.site-popover-wrapper-body .site-popover-wrapper-share li a.share-wechat:hover+.post-share-wechat-qr { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + width: 100%; + left: 0; + text-align: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 1.5rem; + padding: 1rem; + -webkit-animation: slide-down .25s ease-out; + animation: slide-down .25s ease-out +} + +@-webkit-keyframes slide-down { + 0% { + opacity: 0; + -webkit-transform: translateY(10%); + transform: translateY(10%) + } + + to { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes slide-down { + 0% { + opacity: 0; + -webkit-transform: translateY(10%); + transform: translateY(10%) + } + + to { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +.site-popover-wrapper-body .site-popover-wrapper-share li a.share-twitter { + background-color: #1da1f2 +} + +.site-popover-wrapper-body .site-popover-wrapper-share li a:hover { + color: #fff +} + +.site-popover-wrapper-body .site-popover-wrapper-share li a:hover i { + -webkit-transition: all .5s ease 0ms; + transition: all .5s ease 0ms; + -webkit-transform: rotate(15deg); + transform: rotate(15deg) +} + +.site-popover-wrapper-body .site-popover-wrapper-share li a i { + font-size: 1.25rem +} + +@media (prefers-color-scheme:dark) { + .site-popover-wrapper { + background-color: #212a2e + } + + .site-popover-wrapper .arrow:after { + border-bottom-color: #212a2e + } + + .site-popover-wrapper-share li a,.site-popover-wrapper-share li a:hover { + color: hsla(0,0%,100%,.5) + } +}[data-theme=dark] .site-popover-wrapper { + background-color: #212a2e + }[data-theme=dark] .site-popover-wrapper .arrow:after { + border-bottom-color: #212a2e + }[data-theme=dark] .site-popover-wrapper-share li a,[data-theme=dark] .site-popover-wrapper-share li a:hover { + color: hsla(0,0%,100%,.5) + } + +.waves-area .waves-svg { + width: 100%; + height: 10rem +} + +@media (max-width:767.98px) { + .waves-area .waves-svg { + height: 8rem + } +} + +@media (max-width:575.98px) { + .waves-area .waves-svg { + height: 5rem + } +} + +.waves-area .parallax>use { + -webkit-animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; + animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite +} + +.waves-area .parallax>use:first-child { + -webkit-animation-delay: -2s; + animation-delay: -2s; + -webkit-animation-duration: 7s; + animation-duration: 7s; + fill: hsla(0,0%,100%,.7) +} + +.waves-area .parallax>use:nth-child(2) { + -webkit-animation-delay: -3s; + animation-delay: -3s; + -webkit-animation-duration: 10s; + animation-duration: 10s; + fill: hsla(0,0%,100%,.5) +} + +.waves-area .parallax>use:nth-child(3) { + -webkit-animation-delay: -4s; + animation-delay: -4s; + -webkit-animation-duration: 13s; + animation-duration: 13s; + fill: hsla(0,0%,100%,.3) +} + +.waves-area .parallax>use:nth-child(4) { + -webkit-animation-delay: -5s; + animation-delay: -5s; + -webkit-animation-duration: 20s; + animation-duration: 20s; + fill: #fff +} + +@-webkit-keyframes move-forever { + 0% { + -webkit-transform: translate3d(-90px,0,0); + transform: translate3d(-90px,0,0) + } + + to { + -webkit-transform: translate3d(85px,0,0); + transform: translate3d(85px,0,0) + } +} + +@keyframes move-forever { + 0% { + -webkit-transform: translate3d(-90px,0,0); + transform: translate3d(-90px,0,0) + } + + to { + -webkit-transform: translate3d(85px,0,0); + transform: translate3d(85px,0,0) + } +} + +@media (prefers-color-scheme:dark) { + .waves-area .parallax>use:first-child { + fill: rgba(38,50,56,.7) + } + + .waves-area .parallax>use:nth-child(2) { + fill: rgba(38,50,56,.5) + } + + .waves-area .parallax>use:nth-child(3) { + fill: rgba(38,50,56,.3) + } + + .waves-area .parallax>use:nth-child(4) { + fill: #263238 + } +}[data-theme=dark] .waves-area .parallax>use:first-child { + fill: rgba(38,50,56,.7) + }[data-theme=dark] .waves-area .parallax>use:nth-child(2) { + fill: rgba(38,50,56,.5) + }[data-theme=dark] .waves-area .parallax>use:nth-child(3) { + fill: rgba(38,50,56,.3) + }[data-theme=dark] .waves-area .parallax>use:nth-child(4) { + fill: #263238 + } + +.post-content .kg-image { + max-width: 100% +} + +.post-content .kg-content :first-child .kg-image { + width: 100% +} + +.post-content .kg-width-full .kg-image,.post-content .kg-width-wide .kg-image { + max-width: 100% +} + +.post-content figure { + margin: .8em 0 2.3em; + text-align: center +} + +.post-content h1+figure,.post-content h2+figure,.post-content h3+figure,.post-content h4+figure { + margin-top: 2em +} + +.post-content figure img { + margin: 0 +} + +.post-content figcaption { + margin: 1em 0 0; + color: #5d7179; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif; + font-size: 75%; + line-height: 1.5em; + text-align: center +} + +.post-content .kg-width-full figcaption { + padding: 0 1.5em +} + +.post-content .kg-embed-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100% +} + +.post-content .kg-embed-card .fluid-width-video-wrapper { + margin: 0 +} + +.post-content .kg-gallery-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-width: 1040px; + width: 100vw +} + +.post-content .kg-gallery-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.post-content .kg-gallery-image img { + display: block; + margin: 0; + width: 100%; + height: 100% +} + +.post-content .kg-gallery-row:not(:first-of-type) { + margin: .75em 0 0 +} + +.post-content .kg-gallery-image:not(:first-of-type) { + margin: 0 0 0 .75em +} + +.post-content .kg-gallery-card+.kg-gallery-card,.post-content .kg-gallery-card+.kg-image-card.kg-width-wide,.post-content .kg-image-card.kg-width-wide+.kg-gallery-card,.post-content .kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide { + margin: -2.25em 0 3em +} + +.post-content .kg-code-card { + width: 100% +} + +.post-content .kg-code-card pre { + margin: 0 +} + +.post-content .kg-bookmark-card { + width: 100% +} + +.post-content .kg-card+.kg-bookmark-card { + margin-top: 0 +} + +.post-content .kg-bookmark-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 9.25rem; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif; + border-radius: 3px +} + +.post-content .kg-bookmark-container,.post-content .kg-bookmark-container:hover { + color: #15171a; + text-decoration: none; + -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.09); + box-shadow: 0 2px 5px -1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.09) +} + +.post-content .kg-bookmark-content { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + padding: 20px +} + +.post-content .kg-bookmark-title { + color: #313b3f; + font-size: 1.2rem; + line-height: 1.5em; + font-weight: 600; + -webkit-transition: color .2s ease-in-out; + transition: color .2s ease-in-out +} + +.post-content .kg-bookmark-container:hover .kg-bookmark-title { + color: #1abc9c +} + +.post-content .kg-bookmark-description { + display: -webkit-box; + overflow-y: hidden; + margin-top: .75rem; + max-height: 3rem; + color: #5d7179; + font-size: .75rem; + line-height: 1rem; + font-weight: 400; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical +} + +.post-content .kg-bookmark-thumbnail { + position: relative; + min-width: 33%; + max-height: 100% +} + +.post-content .kg-bookmark-thumbnail img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 0 3px 3px 0; + -o-object-fit: cover; + object-fit: cover +} + +.post-content .kg-bookmark-metadata { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-top: 14px; + color: #5d7179; + font-size: 1.5rem; + font-weight: 400 +} + +.post-content .kg-bookmark-icon { + margin-right: 8px; + width: 22px; + height: 22px +} + +.post-content .kg-bookmark-author { + line-height: 1.5em; + font-size: .725rem +} + +.post-content .kg-bookmark-author:after { + content: "•"; + margin: 0 6px +} + +.post-content .kg-bookmark-publisher { + overflow: hidden; + max-width: 240px; + line-height: 1.5em; + text-overflow: ellipsis; + white-space: nowrap; + font-size: .725rem +} + +@media (max-width:1040px) { + .post-content .kg-width-full .kg-image { + width: 100vw + } +} + +@media (max-width:800px) { + .post-content figure { + margin: .2em 0 1.3em + } + + .post-content h1+figure,.post-content h2+figure,.post-content h3+figure,.post-content h4+figure { + margin-top: .9em + } +} + +@media (max-width:500px) { + .post-content figcaption { + margin-bottom: .4em + } + + .post-content .kg-bookmark-container { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column + } + + .post-content .kg-bookmark-container .kg-bookmark-content { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + padding: 1rem .725rem + } + + .post-content .kg-bookmark-container .kg-bookmark-content .kg-bookmark-title { + font-size: 1rem + } + + .post-content .kg-bookmark-container .kg-bookmark-content .kg-bookmark-description { + margin-top: .275rem; + font-size: .725rem; + line-height: 1.5em + } + + .post-content .kg-bookmark-container .kg-bookmark-content .kg-bookmark-metadata { + font-size: .725rem; + line-height: 1.5em + } + + .post-content .kg-bookmark-icon { + width: 18px; + height: 18px + } + + .post-content .kg-bookmark-thumbnail { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + min-height: 160px; + width: 100% + } + + .post-content .kg-bookmark-thumbnail img { + border-radius: 3px 3px 0 0 + } +} + +@media (prefers-color-scheme:dark) { + .post-content .kg-bookmark-card a.kg-bookmark-container { + background-color: #212a2e + } + + .post-content .kg-bookmark-card a.kg-bookmark-container:hover { + text-decoration: none + } + + .post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-title { + color: hsla(0,0%,100%,.8) + } + + .post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-description,.post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-title,.post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-description { + color: hsla(0,0%,100%,.5) + } +}[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container { + background-color: #212a2e + }[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container:hover { + text-decoration: none + }[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-title { + color: hsla(0,0%,100%,.8) + }[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-description,[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-title,[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-description { + color: hsla(0,0%,100%,.5) + } + +.main-footer-info-subscribe .subscribe-form .message-error,.main-footer-info-subscribe .subscribe-form .message-loading,.main-footer-info-subscribe .subscribe-form .message-success { + display: none +} + +.main-footer-info-subscribe .subscribe-form .error .message-error,.main-footer-info-subscribe .subscribe-form .invalid .message-error,.main-footer-info-subscribe .subscribe-form .success .message-success { + margin: 1em auto 0; + color: var(--red); + font-size: 1rem +} + +.main-footer-info-subscribe .subscribe-form .success .message-success { + display: block; + color: var(--green) +} + +.main-footer-info-subscribe .subscribe-form .error .message-error,.main-footer-info-subscribe .subscribe-form .invalid .message-error { + display: block +} + +.main-footer-info-subscribe .subscribe-form .loading .message-loading { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + top: 0; + left: 0; + background-color: #f7f7f7 +} + +.main-footer-info-subscribe .subscribe-form .loading .message-loading .loading-title { + width: 100%; + font-size: 1rem; + text-align: center +} + +.main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader { + width: 100%; + text-align: center +} + +.main-footer-info-subscribe .subscribe-email { + background-color: transparent +} + +@media (prefers-color-scheme:dark) { + .main-footer-info-subscribe .subscribe-form .loading .message-loading { + background-color: #000 + } + + .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader { + width: 100%; + text-align: center + } + + .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg path,.main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg rect { + fill: hsla(0,0%,100%,.8) + } +}[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading { + background-color: #000 + }[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader { + width: 100%; + text-align: center + }[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg path,[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg rect { + fill: hsla(0,0%,100%,.8) + } + +@media (prefers-color-scheme:dark) { + .post-comments .v * { + color: hsla(0,0%,100%,.5); + background-color: #263238 + } + + .post-comments .v hr { + border-color: hsla(0,0%,100%,.5) + } + + .post-comments .v blockquote { + color: hsla(0,0%,100%,.5); + border-left: 8px solid hsla(0,0%,100%,.5) + } + + .post-comments .v .vwrap { + border: 1px solid #000 + } + + .post-comments .v .vwrap .vheader .vinput { + border-bottom: 1px dashed #000 + } + + .post-comments .v .vwrap .vheader .vinput:focus { + border-bottom-color: #eb5055 + } + + .post-comments .v .vwrap .vcontrol .col { + color: hsla(0,0%,100%,.5) + } + + .post-comments .v .vwrap .vmark { + background: #263238 + } + + .post-comments .v .vwrap .vmark .valert .vtext { + color: hsla(0,0%,100%,.5) + } + + .post-comments .v .vwrap .vmark .valert .vcode { + background: #000 + } + + .post-comments .v .vwrap .vmark .valert .vcode:focus { + border-color: #263238; + background-color: #000 + } +} + +@media screen and (prefers-color-scheme:dark) and (max-width:720px) { + .post-comments .v .vwrap .vmark .valert .vtext { + color: hsla(0,0%,100%,.5) + } +} + +@media (prefers-color-scheme:dark) { + .post-comments .v .power { + color: #999 + } + + .post-comments .v a { + text-decoration: none; + color: hsla(0,0%,100%,.5) + } + + .post-comments .v a:hover { + color: hsla(0,0%,100%,.8) + } + + .post-comments .v .vbtn { + color: hsla(0,0%,100%,.5); + border: 1px solid #263238; + background: #263238 + } + + .post-comments .v .vbtn:active,.post-comments .v .vbtn:hover { + color: hsla(0,0%,100%,.8); + border-color: #000; + background-color: #000 + } + + .post-comments .v .vempty { + color: #999 + } + + .post-comments .v .vlist .vcard .vimg { + border: 1px solid hsla(0,0%,100%,.5) + } + + .post-comments .v .vlist .vcard .vhead .vnick { + color: #1abc9c + } + + .post-comments .v .vlist .vcard .vhead .vnick:before { + background: #1abc9c + } + + .post-comments .v .vlist .vcard .vhead .vnick:hover { + color: #d7191a + } + + .post-comments .v .vlist .vcard .vhead .vsys { + background: #000; + color: hsla(0,0%,100%,.5) + } + + .post-comments .v .vlist .vcard .vh { + border-bottom: 1px dashed #000 + } + + .post-comments .v .vlist .vcard .vh .vtime { + color: #b3b3b3 + } + + .post-comments .v .vlist .vcard .vh .vmeta .vat { + color: #ef2f11 + } + + .post-comments .v .vlist .vcard .vcontent { + color: #4a4a4a + } + + .post-comments .v .vlist .vcard .vcontent.expand:before { + background: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.9))); + background: linear-gradient(180deg,transparent,rgba(0,0,0,.9)) + } + + .post-comments .v .vlist .vcard .vcontent.expand:after { + color: hsla(0,0%,100%,.5); + background: #000 + } + + .post-comments .v .vlist .vcard .vquote { + color: hsla(0,0%,100%,.5); + border-left: 1px dashed #000 + } + + .post-comments .v .vcards .vcard .vh,.post-comments .v .vcards .vcard .vquote { + border-color: #000 + } +}[data-theme=dark] .post-comments .v * { + color: hsla(0,0%,100%,.5); + background-color: #263238 + }[data-theme=dark] .post-comments .v hr { + border-color: hsla(0,0%,100%,.5) + }[data-theme=dark] .post-comments .v blockquote { + color: hsla(0,0%,100%,.5); + border-left: 8px solid hsla(0,0%,100%,.5) + }[data-theme=dark] .post-comments .v .vwrap { + border: 1px solid #000 + }[data-theme=dark] .post-comments .v .vwrap .vheader .vinput { + border-bottom: 1px dashed #000 + }[data-theme=dark] .post-comments .v .vwrap .vheader .vinput:focus { + border-bottom-color: #eb5055 + }[data-theme=dark] .post-comments .v .vwrap .vcontrol .col { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .post-comments .v .vwrap .vmark { + background: #263238 + }[data-theme=dark] .post-comments .v .vwrap .vmark .valert .vtext { + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .post-comments .v .vwrap .vmark .valert .vcode { + background: #000 + }[data-theme=dark] .post-comments .v .vwrap .vmark .valert .vcode:focus { + border-color: #263238; + background-color: #000 + } + +@media screen and (max-width:720px) { + [ data-theme=dark] .post-comments .v .vwrap .vmark .valert .vtext { + color: hsla(0,0%,100%,.5) + } +}[data-theme=dark] .post-comments .v .power { + color: #999 + }[data-theme=dark] .post-comments .v a { + text-decoration: none; + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .post-comments .v a:hover { + color: hsla(0,0%,100%,.8) + }[data-theme=dark] .post-comments .v .vbtn { + color: hsla(0,0%,100%,.5); + border: 1px solid #263238; + background: #263238 + }[data-theme=dark] .post-comments .v .vbtn:active,[data-theme=dark] .post-comments .v .vbtn:hover { + color: hsla(0,0%,100%,.8); + border-color: #000; + background-color: #000 + }[data-theme=dark] .post-comments .v .vempty { + color: #999 + }[data-theme=dark] .post-comments .v .vlist .vcard .vimg { + border: 1px solid hsla(0,0%,100%,.5) + }[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vnick { + color: #1abc9c + }[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vnick:before { + background: #1abc9c + }[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vnick:hover { + color: #d7191a + }[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vsys { + background: #000; + color: hsla(0,0%,100%,.5) + }[data-theme=dark] .post-comments .v .vlist .vcard .vh { + border-bottom: 1px dashed #000 + }[data-theme=dark] .post-comments .v .vlist .vcard .vh .vtime { + color: #b3b3b3 + }[data-theme=dark] .post-comments .v .vlist .vcard .vh .vmeta .vat { + color: #ef2f11 + }[data-theme=dark] .post-comments .v .vlist .vcard .vcontent { + color: #4a4a4a + }[data-theme=dark] .post-comments .v .vlist .vcard .vcontent.expand:before { + background: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.9))); + background: linear-gradient(180deg,transparent,rgba(0,0,0,.9)) + }[data-theme=dark] .post-comments .v .vlist .vcard .vcontent.expand:after { + color: hsla(0,0%,100%,.5); + background: #000 + }[data-theme=dark] .post-comments .v .vlist .vcard .vquote { + color: hsla(0,0%,100%,.5); + border-left: 1px dashed #000 + }[data-theme=dark] .post-comments .v .vcards .vcard .vh,[data-theme=dark] .post-comments .v .vcards .vcard .vquote { + border-color: #000 + } + +.page.custom-archive-template .archive-page { + padding: 0 1rem +} + +.page.custom-archive-template .archive-page-title { + font-weight: 700; + line-height: 1.5; + margin-bottom: 1rem +} + +.page.custom-archive-template .archive-page-list { + list-style: none; + padding-left: 0; + margin: 0 +} + +.page.custom-archive-template .archive-page-list-item { + margin: 1rem 0 +} + +.page.custom-archive-template .archive-page-list-item time { + font-size: .8rem; + margin-right: .25rem +} + +.page.custom-archive-template .archive-page-list-item-href { + font-size: 1.4rem +} + +.page.custom-archive-template .archive-page-list-item-href:hover { + text-decoration: none +} + +.page.custom-links-template ul { + list-style: none; + margin-right: -15px; + margin-left: -15px +} + +.page.custom-links-template ul li { + text-align: center; + padding-right: 15px; + padding-left: 15px +} + +.page.custom-links-template ul li .links-item-wrapper { + padding: 1.5rem 0; + -webkit-transition: all .25s ease 0ms; + transition: all .25s ease 0ms +} + +.page.custom-links-template ul li .links-item-wrapper:hover { + -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.25)!important; + box-shadow: 0 .5rem 1rem rgba(0,0,0,.25)!important +} + +.page.custom-links-template ul li .links-item-wrapper-header-avatar { + border-radius: 50%; + width: 5rem +} + +.page.custom-links-template ul li .links-item-wrapper-content { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column +} + +.page.custom-links-template ul li .links-item-wrapper-content-name { + margin-top: .5rem +} + +.page.custom-links-template ul li .links-item-wrapper-content-name a:hover { + color: #1abc9c; + text-decoration: none +} + +.template-about-me { + display: none +} + +.custom-about-template { + margin-top: 0 +} + +.custom-about-template .about-me-home { + margin-bottom: 2rem; + width: 100%; + height: 100vh; + background: linear-gradient(45deg,#e91e63,#9c27b0) +} + +.custom-about-template .about-me-home .blue { + color: #29b6f6 +} + +.custom-about-template .about-me-home .green { + color: #9ccc65 +} + +.custom-about-template .about-me-home .purple { + color: #ba68c8 +} + +.custom-about-template .about-me-home .cyan { + color: #4dd0e1 +} + +.custom-about-template .about-me-home .red { + color: #ef5350 +} + +.custom-about-template .about-me-home .about-me { + position: relative; + height: 15rem; + -webkit-perspective: 150rem; + perspective: 150rem; + cursor: auto; + -webkit-box-flex: initial; + -ms-flex: initial; + flex: initial +} + +.custom-about-template .about-me-home .about-me__side { + height: 15rem; + -webkit-transition: all .8s ease; + transition: all .8s ease; + position: absolute; + top: 0; + left: 0; + margin: auto; + width: 100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-radius: 3px; + overflow: hidden; + -webkit-box-shadow: 0 1.5rem 4rem rgba(0,0,0,.4); + box-shadow: 0 1.5rem 4rem rgba(0,0,0,.4) +} + +.custom-about-template .about-me-home .about-me__side--front { + background-color: #1c1c1c; + z-index: 1 +} + +.custom-about-template .about-me-home .about-me__side--back { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); + background-color: #1c1c1c; + z-index: 0 +} + +.custom-about-template .about-me-home .about-me__cont { + height: 15rem; + background-color: #1c1c1c; + color: #fff; + font-family: Consolas,Lucida Console,monospace; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.custom-about-template .about-me-home .about-me__cta { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%,-50%); + transform: translate(-50%,-50%); + width: 90%; + color: #fff +} + +.custom-about-template .about-me-home .about-me__cta p { + margin: 0; + font-family: Consolas,Lucida Console,monospace +} + +.custom-about-template .about-me-home .about-me__cta p>.space { + margin-left: 2rem +} + +.custom-about-template .about-me-home .about-me:hover .about-me__side--front { + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); + z-index: 0 +} + +.custom-about-template .about-me-home .about-me:hover .about-me__side--back { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + z-index: 1 +} + +@media (prefers-color-scheme:dark) { + .about-me-home { + background: linear-gradient(45deg,#000,#263238) + } +}[data-theme=dark] .about-me-home { + background: linear-gradient(45deg,#000,#263238) + } + +.template-error-404 .error-message { + height: 75vh +} + +.template-error-404 .error-message .error-code { + font-size: 50px; + display: inline-block; + padding-right: 12px; + -webkit-animation: type .5s infinite alternate; + animation: type .5s infinite alternate +} + +.template-error-404 .error-message .error-link { + color: #1abc9c +} + +@-webkit-keyframes type { + 0% { + -webkit-box-shadow: inset -3px 0 0; + box-shadow: inset -3px 0 0 + } + + to { + -webkit-box-shadow: inset -3px 0 0 transparent; + box-shadow: inset -3px 0 0 transparent + } +} + +@keyframes type { + 0% { + -webkit-box-shadow: inset -3px 0 0; + box-shadow: inset -3px 0 0 + } + + to { + -webkit-box-shadow: inset -3px 0 0 transparent; + box-shadow: inset -3px 0 0 transparent + } +} \ No newline at end of file diff --git a/tpl/footer/footer-info.php b/tpl/footer/footer-info.php index 16b3650..fac0ac4 100644 --- a/tpl/footer/footer-info.php +++ b/tpl/footer/footer-info.php @@ -13,11 +13,16 @@

      标签云

      - - name; ?> - + + + name; ?> + + + 暂无标签云 + +
      @@ -30,6 +35,8 @@ class="tag-item">name; ?> + + 暂无导航
      diff --git a/tpl/home/home-hero.php b/tpl/home/home-hero.php index b5accbc..b435425 100644 --- a/tpl/home/home-hero.php +++ b/tpl/home/home-hero.php @@ -126,19 +126,5 @@ class="text-center main-hero-content-description">
-
- - - - - - - - - - - -
+ \ No newline at end of file diff --git a/tpl/single/single-content.php b/tpl/single/single-content.php index cee8631..007179a 100644 --- a/tpl/single/single-content.php +++ b/tpl/single/single-content.php @@ -7,7 +7,7 @@ * @link https://yqqy.top */ // 文章内容 -$blog_content = autoLinkNoFollow(get_the_content()); +$blog_content = autoLinkNoFollow( get_the_content() ); // 文章作者 $blog_author = esc_attr( get_the_author() ); @@ -16,36 +16,43 @@ // 文章标题 $blog_title = get_the_title(); // 作者头像 -$blog_avatar = get_avatar( get_the_author_meta( 'user_email' )); +$blog_avatar = get_avatar( get_the_author_meta( 'user_email' ) ); // 作者发布文章链接 $blog_author_others = esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); // 查看更多文章链接 $the_more_article_link = esc_url( get_category_link( get_the_category()[0]->term_id ) ); // 判断上一篇文章有没有 -if (get_previous_post() != null) { +if ( get_previous_post() != null ) { // 上一篇文章分类 $prev_blog_cat = get_category( get_the_category( get_previous_post()->ID )[0]->term_id )->cat_name; - // 上一篇文章链接 + // 上一篇文章链接 $prev_blog_link = get_permalink( get_previous_post()->ID ); } // 判断下一篇文章有没有 -if (get_next_post() != null) { +if ( get_next_post() != null ) { // 下一篇文章分类 $next_blog_cat = get_category( get_the_category( get_next_post()->ID )[0]->term_id )->cat_name; - // 下一篇文章链接 + // 下一篇文章链接 $next_blog_link = get_permalink( get_next_post()->ID ); } ?>
+
-
+
@@ -79,14 +86,14 @@ class="btn btn-tools-item btn-donation"
- 支付宝捐赠
请使用支付宝扫一扫进行捐赠
- 微信捐赠
请使用微信扫一扫进行赞赏
@@ -112,7 +119,8 @@ class="btn btn-tools-item btn-donation"
- <?php echo $blog_author ?> + <?php echo $blog_author ?>
@@ -122,15 +130,16 @@ class="btn btn-tools-item btn-donation"
- + - + - + - + - + - + - + - +
-

+

@@ -172,16 +183,18 @@ class="btn btn-tools-item btn-donation"
- term_id; ?> - $v ) : ?> - -
- + term_id; ?> + $v ) : ?> + +
+ - - + +
- — — + — + —

@@ -217,7 +230,8 @@ class="btn btn-tools-item btn-donation"
- + # @@ -242,7 +256,9 @@ class="btn btn-tools-item btn-donation"
  • - <?php echo $blog_author ?> + <?php echo $blog_author ?>
    • @@ -257,7 +273,8 @@ class="btn btn-tools-item btn-donation"
    - + # @@ -282,7 +299,9 @@ class="btn btn-tools-item btn-donation"
    • - <?php echo $blog_author ?> + <?php echo $blog_author ?>
      • diff --git a/tpl/single/single-header.php b/tpl/single/single-header.php index 7791a8b..983e3c5 100644 --- a/tpl/single/single-header.php +++ b/tpl/single/single-header.php @@ -7,47 +7,47 @@ * @link https://yqqy.top */ -if (have_posts()) : the_post(); -if (has_post_thumbnail()) { - $large_image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); - $post_img = $large_image_url[0]; -} else { - $post_img = getThumbnail(); -} -// 时间 -$create_time = get_the_time('Y-m-d', $post->ID); -// 分类 -$the_cat = get_the_category(); -$the_cats = ""; -foreach ($the_cat as $v) { - $the_cats .= $v->cat_name . ' | '; -} -$the_cats = substr($the_cats,0,strlen($the_cats)-2); -// 作者 -$author = get_the_author(); -// 阅读量 -setPostViews(get_the_ID()); -$read_count = getPostViews(get_the_ID()); -?> +if ( have_posts() ) : the_post(); + if ( has_post_thumbnail() ) { + $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' ); + $post_img = $large_image_url[0]; + } else { + $post_img = getThumbnail(); + } + // 时间 + $create_time = get_the_time( 'Y-m-d', $post->ID ); + // 分类 + $the_cat = get_the_category(); + $the_cats = ""; + foreach ( $the_cat as $v ) { + $the_cats .= $v->cat_name . ' | '; + } + $the_cats = substr( $the_cats, 0, strlen( $the_cats ) - 2 ); + // 作者 + $author = get_the_author(); + // 阅读量 + setPostViews( get_the_ID() ); + $read_count = getPostViews( get_the_ID() ); + ?> -
      -
      -
      -
      -
      - - / - - / - - / - +
      +
      +
      +
      +
      + + / + + / + + / + 阅读量 +
      -
      -
      -
      + +
+
+ + + + + + + + + + + +