details {
    padding: .6rem 1rem;
    border: 1px solid var(--info);
    background: var(--light);
    border-radius: 4px;
}

summary {
    font-weight: 700;
    cursor: pointer;
}

details[open] {
    padding-bottom: .75rem;
}

details[open] summary {
    margin-bottom: 6px;
}

details[open]>*:last-child {
    margin-bottom: 0;
}

装了折叠框插件的可以试试