{% if titles %}
<div class="section">
    <h2>群友称号</h2>
    {% for item in titles %}
    <div style="margin-bottom: 10px; border: 1px solid #eee; padding: 5px;">
        <div style="font-weight: bold;">{{ item.name }} - {{ item.title }}</div>
        <div style="font-size: 0.8em; background: #eee; display: inline-block; padding: 2px 5px; border-radius: 3px;">{{ item.mbti }}</div>
        <div style="font-size: 0.9em; color: #555; margin-top: 5px;">{{ item.reason }}</div>
    </div>
    {% endfor %}
</div>
{% endif %}