body{background:#f0f0f0;padding:0 0 20px;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column}.post-header{align-self:center;width:100%;max-width:1000px;margin-top:0;box-sizing:border-box;text-align:center;padding:40px 0 20px;background:#fff}.post-header>h1{font-size:26px;margin:0;color:#485763}.about-edit{display:inline-block;margin-top:10px;font-size:12px;color:#999;transition:color .3s ease-in-out}.about-edit:hover{color:#24c9ff}.article{align-self:center;width:100%;max-width:1000px;box-sizing:border-box;margin:0;border-top:1px solid #eee;padding:20px 40px 40px;background:#fff;position:relative;color:#5a5a5a}.about-page>.article{margin-bottom:20px}.article:after{content:"";display:block;clear:both}.clearfix{clear:both}.tags{margin:20px 0 10px}.tags .tag{background:#aaa;color:#fff;padding:3px 11px;margin-right:10px;display:inline-block;vertical-align:middle;font-size:14px}.time{font-size:14px;margin-top:15px;position:relative;left:-15px;float:left}.look{font-size:14px;margin-top:15px;float:right;margin-right:-15px}@media screen and (max-width: 700px){body{background:#fff}.post-header{margin-top:0}body>h1{margin:0;padding:1rem}ul{margin-left:2rem}.article{padding:1rem;margin-bottom:0}.time{font-size:14px;margin-top:15px;left:0}.look{font-size:14px;margin-top:15px;float:right;margin-right:0}}@media print{.comments,.footbar,.tags{display:none}}.comments{align-self:center;width:100%;max-width:1000px;box-sizing:border-box;margin-top:20px;margin-bottom:20px;overflow:hidden;background:#fff}.comment-header{font-size:20px;padding:10px 20px;border-top:1px solid #eee;color:#485763}.comment{padding:10px 20px;font-size:16px;border-top:1px solid #f2f2f2}.comment .user .user-name{font-size:16px;display:inline-block;color:#000}.comment .user .date{font-size:12px;display:inline-block;color:#000000b3;margin-left:8px}.comment .content{color:#000000e0;font-size:16px;line-height:22px;margin:10px 0 0}.form{padding:0 20px 20px}.form-group{margin:10px 0}.form-group label{display:block;font-size:14px;color:#666;margin-bottom:4px}.form-group input,.form-group textarea{box-sizing:border-box;padding:6px;line-height:26px;width:100%;max-width:400px;border:1px solid #ddd;border-radius:2px;font-size:16px;outline:none}.form-group textarea{height:115px;resize:none;max-width:600px}.form-group input:focus,.form-group textarea:focus{border-color:#bbb}.btn-group button{display:block;font-size:14px;background:#444;padding:6px 18px;line-height:26px;color:#eee;cursor:pointer;border:0;border-radius:4px;margin-top:10px}.no-comments{padding:20px;margin:0;color:#999}.tip{align-self:center;width:100%;max-width:1000px;box-sizing:border-box;margin-top:10px;line-height:30px;text-align:center;color:#fff;border-radius:3px}.tip.warn{background:#bd362f}.tip.success{background:#299c46}