/* ============================================================
   行业知识 · 常见问题页 V2 版式（knowledge/faq）
   PC 设计稿 2:4616（1920×3306）/ 移动稿 5:160（750×3383）
     PC:   页头 2:4649 1920×430（padding 80/120、gap 48）
           列表 2:4656 1920×1832（padding 48/120、gap 48、两列 816+48+816）
           正文 → CTA 2:4712（563）/ footer 2:4728（379）
     移动: 页头 5:171 750×278（padding 40、gap 24 → 20/12）
           列表 5:178 单列 670（卡片 padding 48/32/48/16 → 24/16/24/8）
   页头居中：橙色虚线胶囊 20/30 + 标题 56/84 + 副标题 24/36
   卡片：#F9F9F9、radius 8、序号 24/42 700 #6F6F6F、
         问题 28/42 700 #212121、答案 24/36 500 #6F6F6F（段间 8）
   前缀用 v2-knfaq：v2.css 已有首页 FAQ 手风琴的 .v2-faq__* 组件
   ============================================================ */

.v2-knfaq{background:#fff;color:#212121;font-family:var(--v2-sans)}

/* ---------- 页头 ---------- */
.v2-knfaq__hero{display:flex;flex-direction:column;align-items:center;
  gap:clamp(16px,2.5vw,48px);
  padding:clamp(20px,4.17vw,80px) clamp(20px,6.25vw,120px)}
.v2-knfaq__tag{margin:0;color:var(--v2-orange);font-weight:500;
  font-size:clamp(12px,1.04vw,20px);line-height:1.5;
  letter-spacing:clamp(.5px,.05vw,1px);
  /* 上下 padding 各减 1px，抵掉 1px 虚线描边，总高回到稿中的 54 */
  padding:calc(clamp(8px,.63vw,12px) - 1px) clamp(12px,1.67vw,32px);
  background:#fff3e8;border:1px dashed var(--v2-orange);
  border-radius:clamp(4px,.42vw,8px)}
.v2-knfaq__title{margin:0;text-align:center;color:#212121;
  font-family:var(--v2-display);font-weight:700;
  font-size:clamp(20px,2.92vw,56px);line-height:1.5}
.v2-knfaq__lead{margin:0;text-align:center;color:#6f6f6f;font-weight:500;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5}
/* 标题双端文案不同（PC 2:4653 长句 / 移动 5:175「常见问题」） */
.v2-knfaq__mb{display:none}
html.device-mobile .v2-knfaq__pc{display:none}
html.device-mobile .v2-knfaq__mb{display:inline}

/* ---------- 列表：两列，同行等高 ---------- */
.v2-knfaq__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(12px,2.5vw,48px);
  padding:clamp(20px,2.5vw,48px) clamp(20px,6.25vw,120px)}
.v2-knfaq__card{display:flex;align-items:flex-start;
  gap:clamp(8px,.83vw,16px);
  padding:clamp(20px,2.5vw,48px) clamp(12px,1.67vw,32px) clamp(20px,2.5vw,48px) clamp(8px,.83vw,16px);
  background:#f9f9f9;border-radius:clamp(4px,.42vw,8px)}
.v2-knfaq__no{margin:0;flex:0 0 auto;color:#6f6f6f;font-weight:700;
  font-size:clamp(12px,1.25vw,24px);line-height:1.75}
.v2-knfaq__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;
  gap:clamp(8px,.83vw,16px)}
.v2-knfaq__q{margin:0;color:#212121;font-weight:700;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
.v2-knfaq__a{display:flex;flex-direction:column;gap:clamp(4px,.42vw,8px)}
.v2-knfaq__a p{margin:0;color:#6f6f6f;font-weight:500;text-align:justify;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5}

/* ============================================================
   移动端（750 稿 ÷ 2）：单列、padding 20、卡内 24/16/24/8
   ============================================================ */
html.device-mobile .v2-knfaq__hero{padding:20px;gap:12px}
html.device-mobile .v2-knfaq__tag{padding:5px 16px;font-size:10px;
  letter-spacing:.5px;border-radius:4px}
html.device-mobile .v2-knfaq__title{font-size:20px}
html.device-mobile .v2-knfaq__lead{font-size:12px}
html.device-mobile .v2-knfaq__list{grid-template-columns:1fr;padding:20px;gap:12px}
html.device-mobile .v2-knfaq__card{padding:24px 16px 24px 8px;gap:8px;
  border-radius:4px}
html.device-mobile .v2-knfaq__no{font-size:12px;line-height:21px}
html.device-mobile .v2-knfaq__body{gap:8px}
html.device-mobile .v2-knfaq__q{font-size:14px}
html.device-mobile .v2-knfaq__a{gap:4px}
html.device-mobile .v2-knfaq__a p{font-size:12px}

/* ---------- 底部 CTA：沿用文章页那套覆盖（副标题 #212121 / 两行 112） ---------- */
.v2-knfaq__cta .v2-cta__desc p{color:#212121}
.v2-knfaq__cta--2line .v2-cta__desc{padding-bottom:clamp(6px,.63vw,12px)}
html.device-mobile .v2-knfaq__cta .v2-cta__desc{padding-bottom:0}
.v2-knfaq__mb-btn{display:none}
html.device-mobile .v2-knfaq__pc-btn{display:none}
html.device-mobile .v2-knfaq__mb-btn{display:inline}