:root{--blog-max-width: 960px;--blog-radius: 16px}.blog-shell{width:min(100%,var(--blog-max-width));margin:0 auto;padding:0 16px}.blog-cover{margin:16px auto 24px;max-width:var(--blog-max-width);border-radius:var(--blog-radius);overflow:hidden;background:#f6f7f9;box-shadow:0 10px 30px #00000014}.blog-cover img{display:block;width:100%;height:auto;aspect-ratio:12 / 7;object-fit:cover;object-position:50% 18%}.blog-content img{display:block;max-width:100%;height:auto;border-radius:var(--blog-radius);margin:16px auto}.blog-content a{color:#2563eb;text-decoration:none}.blog-content a:hover{color:#1d4ed8;text-decoration:underline}.blog-content a:visited{color:#7c3aed}@media(max-width:480px){.blog-cover img{object-position:50% 15%}}