/* ==========================================================================
   faq2.css —— 「常见问题」页 V3 专属样式（页面作用域，全局零影响）
   规则：① 全部选择器以 .faq2- 开头（或以 .faq2-scope 作用域包裹）
        ② 只在本页由 <link> 引入，不修改 style.css / mobile.css
        ③ 配色仅用品牌色：深藏青 #0B2148 / 金 #C8A062 / 米白 #FDF6E7（+ 白与中性灰）
   ========================================================================== */

.faq2-scope,.faq2-banner{
  --faq2-navy:#0B2148;
  --faq2-gold:#C8A062;
  --faq2-cream:#FDF6E7;
  --faq2-ink:#1D2735;
  --faq2-mute:#63707F;
  --faq2-line:#E3E8EF;
  --faq2-line-strong:#C8D2DF;
  --faq2-white:#FFFFFF;
  --faq2-r:14px;
  --faq2-r-sm:10px;
  --faq2-shadow:0 2px 10px rgba(11,33,72,.06);
  --faq2-shadow-lg:0 10px 26px rgba(11,33,72,.10);
  color:var(--faq2-ink);
}

/* ---------- 01 区块节奏 ---------- */
.faq2-sec{margin:44px 0 0;}
.faq2-sec:first-child{margin-top:24px;}
.faq2-sec-h{display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;}
.faq2-sec-no{
  flex:none;width:38px;height:38px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;letter-spacing:.5px;
  color:var(--faq2-white);background:var(--faq2-navy);
}
.faq2-sec-t{margin:0;font-size:21px;line-height:1.4;color:var(--faq2-navy);font-weight:700;}
.faq2-sec-sub{margin:4px 0 0;font-size:13.5px;line-height:1.7;color:var(--faq2-mute);max-width:760px;}

/* ---------- 页内快速跳转（2026-10-17 新增）----------
   本页 6 个区块、近 3800px 高，长页必须给锚点导航，否则用户只能一路滚。
   目标元素的落点由全局 html{scroll-padding-top:90px} 与 section[id]{scroll-margin-top:118px}
   兜底，不会被 sticky 头部遮挡。 */
