/* ============================================================
   服务与支持-常见问答-搜索结果 (page-faq) — 主设计稿 1222:22888 (X27108,Y16)
   = faq.css 全部 + 搜索结果专属样式 (右侧结果容器 1440×780 折叠列表)
   ============================================================ */
@import url('faq.css');

/* ============ 搜索结果专属 ============ */

/* 结果容器 (设计 Group 4880 (240,608) 1440×780 白圆角16) */
.faq-search-detail {
  padding: 48px 40px 80px;
}

/* 结果标题 (设计 (288,656) 20px) */
.faq-search-result-title {
  margin: 0;
  font-size: 20px;
  font-weight: 749;
  line-height: 30px;
  color: #2E3033;
}

/* 标题下分隔线 (设计 Vector 78 (288,718) black 8%) */
.faq-search-line {
  margin-top: 32px;                /* 标题底 686 → 线 718 = 32 */
  border-top: 1px solid rgba(0,0,0,.08);
}

/* 结果列表 (设计 (288,750) 1344 宽) */

.faq-search-item {
  border-bottom: 1px solid rgba(0,0,0,.08);   /* 设计 Vector 79-82 black 8% */
}
.faq-search-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 0;
    cursor: pointer;
    margin-bottom: 30px;
}
.faq-search-item.is-open {
    border-bottom: none;
}
.faq-search-name {
  font-size: 18px;
  font-weight: 513;
  line-height: 22px;
  color: #2E3033;
}
.faq-fold-ic {
  position: relative;
  width: 16px;
  height: 16px;
  color: #BBBDBF;                  /* 设计 icon 灰 */
  flex: none;
  display: inline-flex;
}
.faq-fold-ic svg {
  position: absolute;
  inset: 0;
  width: 16px;
  height: 16px;
  transition: opacity .25s ease;
}
.faq-search-plus { opacity: 0; }
.faq-search-item.is-open .faq-search-minus { opacity: 1; }
.faq-search-item.is-open .faq-search-plus { opacity: 0; }
.faq-search-item:not(.is-open) .faq-search-minus { opacity: 0; }
.faq-search-item:not(.is-open) .faq-search-plus { opacity: 1; }
.faq-search-item.is-open .faq-search-name { color: #2168E5; }

/* 答案 (设计 Rectangle 300 灰底 #F5F5F7 圆角4, (288,788) 1344×210) */
.faq-search-ans {
  display: none;
  margin: 0 0 20px 0;
  padding: 24px;
  background: #F5F5F7;
  border-radius: 4px;
}
.faq-search-item.is-open .faq-search-ans { display: block; }
/* 答案 = 富文本编辑器内容 (复用 .faq-detail-a 富文本样式) */
.faq-search-ans p {
  margin: 0;
  font-size: 16px;
  font-weight: 513;
  line-height: 30px;
  color: #2E3033;
}
.faq-search-ans p + p { margin-top: 8px; }   /* 问题→答 38 = 30+8 */
.faq-ans-q {
  font-weight: 666;
  color: #2E3033;
}
.faq-ans-q {
  font-weight: 666;                /* 问题加粗 (设计 一、二、标题) */
}
.faq-ans-q + p { margin-top: 8px; }              /* 问题→答 38 = 30+8 */
.faq-search-ans .faq-ans-q { margin-top: 56px; } /* 组距: 答850→二906 = 56 */
.faq-search-ans .faq-ans-q:first-child { margin-top: 0; }

/* ============ 自适应 (搜索结果) ============ */
@media (max-width: 767px) {
  .faq-search-detail { padding: 32px 20px 24px; }
  .faq-search-result-title { font-size: 17px; line-height: 26px; }
  .faq-search-list { margin-top: 28px; }
  .faq-search-name { font-size: 15px; line-height: 20px; }
  .faq-search-ans { padding: 16px; }
  .faq-search-ans p { font-size: 14px; line-height: 26px; }
}

/* ============ 搜索结果布局 (设计 1222:22888) ============ */
/* 容器 (240,608) 1440×780 白圆角16; 内容 (288,656) = 容器 + 48 */
.faq-main {
  margin-top: -136px;               /* banner 底 744 → 容器 608 */
}
.faq-search-detail {
  padding-left: 48px;               /* 内容 x288 = 容器 240 + 48 */
}
.faq-search-result-title {
  margin-top: 0;
}
.faq-search-line { margin-top: 32px; }       /* 标题底 686 → 线 718 */
 /* 线 718 → 列表 750 */

/* 左侧分类栏隐藏 (设计 Rectangle 299 被白容器覆盖) */
.faq-cats--search { display: none; }
.faq-main::after { display: none; }          /* 无左侧分隔线 */
/* 搜索结果页无分类: 移动端也不显示悬浮按钮/遮罩/抽屉头部 (设计无此元素) */
.faq-drawer-btn,
.faq-drawer-mask,
.faq-drawer-head,
.faq-drawer-close { display: none !important; }


/* ============ 自适应 (搜索结果) ============ */
/* 中屏: main 随容器 */
@media (max-width: 1440px) {
  .faq-main { width: 100%; margin: -136px auto 80px; }
  .faq-search { width: 640px; }
}

/* 平板: banner 缩放 */
@media (max-width: 1100px) {
  .faq-banner { height: 480px; }
  .faq-banner-title { font-size: 40px; line-height: 60px; }
  .faq-banner-sub { font-size: 19px; line-height: 32px; }
  .faq-search { margin-top: 60px; }
}

@media (max-width: 900px) {
  .faq-banner { height: 440px; }
  .faq-banner-title { font-size: 36px; line-height: 54px; }
  .faq-banner-sub { font-size: 17px; line-height: 28px; }
  .faq-search { margin-top: 48px; width: 520px; }
  .faq-search-detail { padding-left: 32px; }
  .faq-search-result-title { font-size: 18px; line-height: 28px; }
  .faq-search-name { font-size: 16px; }
  .faq-search-ans p { font-size: 15px; line-height: 28px; }
}

/* 移动: 抽屉按钮隐藏, 详情紧凑 */
@media (max-width: 767px) {
  .faq-banner { height: 480px; }
  .faq-banner-inner { padding-top: 90px; }
  .faq-banner-title { font-size: 34px; line-height: 52px; }
  .faq-banner-sub { font-size: 17px; line-height: 28px; }
  .faq-search { margin-top: 48px; height: 52px; width: 100%; max-width: 520px; }
  .faq-search-input { font-size: 15px; padding: 0 48px 0 24px; }
  .faq-hot { gap: 16px 24px; margin-top: 24px; flex-wrap: wrap; justify-content: center; }
  .faq-main { margin-top: -88px; margin-bottom: 60px; }
  .faq-search-detail { padding: 32px 20px 24px;         width: 100%;}
  .faq-search-result-title { font-size: 17px; line-height: 26px; }
  .faq-search-line { margin-top: 20px; }
    .faq-search-list {
        margin-top: 0;
    }
    .faq-search-q {
        padding: 15px 0 0;
        margin-bottom: 15px;
    }
  .faq-search-name { font-size: 15px; line-height: 20px; }
  .faq-search-ans { padding: 16px; }
  .faq-search-ans p { font-size: 14px; line-height: 26px; }
}

@media (max-width: 400px) {
  .faq-banner { height: 440px; }
  .faq-banner-title { font-size: 28px; line-height: 42px; }
  .faq-banner-sub { font-size: 15px; line-height: 24px; }
  .faq-search-detail { padding-left: 16px; padding-right: 16px; }
  .faq-search-ans { padding: 14px; }
}

/* 搜索结果中的分类标签 */
.faq-search-cat {
  font-style: normal;
  font-size: 12px;
  font-weight: 513;
  line-height: 18px;
  color: #2168E5;
  margin-left: 6px;
}