html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*{font-family:"Noto Serif",-apple-system,BlinkMacSystemFont,Segoe UI,serif}body{--text-color: #404040;--text-title-color: #111;--bkg-color: #fff;--link-color: #111;--link-active-color: #0074bf;--text-second-color: #7a7a7a;--border-color: #ececec;--article-text-color: #000;--textarea-color: #fff;--comment-primary-color: #6190e8;--comment-border-color: #dfe2e5;--popup-bg-color: #fff;--post-link-color: #060606;--comment-btn-bg-color: #fff;--comment-btn-border-color: #6190e8;--comment-btn-color: #6190e8;--comment-primary-btn-bg-color: #6190e8;--comment-primary-btn-border-color: #6190e8;--comment-primary-btn-color: #fff;--post-info-color: #060606;--switch-bg-color: #395b64;--img-bg-color: #eeedeb;--caption-bg-color: #f6f8fa;--code-color: #eb5757;--code-bg-color: rgba(135, 131, 120, .15)}body.dark-mode{--text-color: #a0a0a0;--text-title-color: #d2d2d2;--bkg-color: #3c3c3c;--link-color: #d2d2d2;--link-active-color: #0074bf;--text-second-color: #92918e;--border-color: #4b4b4b;--article-text-color: #a0a0a0;--textarea-bg-color: #4c4c4c;--post-link-color: #a0a0a0;--comment-primary-color: #1565c0;--comment-border-color: #717374;--popup-bg-color: #3a3636;--comment-btn-bg-color: #4c4c4c;--comment-btn-border-color: transparent;--comment-btn-color: #a0a0a0;--comment-primary-btn-bg-color: #4c4c4c;--comment-primary-btn-border-color: transparent;--comment-primary-btn-color: #d2d2d2;--post-info-color: #c8c8c8;--switch-bg-color: #333333;--img-bg-color: #616364;--caption-bg-color: #1a1b26;--code-color: #b8a4a4;--code-bg-color: #303536}body.dark-mode img,body.dark-mode code.hljs{filter:brightness(.9);background-color:#303536}@media (color-index: 48){body{--text-color: #a0a0a0;--text-title-color: #d2d2d2;--bkg-color: #3c3c3c;--link-color: #d2d2d2;--link-active-color: #0074bf;--text-second-color: #92918e;--border-color: #4b4b4b;--article-text-color: #a0a0a0;--textarea-bg-color: #4c4c4c;--post-link-color: #a0a0a0;--comment-primary-color: #1565c0;--comment-border-color: #717374;--popup-bg-color: #3a3636;--comment-btn-bg-color: #4c4c4c;--comment-btn-border-color: transparent;--comment-btn-color: #a0a0a0;--comment-primary-btn-bg-color: #4c4c4c;--comment-primary-btn-border-color: transparent;--comment-primary-btn-color: #d2d2d2;--post-info-color: #c8c8c8;--switch-bg-color: #333333;--img-bg-color: #616364;--caption-bg-color: #1a1b26;--code-color: #b8a4a4;--code-bg-color: #303536}body img,body code.hljs{filter:brightness(.9);background-color:#303536}body.light-mode{--text-color: #404040;--text-title-color: #111;--bkg-color: #fff;--link-color: #111;--link-active-color: #0074bf;--text-second-color: #7a7a7a;--border-color: #ececec;--article-text-color: #000;--textarea-bg-color: #fff;--post-link-color: #060606;--comment-primary-color: #6190e8;--comment-border-color: #dfe2e5;--popup-bg-color: #fff;--comment-btn-bg-color: #fff;--comment-btn-border-color: #6190e8;--comment-btn-color: #fff;--comment-primary-btn-bg-color: #6190e8;--comment-primary-btn-border-color: #6190e8;--comment-primary-btn-color: #fff;--post-info-color: #060606;--switch-bg-color: #395b64;--img-bg-color: #eeedeb;--caption-bg-color: #f6f8fa;--code-color: #eb5757;--code-bg-color: rgba(135, 131, 120, .15)}}@media (color: 48842621){body{--text-color: #a0a0a0;--text-title-color: #d2d2d2;--bkg-color: #3c3c3c;--link-color: #d2d2d2;--link-active-color: #0074bf;--text-second-color: #92918e;--border-color: #4b4b4b;--article-text-color: #a0a0a0;--textarea-bg-color: #4c4c4c;--post-link-color: #a0a0a0;--comment-primary-color: #1565c0;--comment-border-color: #717374;--popup-bg-color: #3a3636;--comment-btn-bg-color: #4c4c4c;--comment-btn-border-color: transparent;--comment-btn-color: #a0a0a0;--comment-primary-btn-bg-color: #4c4c4c;--comment-primary-btn-border-color: transparent;--comment-primary-btn-color: #d2d2d2;--post-info-color: #c8c8c8;--switch-bg-color: #333333;--img-bg-color: #616364;--caption-bg-color: #1a1b26;--code-color: #b8a4a4;--code-bg-color: #303536}body img,body code.hljs{filter:brightness(.9);background-color:#303536}body.light-mode{--text-color: #404040;--text-title-color: #111;--bkg-color: #fff;--link-color: #111;--link-active-color: #0074bf;--text-second-color: #7a7a7a;--border-color: #ececec;--article-text-color: #000;--textarea-bg-color: #fff;--post-link-color: #060606;--comment-primary-color: #6190e8;--comment-border-color: #dfe2e5;--popup-bg-color: #fff;--comment-btn-bg-color: #fff;--comment-btn-border-color: #6190e8;--comment-btn-color: #fff;--comment-primary-btn-bg-color: #6190e8;--comment-primary-btn-border-color: #6190e8;--comment-primary-btn-color: #fff;--post-info-color: #060606;--switch-bg-color: #395b64;--img-bg-color: #eeedeb;--caption-bg-color: #f6f8fa;--code-color: #eb5757;--code-bg-color: rgba(135, 131, 120, .15)}}@media (prefers-color-scheme: dark){body{--text-color: #a0a0a0;--text-title-color: #d2d2d2;--bkg-color: #3c3c3c;--link-color: #d2d2d2;--link-active-color: #0074bf;--text-second-color: #92918e;--border-color: #4b4b4b;--article-text-color: #a0a0a0;--textarea-bg-color: #4c4c4c;--post-link-color: #a0a0a0;--comment-primary-color: #1565c0;--comment-border-color: #717374;--popup-bg-color: #3a3636;--comment-btn-bg-color: #4c4c4c;--comment-btn-border-color: transparent;--comment-btn-color: #a0a0a0;--comment-primary-btn-bg-color: #4c4c4c;--comment-primary-btn-border-color: transparent;--comment-primary-btn-color: #d2d2d2;--post-info-color: #c8c8c8;--switch-bg-color: #333333;--img-bg-color: #616364;--caption-bg-color: #1a1b26;--code-color: #b8a4a4;--code-bg-color: #303536}body img,body code.hljs{filter:brightness(.9);background-color:#303536}body.light-mode{--text-color: #404040;--text-title-color: #111;--bkg-color: #fff;--link-color: #111;--link-active-color: #0074bf;--text-second-color: #7a7a7a;--border-color: #ececec;--article-text-color: #000;--textarea-bg-color: #fff;--post-link-color: #060606;--comment-primary-color: #6190e8;--comment-border-color: #dfe2e5;--popup-bg-color: #fff;--comment-btn-bg-color: #fff;--comment-btn-border-color: #6190e8;--comment-btn-color: #fff;--comment-primary-btn-bg-color: #6190e8;--comment-primary-btn-border-color: #6190e8;--comment-primary-btn-color: #fff;--post-info-color: #060606;--switch-bg-color: #395b64;--img-bg-color: #eeedeb;--caption-bg-color: #f6f8fa;--code-color: #eb5757;--code-bg-color: rgba(135, 131, 120, .15)}}h1,h2,h3,h4,h5,h6{font-weight:600;margin-top:40px;margin-bottom:16px}h2{font-size:1.5625rem;margin-top:50px;margin-bottom:16px}h3{font-size:1.25rem}h4{font-size:1rem}h5,h6{font-size:.875rem}.main-content{max-width:720px;margin:0 auto}body{background-color:var(--bkg-color);color:var(--text-color)}a{color:var(--link-color)}a:hover,a:active{color:var(--link-active-color)}p{margin:27px 0;line-height:1.875rem}#gitalk-container{color:var(--article-text-color)}#gitalk-container .gt-meta{border-color:var(--border-color)}#gitalk-container textarea{background-color:var(--textarea-bg-color);color:var(--article-text-color)}#gitalk-container .gt-btn{background-color:var(--comment-btn-bg-color);border-color:var(--comment-btn-border-color);color:var(--comment-btn-color)}#gitalk-container .gt-btn-public,#gitalk-container .gt-btn-login{border-color:var(--comment-primary-btn-border-color);color:var(--comment-primary-btn-color);background-color:var(--comment-primary-btn-bg-color)}#gitalk-container .gt-container.gt-input-focused:after{background:transparent!important}#gitalk-container .gt-comment-content{background-color:var(--textarea-bg-color)}#gitalk-container .gt-comment-content:hover{box-shadow:none}#gitalk-container .gt-link,#gitalk-container .gt-comment-username,#gitalk-container .gt-ico-text,#gitalk-container .user-mention{color:var(--comment-primary-color)}#gitalk-container .gt-svg svg{fill:var(--comment-primary-color)}#gitalk-container blockquote{border-color:var(--comment-border-color)}#gitalk-container .gt-popup{background-color:var(--popup-bg-color);border-color:var(--border-color)}#gitalk-container .gt-popup a{color:var(--comment-primary-color)}#gitalk-container .gt-container a.is--active{color:var(--article-text-color)}#gitalk-container .gt-container .gt-copyright{border-color:var(--border-color)}.main-container{position:relative}.article-list .article-list-item{padding:22px 0 12px;border-bottom:1px solid #ececec;border-color:var(--border-color);position:relative}.article-list .article-list-item.has-img{padding-right:170px}.article-list .article-title{display:block;font-weight:400;font-size:1.3125rem;width:calc(100% - 65px);line-height:1.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:12px}.article-list .article-preview{margin-bottom:2px;transition:all .2s ease;font-size:1rem;line-height:1.5rem;max-width:580px}.article-list .article-time{color:var(--text-second-color);font-size:.8125rem;height:35px;display:flex;align-items:center}.article-list .img-wrapper{position:absolute;top:25px;right:0;width:150px;height:80px;background-size:cover,auto;background-position:50%;opacity:.75}.home-pager{height:60px;display:flex;align-items:center;justify-content:center;font-size:1rem}.home-pager .page-number{margin:0 8px}.home-pager .page-number.current{color:var(--link-active-color)}.post-page{position:relative;padding-bottom:60px}.post-page .title-bar{margin-bottom:30px;padding-top:20px}.post-page h1{font-weight:400;font-size:2.25rem;line-height:2.875rem;margin-bottom:12px;margin-top:0;color:var(--text-title-color)}.post-page .feature-img img{max-width:100%}.post-page p{color:var(--article-text-color);font-size:1.125rem}.post-page .img-caption{font-size:.875rem;text-align:center;display:block}.post-page .post-info{color:var(--post-info-color);display:flex;align-items:center}.post-page .post-info .tags{display:inline-block;margin-left:6px}.post-page .post-info .tags a{margin:0 3px;color:var(--post-info-color)}.post-page .post-info .tags a:hover,.post-page .post-info .tags a:active{color:var(--link-active-color)}.post-page img{max-width:90%;border-radius:5px;display:block;margin:0 auto 6px}.post-page img.img-loading{height:200px;width:90%;background-color:var(--img-bg-color);background-position:center center;background-repeat:no-repeat}.post-page .video-container{height:0;margin-bottom:20px;overflow:hidden;padding-top:75%;position:relative;width:100%}.post-page .video-container iframe,.post-page .video-container object,.post-page .video-container embed{height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.post-page .post-pager{border-top:1px dashed #ececec;border-color:var(--border-color);height:80px;display:flex;justify-content:space-between;align-items:center}.post-page .post-pager div{flex-basis:48%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-page .post-pager div.next{text-align:right}.post-page .post-pager div.pre{text-align:left}.post-page .post-pager a{color:var(--post-link-color)}.post-page .post-pager a:hover,.post-page .post-pager a:active{color:var(--link-active-color)}.post-page a{color:var(--post-link-color)}.post-page a:hover,.post-page a:active{color:var(--link-active-color)}.post-page .copyright-wrapper{border-top:1px dashed #ececec;border-color:var(--border-color);padding:10px 0}.post-page .copyright-wrapper p{margin:7px 0;font-size:.875rem}.post-page .copyright-wrapper a{color:var(--post-link-color);border-bottom:1px dashed #ececec;border-color:var(--border-color)}.post-page .copyright-wrapper a:hover,.post-page .copyright-wrapper a:active{color:var(--link-active-color)}.post-page ul,.post-page ol{padding-left:30px}.post-page ul li,.post-page ol li{list-style:disc outside none;list-style:initial;line-height:2.125rem}.post-page ol li{list-style:auto}.post-page dt,.post-page dd{line-height:2.125rem}.post-page dd{padding-left:30px}.post-page table{border-collapse:collapse}.post-page table th,.post-page table td{border:1px solid #ddd;border-color:var(--border-color)}.post-page table th{height:32px;vertical-align:middle;padding:6px}.post-page table td{text-align:center;vertical-align:center;padding:6px}.post-page .highlight table{border:0;margin:0;width:auto}.post-page .highlight td{text-align:left;border:0;padding:0}.post-page blockquote{border-left:4px solid #ddd;border-color:var(--border-color);margin:0;padding:0 15px}.post-page .caption{background-color:var(--caption-bg-color);line-height:1.875rem;padding:0 8px;display:flex;justify-content:space-between}.post-page .caption a{color:var(--post-link-color)}.post-page .caption a:hover,.post-page .caption a:active{color:var(--link-active-color)}.post-page mark{background:none}.post-page strong,.post-page cite{color:var(--article-text-color)}.post-page cite{margin-left:10px}.post-page code{background-color:var(--code-bg-color);padding:3px;line-height:1.625rem}.post-page ::-webkit-scrollbar{display:none}.post-page iframe{width:100%}.archive-page .article-info{display:flex;align-items:center;margin-bottom:20px}.archive-page .article-info .date{margin-right:20px;flex-shrink:0}@media screen and (min-width: 800px){html{font-size:1rem}}@media screen and (min-width: 800px){html{font-size:1rem}main{max-width:800px;margin:0 auto}}@media screen and (max-width: 799px){html{font-size:1rem}.page-header li{font-size:1.25rem}.post-page h1{font-size:1.625rem}h2{font-size:1.375rem}h3{font-size:1.25rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}main{max-width:720px;margin:0 auto}}@media screen and (max-width: 540px){html{font-size:.875rem}main{max-width:100%;padding:0 20px}.page-header li{font-size:1.25rem}.post-page h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.25rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}.article-list .article-list-item.has-img{padding-right:100px}.article-list .img-wrapper{width:80px}.article-list .article-title{white-space:pre-wrap;width:100%}}.page-header{padding:20px 20px 60px;font-size:1.0625rem;margin:0 auto;width:100%;box-sizing:border-box}.page-header nav{position:relative}.page-header .router-list{display:flex;justify-content:center;flex-direction:row}.page-header .nav-item{margin:17px;font-weight:600}.page-header .nav-item a{transition:all .35s ease-in-out}.page-header .mode-switch{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.page-header .mode-switch .iconfont{font-size:1.375rem;cursor:pointer}.page-header .social-list{display:flex;justify-content:center;align-items:center;padding-top:20px}.page-header .social-list li{height:30px;line-height:1.875rem;margin:0 10px;cursor:pointer}.page-header .social-list span{font-size:1.5rem;transition:all .35s ease-in-out}.page-header .social-list .icon-github,.page-header .social-list .icon-mail{font-size:1.625rem}footer.footer-page{height:50px;padding:20px;display:flex;align-items:center;justify-content:center}footer.footer-page a{display:inline-block;margin-left:5px}