/* 法律问答（/qa）公开页 —— 2026-10-27 M1 */
.qa-wrap { display: flex; gap: 20px; align-items: flex-start; margin-top: 8px; }
.qa-main { flex: 1 1 auto; min-width: 0; }
.qa-side { flex: 0 0 280px; display: flex; flex-direction: column; gap: 16px; }
@media (max-width: 900px) { .qa-wrap { flex-direction: column; } .qa-side { flex: 1 1 auto; width: 100%; } }

.qa-total { color: var(--tx3, #94a3b8); font-size: 12px; }
.qa-list { display: flex; flex-direction: column; }
.qa-item { display: block; padding: 14px 16px; border-bottom: 1px solid var(--line, rgba(148,163,184,.15)); text-decoration: none; }
.qa-item:last-child { border-bottom: none; }
.qa-item:hover { background: var(--bg2, rgba(148,163,184,.06)); }
.qa-item-top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.qa-item-meta { color: var(--tx3, #94a3b8); font-size: 12px; margin-left: auto; }
.qa-item-title { font-size: 15px; font-weight: 600; color: var(--tx1, #1e293b); line-height: 1.5; }
.qa-item:hover .qa-item-title { color: var(--acc, #FF4400); }
.qa-item-ex { margin-top: 4px; font-size: 13px; color: var(--tx2, #64748b); line-height: 1.6; }
.qa-tag { display: inline-block; font-size: 11px; padding: 1px 8px; border-radius: 10px; background: rgba(148,163,184,.15); color: var(--tx2, #64748b); }
.qa-tag.ok { background: rgba(34,197,94,.15); color: #16a34a; }
.qa-tag.wait { background: rgba(245,158,11,.15); color: #d97706; }
.qa-tag.mute { background: rgba(99,102,241,.12); color: #6366f1; }

.qa-page { display: flex; gap: 6px; flex-wrap: wrap; padding: 14px 16px; }
.qa-page a, .qa-page span { padding: 4px 10px; border: 1px solid var(--line, rgba(148,163,184,.2)); border-radius: 6px; font-size: 13px; color: var(--tx2, #64748b); text-decoration: none; }
.qa-page span.cur { background: var(--acc, #FF4400); color: #fff; border-color: var(--acc, #FF4400); }
.qa-page a:hover { border-color: var(--acc, #FF4400); color: var(--acc, #FF4400); }

.qa-cats { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 16px; }
.qa-cat { padding: 4px 10px; border-radius: 14px; background: var(--bg2, rgba(148,163,184,.08)); font-size: 13px; color: var(--tx2, #64748b); text-decoration: none; }
.qa-cat i { font-style: normal; opacity: .7; font-size: 11px; margin-left: 2px; }
.qa-cat.cur { background: var(--acc, #FF4400); color: #fff; }
.qa-cat:hover { color: var(--acc, #FF4400); }
.qa-cat.cur:hover { color: #fff; }

.qa-hot { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 16px; }
.qa-hot a { font-size: 13px; color: var(--tx2, #64748b); text-decoration: none; padding: 3px 10px; background: var(--bg2, rgba(148,163,184,.08)); border-radius: 12px; }
.qa-hot a:hover { color: var(--acc, #FF4400); }

.qa-cta { padding: 16px; }
.qa-cta b { font-size: 14px; color: var(--tx1, #1e293b); }
.qa-cta p { font-size: 12px; color: var(--tx3, #94a3b8); margin: 6px 0 10px; }

/* 详情页 */
.qa-crumb { display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--tx3, #94a3b8); margin: 10px 0 4px; }
.qa-crumb a { color: var(--tx2, #64748b); text-decoration: none; }
.qa-crumb a:hover { color: var(--acc, #FF4400); }
.qa-title { font-size: 20px; font-weight: 700; color: var(--tx1, #1e293b); margin: 10px 0 12px; line-height: 1.5; }
.qa-q { padding: 14px 16px; background: var(--bg2, rgba(148,163,184,.06)); border-radius: 10px; font-size: 14px; line-height: 1.8; color: var(--tx1, #1e293b); }
.qa-answers-h { font-size: 15px; font-weight: 600; color: var(--tx1, #1e293b); margin: 18px 0 10px; padding-left: 10px; border-left: 3px solid var(--acc, #FF4400); }
.qa-answer { padding: 12px 0; border-bottom: 1px dashed var(--line, rgba(148,163,184,.2)); }
.qa-answer:last-of-type { border-bottom: none; }
.qa-answer-h { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 13px; }
.qa-answer-h b { color: var(--tx1, #1e293b); }
.qa-avatar { width: 26px; height: 26px; border-radius: 50%; background: var(--acc, #FF4400); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.qa-lawyertag { font-size: 11px; padding: 1px 6px; border-radius: 8px; background: rgba(37,99,235,.12); color: var(--acc, #FF4400); }
.qa-adopt { font-size: 11px; padding: 1px 8px; border-radius: 8px; background: rgba(34,197,94,.15); color: #16a34a; }
.qa-answer-b { font-size: 14px; line-height: 1.8; color: var(--tx1, #1e293b); padding-left: 34px; }
.qa-answer.adopted .qa-answer-b { background: rgba(34,197,94,.05); border-radius: 8px; padding: 10px 12px 10px 46px; }
.qa-cta-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line, rgba(148,163,184,.15)); }

.qa-rel { display: flex; flex-direction: column; }
.qa-rel-item { display: flex; gap: 8px; align-items: flex-start; padding: 8px 16px; font-size: 13px; color: var(--tx2, #64748b); text-decoration: none; line-height: 1.5; }
.qa-rel-item:hover { background: var(--bg2, rgba(148,163,184,.06)); color: var(--acc, #FF4400); }
.qa-rel-t { flex: 1; }