.blog-navbar{transition:transform .2s ease-in-out}.blog-navbar.hidden{transform:translateY(-100%)}.blog-navbar.fixed-top{position:fixed;top:0;left:0;right:0}.blog-navbar.scrolled{background-color:hsla(0,0%,100%,0);transition:background-color .5s ease}.blog-navbar .navbar-brand{font-size:1.5em;font-weight:bold;color:#333}.blog-navbar .navbar-brand.scrolled{color:#fff}.blog-navbar .navbar-toggler-icon{background-repeat:no-repeat;background-position:center;background-size:contain;transition:background-image .3s ease}.blog-navbar .navbar-toggler-icon.white{background-image:url("/static/blog/svg/navbar-toggler-icon-white.svg")}.blog-navbar .navbar-toggler-icon.white svg path{stroke:none}.blog-navbar .navbar-toggler-icon.black{background-image:url("/static/blog/svg/navbar-toggler-icon-black.svg")}.blog-navbar .navbar-toggler-icon.black svg path{stroke:none}.blog-navbar .navbar-collapse{position:absolute;top:100%;right:0;border:none;background:#fff;box-shadow:0px 5px 10px 2px rgba(0,0,0,.2);border-radius:2px;width:140px}.blog-navbar .collapse{height:0;overflow:hidden;transition:height .35s ease}.blog-navbar .collapse.show{height:auto}.blog-navbar .collapsing{height:0;overflow:hidden;transition:height .15s ease}.blog-navbar .navbar-nav .nav-item{margin:0 10px}.blog-navbar .navbar-nav .nav-item .nav-link{font-size:1.5em;color:#2c2c2c;transition:color .1s ease,background .3s ease;border-radius:5px;font-weight:bold}.blog-navbar .navbar-nav .nav-item .nav-link:hover{color:#8495a6}.blog-navbar .navbar-nav .nav-item .nav-link:active{color:#fff;background:#333}.blog-navbar .navbar-nav .nav-item .nav-link.focus{color:#fff;background:#2c3e50;border-radius:5px}.blog-navbar .navbar-nav .nav-item.feature-item .nav-link{color:red}@media only screen and (min-width: 768px){.blog-navbar{background-color:hsla(0,0%,100%,.8);box-shadow:0 2px 5px rgba(0,0,0,.1)}.blog-navbar.scrolled{background-color:hsla(0,0%,100%,0);transition:background-color .5s ease}.blog-navbar .navbar-brand{font-size:2.2em;font-weight:bold;color:#333}.blog-navbar .navbar-brand.scrolled{color:#fff;transition:color .5s ease}.blog-navbar .navbar-collapse{position:static;top:auto;right:auto;width:auto;background:rgba(0,0,0,0);box-shadow:none}.blog-navbar .collapse{height:auto;overflow:visible;transition:none}.blog-navbar .navbar-nav{height:5em}.blog-navbar .navbar-nav .nav-item{font-size:1.3em;margin:0 10px}.blog-navbar .navbar-nav .nav-item .nav-link{height:100%;text-align:center;color:#2c2c2c;transition:color .1s ease,background .3s ease;border-radius:5px;font-weight:bold}.blog-navbar .navbar-nav .nav-item .nav-link.feature-item{color:#00fbff;font-size:1.5em}.blog-navbar .navbar-nav .nav-item .nav-link.feature-item.scrolled{color:#00fbff;transition:color .1s ease}.blog-navbar .navbar-nav .nav-item .nav-link.feature-item:hover{color:#8495a6}.blog-navbar .navbar-nav .nav-item .nav-link.scrolled{color:#fff;transition:color .1s ease}.blog-navbar .navbar-nav .nav-item .nav-link img{height:100%;width:auto;display:block}.blog-navbar .navbar-nav .nav-item .nav-link:hover{color:#8495a6}.blog-navbar .navbar-nav .nav-item .nav-link:active{background:#333}.blog-navbar .navbar-nav .nav-item .nav-link.focus{background:#2c3e50;border-radius:5px}}.index-header.with-image{position:relative;padding-top:4em;text-align:center;overflow:hidden;height:24em;color:#fff;cursor:text}.index-header.with-image .header-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.4);border:none;color:#fff;padding:.5em 1em;cursor:pointer;font-size:2em;z-index:3;transition:background-color .3s ease}.index-header.with-image .header-nav-button:hover{background-color:rgba(0,0,0,.7)}.index-header.with-image .header-nav-button.left{left:10px}.index-header.with-image .header-nav-button.right{right:10px}.index-header.with-image .header-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:1;pointer-events:none}.index-header.with-image .index-container{position:relative;z-index:2}.index-header.with-image .index-title{padding-top:.2em;font-size:4em;font-weight:bold;user-select:text;text-align:center}.index-header.with-image .index-subtitle{padding-top:.3em;font-size:1.5em;color:#fff;user-select:text;text-align:center}.index-header.with-image .index-meta{margin-top:15px;font-size:.9rem;color:#ddd;font-style:italic;user-select:text}.index-header.with-image ::selection{background-color:#2c3e50;color:#fff}.index-header[style*=background-image]{background-size:150%;background-position:center calc(50% + 4em);background-repeat:no-repeat}@media only screen and (min-width: 768px){.index-header.with-image{position:relative;margin-bottom:0em;padding-top:8em;text-align:center;overflow:hidden;height:40em;color:#fff;cursor:text}.index-header.with-image .header-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:1;pointer-events:none}.index-header.with-image .index-title{padding-top:.1em;font-size:6.5em;font-weight:bold;user-select:text;text-align:center;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.5)}.index-header.with-image .index-subtitle{padding-top:1em;font-size:2em;font-weight:lighter;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);user-select:text;text-align:center}.index-header.with-image .index-meta{margin-top:15px;font-size:.9rem;color:#ddd;font-style:italic;user-select:text}.index-header.with-image ::selection{background-color:#2c3e50;color:#fff}.index-header[style*=background-image]{background-size:cover;background-position:center calc(50% + 6em);background-repeat:no-repeat}}@media only screen and (min-width: 992px){.index-header.with-image{height:44em}.index-header.with-image .index-title{padding-top:.4em}.index-header[style*=background-image]{background-size:cover;background-position:center calc(50% + 8em);background-repeat:no-repeat}}@media only screen and (min-width: 1200px){.index-header.with-image{height:65em}.index-header[style*=background-image]{background-size:cover;background-position:center calc(50% + 8em);background-repeat:no-repeat}}@media only screen and (min-width: 1400px){.index-header[style*=background-image]{background-size:cover;background-position:center calc(50% + 10em);background-repeat:no-repeat}}.about-header.with-image{position:relative;padding-top:4em;overflow:hidden;height:30em;margin-bottom:1em}@media(min-width: 400px){.about-header.with-image{height:40em}}@media(min-width: 768px){.about-header.with-image{height:45em}}@media(min-width: 992px){.about-header.with-image{height:50em}}@media(min-width: 1200px){.about-header.with-image{height:55em}}@media(min-width: 1400px){.about-header.with-image{height:60em}}.about-header.with-image .custom-carousel{position:relative;margin-top:1em;width:100%;height:100%;background-color:#3c3c3c}.about-header.with-image .custom-carousel .custom-carousel-inner{position:relative;width:100%;height:100%}.about-header.with-image .custom-carousel .custom-carousel-inner .custom-carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;z-index:1;transition:opacity .6s ease-in-out}.about-header.with-image .custom-carousel .custom-carousel-inner .custom-carousel-item.active{opacity:1;z-index:2}.about-header.with-image .custom-carousel .custom-carousel-inner .custom-carousel-item img{width:100%;max-height:fit-content;object-fit:cover;display:block}@media(min-width: 768px){.about-header.with-image .custom-carousel .custom-carousel-inner .custom-carousel-item img{object-fit:contain}}.about-header.with-image .custom-carousel .custom-carousel-control-prev,.about-header.with-image .custom-carousel .custom-carousel-control-next{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:rgba(0,0,0,.5);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background-color .3s}.about-header.with-image .custom-carousel .custom-carousel-control-prev:hover,.about-header.with-image .custom-carousel .custom-carousel-control-next:hover{background-color:rgba(0,0,0,.7)}.about-header.with-image .custom-carousel .custom-carousel-control-prev .custom-carousel-control-prev-icon,.about-header.with-image .custom-carousel .custom-carousel-control-prev .custom-carousel-control-next-icon,.about-header.with-image .custom-carousel .custom-carousel-control-next .custom-carousel-control-prev-icon,.about-header.with-image .custom-carousel .custom-carousel-control-next .custom-carousel-control-next-icon{width:20px;height:20px;background-size:100% 100%;display:inline-block}.about-header.with-image .custom-carousel .custom-carousel-control-prev{left:15px}.about-header.with-image .custom-carousel .custom-carousel-control-prev .custom-carousel-control-prev-icon{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 16 16"><path d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>')}.about-header.with-image .custom-carousel .custom-carousel-control-next{right:15px}.about-header.with-image .custom-carousel .custom-carousel-control-next .custom-carousel-control-next-icon{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 16 16"><path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>')}.custom-lightbox{display:none;position:fixed;flex-direction:column;top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,.8);justify-content:center;align-items:center}.custom-lightbox-img{margin-top:4em;max-width:85%;max-height:85%;object-fit:contain;border:.2em solid #fff;border-radius:.4em}.custom-lightbox-caption{margin-top:.5em;color:#fff;font-size:1.2rem;max-width:90%;text-align:center;line-height:1.4}.custom-lightbox-close{position:absolute;top:1.5em;right:1em;color:#fff;font-size:4em;font-weight:bold;cursor:pointer;z-index:1000;line-height:1;transition:color .3s}.custom-lightbox-close:hover{color:#ccc}.index-article{margin-left:0}.index-article ul.post-list{color:#000;list-style-type:none;padding:0}.index-article ul.post-list hr{border:none;border-top:2px solid #ddd}.index-article ul.post-list .post-list-search-title{padding:.15em .5em .5em .5em;font-size:2.3em;line-height:1.2;font-weight:bold}.index-article ul.post-list .snippet-content{font-size:1.5em;font-style:italic;color:gray}.index-article ul.post-list .snippet-quote{font-size:1.5em;color:gray}.index-article ul.post-list li.post-preview{padding:.5em .5em .5em .5em;transition:background-color .15s ease;transition:color .15s ease}.index-article ul.post-list li.post-preview:hover h2,.index-article ul.post-list li.post-preview:hover .post-intro{color:#8495a6}.index-article ul.post-list li.post-preview:hover .snippet-quote{color:#8495a6}.index-article ul.post-list li.post-preview:hover .snippet-content{color:#8495a6}.index-article ul.post-list li.post-preview .post-search:hover .snippet-quote,.index-article ul.post-list li.post-preview .post-search:hover .snippet-content{color:#2c3e50}.index-article ul.post-list li.post-preview h2:hover{color:#2c3e50;text-decoration:underline}.index-article ul.post-list li.post-preview .post-intro:hover{color:#2c3e50}.index-article ul.post-list li.post-preview a{text-decoration:none;color:#000}.index-article ul.post-list li.post-preview a h2{font-size:2.3em;line-height:1.2;padding-bottom:.15em}.index-article ul.post-list li.post-preview a h3{font-size:1em}.index-article ul.post-list li.post-preview a p.post-intro{font-size:1.5em}.index-article ul.post-list li.post-preview a p.post-meta{font-size:1.5em;font-style:italic;color:#666}@media only screen and (min-width: 768px){.index-article{margin-left:0}.index-article ul.post-list{color:#000;list-style-type:none;padding:0}.index-article ul.post-list hr{border:none;border-top:2px solid #ddd}.index-article ul.post-list li.post-preview{padding:1.5em 2.5em .3em 1em;transition:background-color .15s ease;transition:color .15s ease}.index-article ul.post-list li.post-preview:hover h2,.index-article ul.post-list li.post-preview:hover .post-intro{color:#8495a6}.index-article ul.post-list li.post-preview h2:hover{color:#2c3e50;text-decoration:underline}.index-article ul.post-list li.post-preview .post-intro:hover{color:#2c3e50}.index-article ul.post-list li.post-preview a{text-decoration:none;color:#000}.index-article ul.post-list li.post-preview a h2{font-size:3em;line-height:1.2;padding-bottom:.15em}.index-article ul.post-list li.post-preview a h3{font-size:1em}.index-article ul.post-list li.post-preview a p.post-intro{font-size:1.5em}.index-article ul.post-list li.post-preview a p.post-meta{font-size:1.5em;font-style:italic;color:#666;margin-bottom:1em}}@media only screen and (min-width: 992px){.index-article{margin-left:0%}}@media only screen and (min-width: 1200px){.index-article{margin-left:5%}}@media only screen and (min-width: 1400px){.index-article{margin-left:6%}}.pagination{margin:2em 0}.pagination .pagination-list{display:flex;justify-content:space-between;align-items:center;width:100%;list-style-type:none;margin:0;padding:0}.pagination li{margin:0;width:auto;height:auto}.pagination li a,.pagination li span{display:inline-flex;align-items:center;color:#555}.pagination li a svg{stroke:#000}.pagination li a.pagination-btn{box-sizing:border-box;width:6em;height:4em;color:#333;box-shadow:0 0 .5em rgba(0,0,0,.2);text-decoration:none;border:.1em solid #8495a6;padding:.5rem 1rem;border-radius:4px;background-color:#fff;transition:background-color .2s ease}.pagination li a.pagination-btn:hover{border:solid .1em #2c3e50;color:#fff}.pagination li a.pagination-btn:hover svg{stroke:#2c3e50}.pagination li a.pagination-btn:active{border:solid .2em #2c3e50;color:#fff}.pagination li a.pagination-btn:active svg{stroke:#2c3e50}.pagination li .pagination-disabled{display:inline-flex;align-items:center;border:.1em solid #eee;color:#aaa;background-color:#f5f5f5;padding:.5rem 1rem;border-radius:4px}.pagination li .pagination-info{font-size:1.5em}@media only screen and (min-width: 768px){.tag-nav{background:#fff;padding-top:2.5em;transform:none;width:20em;max-width:none;background-color:inherit;border:none;border-radius:none;box-shadow:none}.tag-nav hr{border:none;border-top:2px solid #ddd;margin-top:.5em;margin-bottom:1em}.tag-nav .tag-nav-title{font-size:2em;padding-bottom:.4em;color:#2c3e50}.tag-nav ul.tag-container{padding:0;list-style-type:none;display:flex;flex-wrap:wrap;row-gap:1em;column-gap:1em}.tag-nav li{font-size:1.6em;list-style-position:inside}.tag-nav li a.tag-button{text-decoration:none;color:#000;padding:5px 10px;border:1px solid #8495a6;cursor:pointer;border-radius:10px}.tag-nav li a.tag-button span{color:#8495a6;font-style:italic}.tag-nav li a.tag-button:hover{border:1px solid #2c3e50;color:#2c3e50}.tag-nav li a.tag-button.selected{background-color:#2c3e50;color:#fff;border:1px solid #2c3e50}.tag-nav li a.tag-button.selected span{color:#fff}}@media only screen and (min-width: 992px){.tag-nav{width:20em}}@media only screen and (min-width: 1200px){.tag-nav{width:25em}}@media only screen and (min-width: 1200px){.tag-nav{width:25em}}.tag-nav-toggler{position:fixed;bottom:22em;right:1em;z-index:40;width:5.2em;height:5.2em;border-radius:50%;border:solid .2em #8495a6;background-color:#fff;box-shadow:0 0 .5em rgba(0,0,0,.2);cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease;transition:border .05s ease}.tag-nav-toggler svg{width:3.5em;height:3.5em;transition:fill .3s ease}.tag-nav-toggler:hover{border:solid .1em #2c3e50;color:#fff}.tag-nav-toggler.closed{opacity:0;pointer-events:none;transform:translate(0, 100%)}.tag-nav-toggler.selected{border:solid .2em #2c3e50;color:#fff}.tag-nav-toggler:active{border:solid .2em #2c3e50;color:#fff}.tag-nav-popup{position:fixed;bottom:0;height:22em;width:100%;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);background-color:hsla(0,0%,100%,.9);display:flex;flex-direction:column;transition:all .3s ease;opacity:1;z-index:99}.tag-nav-popup.closed{opacity:0;pointer-events:none;transform:translate(0, 100%)}.tag-nav-popup.open{opacity:1;pointer-events:auto;transform:translate(0, 0)}.tag-nav-popup .tag-nav-header{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.tag-nav-popup .tag-nav-body{flex:1 1 auto;overflow-y:auto}.tag-nav-popup .tag-nav-title{font-size:2em;color:#8495a6}.tag-nav-popup ul.tag-container{padding:0;list-style-type:none;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tag-nav-popup li{font-size:1.6em;list-style-position:inside}.tag-nav-popup li a.tag-button{text-decoration:none;color:#000;padding:5px 10px;border:1px solid #8495a6;cursor:pointer;border-radius:10px}.tag-nav-popup li a.tag-button span{color:#8495a6;font-style:italic}.tag-nav-popup li a.tag-button:hover{border:1px solid #2c3e50;color:#2c3e50}.tag-nav-popup li a.tag-button.selected{background-color:#2c3e50;color:#fff;border:1px solid #2c3e50}.tag-nav-popup li a.tag-button.selected span{color:#fff}.blog-footer{background-color:#000;color:#ddd;text-align:center}.blog-footer .footer-brand{font-size:1.7em;color:#ddd;font-weight:bold}.blog-footer .powered-by{font-size:1.7em}.blog-footer .powered-by a,.blog-footer .powered-by #favorite-btn{font-weight:400;text-decoration:none;color:#2c3e50}.blog-footer .powered-by a:hover,.blog-footer .powered-by #favorite-btn:hover{color:#fff;text-decoration:underline}.blog-footer .social-list{display:inline-flex;padding-left:0}.blog-footer .social-list li{list-style:none}.blog-footer .social-list li .social-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .3s ease,fill .3s ease}.blog-footer .social-list li .social-link svg{width:3em;height:3em;fill:#ddd}.blog-footer .social-list li .social-link:hover{transform:scale(1.1)}.blog-footer .social-list li .social-link:hover svg{fill:#2c3e50}.blog-footer-post{background-color:#fff;text-align:center;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.blog-footer-post .footer-brand{font-size:1.7em;color:#333;font-weight:bold}.blog-footer-post .powered-by{font-size:1.7em}.blog-footer-post .powered-by a{font-weight:400;text-decoration:none;color:#8495a6}.blog-footer-post .powered-by a:hover{color:#2c3e50;text-decoration:underline}.blog-footer-post .social-list{display:inline-flex;padding-left:0}.blog-footer-post .social-list li{list-style:none}.blog-footer-post .social-list li .social-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .3s ease,fill .3s ease}.blog-footer-post .social-list li .social-link svg{width:3em;height:3em;fill:#000}.blog-footer-post .social-list li .social-link:hover{transform:scale(1.1)}.blog-footer-post .social-list li .social-link:hover svg{fill:#2c3e50}.lang-switcher-container{position:fixed;bottom:6em;right:1em;z-index:30;opacity:1;pointer-events:auto;transition:opacity .3s ease,pointer-events .3s ease}.lang-switcher-container.fade-out{opacity:0;pointer-events:none}.lang-switcher-container.fade-in{opacity:1;pointer-events:auto}.switcher-button{position:absolute;bottom:1em;right:0;z-index:1;width:5em;height:5em;border-radius:50%;border:solid .1em #8495a6;background-color:#fff;box-shadow:0 0 .5em rgba(0,0,0,.2);cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease;transition:border .05s ease}.switcher-button svg{width:2.5em;height:2.5em;fill:#000;transition:fill .3s ease}.switcher-button:hover{border:solid .1em #2c3e50;color:#fff}.switcher-button:hover svg{fill:#2c3e50}.switcher-button.selected{border:solid .2em #2c3e50;color:#fff}.switcher-button.selected svg{fill:#2c3e50}.switcher-button:active{border:solid .2em #2c3e50;color:#fff}.switcher-button:active svg{fill:#2c3e50}.switcher-panel{display:flex;position:absolute;bottom:1.6em;right:calc(5em + 1rem);z-index:999;flex-direction:row;gap:10px;background-color:hsla(0,0%,100%,0);pointer-events:none;opacity:0;transition:transform .15s ease,opacity .3s ease}.switcher-panel.open{transform:translateX(0);opacity:1;pointer-events:auto}.switcher-panel .lang-btn{white-space:nowrap;font-size:1.6em;font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, Microsoft JhengHei, Source Han Sans SC, Noto Sans CJK SC, Source Han Sans CN, Noto Sans SC, Source Han Sans TC, Noto Sans CJK TC, WenQuanYi Micro Hei, SimSun, sans-serif;font-weight:300;text-align:center;line-height:1.7;background-color:#fff;color:#000;padding:5px 10px;border:1px solid #8495a6;border-radius:10px;cursor:pointer}.switcher-panel .lang-btn span{color:#78b4db;font-style:italic}.switcher-panel .lang-btn:hover{border:1px solid #2c3e50;color:#2c3e50}.back-to-top{position:fixed;bottom:1em;right:1em;z-index:30;width:5em;height:5em;border-radius:50%;border:solid .1em #8495a6;background-color:#fff;box-shadow:0 0 .5em rgba(0,0,0,.2);cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,pointer-events .3s ease,border .05s ease;opacity:1;pointer-events:auto}.back-to-top.fade-out{opacity:0;pointer-events:none}.back-to-top.fade-in{opacity:1;pointer-events:auto}.back-to-top svg{width:2em;height:2em;transition:stroke .2s ease}.back-to-top:hover{border:solid .1em #2c3e50;color:#fff}.back-to-top:hover svg{stroke:#2c3e50}.back-to-top:active{border:solid .2em #2c3e50;color:#fff}.back-to-top:active svg{stroke:#2c3e50}.selection-btn{position:absolute;z-index:1000;display:none;padding:.5em 1em;font-size:1.6em;font-weight:400;cursor:pointer;background-color:#8495a6;color:#fff;border:none;border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.selection-btn:hover{background-color:#2c3e50}.selection-btn:active{background-color:#2c3e50}.my-popover{position:fixed;z-index:2000;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:4px;opacity:0;pointer-events:none;transition:transform .4s ease,opacity .4s ease}.my-popover .my-popover-header{display:flex;justify-content:space-between;align-items:center;padding:.6em 1em;border-bottom:1px solid #f0f0f0}.my-popover .my-popover-header .popover-title{font-size:1.8em;font-weight:bold;color:#2c3e50}.my-popover .my-popover-header .close-popover-btn{background:none;border:none;font-size:1.8em;line-height:1;cursor:pointer;color:#666}.my-popover .my-popover-header .close-popover-btn:hover{color:#2c3e50}.my-popover .my-popover-body{padding:1em;font-size:1.6em;color:#333}.my-popover.open{opacity:1;pointer-events:auto}@media(min-width: 768px){.my-popover{top:10vh;left:0;width:25vw;max-height:80vh;transform:translateX(-100%)}.my-popover.open{transform:translateX(0)}}@media(max-width: 767px){.my-popover{left:0;right:0;bottom:0;width:100%;min-height:15em;max-height:60vh;border-radius:8px 8px 0 0;transform:translateY(100%)}.my-popover.open{transform:translateY(0)}}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.search-nav{background:#fff;padding-top:2.5em;transform:none;width:20em;max-width:none;background-color:inherit;border:none;border-radius:none;box-shadow:none}.search-wrapper{display:flex;align-items:start;padding-top:2.5em;width:20em}.search-wrapper .search-form{display:flex;align-items:center;height:3.8em;width:100%;height:100%;margin:0;border:.15em solid #8495a6;border-radius:1.9em;padding:.5em 0 .5em 1em;background-color:#fff;transition:border .2s ease-in-out}.search-wrapper .search-form .search-input{flex:1;font-size:1.5em;border:none;outline:none;background:rgba(0,0,0,0);color:#333;min-width:0}.search-wrapper .search-form .search-input:focus{background:rgba(0,0,0,0)}.search-wrapper .search-form .search-input::selection{background-color:rgba(0,0,0,0);color:inherit}.search-wrapper .search-form .search-button{display:flex;flex:0 0 17%;justify-content:flex-end;align-items:center;background:none;border:none;outline:none;cursor:pointer}.search-wrapper .search-form .search-button svg{height:100%;width:100%}.search-wrapper .search-form .search-button svg:hover path{stroke:#2c3e50}.search-wrapper .search-form .search-button svg:active{stroke:#2c3e50}@media only screen and (min-width: 992px){.search-wrapper{width:20em}}@media only screen and (min-width: 1200px){.search-wrapper{width:25em}}@media only screen and (min-width: 1200px){.search-wrapper{width:25em}}.search-container{position:fixed;bottom:15em;right:1em;z-index:30;opacity:1;pointer-events:auto;transition:opacity .3s ease,pointer-events .3s ease}.search-container.fade-out{opacity:0;pointer-events:none}.search-container.fade-in{opacity:1;pointer-events:auto}.search-tool-button{position:absolute;bottom:1em;right:0;z-index:1;width:5em;height:5em;border-radius:50%;border:solid .1em #8495a6;background-color:#fff;box-shadow:0 0 .5em rgba(0,0,0,.2);cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease;transition:border .05s ease}.search-tool-button svg{width:2.5em;height:2.5em;transition:fill .3s ease}.search-tool-button:hover{border:solid .1em #2c3e50;color:#fff}.search-tool-button:hover svg path{stroke:#2c3e50}.search-tool-button.selected{border:solid .2em #2c3e50;color:#fff}.search-tool-button.selected svg path{stroke:#2c3e50}.search-tool-button:active{border:solid .2em #2c3e50;color:#fff}.search-tool-button:active svg path{stroke:#2c3e50}.search-panel{display:flex;position:absolute;bottom:1.6em;right:calc(5em + 1rem);z-index:999;flex-direction:row;gap:10px;pointer-events:none;opacity:0;transition:transform .15s ease,opacity .3s ease}.search-panel.open{transform:translateX(0);opacity:1;pointer-events:auto}.blog-header.with-image{position:relative;padding:4em 0;margin-bottom:4em;text-align:left;overflow:hidden;height:auto;color:#fff;cursor:text}.blog-header.with-image .header-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1;pointer-events:none}.blog-header.with-image .blog-container{position:relative;z-index:2}.blog-header.with-image .blog-container .blog-title{margin:2.5em 0 1.6em 0}.blog-header.with-image .blog-container .blog-title h1{font-size:3em;font-weight:bold;user-select:text}.blog-header.with-image .blog-container .blog-subtitle{margin:1.6em 0 1em 0}.blog-header.with-image .blog-container .blog-subtitle h2{font-size:1.5em;font-weight:lighter;color:#fff;user-select:text}.blog-header.with-image .blog-container .blog-meta{margin:.6em 0}.blog-header.with-image .blog-container .blog-meta p{font-size:1.5em;color:#ddd;font-style:italic;user-select:text}.blog-header.with-image .blog-container ::selection{background-color:#2c3e50;color:#fff}.blog-header.no-image{position:relative;margin:8em 0 0 0;text-align:left;overflow:hidden;height:auto;color:#000;cursor:text}.blog-header.no-image .blog-container{position:relative;z-index:2}.blog-header.no-image .blog-container .blog-title{margin:2.5em 0 1.6em 0}.blog-header.no-image .blog-container .blog-title h1{font-size:3em;font-weight:bold;user-select:text}.blog-header.no-image .blog-container .blog-subtitle{margin:1.6em 0 1em 0}.blog-header.no-image .blog-container .blog-subtitle h2{font-size:1.5em;font-weight:lighter;color:#000;user-select:text}.blog-header.no-image .blog-container .blog-meta{margin:.6em 0}.blog-header.no-image .blog-container .blog-meta p{font-size:1.5em;color:#000;font-style:italic;user-select:text}.blog-header.no-image .blog-container ::selection{background-color:#2c3e50;color:#fff}.blog-header[style*=background-image]{background-size:cover;background-position:center;background-repeat:no-repeat}@media only screen and (min-width: 768px){.blog-header.with-image,.blog-header.no-image{padding:4em 0;margin-bottom:4em;height:auto;text-align:left}.blog-header.with-image .nav-button,.blog-header.no-image .nav-button{font-size:3em}.blog-header.with-image .nav-button.left,.blog-header.no-image .nav-button.left{left:20px}.blog-header.with-image .nav-button.right,.blog-header.no-image .nav-button.right{right:20px}.blog-header.with-image .blog-container .blog-column,.blog-header.no-image .blog-container .blog-column{width:54em;margin-left:10%}.blog-header.with-image .blog-container .blog-title,.blog-header.no-image .blog-container .blog-title{margin:4em 0 1em 0}.blog-header.with-image .blog-container .blog-title h1,.blog-header.no-image .blog-container .blog-title h1{font-size:4em}.blog-header.with-image .blog-container .blog-subtitle,.blog-header.no-image .blog-container .blog-subtitle{margin:1em 0 2em 0}.blog-header.with-image .blog-container .blog-subtitle h2,.blog-header.no-image .blog-container .blog-subtitle h2{font-size:1.8em}.blog-header.with-image .blog-container .blog-meta,.blog-header.no-image .blog-container .blog-meta{margin:2em 0}.blog-header.with-image .blog-container .blog-meta p,.blog-header.no-image .blog-container .blog-meta p{font-size:1.8em}.blog-header.no-image{margin-bottom:2em;padding:4em 0 0em 0}}@media only screen and (min-width: 992px){.blog-header.with-image .blog-container .blog-column,.blog-header.no-image .blog-container .blog-column{width:60em;margin-left:7%}.blog-header.with-image .blog-container .blog-title h1,.blog-header.no-image .blog-container .blog-title h1{font-size:4.5em}}@media only screen and (min-width: 1200px){.blog-header.with-image .blog-container .blog-column,.blog-header.no-image .blog-container .blog-column{margin-left:14%}}@media only screen and (min-width: 1400px){.blog-header.with-image .blog-container .blog-column,.blog-header.no-image .blog-container .blog-column{margin-left:20%}}.blog-article{padding-bottom:2em}.blog-article .post-intro{margin:1em 0 5em 0;border-left:.5em solid #2c3e50;padding-left:1em}.blog-article .post-intro p{font-size:1.6em;color:#5d5d5d}.blog-article .post-content .answer{display:none;font-weight:bold}.blog-article .post-content .show-answer{display:inline-block}.blog-article .post-content button{background-color:#8495a6;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px}.blog-article .post-content button:hover{background-color:#2c3e50}.blog-article .post-content button:focus{outline:none;box-shadow:0 0 4px #2c3e50}.blog-article .post-content p{font-size:1.6em;margin-top:.5em}.blog-article .post-content h2{font-size:2.5em;margin-top:1em}.blog-article .post-content h3,.blog-article .post-content h4,.blog-article .post-content h5,.blog-article .post-content h6{margin-top:1em}.blog-article .post-content h3{font-size:2em}.blog-article .post-content h4,.blog-article .post-content h5,.blog-article .post-content h6{font-size:1.7em}.blog-article .post-content h2+p{margin-top:1em;margin-bottom:1em}.blog-article .post-content h3+p,.blog-article .post-content h4+p,.blog-article .post-content h5+p,.blog-article .post-content h6+p{margin-top:.5em;margin-bottom:1em}.blog-article .post-content p+ul{margin-top:.5em}.blog-article .post-content ul,.blog-article .post-content dl{padding-bottom:.5em;text-align:justify;margin:1em 0em;list-style-type:disc;list-style-position:outside;padding-left:1.5em}.blog-article .post-content ol{padding-bottom:.5em;text-align:justify;margin:1em 0em;list-style-position:outside;padding-left:1.5em}.blog-article .post-content ul{font-size:1.6em}.blog-article .post-content ul li{font-size:inherit;padding-left:.5em;text-align:left}.blog-article .post-content ul li ul{font-size:inherit;margin:0}.blog-article .post-content ol{font-size:1.6em}.blog-article .post-content ol li{font-size:inherit;padding-left:.5em;text-align:left}.blog-article .post-content ol li ol{font-size:inherit;margin:0}.blog-article .post-content img{max-width:100%;width:100%;height:auto;display:block;margin:0 auto;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.blog-article .post-content iframe{max-width:100%;width:100%;aspect-ratio:16/9;display:block;margin:0 auto;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.blog-article .post-content p:has(img){margin-bottom:.3em}.blog-article .post-content p:has(img)+p:has(em){margin-top:.3em;margin-bottom:1em;text-align:center}.blog-article .post-content p:has(iframe){margin-bottom:.3em}.blog-article .post-content p:has(iframe)+p:has(em){margin-top:.3em;margin-bottom:1em;text-align:center}.blog-article .post-content::first-line{padding-right:20px}.blog-article .post-content>blockquote{border-left:.5em solid #8495a6;padding-left:1em}.blog-article .post-content>blockquote p{color:#5d5d5d}.blog-article .post-content table{font-size:1.6em;margin:1em auto;padding:.5em 0;border-collapse:collapse;width:80%}.blog-article .post-content table th,.blog-article .post-content table td{padding:.5em;text-align:left;border:1px solid #ddd}.blog-article .post-content table thead th{background-color:#f9f9f9;font-weight:bold}@media only screen and (min-width: 768px){.blog-article{width:60em;margin-left:10%}}@media only screen and (min-width: 992px){.blog-article{width:67em;margin-left:7%}}@media only screen and (min-width: 1200px){.blog-article,.custom-header{margin-left:14%}}@media only screen and (min-width: 1400px){.blog-article,.custom-header{margin-left:20%}}.catalog-nav{position:sticky;top:60px;background:#fff;padding:1rem;z-index:10}.catalog-title{font-size:1.5rem;color:rgba(128,128,128,.7);cursor:pointer;user-select:none;display:flex;gap:.4em}.catalog-title::before{content:"▼";transition:transform .2s;font-size:.9em}.catalog-title.collapsed::before{transform:rotate(-90deg)}.catalog-title:hover,.catalog-title:focus{color:#8495a6;text-decoration:underline;outline:none}.aside-sticky{position:sticky;top:4rem;z-index:10}.catalog-list{list-style:none;margin:0;padding:0 .2em}.catalog-list.root-collapsed{display:none}.catalog-list>.catalog-item>ul{display:none}.catalog-list>.catalog-item.open>ul{display:block}.catalog-list .catalog-item.has-children>a::before{content:"▶";display:inline-block;width:1em;margin-right:.1em;transition:transform .2s}.catalog-list .catalog-item.has-children.open>a::before{transform:rotate(90deg)}.catalog-list .level-1{padding-left:0%}.catalog-list .level-2{padding-left:5%}.catalog-list .level-3{padding-left:10%}.catalog-list .level-4{padding-left:15%}.catalog-list .level-5{padding-left:20%}.catalog-list .level-6{padding-left:25%}.catalog-list .catalog-item{overflow:visible}.catalog-list .catalog-item>a{display:inline-block;max-width:calc(100% + 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem;line-height:1.3;color:rgba(128,128,128,.7);text-decoration:none}.catalog-list .catalog-item>a:hover{color:#8495a6}.catalog-list .catalog-item.active>a{display:inline-block;max-width:calc(100% + 60px);background:rgba(0,0,0,.05);font-weight:600;color:#8495a6;overflow:hidden}.catalog-list .catalog-item.active-trail>a{display:inline-block;max-width:calc(100% + 60px);font-weight:600;color:#8495a6;overflow:hidden}@media(min-width: 992px){.blog-catalog{width:20%}}.codehilite{margin:2em 0 2em 0}.codehilite pre{background-color:#2e3440;color:#d8dee9;padding:1em 1em 2em 1em;border-radius:5px;overflow:auto;font-family:inherit;font-size:1.4em;line-height:1.7;margin:0}.codehilite pre code{background:none;color:inherit}.codehilite .k{color:#81a1c1;font-weight:bold;font-style:normal;text-decoration:none}.codehilite .nf{color:#88c0d0;font-weight:bold;font-style:normal;text-decoration:none}.codehilite .n{color:#d8dee9;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .p{color:#eceff4;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .o{color:#b48ead;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .mi{color:#a3be8c;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .nb{color:#d08770;font-weight:normal;font-style:italic;text-decoration:none}.codehilite .s2{color:#a3be8c;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .sa{color:#d08770;font-weight:normal;font-style:italic;text-decoration:none}.codehilite .si{color:#ebcb8b;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .ow{color:#81a1c1;font-weight:bold;font-style:normal;text-decoration:none}.codehilite .err{color:#bf616a;font-weight:normal;font-style:normal;text-decoration:underline}.codehilite .nt{color:#81a1c1;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .na{color:#8fbcbb;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .s{color:#a3be8c;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .c{color:#4c566a;font-weight:italic;font-style:normal;text-decoration:none}.codehilite .cp{color:#d08770;font-weight:bold;font-style:normal;text-decoration:none}.codehilite .nv{color:#8fbcbb;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .s{color:#a3be8c;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .g{color:#d8dee9;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .kw{color:#81a1c1;font-weight:bold;font-style:normal;text-decoration:none}.codehilite .nn{color:#d08770;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .bf{color:#88c0d0;font-weight:bold;font-style:normal;text-decoration:none}.codehilite .st{color:#a3be8c;font-weight:normal;font-style:normal;text-decoration:none}.codehilite .co{color:#4c566a;font-weight:italic;font-style:normal;text-decoration:none}.codehilite::-webkit-scrollbar{width:.8em;height:.8em}.codehilite::-webkit-scrollbar-thumb{background-color:#4c566a;border-radius:.4em}.codehilite::-webkit-scrollbar-thumb:hover{background-color:#3b4252}body{position:relative;font-size:10px;font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, Microsoft JhengHei, Source Han Sans SC, Noto Sans CJK SC, Source Han Sans CN, Noto Sans SC, Source Han Sans TC, Noto Sans CJK TC, WenQuanYi Micro Hei, SimSun, sans-serif;font-weight:250;text-align:left;line-height:1.7;margin:0}.main-content{padding:0em 0}/*# sourceMappingURL=gzz_blog.css.map */