/* v34 — 问答可读性：让「问题」和「回答」一眼可分。
   问题 = 亮色左边框的卡片（讨论的主角）；回答 = 灰色左边框 + 序号（回复的配角）。
   不改动任何 HTML 结构，只做视觉分层。 */

/* ---------- 折叠行：悬停与展开状态可见 ---------- */
.kw-site #qa .kw-question{border-bottom:1px solid #2f2f2f}
.kw-site #qa .kw-question>summary{padding:20px 14px;transition:background .18s ease,box-shadow .18s ease}
.kw-site #qa .kw-question>summary:hover{background:#131313}
.kw-site #qa .kw-question[open]>summary{background:#131313;box-shadow:inset 3px 0 0 #f4f4f0}
.kw-site #qa .kw-question[open]>summary strong{color:#fff}
.kw-site #qa .kw-question-body{padding:18px 14px 26px}

/* ---------- 问题正文：亮边框卡片 + 「问题」标签 ---------- */
.kw-site #qa .kw-question-text{background:#1c1c1c;border:1px solid #404040;border-left:3px solid #f4f4f0;padding:18px 22px 16px}
.kw-site #qa .kw-question-text::before{content:"问题";display:block;font:600 11px/1 Consolas,"Microsoft YaHei",monospace;letter-spacing:.2em;color:#f4f4f0;margin-bottom:13px}
.kw-site #qa .kw-question-text p{margin:10px 0;color:#e7e7e3;font-size:16px;line-height:1.95}
.kw-site #qa .kw-question-text p:first-child{margin-top:0}
.kw-site #qa .kw-question-text p:last-child{margin-bottom:0}

/* ---------- 回答区：虚线分隔 + 灰边框卡片 + 「回答 N」序号 ---------- */
.kw-site #qa .kw-answers{counter-reset:kw-answer;margin:20px 0 0;padding-top:20px;border-top:1px dashed #3a3a3a}
.kw-site #qa .kw-answer{counter-increment:kw-answer;background:#090909;border:1px solid #2e2e2e;border-left:3px solid #6f6f6f;padding:16px 20px}
.kw-site #qa .kw-answer small{display:block;font:600 12px/1.7 Consolas,"Microsoft YaHei",monospace;letter-spacing:.04em;color:#bdbdbd;margin-bottom:7px}
.kw-site #qa .kw-answer small::before{content:"回答 " counter(kw-answer) " · ";color:#f4f4f0}
.kw-site #qa .kw-answer p{margin:9px 0;color:#e2e2e2;font-size:16px;line-height:1.95}
.kw-site #qa .kw-answer p:last-child{margin-bottom:0}
.kw-site #qa .kw-answers>p.kw-muted{background:#0f0f0f;border:1px dashed #3a3a3a;padding:16px 20px;color:#bdbdbd;margin:0}

/* ---------- 「我来回答」：做成明确的按钮，区别于正文 ---------- */
.kw-site #qa .kw-answer-compose{margin-top:20px;padding-top:20px;border-top:1px solid #2e2e2e}
.kw-site #qa .kw-answer-compose>summary{display:inline-block;background:#171717;border:1px solid #7a7a7a;color:#f4f4f0;font-size:14px;line-height:1.5;padding:11px 20px;transition:background .18s ease,border-color .18s ease}
.kw-site #qa .kw-answer-compose>summary:hover{background:#262626;border-color:#f4f4f0}
.kw-site #qa .kw-answer-compose[open]>summary{margin-bottom:18px}

/* ---------- 手机 ---------- */
@media(max-width:700px){
  .kw-site #qa .kw-question>summary{padding:18px 10px}
  .kw-site #qa .kw-question-body{padding:16px 10px 22px}
  .kw-site #qa .kw-question-text{padding:16px 16px 14px}
  .kw-site #qa .kw-question-text::before{font-size:10px;margin-bottom:11px}
  .kw-site #qa .kw-answer{padding:14px 15px}
  .kw-site #qa .kw-question-text p,.kw-site #qa .kw-answer p{font-size:15px;line-height:1.9}
  .kw-site #qa .kw-answer-compose>summary{font-size:13px;padding:10px 16px}
}