.article-list-container{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.article-list-item{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start;padding-bottom:2.5rem;border-bottom:1px solid #eee}.article-list-item:last-child{border-bottom:none}.article-thumb{border-radius:8px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 4px 12px rgba(0,0,0,8%);transition:transform .3s ease}.article-thumb:hover{transform:translateY(-2px)}.article-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-detail{padding-top:.25rem}.article-meta{font-size:.85rem;color:#666;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;font-family:noto sans tc,sans-serif}.article-meta .category{color:#06c;font-weight:500;margin-left:.5rem;padding-left:.5rem;border-left:1px solid #ccc}.article-list-item .title{margin-top:0;margin-bottom:.75rem;font-size:1.5rem;line-height:1.3}.article-list-item .title a{color:#1a1a1a;text-decoration:none;background-image:linear-gradient(#1a1a1a,#1a1a1a);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .3s}.article-list-item .title a:hover{color:#06c;background-size:100% 2px}.article-list-item .summary{font-size:1rem;color:#4a4a4a;line-height:1.6;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-list-item .read-more{display:inline-flex;align-items:center;font-size:.9rem;font-weight:600;color:#06c;transition:transform .2s}.article-list-item .read-more:hover{transform:translateX(5px)}@media(max-width:768px){.article-list-item{grid-template-columns:1fr;gap:1.25rem}.article-thumb{width:100%;aspect-ratio:16/9}}