.icon{width:50px;height:50px;color:var(--mg-ink)}
.home-blog.blog-page{padding:20px 0 16px}
.home-blog .hb-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.home-blog .hb-head h2{font-size:1.4rem;line-height:1.2;margin:0;color:#0f172a}
.home-blog .hb-head .hb-more{font-size:.95rem;color:#334155;text-decoration:none;border:1px solid #e5e7eb;padding:6px 10px;border-radius:10px;background:var(--mg-surface)}
.home-blog .hb-head .hb-more:hover{background:#f8fafc}
.home-blog .posts-grid{grid-template-columns:repeat(4,1fr)}
@media (max-width:1280px){.home-blog .posts-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:992px){.home-blog .posts-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.home-blog .posts-grid{grid-template-columns:1fr}}
.blog-page{padding:32px 0 60px}
.blog-page .posts-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:24px}
.blog-page .post-card{background:var(--bgw,var(--mg-surface));border:1px solid var(--line,#eee);border-radius:14px;overflow:hidden;transition:transform .2s, box-shadow .2s, border-color .2s}
.blog-page .post-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08);border-color:var(--border2,#ddd)}
.blog-page .post-card .thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#f6f7f9}
.blog-page .post-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.blog-page .post-card:hover .thumb img{transform:scale(1.05)}
.blog-page .post-card .content{padding:16px 16px 14px}
.blog-page .post-card .title{font-size:1.05rem;line-height:1.35;margin:.35rem 0 .4rem;color:#0f172a}
.blog-page .post-card .title a{color:inherit;text-decoration:none}
.blog-page .post-card .title a:hover{text-decoration:underline}
.blog-page .post-card .exc{color:#475569;font-size:.95rem}
.blog-page .post-card .foot{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.blog-page .sidebar{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:18px}
.blog-page .widget{background:var(--bgw,var(--mg-surface));border:1px solid var(--line,#eee);border-radius:14px;box-shadow:var(--shadow,0 8px 24px rgba(0,0,0,.06));padding:16px}
.blog-page .w-title{font-size:1rem;margin-bottom:10px;color:#0f172a}
@media (max-width:1280px){.blog-page .posts-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:992px){.blog-page .blog-main{grid-template-columns:1fr}.blog-page .sidebar{position:static}}
@media (max-width:640px){.blog-page .posts-grid{grid-template-columns:repeat(2,1fr)}.blog-page .hero-title{font-size:1.5rem}}
@media (max-width:550px){.blog-page .posts-grid{grid-template-columns:1fr}.blog-page .hero-title{font-size:1.5rem}}
.home-blog .as-bos{padding:1rem}