.faq-section {
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-gap-1200, 24px);
  align-self: stretch;
}

.faq-header {
  text-align: start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-gap-1200, 24px);
  align-self: stretch;
}

.faq-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-gap-1200, 24px);
  width: 100%;
}

.fixed-width {
  max-width: 720px;
}

.left-w {
  max-width: 480px;
}

.normal-w {
  width: 100%
}


.right-w {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-gap-1200, 24px);
}

.faq-header {
  text-align: start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-gap-1200, 24px);
  align-self: stretch;
}

.faq-header-title > .heading-title {
  /* color: var(--color-neutral-texticon-900, rgba(0, 0, 0, 0.90)); */
  /* font-weight: var(--fontWeights-bold, 600); */
}


.faq-header-title > .title-desc {
  /* color: var(--color-neutral-texticon-550, rgba(0, 0, 0, 0.55)); */
  font-family: Outfit;
  font-style: normal;
  /* font-weight: 400; */
}

.faq-header-msg {
  display: flex;
  padding: var(--spacing-horizontal-200, 4px) 0px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.faq-header-msg > .msg-title {
  /* color: var(--color-neutral-texticon-900, rgba(0, 0, 0, 0.90)); */
  /* font-weight: var(--fontWeights-bold, 600); */
}

.faq-header-msg > .msg {
  /* color: var(--color-neutral-texticon-900, rgba(0, 0, 0, 0.90)); */
  font-family: Outfit;
  font-style: normal;
  /* font-weight: 400; */
}

.faq-filter {
  display: flex;
  align-items: center;
  gap: var(--spacing-gap-400, 8px);
}

.faq-filter-title {
  display: flex;
  align-items: center;
  gap: 4px;
}

.faq-category-card-list {
  display: flex;
  /* align-items: flex-start; */
  flex-direction: row;
  gap: var(--spacing-gap-400, 8px);
  /* align-self: stretch; */
  flex-wrap: wrap;
}

.faq-category-card {
  height: 128px;
  display: flex;
  padding: var(--spacing-vertical-1200, 24px) var(--spacing-horizontal-800, 16px);
  align-items: center;
  justify-content: center;
  gap: var(--spacing-gap-200, 4px);
  box-sizing: border-box;
  border-radius: var(--borderRadius-400, 8px);
  border: 1px solid var(--color-neutral-border-100, rgba(0, 0, 0, 0.10));

  /* 默认桌面端：3列 */
  flex: 1 0 calc(33.333% - 8px); /* 减去gap */
  min-width: calc(33.333% - 8px);
  max-width: calc(33.333% - 8px);
}


.category-card-text {
  color: var(--color-neutral-texticon-900, rgba(0, 0, 0, 0.90));
  text-align: center;
  font-family: Outfit;
  font-size: var(--fontSizes-400, 16px);
  font-style: normal;
  /* font-weight: var(--fontWeights-regular, 400); */
  line-height: var(--lineHeights-900, 28px); /* 175% */
  text-transform: capitalize;
}

.faq-category-card {
  height: 100%;
  display: flex;
  padding: var(--spacing-vertical-1200, 24px) var(--spacing-horizontal-800, 16px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-gap-200, 4px);
  flex: 1 0 calc(33.33% - var(--spacing-gap-400, 8px));
  align-self: stretch;
  border: none;
}

.faq-category-card::before {
    border-radius: var(--genstore-borderRadius-400)
  }

.faq-category-card-bordered {
  border: 1px solid var(--color-neutral-border-100, rgba(0, 0, 0, 0.10));
}


@media (max-width: 768px) {
  .left-w {
    width: 100%;
  }

  .faq-section {
    flex-direction: column;
  }

  .faq-container {
    flex-direction: column;
  }

  .faq-category-card {
    flex: 1 0 calc(50% - 8px);
    min-width: calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}