.nav-link{display:flex;justify-content:center;align-items:center;color:var(--secondary)}.nav-link:hover,.nav-link.active{color:var(--accent-text)}.search-box{position:relative;display:inline-block}.search-box .search-icon{position:absolute;top:.5rem;left:.6rem;width:1rem;height:1rem;color:var(--tertiary);pointer-events:none}.search-box input{width:12rem;height:2rem;padding:0 .5rem 0 2rem;font-size:.9rem;line-height:2rem;color:var(--secondary);border:1px solid var(--border);border-radius:2rem;outline:none;background-color:var(--white);transition:border-color .2s ease}.search-box input:focus{border-color:var(--accent-text)}.search-box .suggestions{position:absolute;top:2.5rem;left:0;width:20rem;margin:0;padding:.4rem;list-style:none;border:1px solid var(--border);border-radius:6px;background-color:var(--white)}.search-box .suggestion{padding:.4rem .6rem;line-height:1.4;border-radius:4px;cursor:pointer}.search-box .suggestion a{display:block;white-space:normal;color:var(--secondary);text-decoration:none}.search-box .suggestion .page-title{font-weight:600}.search-box .suggestion .header{margin-left:.25em;font-size:.9em}.search-box .suggestion.focused{background-color:var(--bg)}.search-box .suggestion.focused a{color:var(--accent-text)}.header{min-height:var(--header-height)}.header-inner{height:var(--header-height);background-color:var(--header);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;gap:1rem;position:fixed;top:0;left:0;right:0;z-index:1000}.header-inner .title{font-size:2rem;text-transform:uppercase}.header-inner .title .home-link{font-weight:600;display:flex;justify-content:center;align-items:center;text-decoration:none;color:var(--main)}.header-inner .title .profile{width:3rem;margin-right:1rem}.header-right-wrap{display:flex;justify-content:flex-end;align-items:center}.header-right-wrap .nav{display:flex;margin:0;padding:0;list-style:none}.header-right-wrap .nav .nav-item{margin-left:2rem}.header-right-wrap .nav .nav-item a{font-size:1.25rem;border-bottom:2px solid var(--header)}.header-right-wrap .nav .nav-item a:hover,.header-right-wrap .nav .nav-item a:active{border-bottom:2px solid var(--accent)}@media (max-width: 1080px){.header-right-wrap .nav .nav-item{margin-left:1.25rem}.header-right-wrap .search-box input{width:9rem}}@media (max-width: 880px){.header{display:none}}.mobile-header{min-height:var(--header-height)}.mobile-header-bar{z-index:1000;position:fixed;top:0;left:0;right:0;background-color:var(--header)}.mobile-header-icon{display:flex;padding:0;color:inherit;border:none;background:none;cursor:pointer}.mobile-header .mobile-header-title{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--border)}.mobile-header .mobile-header-title .mobile-home-link{text-transform:uppercase;font-weight:600;display:flex;justify-content:center;align-items:center;text-decoration:none;color:var(--main)}.mobile-nav{list-style:none;margin:0;padding:0}.mobile-nav-item{padding:1rem 1.5rem}.mobile-nav-item .nav-link{justify-content:flex-start}.menu-divider{margin:0}.mobile-menu-wrapper{max-height:0;overflow:hidden;visibility:hidden;transition:max-height .3s ease,box-shadow .3s ease,visibility 0s .3s;background-color:var(--header)}.mobile-menu-wrapper.open{visibility:visible;transition-delay:0s;max-height:20rem;box-shadow:0 5px 20px #00000008,0 6px 6px #0000000d}@media (min-width: 880px){.mobile-header{display:none}}.footer{margin-top:auto;background-color:var(--accent);width:100%;display:flex;flex:none;height:var(--footer-height);align-items:center;justify-content:space-between;padding:0 1.5rem}.footer .contact{display:flex;list-style:none;margin:0;padding:0}.footer .contact-item{margin:0 .5rem}.footer .nav-link{color:var(--main)}.footer .nav-link:hover{color:var(--main);text-decoration:underline}.footer .copyright{list-style:none;margin:0;padding:0}.notfound-title{text-align:center;font-size:6rem;color:var(--secondary)}.notfound-button{display:flex;justify-content:center;align-items:center;width:8rem;height:2.5rem;font-size:.875rem;border:1px solid var(--border);border-radius:.25rem;color:var(--main);background:var(--button);margin:0 auto}.post-tag{margin-right:.5rem}.post-tag.active{color:var(--accent-text)}.post-meta{display:flex}.post-meta-date{display:flex;justify-content:flex-start;align-items:center;font-size:.75rem;margin-right:1rem}.post-meta-tags{display:flex;justify-content:flex-start;align-items:center}.post-meta svg{font-size:0;margin-right:.5rem;width:.75rem;height:.75rem}.pagination{display:flex;margin:1rem 0}.pagination-left,.pagination-right{width:50%}.pagination-right{display:flex;justify-content:flex-end}.pagination-prev,.pagination-next{display:flex;justify-content:center;align-items:center;width:8rem;height:2.5rem;font-size:.875rem;border:1px solid var(--border);border-radius:.25rem;color:var(--main);background:var(--button)}.tags-header{text-align:center}.tags-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));padding:1rem 0;list-style:none}.tags-item{border-radius:.5rem;background-color:var(--white)}.tags-link{padding:1rem;display:flex;width:100%;height:100%;justify-content:space-between}.tags-count{width:1.5rem;height:1.5rem;text-align:center;border-radius:.25rem;background-color:var(--accent-text);color:var(--white)}.archives-header{text-align:center}.archives-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));padding:1rem 0;list-style:none}.archives-item{border-radius:.5rem;background-color:var(--white)}.archives-link{position:relative;padding:1rem;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.archives-name{font-size:3rem}.archives-count{position:absolute;right:1rem;bottom:1rem;width:1.5rem;height:1.5rem;text-align:center;border-radius:.25rem;background-color:var(--accent-text);color:var(--white)}.archive-header{text-align:center}.archive-list{list-style:none;padding:1rem;margin:1rem 0;border-radius:.5rem;background-color:var(--white)}.archive-item{padding:.5rem;margin:.5rem;border-bottom:1px solid var(--border)}.archive-link{font-size:1.5rem;margin-bottom:.5rem}.article-comment{margin-top:1rem;border-top:1px solid var(--border)}.post-content .friend-link{display:block;width:fit-content;margin:.5rem 0}:root{--light-bg: rgba(0, 0, 0, .02);--bg: rgba(0, 0, 0, .04);--divider: rgba(0, 0, 0, .09);--border: rgba(0, 0, 0, .15);--disabled: rgba(0, 0, 0, .25);--tertiary: rgba(0, 0, 0, .45);--secondary: rgba(0, 0, 0, .65);--main: rgba(0, 0, 0, .85);--accent: #8191f1;--accent-text: #4a61eb;--white: #fff;--button: #fff;--header: #fff;--article: #fff;--header-height: 4rem;--footer-height: 4rem}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-Regular.9sMoswZ-.woff) format("woff"),url(/assets/OpenSans-Regular.C58Z07Fu.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/OpenSans-SemiBold.D1rVhN68.woff) format("woff"),url(/assets/OpenSans-SemiBold.Dax9uKCl.ttf) format("truetype")}.post-content code{color:var(--main);padding:.1rem .4rem;margin:.1rem;font-size:.85em;background-color:var(--bg);border-radius:.25rem}.post-content div[class*=language-]{position:relative;margin:.85rem 0;background-color:var(--bg);border-radius:.25rem}.post-content div[class*=language-] pre{position:relative;z-index:1;margin:0;padding:1.25rem 1.5rem;line-height:1.4;overflow-x:auto;background-color:transparent!important}.post-content div[class*=language-] code{padding:0;margin:0;color:var(--main);background-color:transparent;border-radius:0}.post-content div[class*=language-] .lang{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:var(--main);transition:opacity .2s}.post-content div[class*=language-] button.copy{position:absolute;z-index:4;top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.75rem;color:var(--secondary);border:1px solid var(--border);border-radius:.25rem;background-color:var(--white);cursor:pointer;opacity:0;transition:opacity .2s}.post-content div[class*=language-] button.copy:before{content:"Copy"}.post-content div[class*=language-] button.copy.copied:before{content:"Copied"}.post-content div[class*=language-]:hover button.copy{opacity:1}.post-content div[class*=language-]:hover .lang{opacity:0}.post-content div[class*=language-].line-numbers-mode pre{padding-left:4.5rem}.post-content div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;z-index:4;top:0;width:3.5rem;padding:1.25rem 0;line-height:1.4;text-align:center;color:var(--main);-webkit-user-select:none;user-select:none}.post-content div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{font-size:.85em}.post-content div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:.25rem 0 0 .25rem;border-right:1px solid var(--border);background-color:#f1f2f3}html,body{padding:0;margin:0;height:100%}html{scroll-padding-top:calc(var(--header-height) + 1rem)}body{font-family:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:400;color:var(--main);background-color:var(--bg)}*,:after,:before{box-sizing:border-box}.global-layout{height:100%;display:flex;flex-direction:column}.container{display:flex;justify-content:center}.content{max-width:75rem;width:100%;padding:0 1.5rem}.article{padding:1rem 2rem;border-radius:.5rem;background-color:var(--article);margin:2rem 0}.article-title{color:var(--main);text-align:center}.post-content{overflow-wrap:break-word}.post-content a{display:inline;color:var(--accent-text)}.post-content a:hover{text-decoration:underline}.post-content img{max-width:100%}a{display:inline-block;color:var(--main);text-decoration:none}a:hover{color:var(--accent-text)}blockquote{font-size:.9rem;color:var(--main);border-left:.25rem solid var(--accent);margin:.5rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}h1{margin:2rem 0;font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:before{content:"#"}a.header-anchor:hover{text-decoration:none}code,kbd,.line-numbers-wrapper{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p,ul,ol{margin:.5rem 0;line-height:1.5}hr{border:0;border-top:1px solid var(--border)}#app{height:100%}@media (max-width: 880px){.content{padding:0 .5rem}.article{padding:1rem;margin:1rem 0}h1{margin:1rem;font-size:1.75rem}h2{font-size:1.5rem}}