.categories-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    /* 居中可选 */
}

/* 大屏幕（桌面） */
.category {
    display: flex;
    justify-content: center;
    /* 文字居中 */
    width: calc(14.70% - 15px);
    background-color: #FDE2CF;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.category:first-child {
    background-color: #e6941a;
    /* 第一个格子颜色 */
}

/* 分割线 */
.line {
    width: 100%;
    /* 占满父容器宽度 */
    height: 1px;
    /* 线的粗细 */
    background-color: #ffdabe;
    /* 线的颜色 */
    margin: 20px 0;
    /* 上下间距 */
}

/* FAQ 容器 */
.faq-container {
    background-color: #FDE2CF;
    margin-top: 50px;
    width: 100%;
    border-radius: 8px;
}

.faq-container p {
    padding: 10px;
    margin: 0px;
}

/* FAQ 问题 */
.faq-question {
    background-color: #e6941a;
    display: flex;
    align-items: center;
    /* 垂直居中 */
    justify-content: space-between;
    /* 左文字右箭头 */
    cursor: pointer;
    padding: 10px 0;
    margin: 0px;
}

.faq-arrow {
    margin-right: 30px;
    width: 20px;
    height: auto;
    /* 保证箭头比例 */
    transition: transform 0.3s;
    /* 箭头旋转动画，可选 */
}

/* FAQ 答案 */
.faq-answer {
    display: flex;
    align-items: flex-start;
    overflow: hidden !important;
    /* 隐藏展开收起时多余内容 */
    height: 0;
    /* 默认隐藏 */
    transition: height 0.3s linear;
    /* 展开收起动画 */
    padding: 10px;
    /* 内边距 */
    box-sizing: border-box;
    /* 包含 padding 在高度里 */
}




.faq-item.open .faq-arrow {
    transform: rotate(-90deg);
}


.faq-image {
    padding: 10px;
    padding-top: 30px;
    width: 30px;
    height: 30px;
}

@media (max-width: 1200px) {
    .category {
        width: 45%;
        /* 两个一行 */
    }
}