.blog-list{background:#faf9f7}.blog-post-grid{grid-template-columns:repeat(3,1fr)}.blog-notice{max-width:760px;margin:auto;padding:30px;background:#f7f7f7;border-left:4px solid var(--blue);border-radius:6px}.blog-notice code{background:#ece8e3;padding:2px 5px}.article-page{background:#fff}.article-header{margin-bottom:36px}.article-date{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.08em}.article-lead{font-size:19px;color:#5d5754}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:8px;margin-top:28px;box-shadow:var(--shadow)}.article-content{font-size:16px}.article-content span{display:inline}.article-content>span{display:block;margin-bottom:12px}.article-back{margin-top:50px;padding-top:28px;border-top:1px solid var(--line)}
@media(max-width:900px){.blog-post-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.blog-post-grid{grid-template-columns:1fr}.article-lead{font-size:17px}}