/* 常见问题样式 - 展示用户常见疑问及解答 */
.faq-section { padding: 5rem 0; background-color: #ffffff; }

.faq-section .section-title { text-align: center; margin-bottom: 1rem; }
.faq-section .section-description { text-align: center; margin-bottom: 2rem; max-width: 700px; margin-left: auto; margin-right: auto; }

.faq-section .faq-container {padding:24px; }

/* 区块底部 - 包含'查看全部'等操作按钮 */
.faq-section .section-footer { text-align: center; }


/* FAQ条目 - 包含问题和可展开的答案 */
.faq-item { margin-bottom: 1rem; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; background-color: #fbfbfb }

.faq-question { width: 100%; padding: 1.5rem; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 500; color: #333; transition: background-color 0.3s ease; }
.faq-question:hover { background-color: #f2fbff; }
.faq-question i { transition: transform 0.3s ease; color: #666; }
/* FAQ答案容器 - 通过max-height实现平滑展开/收起效果 */
.faq-answer {  padding: 0 1.5rem; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; }
.faq-answer p { color: #555; line-height: 1.7; }

.faq-item.active .faq-answer { padding: 0 1.5rem 1.5rem; max-height: 500px; background-color: #f2fbff; }
.faq-item.active .faq-question { background-color: #f2fbff; }
.faq-item.active .faq-question i { transform: rotate(180deg); }