.article-view{max-width:1100px;margin:0 auto}
.art-title{margin:10px 0 14px}
.art-hero img{width:100%;height:auto;border-radius:12px;display:block}
.art-meta{color:#6b7280;margin:8px 0 14px}
.art-content{line-height:1.9}
.art-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
@media(max-width:900px){.art-rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.art-rel{grid-template-columns:1fr}}
.art-card{display:block;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:#fff}
.art-thumb{height:140px;background:#f2f4f7}
.art-thumb img{width:100%;height:100%;object-fit:cover}
.art-ttl{padding:8px 10px;font-weight:700}