/* qalist 页面专用样式（仅作用于 .qalist-* 作用域） */

/* 问答列表页英雄区背景图片 */
.qalist-main .hero {
  background: url('../images/banner3.jpg') center/cover no-repeat;
}

/* 问答列表 */
.qalist-section .qa-list { margin-top: 0; display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 900px) { .qalist-section .qa-list { gap: 16px; } }
/* 列表固定单列，去除桌面两栏 */

.qalist-section .qa-item { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 10px 16px; padding: 18px; border: 1px solid #eef2f6; border-radius: 12px; background: #fff; text-align: left; }
/* 去除悬浮效果：悬停不改变边框/阴影 */
.qalist-section .qa-item:hover { border-color: #eef2f6; box-shadow: none; }

.qalist-section .qa-left { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.qalist-section .qa-title { margin: 0; font-size: clamp(16px, 2.2vw, 18px); line-height: 1.4; font-weight: 700; color: #111827; }
.qalist-section .qa-title a { color: inherit; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; transition: color .2s ease, background-size .2s ease; }
.qalist-section .qa-title a:hover { color: var(--brand-primary); background-size: 100% 1px; }
/* 问答元素：标题前 Q 徽标 */
.qalist-section .qa-title::before {
  content: "Q";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 999px;
  background: #e8f2ff;
  color: var(--brand-primary);
  font-weight: 700;
  font-size: 12px;
  vertical-align: middle;
}

.qalist-section .qa-excerpt { margin: 0; color: #374151; font-size: clamp(13px, 2vw, 14px); line-height: 1.7; max-width: 100%; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
/* 问答元素：摘要前 A 标识 */
.qalist-section .qa-excerpt::before {
  content: "A";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  font-weight: 700;
  font-size: 11px;
  vertical-align: text-top;
}

.qalist-section .qa-meta { font-size: clamp(12px, 1.8vw, 13px); color: #6b7280; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.qalist-section .qa-meta span a { color: #6b7280; text-decoration: none; }

.qalist-section .qa-meta .dot { color: #9ca3af; }

.qalist-section .qa-right { display: flex; align-items: center; gap: 8px; }
.qalist-section .qa-view { display: inline-flex; align-items: center; justify-content: center; height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid #e6eef7; background: #fff; color: #374151; text-decoration: none; font-size: 14px; line-height: 1; transition: color .2s ease, border-color .2s ease, background-color .2s ease; }
.qalist-section .qa-view:hover { background: #f5faff; border-color: #b7d3f5; color: var(--brand-primary); }

/* 主栏容器 */
.qalist-section .qalist-maincol { min-width: 0; }

/* 分页（沿用统一按钮视觉，作用域限定） */
.qalist-section .qalist-pagination { margin: 24px 0 0; display: flex; justify-content: center; }
.qalist-section .pagination-list { list-style: none; display: flex; gap: 8px; padding: 0; margin: 0; }
.qalist-section .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid #e6eef7; background: #fff; color: #374151; text-decoration: none; font-size: 14px; line-height: 1; transition: color .2s ease, border-color .2s ease, background-color .2s ease; }
.qalist-section .page-link:hover { background: #f5faff; border-color: #b7d3f5; color: var(--brand-primary); }
.qalist-section .page-item.active .page-link, .qalist-section .page-item.active .page-link:hover { background: var(--brand-primary); border-color: var(--brand-primary); color: #fff; }
.qalist-section .page-item.disabled .page-link { color: #9ca3af; background: #f9fafb; border-color: #eef2f6; cursor: not-allowed; pointer-events: none; }
.qalist-section .page-link:focus-visible { outline: 2px solid rgba(0,102,204,.25); outline-offset: 2px; }

/* 分类入口（沿用产品列表视觉，作用域限定） */
.qalist-section .cat-entries { margin-top: 24px; }
.qalist-section .cat-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.qalist-section .cat-label {
  color: #374151;
  font-weight: 500;
  line-height: 1.6;
  white-space: nowrap;
  font-size: 14px;
}
.qalist-section .cat-label a {
  color: #374151;
  font-weight: 500;
  line-height: 1.6;
  white-space: nowrap;
  text-decoration: none;
  padding: 0 5px;
}