body{background-color:var(--home-bg-color)}.blog-list{padding:10px 0;margin:0 -1rem}.blog-list:after{clear:both;content:"";display:table}.blog-list li{display:block;float:left;width:25%}.blog-card{border-style:solid;border-width:1px;border-color:var(--card-bd-color);background:var(--card-bg-color);margin-bottom:1rem;border-radius:3px;margin-left:1rem;margin-right:1rem;padding:.8rem;height:25rem}.blog-card:hover{border-color:#4caf50}.blog-thumb img{max-width:100%}.blog-title{font-size:1.2rem}.blog-description{font-size:.8rem;color:#888;line-height:1.4rem;max-height:6rem;overflow:hidden;padding-top:.6rem}.blog-time{font-size:1rem;padding-top:1rem}.blog-tags{font-size:.8rem;color:#888}.blog-tags a{color:#888}.blog-tags a:hover{color:#4caf50}.blog-detail{background-color:var(--card-bg-color);padding:2rem;border-style:solid;border-width:1px;border-color:var(--card-bd-color);border-radius:3px}.blog-detail-title h1{font-size:1.6rem}.blog-detail-meta{color:#888;font-size:14px;margin:15px 0}.blog-detail-meta span{margin-right:10px}.blog-datail-body{line-height:1.8;margin-bottom:2rem;font-size:16px}.blog-datail-body p{margin-bottom:10px}.blog-datail-body img{max-width:100%}.blog-datail-body h3,.blog-datail-body h4{font-weight:700}.blog-datail-body pre{display:block;overflow-x:auto;padding:.8em;background:#f6f6f6;-webkit-text-size-adjust:none;border-radius:4px;font-size:12px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;text-align:left;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#111}.blog-datail-body a:link,.blog-datail-body a:visited{color:#2196f3}.blog-datail-tags{color:#888}.blog-datail-foot{color:#888;margin-top:1.5rem;line-height:2}.blog-datail-back{text-align:center;margin-top:1.5rem}.blog-datail-back a{display:inline-block;padding:.5rem 1rem;border:1px solid #e1e1e1;border-radius:3px}.blog-datail-foot a:link,.blog-datail-foot a:visited{color:#2196f3}@media only screen and (max-width:1440px){.blog-list li{width:33.33%}}@media only screen and (max-width:1024px){.blog-list li{width:33.33333333%}}@media only screen and (max-width:980px){.blog-list li{width:50%}}@media only screen and (max-width:768px){.blog-list li{width:100%}.blog-card{height:auto}}