/* 北海明珠官网：文章、新闻、案例、活动通用卡片 */

.news-card-grid,.article-grid,.case-grid,.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card,.article-card,.case-card,.activity-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:.25s}
.news-card:hover,.article-card:hover,.case-card:hover,.activity-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.news-cover,.article-cover,.case-cover,.activity-cover{aspect-ratio:16/10;background:#e9eef6;overflow:hidden}
.news-cover img,.article-cover img,.case-cover img,.activity-cover img{width:100%;height:100%;object-fit:cover}
.news-placeholder,.cover-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#8090a8;font-weight:900}
.news-body,.article-body,.case-body,.activity-body{padding:19px}
.news-meta,.article-meta,.case-meta{display:flex;justify-content:space-between;gap:10px;color:var(--primary);font-size:11px;font-weight:800}
.news-card h3,.article-card h3,.case-card h3,.activity-card h3{font-size:18px;line-height:1.5;margin:9px 0 7px}
.news-card p,.article-card p,.case-card p,.activity-card p{margin:0;color:var(--muted);font-size:13px}
.news-card small,.case-card small{display:block;color:#8793a5;margin-top:12px}
@media (max-width:1050px){
.news-card-grid,.article-grid,.case-grid,.activity-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
.news-card-grid,.article-grid,.case-grid,.activity-grid{grid-template-columns:1fr}
}
.article-card h2,.news-card h2,.case-card h2,.activity-card h2{font-size:19px;line-height:1.5;margin:9px 0 7px}
.card-read-more{display:inline-block;margin-top:13px;color:var(--primary);font-size:13px;font-weight:800}
.activity-card small{display:block;margin-top:13px;color:var(--primary);font-weight:800}