/* [2026-09-02] v46 由 QuestionDetail.cshtml 页内 <style> 抽取归拢到 2026814（样式内容未改动） */
/* ============================================================
   问答详情页（2026-08-13 design-taste-frontend 重构版）
   问题卡 + 顾问解答 + 相关问答 + 咨询 CTA
   ============================================================ */
/* 全局本页变量（仅保留特有） */
:root{--faq-r:0.160rem;--faq-sm:0.100rem;--faq-surface:#fff;--faq-trust:#1c2333;--faq-muted:var(--ink-2)}

/* 问题卡 */
.faq-hero{
  margin:0.120rem 0.140rem 0;background:var(--faq-surface);border-radius:var(--faq-r);
  padding:0.180rem;
}
.fh-top{display:flex;align-items:flex-start;gap:0.100rem}
.fh-q{
  flex-shrink:0;width:0.360rem;height:0.360rem;border-radius:var(--faq-sm);
  background:var(--brand);color:#fff;font-size:0.190rem;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0.040rem 0.100rem rgba(241,85,0,.25);margin-top:-0.020rem;
}
.faq-hero .fh-tags{display:flex;flex-wrap:wrap;gap:0.060rem;flex:1}
.fh-tag{font-size:0.130rem;font-weight:600;padding:0.040rem 0.100rem;border-radius:0.070rem;line-height:1.4}
.fh-tag.cat{background:var(--brand-soft);color:var(--brand)}
.fh-tag.hot{background:#fff1e8;color:#c24500;font-weight:700}
.faq-hero h1{font-size:0.190rem;font-weight:800;line-height:1.55;color:var(--ink);margin-top:0.140rem}
.fh-meta{
  display:flex;align-items:center;gap:0.140rem;margin-top:0.140rem;
  font-size:0.130rem;color:var(--ink-3);
}
.fh-meta span{display:flex;align-items:center;gap:0.040rem}
.fh-meta .ic{font-size:0.140rem}

/* 解答卡 */
.answer{
  margin:0.100rem 0.140rem 0;background:var(--faq-surface);border-radius:var(--faq-r);
  padding:0.160rem 0.180rem 0.180rem;
}
.av-head{display:flex;align-items:center;gap:0.110rem;padding-bottom:0.140rem;border-bottom:0.010rem solid var(--line)}
.av-badge{
  flex-shrink:0;width:0.360rem;height:0.360rem;border-radius:var(--faq-sm);
  background:var(--faq-trust);color:#fff;font-size:0.190rem;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0.040rem 0.100rem rgba(28,35,51,.18);
}
.av-avatar{
  width:0.400rem;height:0.400rem;border-radius:50%;flex-shrink:0;
  background:var(--bg);border:0.010rem solid var(--line);padding:0.040rem;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.av-avatar img{width:100%;height:100%;object-fit:contain}
.av-name{flex:1}
.av-name b{font-size:0.150rem;font-weight:700;color:var(--ink);display:block}
.av-name span{font-size:0.130rem;color:var(--ink-3);display:block;margin-top:0.040rem}
.av-official{
  flex-shrink:0;font-size:0.120rem;font-weight:700;color:var(--green);
  background:var(--green-soft);padding:0.040rem 0.080rem;border-radius:0.060rem;
  display:flex;align-items:center;gap:0.030rem;
}
.av-official .ic{font-size:0.140rem}

/* 正文：纯文本分段后，呼吸感 + 关键句强调 */
.answer-body{font-size:0.150rem;color:var(--ink-2);line-height:1.95;margin-top:0.160rem}
.answer-body p{margin:0 0 0.140rem;padding-left:0}
.answer-body p:last-child{margin-bottom:0}
.answer-body p strong{color:var(--ink);font-weight:700}
.answer-body p:first-child{font-weight:600;color:var(--ink)}

/* 相关问答：更简洁的 press 列表，少边框 */
.sec-head{display:flex;align-items:center;gap:0.080rem;padding:0.180rem 0.140rem 0.100rem}
.sec-title{font-size:0.170rem;font-weight:800;color:var(--ink)}
.sec-ic{width:0.270rem;height:0.270rem;border-radius:0.090rem;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:0.150rem}
.related{display:flex;flex-direction:column;gap:0;padding:0 0.140rem}
.rel-item{
  background:var(--faq-surface);border-radius:var(--faq-r);
  padding:0.140rem 0.160rem;display:block;transition:transform .15s,background .15s;
  margin-bottom:0.080rem;
}
.rel-item:active{transform:scale(.98)}
.rel-q{display:flex;align-items:flex-start;gap:0.100rem}
.rel-q .rq-ic{
  flex-shrink:0;width:0.260rem;height:0.260rem;border-radius:0.080rem;
  background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:0.150rem;
}
.rel-q .rq-ic.q2{background:var(--blue-soft);color:var(--blue)}
.rel-q .rq-ic.q3{background:var(--green-soft);color:var(--green)}
.rel-q .rq-ic.q4{background:var(--purple-soft);color:var(--purple)}
.rel-q b{flex:1;font-size:0.150rem;font-weight:700;color:var(--ink);line-height:1.5}
.rel-desc{
  font-size:0.140rem;color:var(--ink-2);line-height:1.7;margin:0.080rem 0 0 0.370rem;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.rel-meta{
  display:flex;align-items:center;gap:0.100rem;margin:0.090rem 0 0 0.360rem;
  font-size:0.130rem;color:var(--ink-3);
}
.rel-meta .rm-tag{font-size:0.120rem;padding:0.030rem 0.080rem;border-radius:0.060rem;background:var(--bg);color:var(--ink-2);font-weight:600}
.rel-meta .rm-views{margin-left:auto;display:flex;align-items:center;gap:0.030rem}
.rel-meta .rm-go{color:var(--brand);font-weight:700;display:flex;align-items:center}
.rel-meta .rm-go .ic{font-size:0.150rem}
.rel-meta .ic{font-size:0.140rem}

/* 咨询引导条：收敛为深色信任卡，与首页 lead-bar 呼应 */
.faq-cta{
  margin:0.140rem;padding:0.150rem 0.180rem;border-radius:var(--faq-r);
  background:var(--faq-trust);color:#fff;
  display:flex;align-items:center;gap:0.130rem;position:relative;overflow:hidden;
}
.faq-cta .fc-ic{
  flex-shrink:0;width:0.400rem;height:0.400rem;border-radius:var(--faq-sm);
  background:#fff;color:var(--faq-trust);
  display:flex;align-items:center;justify-content:center;font-size:0.210rem;
}
.faq-cta b{display:block;font-size:0.160rem;font-weight:700}
.faq-cta span{display:block;font-size:0.140rem;color:rgba(255,255,255,.7);margin-top:0.040rem}
.faq-cta .fc-go{margin-left:auto;flex-shrink:0;font-size:0.210rem;color:#fff}