/* 使用 ww- 前缀防止与建站系统全局样式冲突 */
    .ww-faq-wrapper {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        display: flex;
        justify-content: center;
        padding: 40px 20px;
        background-color: transparent; /* 融入您网站的背景 */
    }

    .ww-faq-container {
        width: 100%;
        max-width: 800px;
    }

    .ww-faq-title {
        text-align: center;
        color: #142C73;
        margin-bottom: 30px;
        font-size: 2rem;
        position: relative;
        font-weight: bold;
    }

    .ww-faq-title::after {
        content: '';
        display: block;
        width: 50px;
        height: 3px;
        background: #f39c12;
        margin: 10px auto;
    }

    .ww-faq-item {
        background: #fff;
        margin-bottom: 15px;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        overflow: hidden;
        border-left: 4px solid #142C73;
        transition: transform 0.2s;
    }

    .ww-faq-item:hover {
        transform: translateY(-2px);
    }

    .ww-faq-question {
        padding: 20px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
        color: #142C73;
        user-select: none;
        font-size: 16px;
        margin: 0; /* 重置可能存在的全局 margin */
    }

    .ww-faq-question:hover {
        background-color: rgba(20, 44, 115, 0.03);
    }

    .ww-faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out, padding 0.3s ease;
        background-color: #fff;
        color: #666;
        line-height: 1.6;
        font-size: 15px;
    }

    .ww-faq-item.ww-active .ww-faq-answer {
        max-height: 300px;
        padding: 0 20px 20px 20px;
    }

    /* 独立箭头的样式，避免被主题的 .icon 覆盖 */
    .ww-faq-arrow {
        width: 10px;
        height: 10px;
        border-right: 2px solid #f39c12;
        border-bottom: 2px solid #f39c12;
        transform: rotate(45deg);
        transition: transform 0.3s;
        display: inline-block;
        margin-left: 15px;
        flex-shrink: 0;
    }

    .ww-faq-item.ww-active .ww-faq-arrow {
        transform: rotate(-135deg);
        margin-top: 5px;
    }

    @media (max-width: 600px) {
        .ww-faq-title { font-size: 1.5rem; }
        .ww-faq-question { padding: 15px; font-size: 15px; }
    }