::-webkit-input-placeholder{color:#999}:-moz-placeholder{color:#999}::-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}body,html{background:#f8f8f8;font-family:-apple-system,BlinkMacSystemFont,opensans,Optima,"Microsoft Yahei",sans-serif;font-weight:400;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}.page-block{background:#fff;margin:.75rem 0;border-radius:.1rem;-moz-box-shadow:0 0 .15rem #ccc;-webkit-box-shadow:0 0 .15rem #ccc;box-shadow:0 0 .15rem #ccc}.page-block>.head{padding:.5rem;color:#333;line-height:1.2rem;font-size:1.2rem;border-bottom:.05rem solid #eee}.page-block>.head h2{border-left:.15rem solid var(--color-primary);line-height:1.2rem;padding:0 0 0 .3rem;font-size:1.2rem}.page-block>.body{padding:.5rem;color:#666}header{position:fixed;left:0;top:0;bottom:0;width:35%;background:no-repeat center;background-size:cover}header .container{padding:2rem}header .container .avatar{text-align:center}header .container .avatar img{width:3.5rem;height:3.5rem;border:.1rem solid #ccc;border-radius:50%}header .container h1{text-align:center;padding:1rem 0 0 0;margin:0}header .container h1 a{color:#fff;font-size:1.4rem;line-height:1.4rem;display:block}header .container h2{color:#fff;text-align:center;font-size:1rem;padding:.5rem 0 0 0;margin:0;line-height:1rem}header .container .menu{text-align:center;padding:1.5rem 0 0 0;margin:0}header .container .menu li{display:inline-block;list-style:none;padding:0;margin:0 .25rem}header .container .menu li a{display:inline-block;width:1.6rem;height:1.6rem;border-radius:50%;color:#eee;border:.05rem solid #eee;text-align:center;font-size:.8rem;line-height:1.6rem}header .container .introduction{color:#ccc;padding:1rem 0 0 0;font-size:.7rem;line-height:1.2rem}header .container .introduction p{padding:0;margin:0}header .copyright{position:fixed;bottom:0;left:0;color:#999;text-align:center;width:35%;font-size:.6rem;line-height:1.2rem}header .copyright a{color:#999}#body{padding:0 0 0 35%}#body .container{padding:1rem}#body .container .blog-list .blog-list-block{padding:.5rem;box-sizing:border-box;width:33%}#body .container .blog-list .blog-list-block .item{display:block;box-sizing:border-box;background:#fff;padding:1rem;margin:0}#body .container .blog-list .blog-list-block .item:hover{box-shadow:0 0 .4rem #ccc}#body .container .blog-list .blog-list-block .item h2{font-size:1rem;color:var(--color-primary);padding:0;margin:0;line-height:1.4rem}#body .container .blog-list .blog-list-block .item .cover{margin:1rem 0 0 0}#body .container .blog-list .blog-list-block .item .cover.cover-only{margin:-1rem}#body .container .blog-list .blog-list-block .item .cover img{width:100%;min-height:2.5rem}#body .container .blog-list .blog-list-block .item .summary{margin:1rem 0 0 0;font-size:.7rem;line-height:1.2rem;color:#999}#body .container .page{text-align:center}#body .container .page a{display:inline-block;line-height:1.2rem;padding:.8rem;color:#999;box-shadow:0 0 .1rem #ccc;background:#fff;border-radius:.1rem;border:none;margin:0 .25rem}#body .container .comment{padding:1rem;margin:1rem}#body .container .comment .head{padding:0 0 0 3.5rem;overflow:hidden}#body .container .comment .head .avatar{float:left;margin:0 0 0 -3.5rem}#body .container .comment .head .avatar img{width:3rem;height:3rem;border-radius:50%;border:.05rem solid #eee}#body .container .comment .head .input{padding:.3rem 0 0 0}#body .container .comment .head .input input{border:none;border-bottom:.05rem solid #eee;height:2rem;line-height:2rem;font-size:.8rem;display:block;width:100%;outline:0;color:#333;box-sizing:border-box}#body .container .comment .body{padding:1rem 0 0 0}#body .container .comment .body textarea{display:block;width:100%;height:6.4rem;font-size:.8rem;line-height:1.2rem;border:.05rem solid #eee;color:#333;outline:0;padding:.5rem;box-sizing:border-box;resize:vertical;border-radius:.15rem}#body .container .comment .contact{padding:1rem 0 0 0}#body .container .comment .contact input{border:.05rem solid #eee;font-size:.8rem;height:2rem;line-height:2rem;display:block;width:100%;outline:0;color:#333;padding:.5rem;box-sizing:border-box;border-radius:.15rem}#body .container .comment .contact button{border:.05rem solid #eee;border-radius:.15rem;display:block;text-align:center;font-size:.8rem;height:2rem;line-height:2rem;background:#fff;width:100%;box-sizing:border-box;cursor:pointer}#body .container .comment .contact button:hover{background:#eee}#body .container .comment .desc{padding:1rem 0 0;color:#999}#body .container .comment-list .item{padding:1rem;margin:1rem}#body .container .comment-list .item .head{padding:0 0 0 3.5rem;border:none}#body .container .comment-list .item .head .avatar{float:left;margin:0 0 0 -3.5rem}#body .container .comment-list .item .head .avatar img{width:3rem;height:3rem;border-radius:50%;border:.05rem solid #eee}#body .container .comment-list .item .head h3{border:none;height:2rem;line-height:2rem;font-size:1rem;display:block;width:100%;outline:0;color:#666;box-sizing:border-box;margin-bottom:0}#body .container .comment-list .item .head h3 a{color:#666}#body .container .comment-list .item .head h4{color:#999;line-height:1rem;font-size:.7rem}#body .container .comment-list .item .content{padding:1rem 0 0 0;font-size:.7rem;line-height:1.2rem;color:#666}#body .container .comment-list .item .content p{padding:0;margin:0}#body .container .comment-list .item .reply{margin:1rem 0 0 0;border-left:.1rem solid #ccc;padding:.5rem .5rem .5rem 1rem;background:#eee}#body .container .comment-list .item .reply p{margin:0}#body .container .comment-list .item .action{margin:1rem 0 0 0;padding:1rem 0 0 0;overflow:hidden;border-top:.05rem solid #eee}#body .container .comment-list .item .action a{display:block;width:50%;float:left;padding:0;margin:0;list-style:none;color:#999;text-align:center}#body .container .comment-list .item .action a.active{color:var(--color-primary)}#body .container .comment-list .item .action a:hover{color:#666}#body .container .blog{padding:1rem}#body .container .blog .head h1{font-size:1.4rem;line-height:1.6rem}#body .container .blog .head h1 a{display:inline-block;height:1.6rem;line-height:1.4rem;padding:0 .8rem;color:#666;border:.05rem solid #ccc;margin:0 .25rem;vertical-align:bottom;border-radius:.1rem;text-decoration:none;background:#fff;box-shadow:0 0 .1rem #ccc}#body .container .blog .head .attr{color:#999}#body .container .blog .body .summary{margin:1rem 0 0 0;border-left:.1rem solid #ccc;padding:.5rem .5rem .5rem 1rem;background:#eee}#body .container .blog .body .summary p{margin:0;padding:0;font-size:.7rem;line-height:1.2rem;color:#666}#body .container .blog .body .images{margin:1rem 0 0 0}#body .container .blog .body .images .image{margin:.5rem 0;text-align:center}#body .container .blog .body .images .image img{max-width:100%}#body .container .blog .body .content{margin:1rem 0 0 0}#body .container .blog .body .content p{padding:0;font-size:.7rem;line-height:1.2rem;color:#666}#body .container .blog .body .share{padding:1rem 0;text-align:center}#body .container .blog .nav a{display:block;color:#999;font-size:.8rem;line-height:1.4rem}#body .container .blog .nav a:hover{color:var(--color-primary)}@media (max-width:40rem){header{position:static;left:auto;top:auto;bottom:auto;width:100%}header .copyright{display:none}#body{padding:0}#body .container{padding:0}#body .container .blog-list .blog-list-block{width:100%!important}}