.q5-article-list{display:flex;flex-direction:column;gap:20px;margin:24px 0 48px}
.q5-article-card{display:flex;gap:18px;padding:18px;border:1px solid #eaeaea;border-radius:12px;background:#fff}
.q5-article-card .q5-thumb img{width:160px;height:110px;object-fit:cover;border-radius:8px}
.q5-article-body time{color:#888;font-size:13px}
.q5-article-body h2{font-size:20px;margin:6px 0 8px}
.q5-article-body h2 a{color:inherit;text-decoration:none}
.q5-empty{padding:24px;background:#f8f9fa;border-radius:8px}
.q5-pagination{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.q5-pagination a{padding:6px 12px;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:#333}
.q5-pagination a.active{background:#2d8cf0;color:#fff;border-color:#2d8cf0}
.q5-content-wrap{display:grid;grid-template-columns:1fr 260px;gap:28px;align-items:start}
.q5-prose{background:#fff;padding:24px;border-radius:12px;line-height:1.8}
.q5-prose img{max-width:100%;height:auto}
.q5-side{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #eaeaea;border-radius:12px;background:#fff}
.q5-meta{font-size:13px;color:#888}
@media (max-width: 900px){
  .q5-article-card{flex-direction:column}
  .q5-article-card .q5-thumb img{width:100%;height:auto}
  .q5-content-wrap{grid-template-columns:1fr}
}