/* FAQ 页面专用样式 */

/* 左侧问答列表：PC 端去掉容器卡片，移动端保持默认卡片样式 */
@media (min-width: 1025px) {
  .resource-center-page.faq-page .rc-comment-list-wrap {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
  }

  /* PC 端问答块：只保留下边线 */
  .resource-center-page.faq-page .rc-comment-item {
    border-bottom: 1px solid #eeeeee;
    padding: 14px 0;
  }

  .resource-center-page.faq-page .rc-comment-item:last-child {
    border-bottom: 1px solid #eeeeee;
  }
}

.rc-search {
    margin-bottom: 20px;
    margin-top: 24px;
}

.resource-center-page .rc-side-box {
  margin-bottom: 30px;
}
.resource-center-page .rc-board {
    padding-top: 28px !important;
}

/* “最新文章”标题左侧图标：FAQ 专用图标（PC+移动统一图标） */
.resource-center-page.faq-page .rc-comment-title-icon {
  background-image: url("../img/knowledge-faq-icon-articel@2x.png");
  background-size: 33px 33px;
}

/* PC 端 FAQ 专用的“最新文章”列表样式，移动端继续沿用通用自适应样式 */
@media (min-width: 1025px) {
  /* 最新文章列表：外层列表带阴影，单条只带下边框 */
  .resource-center-page.faq-page .rc-article-list {
    background: #ffffff;
    box-shadow: 0px 0px 6px 1px rgba(153,153,153,0.16);
    padding: 0 20px;
  }

  .resource-center-page.faq-page .rc-article-item {
    padding: 20px 0;
    border-bottom: 1px solid #dddddd;
  }

  .resource-center-page.faq-page .rc-article-item:last-child {
    border-bottom: none;
  }

  /* 列表中时间和浏览信息贴底对齐，内容两行省略 */
  .resource-center-page.faq-page .rc-article-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .resource-center-page.faq-page .rc-article-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 46px; /* 固定为两行高度（14px 字号 * 23px 行高 * 2 行） */
  }
}

/* 左侧问答：浏览一行右侧“查看详情>>” */
.resource-center-page.faq-page .rc-comment-item .meta {
  display: flex;
  align-items: center;
  gap: 29px;
}

.resource-center-page.faq-page .rc-comment-item .meta-more {
  margin-left: auto;
  font-size: 14px;
  color: #1264e2;
  text-decoration: none;
  white-space: nowrap;
}

/* 移动端 FAQ 问答列表：不显示“查看详情”链接 */
@media (max-width: 1024px) {
  /* FAQ 移动端 banner：上内边距 80px */
  .resource-center-page.faq-page .rc-hero {
    padding-top: 2.133rem; /* 80px @ 1rem=37.5px */
  }

  /* FAQ 移动端 banner 文案间距：15.5px / 45.5px */
  .resource-center-page.faq-page .rc-hero-desc-mobile {
    margin-top: 0.413rem; /* 15.5px @ 1rem=37.5px */
    margin-bottom: 1.213rem !important; /* 45.5px @ 1rem=37.5px */
  }

  .resource-center-page.faq-page .rc-comment-item .meta-more {
    display: none;
  }

  /* 移动端 FAQ 问答区左右 15px（约 0.4rem）边距，自适应布局 */
  .resource-center-page.faq-page .rc-wrap.rc-board {
    padding-top: 0.587rem; /* 22px @ 1rem=37.5px */
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    box-sizing: border-box;
  }

   /* 移动端：FAQ 问答 meta 区只显示“时间 + 浏览”一行，隐藏“回答数” */
   .resource-center-page.faq-page .rc-comment-item .meta {
     gap: 0.24rem;
   }

   .resource-center-page.faq-page .rc-comment-item .meta-answer {
     display: none;
   }

  /* FAQ 移动端：最新文章全宽，列表内左右 10px padding，分割线 #DDDDDD */
  .resource-center-page.faq-page .rc-comment .rc-wrap {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .resource-center-page.faq-page .rc-article-list {
    padding-left: 0.267rem;  /* 10px @ 1rem=37.5px */
    padding-right: 0.267rem; /* 10px @ 1rem=37.5px */
    box-sizing: border-box;
  }

  .resource-center-page.faq-page .rc-article-item {
    border-bottom: 1px solid #DDDDDD;
  }

  /* FAQ 移动端：最新文章缩略图左右 7px 内边距，文字居中 */
  .resource-center-page.faq-page .rc-article-thumb {
    padding-left: 0.187rem;  /* 7px @ 1rem=37.5px */
    padding-right: 0.187rem; /* 7px @ 1rem=37.5px */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .resource-center-page.faq-page .rc-comment-head {
    margin-bottom: 0.213rem; /* 8px @ 1rem=37.5px */
  }
}

/* 更小视口也保持一致（与全局 ≤768 断点同步） */
@media (max-width: 768px) {
  .resource-center-page.faq-page .rc-wrap.rc-board {
    padding-top: 0.587rem; /* 22px @ 1rem=37.5px */
  }

  .resource-center-page.faq-page .rc-hero {
    padding-top: 2.133rem !important; /* 80px @ 1rem=37.5px */
  }

  .resource-center-page.faq-page .rc-hero-desc-mobile {
    margin-top: 0.413rem; /* 15.5px @ 1rem=37.5px */
    margin-bottom: 1.213rem !important; /* 45.5px @ 1rem=37.5px */
  }

  .resource-center-page.faq-page .rc-comment .rc-wrap {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .resource-center-page.faq-page .rc-article-list {
    padding-left: 0.267rem;  /* 10px @ 1rem=37.5px */
    padding-right: 0.267rem; /* 10px @ 1rem=37.5px */
    box-sizing: border-box;
  }

  .resource-center-page.faq-page .rc-article-item {
    border-bottom: 1px solid #DDDDDD;
  }

  .resource-center-page.faq-page .rc-article-thumb {
    padding-left: 0.187rem;  /* 7px @ 1rem=37.5px */
    padding-right: 0.187rem; /* 7px @ 1rem=37.5px */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .resource-center-page.faq-page .rc-comment-head {
    margin-bottom: 0.213rem; /* 8px @ 1rem=37.5px */
  }
}
.resource-center-page .rc-article-tags {
    margin-bottom: 6px;
}