.faq2-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;}
.faq2-jump a{
  display:inline-flex;align-items:center;padding:7px 14px;
  border:1px solid var(--faq2-line-strong);border-radius:999px;background:var(--faq2-white);
  color:var(--faq2-navy);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.faq2-jump a:hover,.faq2-jump a:focus-visible{
  background:var(--faq2-navy);color:var(--faq2-white);border-color:var(--faq2-navy);
  box-shadow:0 4px 12px rgba(11,33,72,.18);
}
@media (max-width:640px){
  .faq2-jump{gap:6px;margin-bottom:12px;}
  .faq2-jump a{padding:6px 12px;font-size:12.5px;}
}

/* ---------- 底部通用模块与页面容器对齐（2026-10-17）----------
   style.css 里 .cta-band 带 max-width:1000px;margin:30px auto，
   在本页 1380px 的内容容器里会「缩进一块」，与上方各区块宽度不一致。
   合规提示 .notice 与 .related 已随容器归位（此前因 HTML 多余闭合标签被挤出容器）。 */
.faq2-scope .cta-band{max-width:none;margin:26px 0 0;text-align:center;}
.faq2-scope .related{margin-top:20px;}
.faq2-scope .notice{margin-top:20px;}

/* ---------- 03 访客问答独立区块（2026-10-17）----------
   访客问题补充到 6 条后，若继续留在首屏右栏会把右栏撑得远高于左侧表单、
   反而制造大片留白，因此提升为独立区块：桌面 2 列、条目再多也不会拉成长单列。 */
.faq2-guest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px;}
.faq2-guest-grid .faq2-guest-card{margin:0;height:100%;}
.faq2-guest-cta{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.faq2-guest-cta .btn{margin:0;}
/* 6 条在 ≥1200px 用 3 列 → 正好 2 行，页面高度比 2 列少约 380px，也更接近上方答疑卡片的密度 */
@media (min-width:1200px){
  .faq2-guest-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:1199px){
  .faq2-guest-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  .faq2-guest-grid{grid-template-columns:1fr;}
}

/* ---------- 06 站内搜索：右侧「没搜到」引导块（2026-10-17）----------
   搜索框限宽 760px，在 1380 容器里右侧会空出一大块版面。补一个引导块填满宽度，
   同时把没搜到结果的访客导向三条更快的路径：留言提问 / 分类问答 / 省政策库。 */
.faq2-search-row{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);gap:20px;align-items:stretch;}
.faq2-search-row .search-form{margin:0;max-width:none;}
.faq2-search-aside{
  background:var(--faq2-cream);border:1px solid rgba(200,160,98,.40);border-radius:var(--faq2-r);
  padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:9px;
}
.faq2-search-aside-h{margin:0;font-size:13.5px;font-weight:700;color:var(--faq2-navy);}
.faq2-search-aside-links{display:flex;flex-wrap:wrap;gap:8px;}
.faq2-search-aside-links a{
  display:inline-flex;align-items:center;padding:5px 11px;border:1px solid rgba(11,33,72,.14);
  border-radius:999px;background:var(--faq2-white);color:var(--faq2-navy);
  font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.faq2-search-aside-links a:hover,.faq2-search-aside-links a:focus-visible{
  background:var(--faq2-navy);color:var(--faq2-white);border-color:var(--faq2-navy);
}
@media (max-width:900px){
  .faq2-search-row{grid-template-columns:1fr;gap:14px;}
  .faq2-search-aside{padding:12px 14px;}
}

/* ---------- 首屏：左表单 / 右问答 ---------- */
.faq2-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:26px;align-items:start;}
.faq2-card{
  background:var(--faq2-white);border:1px solid var(--faq2-line);
  border-radius:var(--faq2-r);box-shadow:var(--faq2-shadow);
  padding:24px 24px 20px;
}
.faq2-card-h{display:flex;align-items:center;gap:10px;margin:0 0 6px;}
.faq2-card-h h2,.faq2-card-h h3{margin:0;font-size:18px;color:var(--faq2-navy);font-weight:700;}
.faq2-badge{
  flex:none;font-size:12px;font-weight:700;color:var(--faq2-navy);
  background:var(--faq2-cream);border:1px solid var(--faq2-gold);
  border-radius:999px;padding:2px 10px;
}
.faq2-card-p{margin:0 0 16px;font-size:13.5px;line-height:1.75;color:var(--faq2-mute);}

