.blog-wrap { padding: 120px 0 70px; }
.blog-wrap h1 { margin: 0 0 28px; font-size: 32px; line-height: 1.25; font-weight: 700; color: #0a4d39; }
.blog-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.blog-card { width: 33.333%; padding: 0 12px 28px; box-sizing: border-box; }
.blog-card a { display: block; color: inherit; text-decoration: none; background: #fff; border: 1px solid #e6e6e6; height: 100%; }
.blog-card .cover { height: 210px; background: #d7e3dc center/cover no-repeat; }
.blog-card .text { padding: 18px 18px 22px; }
.blog-card time { display: block; margin-bottom: 8px; color: #6d7a74; font-size: 13px; }
.blog-card h2 { margin: 0 0 10px; font-size: 20px; line-height: 1.35; color: #0a4d39; }
.blog-card p { margin: 0; color: #444; line-height: 1.5; }
.blog-article time { display: block; margin: -12px 0 18px; color: #6d7a74; }
.blog-article .cover { display: block; width: 100%; max-height: 460px; object-fit: cover; margin-bottom: 22px; }
.blog-article .content { font-size: 16px; line-height: 1.7; color: #333; }
.blog-article .content img { max-width: 100%; height: auto; }
.blog-back { display: inline-block; margin-bottom: 18px; color: #0a4d39; font-weight: 600; }
.blog-empty { color: #666; }
@media (max-width: 991px) { .blog-card { width: 50%; } }
@media (max-width: 640px) { .blog-card { width: 100%; } .blog-wrap h1 { font-size: 26px; } }