.blog-row{scroll-margin:var(--space-2);gap:var(--space-3) var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--border);color:var(--ink);transition:background var(--t-move) var(--ease-glide);grid-template-columns:96px minmax(0,1fr);grid-template-areas:"meta meta""cv body";text-decoration:none;display:grid}.blog-row:last-of-type{border-bottom:1px solid var(--border)}.blog-row:hover{background:var(--surface-2)}.blog-row__meta{gap:var(--space-4);color:var(--ink-muted);flex-wrap:wrap;grid-area:meta;line-height:1.4;display:flex}.blog-row__date,.blog-row__src{font-family:var(--font-mono)}.blog-row__body{grid-area:body;min-width:0;display:block}.blog-row__t{font-size:var(--text-title);text-wrap:balance;font-weight:500;line-height:1.25;display:block}.blog-row__x{margin-top:var(--space-2);max-width:64ch;color:var(--ink-muted);font-size:var(--text-ui-15);line-height:1.6;display:block}:lang(zh) .blog-row__x{max-width:34em}.blog-row__cv{aspect-ratio:16/9;background:var(--sunk);border:1px solid var(--border);grid-area:cv;align-self:start;overflow:hidden}.blog-row__cv img{object-fit:cover;width:100%;height:100%;display:block}.blog-row--brief{padding-block:var(--space-4)}.blog-row--brief .blog-row__t{font-size:var(--text-ui-16);color:var(--ink-muted);font-weight:400}.blog-row__kind{font-family:var(--font-mono);font-size:var(--text-mono-10);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.blog-rows--compact .blog-row{align-items:center;gap:var(--space-1) var(--space-4);padding-block:var(--space-4);grid-template-columns:88px minmax(0,1fr);grid-template-areas:"cv meta""cv body"}.blog-rows--compact .blog-row__meta{align-self:end}.blog-rows--compact .blog-row__body{align-self:start}.blog-rows--compact .blog-row__t{font-size:var(--text-ui-17);line-height:1.35}.blog-rows--compact .blog-row__x{display:none}@media (min-width:1024px){.blog-row{gap:var(--space-8);grid-template-columns:150px minmax(0,1fr) 168px;grid-template-areas:"meta body cv";align-items:start}.blog-row__meta{gap:var(--space-1);display:grid}.blog-rows--compact .blog-row{gap:var(--space-1) var(--space-4);grid-template-columns:88px minmax(0,1fr);grid-template-areas:"cv meta""cv body"}.blog-rows--compact .blog-row__meta{gap:var(--space-4);display:flex}}