.blog-card[data-v-9cf8f2fb]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;height:280px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card[data-v-9cf8f2fb]:hover{box-shadow:0 14px 22px -8px #0000001a;transform:translateY(-2px)}.card-link[data-v-9cf8f2fb]{display:flex;flex-direction:column;height:100%}.card-link[data-v-9cf8f2fb],.card-link[data-v-9cf8f2fb]:hover{color:inherit}.card-link[data-v-9cf8f2fb]:focus-visible{outline:3px solid rgba(70,123,150,.35);outline-offset:-3px}.cover-image[data-v-9cf8f2fb]{background:var(--color-bg-secondary);flex:0 0 160px;height:160px;overflow:hidden;width:100%}.cover-image img[data-v-9cf8f2fb]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .cover-image img[data-v-9cf8f2fb]{transform:scale(1.05)}.cover-placeholder[data-v-9cf8f2fb]{background:var(--color-bg-hover);display:block;height:100%;width:100%}.card-content[data-v-9cf8f2fb]{display:flex;flex:1;flex-direction:column;min-height:0;padding:18px 22px 16px}.meta[data-v-9cf8f2fb]{align-items:center;color:var(--color-text-lighter);display:flex;font-size:.875rem;gap:12px;justify-content:space-between;margin-top:auto;padding-top:12px}.date[data-v-9cf8f2fb]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.date[data-v-9cf8f2fb],.views[data-v-9cf8f2fb]{align-items:center;display:inline-flex;gap:4px;min-width:0}.meta-icon[data-v-9cf8f2fb]{color:var(--color-text-lighter);flex:0 0 12px;height:12px;width:12px}.title[data-v-9cf8f2fb]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;color:var(--color-primary);font-size:1rem;font-weight:500;-webkit-line-clamp:2;line-height:1.4;margin:0}@media(max-width:560px){.blog-card[data-v-9cf8f2fb]{height:340px}.cover-image[data-v-9cf8f2fb]{flex-basis:220px;height:220px}}.post-grid[data-v-ba60c04f]{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.post-grid[data-v-ba60c04f]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1024px){.post-grid[data-v-ba60c04f]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.post-grid[data-v-ba60c04f]{gap:18px;grid-template-columns:minmax(0,1fr)}}