@charset "UTF-8";*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}body{color:#212121;background-color:#f6f6f6;font-family:lxgw wenkai,sans-serif;font-size:1.8em;font-weight:400;line-height:1.8em}@media only screen and (max-width:768px){body{font-size:1.6em;line-height:1.6em}}a{font-weight:500;color:#000;text-decoration:none;transition:all .25s ease-in}a:focus,a:hover{text-decoration:underline}p{margin:1rem 0}h1,h2,h3,h4,h5,h6{font-family:lxgw wenkai,sans-serif;font-weight:600;color:#000;margin:2rem 0}h1:hover .heading-link,h2:hover .heading-link,h3:hover .heading-link,h4:hover .heading-link,h5:hover .heading-link,h6:hover .heading-link{visibility:visible}h1 .heading-link,h2 .heading-link,h3 .heading-link,h4 .heading-link,h5 .heading-link,h6 .heading-link{color:#000;font-weight:inherit;text-decoration:none;font-size:80%;visibility:hidden}h1 .title-link,h2 .title-link,h3 .title-link,h4 .title-link,h5 .title-link,h6 .title-link{color:inherit;font-weight:inherit;text-decoration:none}h1{font-size:3.2rem;line-height:3.6rem}@media only screen and (max-width:768px){h1{font-size:3rem;line-height:3.4rem}}h2{font-size:2.8rem;line-height:3.2rem}@media only screen and (max-width:768px){h2{font-size:2.6rem;line-height:3rem}}h3{font-size:2.4rem;line-height:2.8rem}@media only screen and (max-width:768px){h3{font-size:2.2rem;line-height:2.6rem}}h4{font-size:2.2rem;line-height:2.6rem}@media only screen and (max-width:768px){h4{font-size:2rem;line-height:2.4rem}}h5{font-size:2rem;line-height:2.4rem}@media only screen and (max-width:768px){h5{font-size:1.8rem;line-height:2.2rem}}h6{font-size:1.8rem;line-height:2.2rem}@media only screen and (max-width:768px){h6{font-size:1.6rem;line-height:2rem}}b,strong{font-weight:700}small{font-size:70%}.highlight>div,.highlight>pre{margin:2rem 0;padding:2rem;border-radius:1rem;background-color:#0e1116!important}pre{display:block;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.6rem;font-weight:400;line-height:2.6rem;overflow-x:auto;margin:0;position:relative}pre code{display:inline-block;background-color:inherit;color:inherit}pre .copy-code{display:none;padding:1rem;position:absolute;right:0;top:1rem;margin-right:1rem;color:#f6f6f6;background:#e952a6;user-select:none;border:0;border-radius:.5rem}.copy-code:hover,.copy-code:focus,.copy-code:active{background:#e63b9a;cursor:pointer}div.highlight:hover .copy-code,pre:hover .copy-code{display:block}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.5rem;font-weight:400;background-color:#ededeb;color:#ed4759;border-radius:.6rem;padding:.3rem .6rem}blockquote{border-left:3px solid #343a40!important;padding-left:2rem;font-weight:400;font-size:normal;margin-inline-start:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all;margin:0 auto 3rem;display:block}table th,table:not(.highlighttable,.highlight table,.gist .highlight) td{padding:1rem;line-height:1.5;border-bottom:1px dashed #ced4da}table th{font-size:1.5rem;text-align:start;border-bottom:1px solid #ced4da}img{max-width:100%}.blog-stats{color:#343a40}.blog-date{color:#343a40}.categories-list .category-date{color:#343a40}[data-dark-mode] body .navigation .navigation-list .navigation-dark .toggle-light{display:block;color:#dee2e6}[data-dark-mode] body .navigation .navigation-list .navigation-dark .toggle-light:hover{color:#fdec6d}[data-dark-mode] body .navigation .navigation-list .navigation-dark .toggle-dark{display:none}[data-dark-mode] body{background:#181a1b;color:#dee2e6}[data-dark-mode] body a{color:#dee2e6}[data-dark-mode] body a.text-body{color:#dee2e6}[data-dark-mode] body .navigation-link:hover,[data-dark-mode] body .navigation-link:focus,[data-dark-mode] body .navigation-brand:hover,[data-dark-mode] body .navigation-brand:focus{color:#dee2e6}[data-dark-mode] h1,[data-dark-mode] h2,[data-dark-mode] h3,[data-dark-mode] h4,[data-dark-mode] h5,[data-dark-mode] h6{color:#dee2e6}[data-dark-mode] h1 .heading-link,[data-dark-mode] h2 .heading-link,[data-dark-mode] h3 .heading-link,[data-dark-mode] h4 .heading-link,[data-dark-mode] h5 .heading-link,[data-dark-mode] h6 .heading-link{color:#dee2e6}[data-dark-mode] code{background-color:#202020}[data-dark-mode] .highlight>pre,[data-dark-mode] .highlight>div{background-color:#202020!important}[data-dark-mode] pre code{display:inline-block;background-color:#202020;color:inherit}[data-dark-mode] blockquote{border-left:3px solid #dee2e6!important}[data-dark-mode] body .card{background:#212529}[data-dark-mode] body .card p{color:#ced4da}[data-dark-mode] body .blog-toc a:hover{color:#dee2e6}[data-dark-mode] .top-link{background:#343a40}[data-dark-mode] .top-link svg{color:#dee2e6}[data-dark-mode] .footer a:hover,[data-dark-mode] .top-link:hover{background:#121414}[data-dark-mode] .archive-count,[data-dark-mode] .archive-meta{color:#dee2e6;font-size:1.5rem}[data-dark-mode] .blog-single .related-resources{border-top:1px solid #dee2e6}[data-dark-mode] body .language-item a:hover{color:#dee2e6}[data-dark-mode] .blog-content a{box-shadow:0 0;text-decoration:none;color:#6ab0e5}[data-dark-mode] .home .info .intro a{box-shadow:0 0;text-decoration:none;color:#6ab0e5}@media only screen and (max-width:768px){[data-dark-mode] .navigation .navigation-list{background-color:#181a1b;border-top:solid 2px #6c757d;border-bottom:solid 2px #6c757d}}[data-dark-mode] .navigation .navigation-list .menu-separator span{color:#e9ecef}@media only screen and (max-width:768px){[data-dark-mode] .navigation .menu-button span{background:#dee2e6}}[data-dark-mode] .tags .tags-list a{background:#343a40}[data-dark-mode] .blog-stats{color:#aaa}[data-dark-mode] .blog-date{color:#aaa}[data-dark-mode] .categories-list .category-date{color:#aaa}[data-dark-mode] .categories-list h2::before{background-color:#dee2e6}[data-dark-mode] .categories-list li::before{border-color:#dee2e6}[data-dark-mode] .categories-list a{color:#dee2e6}[data-dark-mode] .categories-list a:hover{color:#fdec6d}[data-dark-mode] .categories-list span{color:#ced4da}[icy-dark-mode] body .navigation .navigation-list .navigation-dark .toggle-light{display:block;color:#84ebd9}[icy-dark-mode] body .navigation .navigation-list .navigation-dark .toggle-dark{display:none}[icy-dark-mode] body{background:#1f434c;color:#dee2e6}[icy-dark-mode] body a{color:#dee2e6}[icy-dark-mode] body a.text-body{color:#dee2e6}[icy-dark-mode] body .navigation-link:hover,[icy-dark-mode] body .navigation-link:focus,[icy-dark-mode] body .navigation-brand:hover,[icy-dark-mode] body .navigation-brand:focus{color:#84ebd9}[icy-dark-mode] h1,[icy-dark-mode] h2,[icy-dark-mode] h3,[icy-dark-mode] h4,[icy-dark-mode] h5,[icy-dark-mode] h6{color:#dee2e6}[icy-dark-mode] h1 .heading-link,[icy-dark-mode] h2 .heading-link,[icy-dark-mode] h3 .heading-link,[icy-dark-mode] h4 .heading-link,[icy-dark-mode] h5 .heading-link,[icy-dark-mode] h6 .heading-link{color:#dee2e6}[icy-dark-mode] code{background-color:#202020}[icy-dark-mode] .highlight>pre,[icy-dark-mode] .highlight>div{background-color:#202020!important}[icy-dark-mode] pre code{display:inline-block;background-color:#202020;color:inherit}[icy-dark-mode] blockquote{border-left:3px solid #dee2e6!important}[icy-dark-mode] body .blog-card{background:#10262b;border:1px solid #1f434c}[icy-dark-mode] body .blog-card h3 a{color:#84ebd9}[icy-dark-mode] body .blog-card p small{color:#84ebd9}[icy-dark-mode] body .blog-card p small a{color:#84ebd9}[icy-dark-mode] body .blog-toc a:hover{color:#dee2e6}[icy-dark-mode] .top-link{background:#343a40}[icy-dark-mode] .top-link svg{color:#dee2e6}[icy-dark-mode] .footer a:hover,[icy-dark-mode] .top-link:hover{background:#121414}[icy-dark-mode] .archive-count,[icy-dark-mode] .archive-meta{color:#dee2e6;font-size:1.5rem}[icy-dark-mode] .blog-single .related-resources{border-top:1px solid #dee2e6}[icy-dark-mode] body .language-item a:hover{color:#dee2e6}[icy-dark-mode] .blog-content a{box-shadow:0 0;text-decoration:none;color:#6ab0e5}[icy-dark-mode] body .navigation-item a,[icy-dark-mode] body .navigation-brand,[icy-dark-mode] body .language-item a{color:#84ebd9}[icy-dark-mode] .navigation .navigation-list .navigation-item:hover{background:#10262b}@media only screen and (max-width:768px){[icy-dark-mode] .navigation .navigation-list{background-color:#1f434c;border-top:solid 2px #84ebd9;border-bottom:solid 2px #84ebd9}}[icy-dark-mode] .navigation .navigation-list .menu-separator span{color:#e9ecef}@media only screen and (max-width:768px){[icy-dark-mode] .navigation .menu-button span{background:#84ebd9}}[icy-dark-mode] .tags .tags-list a{background:#10262b}.home{width:100%;height:100%;max-width:80rem;margin:1rem auto}.home .info{display:flex;width:100%;padding-left:2rem;padding-right:2rem}@media only screen and (max-width:768px){.home .info{display:block}}.home .info .intro{margin-top:.5rem;float:left;height:20rem;width:70%}.home .info .intro h1{margin-bottom:0;font-size:4.2rem;line-height:4.6rem}@media only screen and (max-width:768px){.home .info .intro h1{font-size:2.2rem;line-height:2.6rem;margin-top:0}}.home .info .intro a{text-decoration:none;color:#343a40;box-shadow:rgba(11,11,11,.5)0 1px}@media only screen and (max-width:768px){.home .info .intro{margin-top:2rem;float:none;width:100%;height:10rem}}.home .info .avatar{width:30%;display:flex;align-items:center;justify-content:center}.home .info .avatar img{height:15rem;border-radius:50%}@media only screen and (max-width:768px){.home .info .avatar img{margin-top:2rem;height:10rem}}@media only screen and (max-width:768px){.home .info .avatar{width:100%;margin-top:2rem}}.home .featured{margin-left:2rem;margin-right:2rem}.home .featured .featured-single{border-top:1px dashed #6c757d}.home .featured .featured-single h4{margin-bottom:0}.home .featured .featured-single p{margin-top:0}.notfound{display:block;text-align:center}.notfound .image{transform:scale(.5)}html,body{height:100%;margin:0;padding:0}.wrapper{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:0}.navigation{height:6rem;margin:1rem auto;max-width:80rem;width:100%;padding-left:2rem;padding-right:2rem}.navigation a,.navigation span{display:inline;font-size:1.7rem;font-family:lxgw wenkai,sans-serif;font-weight:600;color:#212121}.navigation a:hover,.navigation a:focus{text-decoration:none}.navigation i{color:#212121;cursor:pointer}.navigation i:hover,.navigation i:focus{text-decoration:none}.navigation .navigation-brand{float:left;padding-top:.2rem}.navigation .navigation-list{float:right;list-style:none;margin-bottom:0;margin-top:0}@media only screen and (max-width:768px){.navigation .navigation-list{position:absolute;top:3.5rem;right:0;z-index:5;visibility:hidden;opacity:0;padding:0;max-height:0;width:100%;background-color:#f6f6f6;border-top:solid 2px #343a40;border-bottom:solid 2px #343a40;transition:opacity .25s,max-height .15s linear}}.navigation .navigation-list .navigation-item{float:left;margin:0;position:relative}@media only screen and (max-width:768px){.navigation .navigation-list .navigation-item{float:none!important;text-align:center}.navigation .navigation-list .navigation-item a,.navigation .navigation-list .navigation-item span{line-height:5rem}}.navigation .navigation-list .navigation-menu a,.navigation .navigation-list .navigation-menu span{padding-left:1.5rem;padding-right:1.5rem}.navigation .navigation-list .navigation-social{padding-top:.4rem}.navigation .navigation-list .navigation-social a,.navigation .navigation-list .navigation-social span{padding-left:1rem;padding-right:1rem}.navigation .navigation-list .navigation-dark{border:none;background:0 0;padding:.4rem 0 0;cursor:pointer}.navigation .navigation-list .navigation-dark button{border:none;background:0 0;cursor:pointer}.navigation .navigation-list .navigation-dark .toggle-dark{display:block}.navigation .navigation-list .navigation-dark .toggle-light{display:none}.navigation .navigation-list .navigation-dark a,.navigation .navigation-list .navigation-dark span{padding-left:1rem;padding-right:1rem}.navigation .navigation-list .navigation-language{padding:0}.navigation .navigation-list .navigation-language a,.navigation .navigation-list .navigation-language span{padding-left:1rem;padding-right:1rem}.navigation .navigation-list .menu-separator{padding-left:1rem;padding-right:1rem;margin-bottom:.5rem}@media only screen and (max-width:768px){.navigation .navigation-list .menu-separator{display:none}.navigation .navigation-list .menu-separator span{display:none}}.navigation #menu-toggle{display:none}@media only screen and (max-width:768px){.navigation #menu-toggle:checked+label>i{color:#e0e0e0}.navigation #menu-toggle:checked+label+ul{visibility:visible;opacity:1;max-height:100rem}}.navigation .menu-button{display:none}@media only screen and (max-width:768px){.navigation .menu-button{position:relative;display:block;font-size:2.4rem;font-weight:400;float:right}.navigation .menu-button span{display:block;background:#212121;width:1.5rem;height:2px}.navigation .menu-button span:nth-child(1){margin-bottom:.5rem}.navigation .menu-button span:nth-child(3){margin-top:.5rem}}.navigation .menu-button i:hover,.navigation .menu-button i:focus{color:#000}.blog-wrapper{position:relative;max-width:80rem;margin:auto;padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:flex-start}.blog-stats{position:absolute;left:2rem;top:1.5rem;width:13rem;font-size:1.5rem;line-height:2rem;text-align:right}.blog-list-wrapper{display:flex;align-items:center;width:100%;position:relative}.life-vertical-line{border-left:3px solid gold;height:100%;margin-right:2rem;position:absolute;left:15rem;top:0}.tech-vertical-line{border-left:3px solid #4ba35c;height:100%;margin-right:2rem;position:absolute;left:15rem;top:0}.blog-list{display:flex;flex-direction:column;gap:.1rem;padding:0;margin:0;margin-left:18rem}.blog-card{position:relative;padding:.5rem 0;background:0 0;border:none;font-size:1.25rem;margin:.5rem}.blog-card h3{margin:0;display:flex;align-items:center;justify-content:flex-start}.blog-date{font-size:1.5rem;margin-right:3rem;flex-shrink:0}.tech-blog-title{text-decoration:none;color:inherit}.tech-blog-title:hover{text-decoration:underline;text-decoration-color:#4ba35c;color:#4ba35c}.life-blog-title{text-decoration:none;color:inherit}.life-blog-title:hover{text-decoration:underline;text-decoration-color:gold;color:gold}.blog-single{position:relative;max-width:75rem;margin:auto;padding:1.5rem}.blog-single .blog-toc{top:4rem;height:auto;overflow-y:auto}.blog-single .blog-toc ul{padding-left:0;list-style:none}.blog-single .blog-toc li{margin-top:.375rem;padding-top:.375rem}.blog-single .blog-toc li ul li{border-top:none;padding-left:3rem;margin-top:.125rem;padding-top:.125rem}.blog-single .blog-toc li:not(:first-child){border-top:1px dashed #e9ecef}.blog-single .blog-toc a{font-size:1.5rem}.blog-single .blog-toc a:hover{text-decoration:none;color:#212121}.blog-single .related-resources{margin-top:3rem;border-top:1px solid #212121}.paginator{margin-top:3rem;height:3rem;display:flex;justify-content:space-between;width:100%}.paginator .next{margin-left:auto}.paginator .prev .icon{vertical-align:middle;display:inline-block;margin-right:.5rem;margin-bottom:.5rem}.paginator .next .icon{vertical-align:middle;display:inline-block;margin-left:.5rem;margin-bottom:.5rem}.blog-content{font-family:lxgw wenkai,sans-serif;line-height:1.7;font-size:1.3rem;color:#333}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-weight:600;margin-top:2rem;margin-bottom:1rem;color:#2c3e50}.blog-content h1{font-size:2.5rem;border-bottom:2px solid #e1e8ed;padding-bottom:.5rem}.blog-content h2{font-size:2.1rem;border-bottom:1px solid #e1e8ed;padding-bottom:.3rem}.blog-content h3{font-size:1.8rem}.blog-content p{margin-bottom:1.5rem;text-align:justify}.blog-content p img{border-radius:.6rem;max-width:100%;height:auto;display:block;margin:1.5rem auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}.blog-content a{text-decoration:none;color:#1976d2;box-shadow:rgba(25,118,210,.3)0 1px;transition:all .2s ease}.blog-content a:hover{color:#0d47a1;box-shadow:rgba(13,71,161,.5)0 2px}.blog-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:#f8f9fa;border-left:4px solid #1976d2;border-radius:4px;font-style:italic}.blog-content code{background:#f1f3f4;padding:.2rem .4rem;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em}.blog-content .highlight>pre,.blog-content .highlight>div,.blog-content pre{background:#f8f9fa!important;color:#333!important;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:1px solid #e1e8ed}.blog-content .highlight>pre code,.blog-content .highlight>div code,.blog-content pre code{background:0 0!important;padding:0;color:inherit!important}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:1rem}.blog-content table th,.blog-content table td{text-align:left;padding:.75rem;border-bottom:1px solid #e1e8ed}.blog-content table th{background:#f8f9fa;font-weight:600;color:#2c3e50}.blog-content table tr:hover{background:#f8f9fa}.blog-content ul,.blog-content ol{margin:1.5rem 0;padding-left:2rem}.blog-content ul li,.blog-content ol li{margin-bottom:.5rem}.comments{margin-top:2rem}@media only screen and (max-width:768px){.blog-wrapper{padding:1rem;align-items:center}.blog-stats{position:static;width:auto;text-align:center;margin-bottom:1rem}.blog-list-wrapper{flex-direction:column;align-items:center}.life-vertical-line{display:none;height:0;margin:0;border:none}.tech-vertical-line{display:none;height:0;margin:0;border:none}.blog-list{margin-left:0;width:100%}.blog-card{font-size:1rem}.blog-date{font-size:1rem;margin-right:1rem}}.footer{display:flex;align-items:center;justify-content:center;height:8rem;width:100%;padding-bottom:1rem;font-size:80%;margin-top:auto}.top-link{visibility:hidden;position:fixed;bottom:5rem;right:5rem;z-index:99;background:#f8f9fa;width:4rem;height:4rem;padding:.75rem;border-radius:4rem;transition:visibility .5s,opacity .8s linear}@media only screen and (max-width:768px){.top-link{right:2rem}}.top-link:focus,#theme-toggle:focus{outline:0}.top-link:hover{background:#fff}.top-link{font-size:80%;color:#212121}.tags{width:100%}.tags .tags-list{width:80rem;margin-left:auto;margin-right:auto}@media only screen and (max-width:768px){.tags .tags-list{width:100%}}.tags .tags-list li{display:inline-block;font-weight:500;margin-top:3rem;margin-left:.5rem;margin-right:.5rem}@media only screen and (max-width:768px){.tags .tags-list li{margin-top:1rem}}.tags .tags-list a{display:block;padding:3px 10px;background:#e9ecef;border-radius:.5rem;text-decoration:none}.categories{position:relative;max-width:80rem;margin:auto;padding:.1em 2em}.categories-list{display:flex;flex-direction:column;align-items:flex-start}.categories-list h1{font-size:1.5em;margin-bottom:.5em}.categories-list h2{font-size:1.25em;margin-top:.5em;margin-bottom:.1em;position:relative;padding-left:1.2em}.categories-list h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.5em;height:.5em;background-color:#333;border-radius:50%}.categories-list ul{list-style-type:none;padding-left:1.5em;margin-left:.5em}.categories-list li{margin-bottom:.5em;font-size:1.25em;position:relative;padding-left:1.2em}.categories-list li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.4em;height:.4em;border:1px solid #333;border-radius:50%}.categories-list a{text-decoration:none;color:#333;transition:color .3s ease}.categories-list a:hover{color:gold;text-decoration:underline}.categories-list span{font-size:.9em;color:#666;margin-left:.5em}.categories-list .category-date{font-size:1.4rem;margin-right:2rem}@media only screen and (max-width:768px){.categories{padding:1em}.categories-list h1{font-size:1.75em}.categories-list h2{font-size:1.25em}.categories-list li{font-size:1em}.categories-list ul{margin-left:0}.categories-list .category-date{font-size:1rem;margin-right:1rem}}.archive{width:100%}.archive .archive-content{width:60rem;margin-left:auto;margin-right:auto}@media only screen and (max-width:768px){.archive .archive-content{width:28rem}}.archive-posts{width:100%;font-size:1rem}.archive-year{margin-top:3rem}@media only screen and (max-width:768px){.archive-year{margin-top:1rem}}.archive-month{display:flex;align-items:flex-start;margin-top:-1.5rem;margin-bottom:-1.5rem}@media only screen and (max-width:768px){.archive-month{flex-direction:column}}.archive-month-header{margin:2rem 0;width:20rem}@media only screen and (max-width:768px){.archive-month-header{flex-direction:column;margin:1rem 0}}.archive-entry{position:relative;padding:1rem;margin:1rem 0}@media only screen and (max-width:768px){.archive-entry{padding:0;margin:0}}.archive-entry-title{margin:.5rem 0;font-weight:400}.archive-count,.archive-meta{color:#6c6c6c;font-size:1.5rem}.archive-link{position:absolute;left:0;right:0;top:0;bottom:0}.guestbook{position:relative;max-width:80rem;margin:auto;padding:1.5rem}figure{text-align:center}.video-shortcode{margin-left:auto;margin-right:auto;border-left:0!important;max-width:80rem}.twitter-tweet{margin-left:auto;margin-right:auto;border-left:0!important;max-width:80rem}.toggle:hover{cursor:pointer}.tabs{display:flex;flex-wrap:wrap;margin:2rem 0;position:relative}.tabs.tabs-left{justify-content:flex-start}.tabs.tabs-right{justify-content:flex-end}.tabs input.tab-input{display:none}.tabs label.tab-label{background-color:#e0e0e0;border-color:#ccc;border-style:solid;border-bottom-style:hidden;border-width:1px;cursor:pointer;display:inline-block;order:1;padding:.3rem .6rem;position:relative;top:1px;user-select:none}.tabs input.tab-input:checked+label.tab-label{background-color:#f6f6f6}.tabs .tab-content{background-color:#f6f6f6;border-color:#ccc;border-style:solid;border-width:1px;display:none;order:2;padding:2rem;width:100%}.tabs .tab-content .highlight>pre{margin:0}.tabs.tabs-code .tab-content{padding:.5rem}.tabs.tabs-code .tab-content pre{margin:0}[data-dark-mode] .tabs label.tab-label{background-color:#212529;border-color:#181a1b}[data-dark-mode] .tabs input.tab-input:checked+label.tab-label{background-color:#212529}[data-dark-mode] .tabs .tab-content{background-color:#212529;border-color:#181a1b}[icy-dark-mode] .tabs label.tab-label{background-color:#1f434c;border-color:#84ebd9}[icy-dark-mode] .tabs input.tab-input:checked+label.tab-label{background-color:#10262b}[icy-dark-mode] .tabs .tab-content{background-color:#1f434c;border-color:#84ebd9}.included-note{border:1px solid rgba(124,119,119,.267);border-radius:4px;margin:1rem 0;background-color:rgba(32,32,32,5%);transition:all .2s ease;max-height:600px;display:flex;flex-direction:column}.included-note:hover{border-color:#4a9eff;box-shadow:0 0 4px rgba(74,158,255,.2)}.included-note-title{font-size:.9em;color:#8b8b8b;padding:.5rem 1rem;margin:0;border-bottom:1px solid rgba(124,119,119,.267);background-color:rgba(32,32,32,3%);display:block;text-decoration:none;flex-shrink:0}.included-note-title:hover{color:#4a9eff;text-decoration:none}.included-note-content{padding:1rem;margin:0;overflow-y:auto;flex-grow:1}.included-note-content::-webkit-scrollbar{width:8px}.included-note-content::-webkit-scrollbar-track{background:rgba(0,0,0,5%);border-radius:4px}.included-note-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.included-note-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}[data-dark-mode] .included-note{border-color:rgba(124,119,119,.2);background-color:rgba(255,255,255,5%)}[data-dark-mode] .included-note:hover{border-color:#4a9eff}[data-dark-mode] .included-note-title{color:#a8a8a8!important;border-bottom-color:rgba(124,119,119,.2);background-color:rgba(255,255,255,3%)}[data-dark-mode] .included-note-title:hover{color:#4a9eff!important}[data-dark-mode] .included-note-content::-webkit-scrollbar-track{background:rgba(255,255,255,5%)}[data-dark-mode] .included-note-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}[data-dark-mode] .included-note-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}[icy-dark-mode] .included-note{border-color:#1e3a8a;background-color:#1f2937}[icy-dark-mode] .included-note:hover{border-color:#3b82f6}[icy-dark-mode] .included-note-title{color:#e5e7eb!important;border-bottom-color:#1e3a8a;background-color:#111827}[icy-dark-mode] .included-note-title:hover{color:#3b82f6!important}[icy-dark-mode] .included-note-content::-webkit-scrollbar-track{background:#111827}[icy-dark-mode] .included-note-content::-webkit-scrollbar-thumb{background:#1e3a8a}[icy-dark-mode] .included-note-content::-webkit-scrollbar-thumb:hover{background:#3b82f6}.included-note .included-note{margin:.5rem 0}.included-note-content>*:last-child{margin-bottom:0}.card-wrapper{position:relative;max-width:80rem;margin:auto;padding:1.5rem}.card-wrapper a:link{text-decoration:none}.card-wrapper .card{position:relative;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 4px 8px -2px #000a3c1a;background-color:#fff;overflow:hidden;transition:box-shadow .2s;margin-bottom:5rem}.card-wrapper .card:hover{box-shadow:0 6px 12px -4px #001b4433}.card-wrapper .card p{margin-left:2rem;font-size:medium;color:#343a40}.card-wrapper .card .card-img{width:auto;height:auto;max-height:80rem}.card-wrapper .card .card-title{display:inline-block;margin-left:2rem}.card-wrapper .card .card-date{display:inline-block;float:right;margin-right:2rem}.sponsors-buymeacoffee-icon{text-align:center;margin-top:3rem;margin-bottom:3rem}.sponsors-buymeacoffee-qr{display:block;margin-left:auto;margin-right:auto;margin-bottom:1rem;margin-top:3rem;max-width:30rem;border-radius:1rem;border:.5rem solid #f9de4b}.sponsors-wechat-qr{display:block;margin-left:auto;margin-right:auto;margin-bottom:1rem;margin-top:3rem;max-width:30rem;border-radius:1rem;border:.5rem solid #51a938}.sponsors-alipay-qr{display:block;margin-left:auto;margin-right:auto;margin-bottom:1rem;margin-top:3rem;max-width:30rem;border-radius:1rem;border:.5rem solid #3876f6}.sponosrs-text{text-align:center;margin-bottom:3rem}.sponsors-list{margin-top:3rem;margin-bottom:3rem}.blog-single .blog-content{background:0 0!important;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);border:2px solid #444;padding:2.5rem;margin-top:2rem;font-size:1.5rem}[data-dark-mode] .blog-single .blog-content{background:0 0!important;border:2px solid #444;box-shadow:0 2px 10px rgba(0,0,0,.3);color:#e0e0e0!important;font-size:1.5rem}[data-dark-mode] .blog-single .blog-content p,[data-dark-mode] .blog-single .blog-content li,[data-dark-mode] .blog-single .blog-content td{color:#e0e0e0!important}[data-dark-mode] .blog-single .blog-content h1,[data-dark-mode] .blog-single .blog-content h2,[data-dark-mode] .blog-single .blog-content h3,[data-dark-mode] .blog-single .blog-content h4,[data-dark-mode] .blog-single .blog-content h5,[data-dark-mode] .blog-single .blog-content h6{color:#f5f5f5!important}[data-dark-mode] .blog-single .blog-content h1{border-bottom:2px solid #444!important}[data-dark-mode] .blog-single .blog-content h2{border-bottom:1px solid #444!important}[data-dark-mode] .blog-single .blog-content blockquote{background:rgba(100,181,246,.1)!important;border-left:4px solid #64b5f6!important;color:#e0e0e0!important}[data-dark-mode] .blog-single .blog-content a{color:#64b5f6!important;box-shadow:rgba(100,181,246,.3)0 1px!important}[data-dark-mode] .blog-single .blog-content a:hover{color:#90caf9!important;box-shadow:rgba(144,202,249,.5)0 2px!important}[data-dark-mode] .blog-single .blog-content code{background:rgba(255,255,255,.1)!important;color:#e0e0e0!important}[data-dark-mode] .blog-single .blog-content .highlight>pre,[data-dark-mode] .blog-single .blog-content .highlight>div,[data-dark-mode] .blog-single .blog-content pre{background:rgba(255,255,255,5%)!important;color:#fff!important;border:1px solid #444!important}[data-dark-mode] .blog-single .blog-content .highlight>pre code,[data-dark-mode] .blog-single .blog-content .highlight>div code,[data-dark-mode] .blog-single .blog-content pre code{background:0 0!important;color:inherit!important}[data-dark-mode] .blog-single .blog-content table th{background:rgba(255,255,255,8%)!important;color:#f5f5f5!important}[data-dark-mode] .blog-single .blog-content table th,[data-dark-mode] .blog-single .blog-content table td{border-bottom:1px solid #444!important}[data-dark-mode] .blog-single .blog-content table tr:hover{background:rgba(255,255,255,5%)!important}.blog-single .notice{margin:1.5rem 0;padding:1rem 1.5rem;border-radius:8px;border-left:4px solid;position:relative}.blog-single .notice.notice-info{background:#e3f2fd;border-left-color:#2196f3;color:#0d47a1}.blog-single .notice.notice-warning{background:#fff3e0;border-left-color:#ff9800;color:#e65100}.blog-single .notice.notice-tip{background:#e8f5e8;border-left-color:#4caf50;color:#1b5e20}.blog-single .notice.notice-error{background:#ffebee;border-left-color:#f44336;color:#c62828}.blog-single .notice .notice-title{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center}.blog-single .notice .notice-content{margin:0}.blog-single .notice .notice-content p:last-child{margin-bottom:0}[data-dark-mode] .blog-single .notice.notice-info{background:rgba(33,150,243,.15);color:#64b5f6}[data-dark-mode] .blog-single .notice.notice-warning{background:rgba(255,152,0,.15);color:#ffb74d}[data-dark-mode] .blog-single .notice.notice-tip{background:rgba(76,175,80,.15);color:#81c784}[data-dark-mode] .blog-single .notice.notice-error{background:rgba(244,67,54,.15);color:#e57373}.blog-single .expand{margin:1.5rem 0;border:1px solid #e1e8ed;border-radius:8px;overflow:hidden}.blog-single .expand .expand-header{background:#f8f9fa;padding:1rem 1.5rem;cursor:pointer;font-weight:600;user-select:none;display:flex;align-items:center;justify-content:space-between}.blog-single .expand .expand-header:hover{background:#e9ecef}.blog-single .expand .expand-content{padding:1.5rem;border-top:1px solid #e1e8ed}.blog-single .expand .expand-content p:last-child{margin-bottom:0}.blog-single .expand .expand-icon{transition:transform .3s ease}.blog-single .expand .expand-icon.expanded{transform:rotate(90deg)}[data-dark-mode] .blog-single .expand{border:1px solid #333}[data-dark-mode] .blog-single .expand .expand-header{background:#2a2a2a}[data-dark-mode] .blog-single .expand .expand-header:hover{background:#3a3a3a}[data-dark-mode] .blog-single .expand .expand-content{border-top:1px solid #333}.blog-single .img-container{text-align:center;margin:2rem 0}.blog-single .img-container img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.blog-single .img-container img:hover{transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.2)}.blog-single .img-container .img-caption{font-size:.9rem;color:#666;margin-top:.5rem;font-style:italic}.blog-single .code-block{position:relative}.blog-single .code-block .copy-button{position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);color:#333;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;opacity:0;transition:opacity .3s ease}.blog-single .code-block .copy-button:hover{background:rgba(0,0,0,.2)}.blog-single .code-block:hover .copy-button{opacity:1}[data-dark-mode] .blog-single .code-block .copy-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff}[data-dark-mode] .blog-single .code-block .copy-button:hover{background:rgba(255,255,255,.2)}.toast{position:fixed;top:2rem;right:2rem;background:#333;color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;opacity:0;transform:translateX(100%);transition:all .3s ease}.toast.show{opacity:1;transform:translateX(0)}.toast.success{background:#4caf50}.toast.error{background:#f44336}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;background:#1976d2;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3);opacity:0;transform:scale(0);transition:all .3s ease;z-index:1000}.back-to-top.show{opacity:1;transform:scale(1)}.back-to-top:hover{background:#0d47a1;transform:scale(1.1)}@media only screen and (max-width:768px){.blog-single{margin:1rem;padding:1rem;border-radius:4px}.blog-content{font-size:1.2rem}.blog-content h1{font-size:2.2rem}.blog-content h2{font-size:1.9rem}.blog-content h3{font-size:1.6rem}.blog-content table{font-size:.9rem}.blog-content table th,.blog-content table td{padding:.5rem}.blog-single .notice{margin:1rem 0;padding:.75rem 1rem}.blog-single .expand-header{padding:.75rem 1rem}.blog-single .expand-content{padding:1rem}.toast{top:1rem;right:1rem;left:1rem;padding:.75rem 1rem}.back-to-top{bottom:1rem;right:1rem;width:2.5rem;height:2.5rem}}.blog-single .blog-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e1e8ed}.blog-single .blog-header .blog-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;line-height:1.2}.blog-single .blog-header .blog-meta{display:flex;flex-wrap:wrap;gap:1rem;color:#666;font-size:.95rem}.blog-single .blog-header .blog-meta .meta-item{display:flex;align-items:center;gap:.25rem}.blog-single .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.blog-single .tags .tag{background:#f1f3f4;color:#5f6368;padding:.25rem .75rem;border-radius:16px;font-size:.85rem;text-decoration:none;transition:all .2s ease}.blog-single .tags .tag:hover{background:#1976d2;color:#fff}[data-dark-mode] .blog-single .tags .tag{background:#2a2a2a;color:#ccc}[data-dark-mode] .blog-single .tags .tag:hover{background:#1976d2;color:#fff}.blog-single .toc-wrapper{margin-bottom:2rem;border:1px solid #444;border-radius:8px;overflow:hidden}.blog-single .toc-wrapper .toc-header{background:0 0;padding:1rem 1.5rem;cursor:pointer;font-weight:600;user-select:none;display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;border-bottom:1px solid #e1e8ed}.blog-single .toc-wrapper .toc-header:hover{background:rgba(0,0,0,5%)}.blog-single .toc-wrapper .toc-content{background:0 0;padding:1rem 1.5rem;border-top:1px solid #e1e8ed;max-height:400px;overflow-y:auto}.blog-single .toc-wrapper .toc-toggle{transition:transform .3s ease;font-size:.9rem}.blog-single .toc-wrapper .toc-toggle.expanded{transform:rotate(180deg)}[data-dark-mode] .blog-single .toc-wrapper{border:1px solid #333}[data-dark-mode] .blog-single .toc-wrapper .toc-header{background:0 0;color:#e0e0e0;border-bottom:1px solid #333}[data-dark-mode] .blog-single .toc-wrapper .toc-header:hover{background:rgba(255,255,255,5%)}[data-dark-mode] .blog-single .toc-wrapper .toc-content{background:0 0;border-top:1px solid #333;color:#e0e0e0}.friend-links{position:relative;max-width:80rem;margin:auto;padding:2rem}@media only screen and (max-width:768px){.friend-links{padding:1rem}}.friend-links h2{font-size:2rem;margin-bottom:1rem}@media only screen and (max-width:768px){.friend-links h2{font-size:1.6rem;margin-bottom:.8rem}}.friend-links h3{font-size:1.8rem;margin-bottom:.5rem}@media only screen and (max-width:768px){.friend-links h3{font-size:1.4rem;margin-bottom:.4rem}}.friend-links-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}@media only screen and (max-width:768px){.friend-links-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.8rem}}.friend-link-item{padding:.1rem 1rem;border:1px solid #333;border-radius:8px;transition:all .3s ease;font-size:1.2rem}[data-dark-mode] .friend-link-item{border-color:#eee}@media only screen and (max-width:768px){.friend-link-item{padding:.1rem .8rem;font-size:1rem}}.friend-link-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}[data-dark-mode] .friend-link-item:hover{box-shadow:0 2px 8px rgba(255,255,255,.1)}.blog-content table{width:100%!important;max-width:100%!important;table-layout:auto!important;border-collapse:collapse!important;margin:1.5rem 0!important;display:table!important;box-sizing:border-box!important;overflow-x:auto!important}.blog-content table th,.blog-content table td{padding:.75rem!important;border-bottom:1px solid #e1e8ed!important;word-wrap:break-word!important;overflow:hidden!important;text-overflow:ellipsis!important}.blog-content table th{background:#f8f9fa!important;font-weight:600!important;color:#2c3e50!important;text-align:left!important;border-bottom:2px solid #e1e8ed!important}.blog-content table tr:hover{background:#f8f9fa!important}@media screen and (max-width:768px){.blog-content table{font-size:.9rem!important;display:block!important;overflow-x:auto!important;white-space:nowrap!important}.blog-content table thead,.blog-content table tbody,.blog-content table tr{display:table!important;width:100%!important}.blog-content table th,.blog-content table td{padding:.5rem!important}}[data-dark-mode] .blog-content table th{background:#2a2a2a!important;color:#64b5f6!important;border-bottom:2px solid #444!important}[data-dark-mode] .blog-content table th,[data-dark-mode] .blog-content table td{border-bottom:1px solid #444!important;color:#e0e0e0!important}[data-dark-mode] .blog-content table tr:hover{background:#2a2a2a!important}.blog-content blockquote{background:rgba(25,118,210,.1)!important}.blog-content code{background:rgba(0,0,0,.1)!important}.blog-content .highlight>pre,.blog-content .highlight>div,.blog-content pre{background:rgba(0,0,0,5%)!important}.blog-content table th{background:rgba(0,0,0,5%)!important}.blog-content table tr:hover{background:rgba(0,0,0,3%)!important}