/* ============================================
   MK体育在线官网 - 资讯列表页样式
   news.css
   ============================================ */

.news-section{padding:80px 0}
.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.news-header h1{font-size:32px}
.news-filter{display:flex;gap:12px}
.news-filter a{padding:8px 20px;font-size:14px;color:#808080;background:#141414;border-radius:50px;transition:all .2s}
.news-filter a:hover,.news-filter a.active{background:#FF6600;color:#FFF}

.news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-item{background:#141414;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .3s}
.news-item:hover{border-color:rgba(255,102,0,.2);transform:translateY(-4px)}
.news-item-img{aspect-ratio:16/10;overflow:hidden;background:#1C2833}
.news-item-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.news-item:hover .news-item-img img{transform:scale(1.05)}
.news-item-body{padding:24px}
.news-item-tag{display:inline-block;padding:4px 12px;font-size:12px;color:#FF6600;background:rgba(255,102,0,.1);border-radius:50px;margin-bottom:12px}
.news-item-title{font-size:18px;font-weight:700;color:#FFF;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-item-desc{font-size:14px;color:#808080;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}
.news-item-meta{display:flex;justify-content:space-between;font-size:13px;color:#5D6D7E}

@media(max-width:1024px){
.news-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.news-list{grid-template-columns:1fr}
.news-header{flex-direction:column;align-items:flex-start;gap:16px}
}