
.faq-list-2 .accordion .toggle {
    top: 0.7em;
    color: var(--fs-color-primary);
}

.faq-list-2 .accordion-title{
    border: none;
}

.faq-list-2 .accordion-title.active {
    background-color: var(--fs-color-primary);
    border-color: #ffffff;
    color: #ffffff;
    font-weight: 700;
}
.faq-list-2 .accordion-title.active i{
    color: #ffffff;
}
.faq-list-2 .accordion .accordion-inner{
    background: #fff;
}
.faq-list-2 .accordion .active h3{
    color: #fff;
}

.faq-list-2 .accordion-title {
    padding: 14px 20px;
    font-size: 90%;
    background: #eee;
    margin: 10px 0 0 0;
}

.icon-faq-list {
    
    /* 1. 强制覆盖掉以前的箭头，防止干扰 */
    .accordion-title:after {
        position: absolute;
        right: 0;
        top: 14px;
        content: "\EA4E" !important; /* ri-arrow-down-s-line (官网显示 &#xEA4E;) */
        font-family: "remixicon" !important;
        display: inline-block;
        font-size: 18px;
        line-height: 1;
        background-image: none !important; /* 彻底移除以前的 SVG 图片 */
        transition: transform 0.3s ease;
    }

    /* 展开时旋转箭头 */
    .accordion-item.active .accordion-title:after {
        transform: rotate(180deg);
    }

    /* 2. 隐藏 HTML 中原有的所有 <i> 标签图标 */
    .accordion .accordion-title .toggle i {
        display: none !important;
    }

    /* 3. 左侧图标基础样式 */
    .accordion .accordion-item .toggle::before {
        display: inline-block;
        font-family: "remixicon" !important;
        font-style: normal;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 1;
        vertical-align: middle;
        margin-right: 10px;
    }

    /* --- 分项图标设置 --- */

    /* 第一项：Product Questions (你之前的 Archive 编码 &#xF3A6;) */
    .accordion .accordion-item:nth-child(1) .toggle::before {
        content: "\F3A6"; 
    }

    /* 第二项：Payment Questions (你之前的 Tag 编码 &#xF025;) */
    .accordion .accordion-item:nth-child(2) .toggle::before {
        content: "\EA92";
    }

    /* 第三项：Shipping Questions (修正为物流货车 truck-line) */
    .accordion .accordion-item:nth-child(3) .toggle::before {
        content: "\F231"; 
    }

    /* 修正点击时的位移问题 */
    .active > .toggle {
        transform: none;
    }
}