.article-detail-banner{padding-bottom:2rem}.article-detail-header{max-width:54rem}.article-detail-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.article-detail-readtime{color:#fff;background:#ffffff26}.article-detail-title{color:#fff;font-size:1.6rem;line-height:1.4}.article-detail-info{color:#bfdbfe;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;font-size:.75rem;display:flex}.article-detail-container{max-width:54rem}.article-detail-card{flex-direction:column;gap:1.5rem;display:flex}.article-detail-cover{border-radius:var(--radius-xl);background:#0f172a;height:20rem;overflow:hidden}.article-detail-cover img{object-fit:cover;width:100%;height:100%}.article-detail-summary{border-radius:var(--radius-xl);color:#1e3a8a;text-align:justify;background:#eff6ff;border-right:4px solid #2563eb;padding:1.25rem;font-size:.9375rem;font-weight:700;line-height:1.8}.article-detail-body{color:var(--slate-800);white-space:pre-line;text-align:justify;font-size:.9375rem;line-height:2}.article-detail-tags-section{border-top:1px solid var(--slate-200);padding-top:1.25rem}.article-detail-tags-title{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.article-detail-tags{flex-wrap:wrap;gap:.5rem;display:flex}.article-detail-tag{background:var(--slate-100);color:var(--slate-800);font-size:.75rem}.article-detail-author{background:var(--slate-50);border-radius:var(--radius-xl);border:1px solid var(--slate-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.article-detail-author-avatar{border-radius:var(--radius-full);background:var(--primary-100);width:3.5rem;height:3.5rem;color:var(--primary-700);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:900;display:flex}.article-detail-author-name{color:var(--slate-900);font-size:.9375rem;font-weight:700}.article-detail-author-role{color:var(--text-muted);font-size:.75rem}.article-detail-back{text-align:center;margin-top:2rem}@media (width<=640px){.article-detail-title{font-size:1.35rem}.article-detail-info{gap:.75rem 1rem}.article-detail-cover{height:14rem}.article-detail-author{align-items:flex-start}.article-detail-author .btn{width:100%}}