.ok-page-blog .blog-badge{display:inline-flex;align-items:center;padding:6px 14px;background:#fff;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:700;color:var(--primary-700);letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}.ok-page-blog .blog-title{margin:0 0 14px;color:var(--ink-900)}.ok-page-blog .blog-lead{max-width:560px;margin:0}.ok-page-blog .blog-list-section{padding:48px 0 88px}.ok-page-blog .blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px}.ok-page-blog .blog-card{display:flex;flex-direction:column;gap:10px;min-width:0;border-radius:var(--r-lg);transition:transform var(--dur-base) var(--ease-out)}.ok-page-blog .blog-card:hover{transform:translateY(-3px)}.ok-page-blog .blog-card__media{display:block;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(135deg,var(--primary-50),var(--ink-25));border:1px solid var(--border);position:relative}.ok-page-blog .blog-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease-out)}.ok-page-blog .blog-card:hover .blog-card__media img{transform:scale(1.045)}.ok-page-blog .blog-card__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-40);font-weight:800;color:var(--primary-200)}.ok-page-blog .blog-card__meta{display:flex;align-items:center;gap:6px;font-size:var(--fs-12);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-subtle)}.ok-page-blog .blog-card__cat{color:var(--primary-700)}.ok-page-blog .blog-card__dot{opacity:.5}.ok-page-blog .blog-card__title{font-size:var(--fs-16);font-weight:700;line-height:var(--lh-snug);color:var(--ink-900);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--dur-fast) var(--ease-out)}.ok-page-blog .blog-card:hover .blog-card__title{color:var(--primary-600)}.ok-page-blog .blog-pager{display:flex;justify-content:center;gap:8px;margin-top:48px}.ok-page-blog .blog-pager__link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--border);background:#fff;font-size:var(--fs-14);font-weight:600;color:var(--fg);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ok-page-blog .blog-pager__link:hover{background:var(--ink-10)}.ok-page-blog .blog-pager__link.is-current{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.ok-page-blog .blog-empty{max-width:480px;margin:24px auto 0;text-align:center;padding:48px 28px;background:var(--ink-10);border:1px dashed var(--border-strong);border-radius:var(--r-xl)}.ok-page-blog .blog-empty__icon{display:block;font-size:var(--fs-32);margin-bottom:12px;color:var(--primary-300)}.ok-page-blog .blog-empty__title{font-size:var(--fs-20);font-weight:700;color:var(--ink-900);margin:0 0 8px}.ok-page-blog .blog-empty__text{font-size:var(--fs-15);color:var(--fg-muted);margin:0}.ok-page-blog .blog-empty__text a{color:var(--primary-600);font-weight:600}@media (max-width:1024px){.ok-page-blog .blog-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ok-page-blog .blog-grid{grid-template-columns:repeat(2,1fr);gap:22px 16px}.ok-page-blog .blog-title{font-size:38px}.ok-page-blog .blog-list-section{padding:36px 0 64px}}@media (max-width:480px){.ok-page-blog .blog-grid{grid-template-columns:1fr}}