.article-list{padding:var(--spacing-xl) var(--spacing-sm);min-height:60vh;background-color:var(--bg-primary)}.article-list-container{max-width:var(--reading-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.article-item{margin-bottom:0;border-bottom:none;transition:transform .2s ease}.article-card{display:flex;flex-direction:column;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;text-decoration:none;transition:box-shadow .3s ease,transform .3s ease;height:100%}.article-item:hover .article-card{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.article-cover{width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--hover-overlay);position:relative}.article-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-cover img{transform:scale(1.05)}.article-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.article-meta-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.article-category{font-family:var(--font-sans);font-size:.75rem;color:#d93025;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.article-date{font-family:var(--font-sans);font-size:.8rem;color:var(--text-tertiary)}.article-title{font-family:var(--font-serif-cn);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:.25rem;transition:color .2s ease}.article-card:hover .article-title{color:#d93025}.article-excerpt{font-family:var(--font-sans);font-size:.95rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:auto}.article-footer{margin-top:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:var(--spacing-sm)}.article-read-time{font-family:var(--font-sans);font-size:.8rem;color:var(--text-tertiary)}.article-tags{display:flex;gap:.4rem}.article-tag{font-family:var(--font-sans);font-size:.7rem;color:var(--text-tertiary);background-color:var(--hover-overlay);padding:.15em .5em;border-radius:4px}@media (max-width:768px){.article-list{padding:var(--spacing-lg) var(--spacing-sm);background-color:var(--bg-primary)}.article-list-container{gap:var(--spacing-md)}.article-card{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);border:none}.article-cover{aspect-ratio:2/1}.article-content{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.article-title{font-size:1.25rem}.article-excerpt{font-size:.9rem;-webkit-line-clamp:3}}@media (max-width:480px){.article-list{padding:var(--spacing-md) var(--spacing-xs)}.article-list-container{margin:0 var(--spacing-xs)}.article-cover{height:180px;aspect-ratio:auto}.article-content{padding:1rem}.article-footer{padding-top:.5rem;margin-top:.5rem}}