.ipgb-container{width:min(1200px,92vw);margin:40px auto}.ipgb-archive-title{font-size:clamp(1.4rem,2.5vw,2rem);margin:0 0 18px}.ipgb-archive-desc{color:#475569;margin:0 0 24px}.ipgb-blog-grid{--gap:24px;--radius:16px;--border:#e5e7eb;--muted:#6b7280;--chip-bg:#f1f5f9;--chip-text:#334155;--text:#111827}.ipgb-blog-grid .ipgb-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr))}.ipgb-blog-grid.columns-1 .ipgb-grid{grid-template-columns:1fr}.ipgb-blog-grid.columns-2 .ipgb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ipgb-blog-grid.columns-3 .ipgb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ipgb-blog-grid.columns-4 .ipgb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.ipgb-blog-grid .ipgb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ipgb-blog-grid .ipgb-grid{grid-template-columns:1fr}}.ipgb-blog-grid .ipgb-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.ipgb-blog-grid .ipgb-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.ipgb-blog-grid .ipgb-thumb{display:block;aspect-ratio:16/9;overflow:hidden}.ipgb-blog-grid .ipgb-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ipgb-blog-grid .ipgb-thumb--placeholder{width:100%;height:100%;background:#e5e7eb}.ipgb-blog-grid .ipgb-card-body{padding:16px 18px 18px}.ipgb-blog-grid .ipgb-title{margin:10px 0 6px;font-size:1.1rem;line-height:1.3}.ipgb-blog-grid .ipgb-title a{text-decoration:none;color:var(--text)}.ipgb-blog-grid .ipgb-meta{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px;font-size:.85rem;color:var(--muted)}.ipgb-blog-grid .ipgb-cats a{background:var(--chip-bg);border-radius:999px;padding:4px 10px;text-decoration:none;font-size:.75rem;color:var(--chip-text)}.ipgb-blog-grid .ipgb-excerpt{color:#334155;margin-top:6px}.ipgb-blog-grid .ipgb-button{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;border:1px solid #111827;border-radius:10px;padding:8px 12px;color:#111827}.ipgb-blog-grid .ipgb-button:hover{background:#111827;color:#fff}.ipgb-blog-grid .ipgb-pagination{margin-top:28px}.ipgb-blog-grid .ipgb-pagination ul{list-style:none;display:flex;gap:8px;justify-content:center;padding:0;margin:0}.ipgb-blog-grid .ipgb-pagination li a,.ipgb-blog-grid .ipgb-pagination li span{border:1px solid var(--border);border-radius:10px;padding:8px 12px;text-decoration:none;display:inline-block}.ipgb-blog-grid .ipgb-pagination li .current{background:#111827;color:#fff;border-color:#111827}