.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}
.q5-server-pagination{margin:18px 0 8px}
.page-guide-detail .guide-detail-hero .guide-hero__content{max-width:920px}
.page-guide-detail .guide-detail-hero .sub-hero__eyebrow a{color:inherit;text-decoration:none}
.page-guide-detail .guide-detail-hero .sub-hero__eyebrow a:hover{text-decoration:underline}
.page-guide-detail .guide-detail-section{padding-top:28px;padding-bottom:56px}
.page-guide-detail .guide-detail-prose{background:#fff;border:1px solid var(--qq-line,#eceaf4);border-radius:18px;padding:28px 30px 34px;box-shadow:0 10px 30px rgba(28,22,52,.04)}
.page-guide-detail .guide-detail-prose h2,.page-guide-detail .guide-detail-prose h3{margin-top:1.4em}
.page-guide-detail .guide-detail-cover{margin:0 0 22px}
.page-guide-detail .guide-detail-cover img{width:100%;border-radius:14px;display:block}
.page-guide-detail .guide-detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 36px}
.page-guide-detail .guide-related{margin-top:8px}
.page-guide-detail .guide-related .article-grid{margin-top:14px}
@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}
  .page-guide-detail .guide-detail-prose{padding:20px}
  .page-guide-detail .guide-detail-actions{flex-direction:column;align-items:flex-start}
}
