.blog-meta[data-v-cdfb374b]{display:flex;flex-direction:column;gap:12px;color:var(--color-foreground-muted);font-size:11px;line-height:normal;font-weight:400;min-width:0}.blog-meta__stats[data-v-cdfb374b]{display:flex;align-items:center;gap:20px;min-width:0}.blog-meta time[data-v-cdfb374b]{white-space:nowrap}.blog-meta__author[data-v-cdfb374b],.blog-meta__views[data-v-cdfb374b]{display:flex;align-items:center;gap:4px;min-width:0}.blog-meta__author[data-v-cdfb374b]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.blog-meta__avatar[data-v-cdfb374b]{width:16px;height:16px}.blog-meta__eye[data-v-cdfb374b]{width:12px;height:12px;flex-shrink:0}.blog-meta--detail[data-v-cdfb374b]{flex-direction:row-reverse;justify-content:space-between;gap:12px;font-size:12px}.blog-meta--detail .blog-meta__eye[data-v-cdfb374b]{width:16px;height:16px}@media(max-width:374px){.blog-meta--detail[data-v-cdfb374b]{flex-wrap:wrap;flex-direction:row}}@media(min-width:768px){.blog-meta[data-v-cdfb374b]{gap:6px;font-size:12px}.blog-meta__eye[data-v-cdfb374b]{width:16px;height:16px}.blog-meta--detail[data-v-cdfb374b]{gap:12px}}.blog-card[data-v-2aa5c56f]{min-width:0}.blog-card__link[data-v-2aa5c56f]{display:flex;align-items:center;gap:12px;min-width:0;height:108px}.blog-card__cover[data-v-2aa5c56f]{--blog-cover-ratio:170/96;flex:0 0 170px;width:170px;height:96px;aspect-ratio:170/96;border-radius:6px;overflow:hidden}.blog-card__body[data-v-2aa5c56f]{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;height:100%;padding-block:8px}.blog-card__detail[data-v-2aa5c56f]{display:none}.blog-card__title[data-v-2aa5c56f]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:18px;font-weight:500;color:var(--color-foreground);overflow-wrap:anywhere;margin-bottom:8px}.blog-card__body[data-v-2aa5c56f] .blog-meta{flex:1;justify-content:space-between}.blog-card:not(.blog-card--related) .blog-card__body[data-v-2aa5c56f],.blog-card:not(.blog-card--related) .blog-card__link[data-v-2aa5c56f]{height:auto;min-height:108px}.blog-card[data-v-2aa5c56f]:not(.blog-card--related) .blog-meta__stats{flex-wrap:wrap;row-gap:4px}.blog-card[data-v-2aa5c56f]:not(.blog-card--related) .blog-meta__avatar{flex-shrink:0}.blog-card--related .blog-card__link[data-v-2aa5c56f]{flex-direction:column;align-items:stretch;height:auto;gap:6px}.blog-card--related .blog-card__cover[data-v-2aa5c56f]{--blog-cover-ratio:172.5/92.75;flex:none;width:100%;height:auto;border-radius:6px;aspect-ratio:172.5/92.75}.blog-card--related .blog-card__body[data-v-2aa5c56f]{padding:0}.blog-card--related .blog-card__title[data-v-2aa5c56f]{margin-bottom:6px}.blog-card--related[data-v-2aa5c56f] .blog-meta__author,.blog-card--related[data-v-2aa5c56f] .blog-meta__views{display:none}@media(min-width:768px){.blog-card[data-v-2aa5c56f]:not(.blog-card--related){padding:16px 24px 16px 16px;border-radius:16px;background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .25s ease-out}.blog-card[data-v-2aa5c56f]:not(.blog-card--related):has(.blog-card__link:focus-visible){background:var(--color-surface-hover)}.blog-card[data-v-2aa5c56f]:not(.blog-card--related) .blog-meta__author{padding-right:72px}.blog-card__detail[data-v-2aa5c56f]{position:absolute;right:0;bottom:0;display:flex;align-items:center;color:var(--color-action-primary);font-size:12px;line-height:16px;opacity:0;transition:opacity .25s ease-out}.blog-card__detail-icon[data-v-2aa5c56f]{width:16px;height:16px;transform:rotate(180deg) scaleY(-1)}.blog-card__link:focus-visible .blog-card__detail[data-v-2aa5c56f]{opacity:1}.blog-card__link[data-v-2aa5c56f]{height:106px;align-items:stretch;gap:20px}.blog-card__cover[data-v-2aa5c56f]{--blog-cover-ratio:188/106;flex-basis:188px;width:188px;height:106px;aspect-ratio:188/106;border-radius:8px;align-self:center}.blog-card__body[data-v-2aa5c56f]{padding:0}.blog-card:not(.blog-card--related) .blog-card__body[data-v-2aa5c56f],.blog-card:not(.blog-card--related) .blog-card__link[data-v-2aa5c56f]{min-height:106px}.blog-card__title[data-v-2aa5c56f]{font-size:16px;line-height:24px}.blog-card--related .blog-card__link[data-v-2aa5c56f]{gap:10px}.blog-card--related .blog-card__cover[data-v-2aa5c56f]{--blog-cover-ratio:309/174;aspect-ratio:309/174;border-radius:12px}.blog-card--related .blog-card__title[data-v-2aa5c56f]{margin-bottom:8px;font-size:15px;font-weight:600;line-height:18px;color:var(--color-foreground-secondary)}.blog-card--related[data-v-2aa5c56f] .blog-meta__author,.blog-card--related[data-v-2aa5c56f] .blog-meta__views{display:flex}.blog-card--related[data-v-2aa5c56f] .blog-meta{gap:8px}}@media(min-width:768px)and (hover:hover){.blog-card[data-v-2aa5c56f]:not(.blog-card--related):hover{background:var(--color-surface-hover)}.blog-card:hover .blog-card__detail[data-v-2aa5c56f]{opacity:1}}@media(prefers-reduced-motion:reduce){.blog-card[data-v-2aa5c56f]:not(.blog-card--related),.blog-card__detail[data-v-2aa5c56f]{transition:none}}
