@layer components{.blog-card{display:flex;flex-direction:column;padding:0;overflow:hidden;color:inherit;text-decoration:none}.blog-card:hover .blog-card-title{color:var(--brand-blue)}.blog-card:hover .blog-card-cover>i{transform:scale(1.1)}:root:not(.light-theme) .blog-card:hover .blog-card-title{color:#6ea3ff}.blog-card-cover{position:relative;display:flex;align-items:center;justify-content:center;height:160px;background:var(--brand-gradient-soft);border-bottom:1px solid var(--line)}.blog-card-cover>i{font-size:2.5rem;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:transform var(--dur) var(--ease)}.blog-card-category{position:absolute;top:14px;left:14px}.blog-card-time{position:absolute;top:14px;right:14px;background:var(--surface-solid)}.blog-card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:20px}.blog-card-title{font-size:1.1rem;font-weight:700;line-height:1.3;color:var(--fg);transition:color var(--dur) var(--ease)}.blog-card-excerpt{flex:1;font-size:.875rem;line-height:1.6;color:var(--fg-muted)}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--line);font-size:.75rem;color:var(--fg-subtle)}.blog-card-author{display:inline-flex;align-items:center;gap:8px}.blog-card-author img{width:24px;height:24px;border-radius:50%;object-fit:cover}}