.article-card{height:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.article-card:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card:focus-within{border-color:var(--color-primary)}.article-card__link{display:flex;flex-direction:column;height:100%;color:inherit}.article-card__link:focus-visible{outline-offset:-3px;border-radius:var(--radius-lg)}.article-card__thumb{position:relative;overflow:hidden;background:var(--color-surface-muted)}.article-card__thumb .thumbnail{border-radius:0}.article-card__thumb img{transition:transform var(--transition-slow)}.article-card:hover .article-card__thumb img{transform:scale(1.03)}.article-card__new-badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:3px 9px;border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-heading);font-size:var(--font-size-2xs);font-weight:var(--font-weight-black);letter-spacing:.08em}.article-card__new-badge:before{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--color-accent-yellow);vertical-align:1px;content:""}.article-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-5)}.article-card__category{display:inline-flex;align-items:center;gap:7px;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis}.article-card__category:before{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--category-color, var(--color-primary));content:""}.article-card__title{display:flex;flex-direction:column;gap:4px;font-size:1.0625rem;line-height:1.55}.article-card__title .title-main,.article-card__title .title-sub{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.article-card__title .title-main{-webkit-line-clamp:3}.article-card__title .title-sub{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.6;-webkit-line-clamp:2}.article-card:hover .article-card__title .title-main{color:var(--color-primary-active)}.article-card__desc{display:-webkit-box;overflow:hidden;margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-card__date{margin-top:auto;padding-top:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;letter-spacing:.04em}.article-card--compact{border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent}.article-card--compact:hover{border-color:var(--color-border);box-shadow:none;transform:none}.article-card--compact .article-card__link{flex-direction:row;gap:var(--space-3);padding-block:var(--space-3)}.article-card--compact .article-card__thumb{width:104px;flex-shrink:0;border-radius:var(--radius-sm)}.article-card--compact .article-card__thumb .thumbnail{height:76px;aspect-ratio:auto}.article-card--compact .article-card__body{min-width:0;gap:var(--space-1);padding:0}.article-card--compact .article-card__title{font-size:var(--font-size-sm);line-height:1.5}.article-card--compact .article-card__title .title-main{-webkit-line-clamp:2}.article-card--compact .article-card__title .title-sub{display:none}.article-card--compact .article-card__date{padding-top:0}.article-card--search .article-card__link{display:grid;grid-template-columns:220px minmax(0,1fr)}.article-card--search .article-card__thumb .thumbnail{height:100%;min-height:150px;aspect-ratio:auto}.article-card--search .article-card__body{min-width:0;padding:var(--space-5) var(--space-6)}.article-card--search .article-card__title .title-main{-webkit-line-clamp:2}.article-card--search .article-card__title .title-sub{-webkit-line-clamp:1}@media(max-width:640px){.article-card{border-radius:var(--radius-md)}.article-card:hover{transform:none}.article-card:not(.article-card--compact) .article-card__link{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:stretch}.article-card:not(.article-card--compact) .article-card__thumb .thumbnail{height:100%;min-height:120px;aspect-ratio:auto}.article-card:not(.article-card--compact) .article-card__body{gap:6px;padding:var(--space-3) var(--space-4)}.article-card__title{gap:2px;font-size:.9375rem;line-height:1.5}.article-card__title .title-sub{font-size:var(--font-size-xs);-webkit-line-clamp:1}.article-card__desc{display:none}.article-card__date{padding-top:var(--space-1)}.article-card__new-badge{top:var(--space-2);left:var(--space-2);padding:2px 6px}.article-card__new-badge:before{display:none}}@media(prefers-reduced-motion:reduce){.article-card,.article-card__thumb img{transition:none}.article-card:hover,.article-card:hover .article-card__thumb img{transform:none}}