/* [2026-09-02] v46 由 QuestionList.cshtml 页内 <style> 抽取归拢到 2026814（样式内容未改动） */
/* ============================================================
   问答列表页（2026-08-13）
   分类 Tab + 热门问题榜 + 问答卡片流
   ============================================================ */
/* [2026-09-01] v43 动态化改造：分类 Tab 已删（questions 表无分类维度，对齐 PC QuesIndex 规则） */
/* 热门问题榜 */
.sec-head{display:flex;align-items:center;gap:0.080rem;padding:0.160rem 0.140rem 0.100rem}
.sec-title{font-size:0.170rem;font-weight:800}
.sec-ic{
  width:0.240rem;height:0.240rem;border-radius:0.070rem;
  background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:0.140rem;
}
.hot-list{margin:0 0.140rem;background:var(--card);border-radius:var(--r);border:0.010rem solid var(--line);box-shadow:var(--shadow);padding:0.060rem 0.140rem}
.hot-item{display:flex;align-items:center;gap:0.100rem;padding:0.120rem 0;border-bottom:0.010rem dashed var(--line)}
.hot-item:last-child{border-bottom:none}
.hot-no{
  flex-shrink:0;width:0.180rem;height:0.180rem;border-radius:0.050rem;
  background:var(--brand-soft);color:var(--brand);
  font-size:0.130rem;font-weight:800;display:flex;align-items:center;justify-content:center;
}
.hot-item:nth-child(1) .hot-no{background:var(--brand);color:#fff}
.hot-item:nth-child(2) .hot-no{background:linear-gradient(135deg,#ff8a3d,#f15500);color:#fff}
.hot-item:nth-child(3) .hot-no{background:linear-gradient(135deg,#e8b44c,#d8941a);color:#fff}
.hot-txt{flex:1;min-width:0;font-size:0.140rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hot-views{flex-shrink:0;font-size:0.130rem;color:var(--ink-3);display:flex;align-items:center;gap:0.040rem}
.hot-views .ic{font-size:0.140rem}

/* 问答卡片流 */
.faq-list{display:flex;flex-direction:column;gap:0.100rem;padding:0 0.140rem}
.faq-card{
  background:var(--card);border-radius:var(--r);
  border:0.010rem solid var(--line);box-shadow:var(--shadow);
  padding:0.130rem 0.140rem;transition:transform .2s;
}
.faq-card:active{transform:scale(.98)}
.faq-q{display:flex;align-items:flex-start;gap:0.090rem}
.faq-q .fq-ic{
  flex-shrink:0;width:0.240rem;height:0.240rem;border-radius:0.080rem;
  background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:0.140rem;
}
.faq-q .fq-ic.q2{background:var(--blue-soft);color:var(--blue)}
.faq-q .fq-ic.q3{background:var(--green-soft);color:var(--green)}
.faq-q .fq-ic.q4{background:var(--gold-soft);color:var(--gold)}
.faq-q .fq-ic.q5{background:var(--purple-soft);color:var(--purple)}
.faq-q b{
  flex:1;font-size:0.145rem;font-weight:700;color:var(--ink);line-height:1.5;
}
.faq-a{
  font-size:0.140rem;color:var(--ink-2);line-height:1.75;margin:0.100rem 0 0 0.340rem;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.faq-meta{
  display:flex;align-items:center;gap:0.100rem;margin:0.100rem 0 0 0.330rem;
  font-size:0.130rem;color:var(--ink-3);padding-top:0.100rem;border-top:0.020rem dashed var(--line);
}
.faq-meta .fm-tag{font-size:0.120rem;padding:0.025rem 0.070rem;border-radius:0.050rem;background:var(--bg);color:var(--ink-2);font-weight:600}
.faq-meta .ic{font-size:0.140rem}
.faq-meta .fm-views{margin-left:auto;display:flex;align-items:center;gap:0.030rem}
.faq-meta .fm-go{color:var(--brand);font-weight:600;display:flex;align-items:center}
.faq-meta .fm-go .ic{font-size:0.150rem}

/* 无结果 */
.empty{padding:0.500rem 0;text-align:center;color:var(--ink-3)}
.empty .ic{font-size:0.450rem;color:var(--line);display:block;margin-bottom:0.110rem}
.empty p{font-size:0.140rem}

/* 咨询引导条 */
.faq-cta{
  margin:0.140rem;padding:0.140rem 0.160rem;border-radius:var(--r);
  background:linear-gradient(135deg,#ff8a3d,#f15500);box-shadow:0 0.060rem 0.180rem rgba(241,85,0,.28);color:#fff;
  display:flex;align-items:center;gap:0.120rem;position:relative;overflow:hidden;
}
.faq-cta::after{content:"";position:absolute;right:-0.200rem;top:-0.280rem;width:0.900rem;height:0.900rem;border-radius:50%;background:rgba(241,85,0,.22)}
.faq-cta .fc-ic{
  flex-shrink:0;width:0.400rem;height:0.400rem;border-radius:0.120rem;
  background:#fff;color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:0.210rem;
  box-shadow:0 0.040rem 0.120rem rgba(0,0,0,.12);
}
.faq-cta b{display:block;font-size:0.150rem;position:relative;z-index:1}
.faq-cta span{display:block;font-size:0.130rem;color:rgba(255,255,255,.7);margin-top:0.040rem;position:relative;z-index:1}
.faq-cta .fc-go{margin-left:auto;flex-shrink:0;position:relative;z-index:1;font-size:0.190rem;color:#fff}

/* [2026-09-01] v43 加载更多 → 上下页分页 */
.pager{display:flex;align-items:center;justify-content:center;gap:0.120rem;padding:0.200rem 0 0.100rem}
.pager a{
  display:flex;align-items:center;gap:0.050rem;padding:0.090rem 0.200rem;border-radius:0.320rem;
  background:var(--card);border:0.010rem solid var(--line);font-size:0.140rem;color:var(--ink-2);font-weight:600;
}
.pager a.dis{opacity:.4;pointer-events:none}
.pager span{font-size:0.130rem;color:var(--ink-3)}
