.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--color-text);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.section-title:before{content:"";background:var(--color-primary);border-radius:2px;width:4px;height:18px}.filter-tabs{gap:4px;display:flex}.filter-tab{color:var(--color-text-muted);border-radius:var(--radius-full);transition:all var(--transition);padding:4px 12px;font-size:13px}.filter-tab:hover{color:var(--color-text)}.filter-tab.active{color:var(--color-primary);background:var(--color-primary-bg)}.article-list{flex-direction:column;gap:12px;display:flex}.article-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition);gap:16px;padding:20px;display:flex}.article-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.article-thumb{border-radius:var(--radius-md);background:var(--color-bg);flex-shrink:0;width:220px;height:120px;overflow:hidden}.article-thumb img{object-fit:cover;width:100%;height:100%}.article-card-content{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.article-card-title{color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.article-card-title a{color:inherit}.article-card-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card-meta{color:var(--color-text-muted);align-items:center;gap:16px;font-size:12px;display:flex}.article-card-meta .meta-item{align-items:center;gap:4px;display:flex}.article-card-meta svg{width:14px;height:14px}@media (width<=1200px){.article-thumb{width:180px;height:100px}.article-card-title{font-size:15px}}@media (width<=1024px){.article-list{gap:10px}.article-card{gap:14px;padding:18px}.article-thumb{width:160px;height:90px}.article-card-title{font-size:15px}.article-card-excerpt{font-size:12px}}@media (width<=768px){.article-card{padding:16px}.article-thumb{align-self:stretch;width:110px;height:auto}}@media (width<=480px){.article-card{flex-direction:column}.article-thumb{align-self:auto;width:100%;height:160px}.article-card-title{font-size:15px}.article-card-excerpt{-webkit-line-clamp:3;line-clamp:3}}