:root{--default-family:"source-han-sans-simplified-c", "PingFang SC", "Hiragino Sans GB", "PingHei", "Open Sans", sans-serif, Helvetica Neue, "Work Sans", "Microsoft YaHei", SimSun;--default-font-size:16px;--meta-font-size:11px;--text-color-black:#757575;--default-text-color:#333;--title-text-color:#1f1f1f;--meta-text-color:#bbb;--footer-text-color:#ccc;--nav-text-color:#5f5f5f;--description-text-color:#424242;--paginator-text-color:#888;--a-color-1:#424242;--a-color-2:#555;--content-color:#555;--content-a-clolr:#e42b2b;--content-a-hover-clolr:#8e0000;--post-border-color:#f3f3f3;--bg-color:#fafafa;--bg-color-white:#fff;--blog-font-size:45px}html{scroll-behavior:smooth;height:100vh}html body{color:var(--default-text-color);font-family:var(--default-family);font-size:var(--default-font-size);background-color:var(--bg-color);width:100%;margin:0;padding:0}h1,h2,li,p,ul{margin:0}h1{font-size:2em}a{text-decoration:none}a:link,a:visited{opacity:1;color:var(--a-color-1);transition:all .15s linear}a:active,a:hover{color:var(--a-color-2)}p{font-weight:400}li,ul{padding:0;list-style:none}@media (prefers-color-scheme:dark){html body{background-color:#1d1d1d}html body .post-container{background-color:#ffffff0e}html body a:link,html body a:visited{color:#ffffffcf}html body .snippet-item{color:#ffffff8c}html body .post-page .main-blog .post-content{color:#ffffffcf;background-color:#ffffff0e}html body .post-page .main-blog .post-content h2{color:#ffffffcf}html body .post-page .main-blog .post-content .content-body{color:#ffffff8c}html body .centered-header .info-meta .slogan,html body .post-page .main-blog .post-content code,html body .post-page .main-blog .post-content h2,html body .post-page .main-blog .post-content time{color:#ffffffcf}html body .post-page .main-blog .post-content code{background-color:#2525258c}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}html{-webkit-font-smoothing:antialiased}body,html{background-color:var(--bg-color)}body{color:var(--default-text-color);font-family:var(--default-family);font-size:var(--default-font-size);width:100%;margin:0;padding:0}.centered{box-sizing:border-box;flex-direction:column;max-width:922px;min-height:100vh;margin:0 auto;padding:24px 16px 0;display:flex}.centered-header{margin:0 0 16px}.centered-header .info-meta h1{text-align:center;font:bold var(--blog-font-size) Roboto,sans-serif;width:100%;margin:0 0 13px;line-height:normal}.centered-header .info-meta .slogan{text-align:center;color:#424242;opacity:.8;margin:0 0 35px}.centered-header .navigation .tabs{justify-content:center;list-style:none;display:flex}.centered-header .navigation .tabs .tab-item{margin:0 10px}.centered-main,.post-page .main-blog{margin:45px 0 0}.time-box{padding:0 20px 0 0;display:flex}.tags-label .el-icon,.time-box .el-icon{margin-right:5px}.tags-label{display:flex}.tags-label a,.tags-label svg{color:var(--meta-text-color)}.tags-label a,.tags-label i{display:block}.tags-label a{padding-right:6px;text-decoration:none}.tags-label a:hover{color:#1f1f1f}.el-icon{fill:currentColor;justify-content:center;align-items:center;line-height:1em;display:inline-flex;position:relative}.el-icon,.el-icon svg{width:1em;height:1em}.post-container{background:#fff;border-radius:3px;width:auto;min-height:40px;margin:30px 0 0;padding:32px;transition:background .1s ease-out;box-shadow:0 1px 4px #3c40434d}.post-body .snippet-item{word-break:break-all;letter-spacing:.2px;line-height:2em}.post-meta{height:20px;color:var(--meta-text-color);padding:10px 0;display:flex}.post-meta a,.post-meta time{font-size:11px}.blog-pager{border-top:1px solid #e9e9e7;margin:30px 0 0;padding:30px 0 60px;font-size:14px}.blog-pager .paginator{justify-content:space-between;display:flex}.blog-pager .paginator a,.blog-pager .paginator span{color:var(--paginator-text-color);display:block}.blog-pager .paginator a:last-child{margin-right:30px}.blog-pager .paginator a:first-child{margin-left:30px}.centered-footer .footer-slogan{color:var(--text-color-black);letter-spacing:1px;text-align:center;padding-top:25px;padding-bottom:10px;font-size:16px}.post-page .main-blog{border-radius:3px}.post-page .main-blog .post-content{background-color:#fff;padding:64px}.post-page .main-blog .post-content h2{text-transform:uppercase;letter-spacing:1px;color:var(--title-text-color);margin:0 0 6px;font-size:1.5rem;font-weight:700;line-height:1}.post-page .main-blog .post-content time{color:#00000070;height:15px;margin:20px 0;font-size:12px;line-height:15px;display:block}.post-page .main-blog .post-content .content-body{color:#555}.post-page .main-blog .post-content .content-body p{letter-spacing:.2px;line-height:2em}.post-page .main-blog .post-content .content-body img{max-width:100%}.content-footer{border-top:1px solid #e9e9e7;margin-top:30px;padding:30px 0}.content-footer a{background-color:var(--meta-text-color);color:#fff;border-radius:5px;margin-right:10px;padding:1px 5px;font-size:11px}@media screen and (width<=800px){.centered{padding:8px}.centered-header{margin:15px 0 0}.centered-header .info-meta h1{font-size:calc(var(--blog-font-size) * .5);margin-bottom:13px}.centered.post-page{padding:0}.post-page .main-blog{border-radius:0;padding:8px}.post-container,.post-page .main-blog .post-content{padding:16px}}