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

/* ---- List Layout ---- */
.list-section{padding:50px 0;background:#fff}
.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}
.list-card{border:1px solid #e8eaf6;padding:24px;transition:all .25s;background:#fff}
.list-card:hover{border-color:#3F51B5;box-shadow:0 6px 24px rgba(63,81,181,.1);transform:translateY(-3px)}
.list-card .cat{display:inline-block;padding:4px 12px;background:#f0f3ff;color:#3F51B5;font-size:12px;margin-bottom:12px}
.list-card h3{font-size:17px;font-weight:600;color:#1A1F3C;line-height:1.5;margin-bottom:10px;transition:color .2s}
.list-card:hover h3{color:#3F51B5}
.list-card p{font-size:14px;color:#666;line-height:1.7;margin-bottom:14px}
.list-card .date{font-size:13px;color:#aaa}

/* ---- Row List (for wiki) ---- */
.row-list .list-card{display:flex;gap:20px;align-items:flex-start}
.row-list .list-card h3{margin-bottom:8px}
.row-list .list-icon{width:48px;height:48px;background:#f0f3ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#3F51B5}

/* ---- Sidebar Layout ---- */
.with-sidebar{display:grid;grid-template-columns:1fr 320px;gap:40px}

@media(max-width:992px){
.list-grid{grid-template-columns:repeat(2,1fr)}
.with-sidebar{grid-template-columns:1fr}
}
@media(max-width:768px){
.list-grid{grid-template-columns:1fr}
}