/* ---------- 表单 ---------- */
.faq2-form{display:block;}
.faq2-field{margin:0 0 18px;}
.faq2-label{display:block;font-size:14px;font-weight:700;color:var(--faq2-navy);margin:0 0 8px;}
.faq2-chip{white-space:nowrap;}
.faq2-req{color:var(--faq2-gold);font-style:normal;}
.faq2-textarea{
  display:block;width:100%;box-sizing:border-box;
  min-height:132px;padding:14px 16px;
  font-size:15.5px;line-height:1.8;color:var(--faq2-ink);
  background:var(--faq2-white);border:1.5px solid var(--faq2-line-strong);
  border-radius:var(--faq2-r-sm);
  transition:border-color .18s ease, box-shadow .18s ease;
  resize:vertical;
}
.faq2-textarea:focus{
  outline:none;border-color:var(--faq2-navy);
  box-shadow:0 0 0 4px rgba(11,33,72,.10);
}
.faq2-textarea::placeholder{color:#98A4B3;}
.faq2-input{
  display:block;width:100%;box-sizing:border-box;
  height:44px;padding:0 14px;font-size:14.5px;color:var(--faq2-ink);
  background:var(--faq2-white);border:1.5px solid var(--faq2-line-strong);
  border-radius:var(--faq2-r-sm);
  transition:border-color .18s ease, box-shadow .18s ease;
}
.faq2-input:focus{outline:none;border-color:var(--faq2-navy);box-shadow:0 0 0 3px rgba(11,33,72,.09);}

/* 模板 chip */
.faq2-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.faq2-chip{
  font-size:12.5px;line-height:1.4;color:var(--faq2-navy);
  background:var(--faq2-cream);border:1px solid var(--faq2-gold);
  border-radius:999px;padding:6px 12px;cursor:pointer;
  transition:background-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.faq2-chip:hover{background:#FBF0DA;transform:translateY(-1px);box-shadow:var(--faq2-shadow);}
.faq2-chip:focus-visible{outline:2px solid var(--faq2-navy);outline-offset:2px;}

/* 提交按钮 / 提示 */
.faq2-btn{
  display:block;width:100%;box-sizing:border-box;
  height:48px;border:0;border-radius:var(--faq2-r-sm);cursor:pointer;
  font-size:16px;font-weight:700;color:var(--faq2-white);
  background:var(--faq2-navy);
  transition:background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.faq2-btn:hover{background:#12305F;box-shadow:var(--faq2-shadow-lg);}
.faq2-btn:disabled{opacity:.65;cursor:default;box-shadow:none;transform:none;}
.faq2-btn:focus-visible{outline:2px solid var(--faq2-gold);outline-offset:2px;}
.faq2-tip{margin:10px 0 0;font-size:12.5px;line-height:1.7;color:var(--faq2-mute);}
.faq2-ok{display:none;margin:12px 0 0;font-size:13.5px;line-height:1.7;color:#1C7A3D;}

/* 折叠的补充信息 */
.faq2-more{margin:0 0 18px;border:1px dashed var(--faq2-line-strong);border-radius:var(--faq2-r-sm);background:#FCFDFF;}
.faq2-more > summary{
  list-style:none;cursor:pointer;padding:11px 14px;
  font-size:13px;font-weight:700;color:var(--faq2-navy);
  display:flex;align-items:center;gap:8px;
}
.faq2-more > summary::-webkit-details-marker{display:none;}
.faq2-more > summary::after{
  content:"";margin-left:auto;width:8px;height:8px;
  border-right:2px solid var(--faq2-mute);border-bottom:2px solid var(--faq2-mute);
  transform:rotate(45deg);transition:transform .18s ease;
}
.faq2-more[open] > summary::after{transform:rotate(-135deg);}
.faq2-more-b{padding:2px 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.faq2-hint{margin:6px 0 0;font-size:12px;line-height:1.65;color:var(--faq2-mute);}

/* ---------- 右侧：官方问答精选 + 访客问答 ---------- */
.faq2-side{display:grid;gap:22px;}
.faq2-official{display:grid;gap:12px;}
.faq2-official-item{
  background:var(--faq2-white);border:1px solid var(--faq2-line);
  border-left:3px solid var(--faq2-gold);
  border-radius:var(--faq2-r-sm);padding:14px 16px;
  transition:box-shadow .18s ease, border-color .18s ease;
}
.faq2-official-item:hover{box-shadow:var(--faq2-shadow);}
.faq2-q{margin:0 0 6px;font-size:14.5px;font-weight:700;line-height:1.6;color:var(--faq2-navy);}
.faq2-a{margin:0;font-size:13.5px;line-height:1.8;color:var(--faq2-ink);}
@media (min-width:1440px){.faq2-official-item .faq2-a{font-size:13px;line-height:1.7;}}
.faq2-src{margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--faq2-mute);}
.faq2-src a{color:var(--faq2-navy);text-decoration:underline;text-underline-offset:2px;}
.faq2-src a:hover{color:var(--faq2-gold);}
.faq2-note{
  margin:0 0 12px;padding:10px 12px;border-radius:var(--faq2-r-sm);
  background:var(--faq2-cream);font-size:12.5px;line-height:1.7;color:#5B4A28;
}
.faq2-guest-card{
  background:var(--faq2-white);border:1px solid var(--faq2-line);
  border-left:3px solid var(--faq2-navy);
  border-radius:var(--faq2-r-sm);padding:16px;
}
.faq2-guest-meta{font-size:12px;color:var(--faq2-mute);margin:8px 0 0;}
.faq2-guest-lead{margin:12px 0 0;font-size:13px;color:var(--faq2-mute);}

/* ---------- 04 热门问题：两列卡片 ---------- */
.faq2-top8{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.faq2-top8-card{
  display:block;text-decoration:none;
  background:var(--faq2-white);border:1px solid var(--faq2-line);
  border-radius:var(--faq2-r-sm);padding:16px 18px;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.faq2-top8-card:hover{border-color:var(--faq2-gold);box-shadow:var(--faq2-shadow-lg);transform:translateY(-2px);}
.faq2-top8-no{font-size:12px;font-weight:800;color:var(--faq2-gold);letter-spacing:.6px;}
.faq2-top8-q{margin:6px 0 4px;font-size:14.5px;font-weight:700;line-height:1.55;color:var(--faq2-navy);}
.faq2-top8-d{margin:0;font-size:12.5px;line-height:1.7;color:var(--faq2-mute);}

/* ---------- 05 分类问答：横向可滑 Tab ---------- */
.faq2-tabs{
  display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;margin:0 0 16px;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;
}
.faq2-tab{
  flex:none;font-size:13.5px;line-height:1;color:var(--faq2-navy);
  background:var(--faq2-white);border:1px solid var(--faq2-line-strong);
  border-radius:999px;padding:10px 15px;cursor:pointer;white-space:nowrap;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}
.faq2-tab:hover{border-color:var(--faq2-navy);}
.faq2-tab[aria-selected="true"]{background:var(--faq2-navy);border-color:var(--faq2-navy);color:var(--faq2-white);}
.faq2-tab:focus-visible{outline:2px solid var(--faq2-gold);outline-offset:2px;}
.faq2-panel-h{margin:2px 0 12px;font-size:17px;color:var(--faq2-navy);font-weight:700;}

/* 组内折叠问答沿用既有 .gdh-faq*，仅在本页作用域内微调 */
.faq2-qa .gdh-faq{border:1px solid var(--faq2-line);border-radius:var(--faq2-r);overflow:hidden;background:var(--faq2-white);}
.faq2-qa .gdh-faq-i{border-top:1px solid var(--faq2-line);}
.faq2-qa .gdh-faq-i > summary{padding:14px 18px;font-size:14px;transition:background-color .16s ease;}
.faq2-qa .gdh-faq-i > summary:hover{background:#F7FAFF;}
.faq2-qa .gdh-faq-q{background:var(--faq2-cream);color:var(--faq2-navy);}

/* ---------- 06 附录 ---------- */
.faq2-appendix > summary{
  cursor:pointer;list-style:none;
  background:var(--faq2-white);border:1px solid var(--faq2-line);
  border-radius:var(--faq2-r-sm);padding:15px 18px;
  font-size:14px;font-weight:700;color:var(--faq2-navy);
  display:flex;align-items:center;gap:10px;
}
.faq2-appendix > summary::-webkit-details-marker{display:none;}
.faq2-appendix > summary::after{
  content:"";margin-left:auto;width:8px;height:8px;
  border-right:2px solid var(--faq2-mute);border-bottom:2px solid var(--faq2-mute);
  transform:rotate(45deg);transition:transform .18s ease;
}
.faq2-appendix[open] > summary::after{transform:rotate(-135deg);}
.faq2-appendix-b{padding:16px 2px 0;}

/* ---------- 相关文章（提交成功后） ---------- */
.faq2-rel{margin:18px 0 0;padding:14px 16px;background:#FCFDFF;border:1px solid var(--faq2-line);border-radius:var(--faq2-r-sm);}
.faq2-rel-h{margin:0 0 8px;font-size:13.5px;font-weight:700;color:var(--faq2-navy);}
.faq2-rel .nf-item{margin:0 0 8px;}
.faq2-rel .nf-item:last-child{margin-bottom:0;}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .faq2-hero{grid-template-columns:1fr;gap:22px;}
  .faq2-top8{grid-template-columns:1fr;}
  .faq2-more-b{grid-template-columns:1fr;}
  .faq2-sec{margin-top:38px;}
}
@media (max-width:640px){
  .faq2-card{padding:18px 16px 16px;border-radius:12px;}
  .faq2-sec-t{font-size:18px;}
  .faq2-sec-no{width:32px;height:32px;border-radius:8px;font-size:13px;}
  .faq2-textarea{min-height:118px;font-size:15px;padding:12px 14px;}
  .faq2-btn{height:46px;}
  .faq2-tabs{padding-bottom:10px;}
  .faq2-official-item{padding:10px 12px;}
}

/* ==========================================================================
   桌面端专项（≥1200 / ≥1440）：加宽内容、压缩首屏、官方问答网格、Top8 四列
   ========================================================================== */

/* 信任背书条（只用既有文案事实，不新增数据） */
.faq2-trust{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 0;}
.faq2-trust-i{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12.5px;line-height:1.5;color:#3D4A5C;
  background:var(--faq2-white);border:1px solid var(--faq2-line);
  border-radius:999px;padding:5px 12px;
}
.faq2-trust-i::before{
  content:"";flex:none;width:6px;height:6px;border-radius:50%;
  background:var(--faq2-gold);
}

@media (min-width:1200px){
  .faq2-banner .cat-sub{max-width:840px;}
  /* 官方问答：桌面 2 列、等高 */
  .faq2-official{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;}
  /* ⚠ 2026-10-17 修复（height:100% 作用域缺失）：
     原写法 `.faq2-official-item{height:100%}` 是**全局**的，在 ≥1200px 会把首屏右栏卡片里
     的 3 条问答也各自撑成"卡片全高"（1440 下实测每条 493px），3 条总高 1479px 挤在 491px 的
     卡片里 → 第 1 条下方大片空白、第 2/3 条直接溢出卡片压到下一区块，即用户看到的"排版错乱"。
     等高只应作用于 .faq2-official 网格内的直接子项。 */
  .faq2-official > .faq2-official-item{height:100%;}
  /* 官方问答为 7 条：2 列时最后一行若只剩 1 条，让它占满整行（2 列居中无意义，拉满更整齐）
     （nth-child 限定"确实另起一行"才拉伸；条目数变化时不会误伤） */
  .faq2-official > .faq2-official-item:last-child:nth-child(2n+1){grid-column:1/-1;}
  /* Top 8：桌面 4 列 */
  .faq2-top8{grid-template-columns:repeat(4,minmax(0,1fr));}
  .faq2-top8-card{height:100%;}
  /* Tab 条：居中换行，不横向滚动 */
  .faq2-tabs{flex-wrap:wrap;justify-content:center;overflow:visible;padding-bottom:6px;}
  .faq2-sec{margin-top:34px;}
}

@media (min-width:1440px){
  /* 1) 内容加宽到 1380（≥1440 视口；只在页面作用域内） */
  .faq2-scope.faq2-scope{max-width:1380px;padding-top:10px;}
  .faq2-banner .faq2-bwrap{max-width:1380px;}
  /* 2) 首屏双栏：左 ≥620 / 右 ≥560，底部对齐 */
  .faq2-hero{
    grid-template-columns:minmax(620px,640px) minmax(660px,1fr);
    gap:24px;align-items:stretch;
  }
  .faq2-side{display:flex;flex-direction:column;gap:20px;}
  /* ⚠ 2026-10-17：原来这里是 flex:1 1 auto + 容器 height:100%，强行把右栏卡片拉成和左侧
     表单卡等高；一旦右侧内容比左侧少，卡片内部就出现整片空白（拉伸不改变内容高度）。
     改为按内容自然高度排列，多余空间留在列容器里（背景色，不出现"白卡空白"）。 */
  .faq2-side > .faq2-card{flex:0 0 auto;}
  .faq2-hero > .faq2-card{height:auto;}
  /* 3) 压缩 banner 与首屏留白 */
  .faq2-banner{padding-top:4px;padding-bottom:6px;}
  .faq2-banner .cat-t h1{font-size:21px;line-height:1.3;}
  .faq2-banner .cat-sub{margin:2px 0 0;font-size:12px;line-height:1.5;max-width:1000px;}
  .faq2-banner .crumb{font-size:11.5px;margin-bottom:2px;}
  .faq2-trust{margin-top:9px;}
  .faq2-trust-i{font-size:12px;padding:4px 10px;}
  .faq2-sec:first-child{margin-top:0;}
  /* 4) 表单卡片紧凑（保证提交按钮在一屏内） */
  .faq2-card{padding:15px 18px 13px;}
  .faq2-card-h{margin-bottom:4px;}
  .faq2-card-p{margin:0 0 8px;font-size:12.5px;line-height:1.55;}
  .faq2-field{margin-bottom:10px;}
  .faq2-chips{gap:6px;margin:0 0 8px;}
  .faq2-chip{font-size:11.5px;padding:4px 10px;}
  .faq2-textarea{min-height:104px;font-size:15px;line-height:1.7;padding:11px 13px;}
  .faq2-tip{margin-top:8px;font-size:12px;line-height:1.6;}
  .faq2-more{margin-bottom:12px;}
  .faq2-more > summary{padding:9px 12px;}
  .faq2-btn{height:46px;}
  .faq2-ok{margin-top:10px;}
  .faq2-hint{margin-top:8px;font-size:11.5px;line-height:1.6;}
  /* 5) 密度：区块间距与卡片内边距 */
  /* 2026-10-17：区块间距 24 → 32，让 02→03→04 之间有清晰呼吸，不再连成一片 */
  .faq2-sec{margin-top:32px;}
  /* 3 列时每卡约 454px、正文 13px：10/12 的内边距偏紧，提到 13/15 更透气 */
  .faq2-official-item{padding:13px 15px;}
  .faq2-official{gap:11px;}
  .faq2-top8{gap:12px;}
  .faq2-top8-card{padding:14px 16px;}
}

@media (min-width:1400px){
  /* 官方问答：≥1400 视口 3 列 */
  .faq2-official{grid-template-columns:repeat(3,minmax(0,1fr));}
  /* 7 条 ÷ 3 列 = 3+3+1：末条独占一行时**居中**（占中间一列），
     比"整行拉满"更平衡 —— 拉满会让短答案的卡片右半边大面积留白，看着像排版错误。 */
  .faq2-official > .faq2-official-item:last-child:nth-child(3n+1){grid-column:2/3;}
}

/* ---------- 动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  .faq2-chip,.faq2-btn,.faq2-tab,.faq2-top8-card,.faq2-official-item,
  .faq2-textarea,.faq2-input,.faq2-more > summary::after,.faq2-appendix > summary::after{
    transition:none !important;
  }
  .faq2-chip:hover,.faq2-top8-card:hover{transform:none;}
}

/* ---------- 首屏右栏信任行 / 站内搜索 ---------- */
.faq2-side .faq2-trust{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;}
.faq2-side .faq2-trust-i{font-size:11.5px;padding:4px 9px;}
.faq2-search{max-width:720px;margin:0;}
@media (min-width:1440px){
  .faq2-search{max-width:760px;}
}

/* ---------- 首屏右栏：官方问答前 3 条紧凑（3 行截断，完整文字见 02 区块）---------- */
.faq2-side .faq2-official-item{padding:9px 11px;}
.faq2-side .faq2-official-item .faq2-q{font-size:13px;margin:0 0 4px;}
.faq2-side .faq2-official-item .faq2-a{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  font-size:12px;line-height:1.6;
}
.faq2-side .faq2-official-item .faq2-src{font-size:11px;margin-top:5px;}
.faq2-side .faq2-card-p{font-size:12px;}
.faq2-side .faq2-guest-card{padding:12px;}
.faq2-side .faq2-guest-card .faq2-q{font-size:13.5px;}
.faq2-side .faq2-guest-card .faq2-a{font-size:12.5px;line-height:1.7;}
.faq2-side #guestList .qa-sec-sub,.faq2-side .faq2-guest-card .qa-sec-sub{font-size:11.5px;}

/* 首屏右栏再压一档：官方前 3 条 2 行截断 + 访客卡片紧凑（完整文字见 02 区块 / 访客原文仍完整） */
.faq2-side .faq2-official-item{padding:8px 10px;}
.faq2-side .faq2-official-item .faq2-q{font-size:12.5px;line-height:1.5;margin:0 0 3px;}
.faq2-side .faq2-official-item .faq2-a{-webkit-line-clamp:2;font-size:11.5px;line-height:1.55;}
.faq2-side .faq2-official-item .faq2-src{font-size:10.5px;margin-top:4px;}
.faq2-side .faq2-note{font-size:11.5px;line-height:1.55;padding:8px 10px;margin-bottom:8px;}
.faq2-side .faq2-card-h h2{font-size:16px;}
.faq2-side .faq2-card{padding:14px 16px 12px;}
.faq2-side .faq2-guest-card{padding:11px 12px;}
.faq2-side .faq2-guest-card .faq2-q{font-size:13px;line-height:1.55;}
.faq2-side .faq2-guest-card .faq2-a{font-size:12px;line-height:1.65;}
.faq2-side .faq2-guest-meta{font-size:11px;margin-top:6px;}
.faq2-side .faq2-guest-card .qa-sec-sub{font-size:11.5px;margin-top:8px;}
.faq2-side .faq2-guest-lead{font-size:11.5px;margin-top:8px;}
.faq2-side .faq2-tip{font-size:11.5px;margin-top:8px;}

/* 首屏右栏终版压缩：预览条目不显示逐条来源（来源在 02 区块每条都有），整体更紧凑 */
.faq2-side .faq2-official-item .faq2-src{display:none;}
.faq2-side{display:flex;flex-direction:column;gap:14px;}
.faq2-side .faq2-card{padding:12px 14px 10px;}
.faq2-side .faq2-official-item{padding:7px 9px;}
.faq2-side .faq2-note{font-size:11px;line-height:1.5;padding:6px 9px;margin-bottom:6px;}
.faq2-side .faq2-trust{gap:5px 8px;}
.faq2-side .faq2-trust-i{font-size:10.5px;padding:3px 8px;}

/* ==== 20261017-fix-bp（Lead 修）====
   缺陷：双栏在 900–1199px 仍是两列（每栏约 430px），导致卡片内元素横向越界，
         Windows 缩放 125%/150% 时（1440 屏 → 1152/960 CSS px）正好落在这个区间 → 用户看到"排版错乱"。
   修法：单列断点从 900 提到 1199；1200px 起才用固定双栏。 */
@media (max-width:1199px){
  .faq2-hero{grid-template-columns:1fr !important;gap:22px !important;}
  .faq2-hero > .faq2-card{height:auto !important;}
  .faq2-official-grid,.faq2-official{grid-template-columns:1fr !important;}
  .faq2-top8{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:520px){
  .faq2-top8{grid-template-columns:1fr !important;}
}

/* ==== 20261017-fix-clamp（Lead 修）====
   缺陷：首屏官方问答前 3 条做了"2 行截断"，但只设了 -webkit-line-clamp 而缺少 overflow:hidden
        与 display:-webkit-box 的完整组合，导致答案文本溢出卡片 35–53px（用户看到文字遮挡/错乱）。
   修法：完整三件套 + 兜底 max-height；非截断场景（.faq2-a--full）不加限制。 */
.faq2-a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-height:3.7em;}
.faq2-official-item .faq2-a,.faq2-a--full{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;max-height:none;}

/* ==== 20261017-noclamp（Lead 修 · 用户反馈"文字被卡片截断/溢出"）====
   彻底去掉 .faq2-a 的所有行数截断：显示完整答案，任何情况下都不裁剪。
   （原设计的"首屏 2 行预览"已取消——用户明确反馈截断即为故障。） */
.faq2-a,.faq2-a--full,.faq2-official-item .faq2-a{
  display:block !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  -webkit-box-orient:unset !important;
  overflow:visible !important;
  max-height:none !important;
  height:auto !important;
}