{% set topic_emojis = [
    t2i_atri_font_mirror ~ '/file/1775132804506_1774881263342_观察.gif',
    t2i_atri_font_mirror ~ '/file/1775132805081_1774881262835_疑惑.gif',
    t2i_atri_font_mirror ~ '/file/1775132815504_1774881268554_可爱.gif',
    t2i_atri_font_mirror ~ '/file/1775132817115_1774881269400_可爱-1.gif',
    t2i_atri_font_mirror ~ '/file/1775132805485_1774881263748_可爱-3.gif'
] %}
{% set topic_rank_colors = [
{'bg': 'linear-gradient(135deg, #a9d8ff 0%, #8fc5ff 48%, #8aaeff 100%)', 'text': '#ffffff', 'shadow': 'rgba(126, 177,
255, 0.34)', 'border': 'rgba(255, 255, 255, 0.82)'},
{'bg': 'linear-gradient(135deg, #ffc8d8 0%, #ffb7cd 50%, #ffb2b2 100%)', 'text': '#ffffff', 'shadow': 'rgba(255, 176,
204, 0.32)', 'border': 'rgba(255, 255, 255, 0.8)'},
{'bg': 'linear-gradient(135deg, #ffe0ad 0%, #ffd29f 46%, #ffc3b8 100%)', 'text': '#ffffff', 'shadow': 'rgba(255, 199,
142, 0.3)', 'border': 'rgba(255, 255, 255, 0.8)'},
{'bg': 'linear-gradient(135deg, #c7efe7 0%, #bfe7ff 52%, #c8d8ff 100%)', 'text': '#ffffff', 'shadow': 'rgba(163, 221,
230, 0.28)', 'border': 'rgba(255, 255, 255, 0.8)'}
] %}
{% for topic in topics %}
{% set rank = topic_rank_colors[loop.index0 % (topic_rank_colors|length)] %}
<li class="item item-with-emoji">
    <div class="item-main">
        <div class="item-title">
            <span
                style="display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 26px; padding: 0 10px; margin-right: 8px; border-radius: 999px; font-size: 0.78em; font-weight: 800; letter-spacing: 0.2px; color: {{ rank.text }}; background: {{ rank.bg }}; border: 1px solid {{ rank.border }}; box-shadow: 0 7px 16px {{ rank.shadow }}, inset 0 1px 0 rgba(255,255,255,0.45); vertical-align: middle;">
                #{{ topic.index }}
            </span>
            {{ topic.topic.topic }}
        </div>
        <div class="item-content">
            {% if topic.topic.count is defined %}
            <p><strong>讨论热度:</strong> {{ topic.topic.count }} 次提及</p>
            {% endif %}
            <p><strong>参与的群友:</strong> {{ topic.contributors }}</p>
            {% if topic.detail %}
            <div
                style="margin-top: 8px; padding: 12px 18px; background: linear-gradient(180deg, rgba(245,250,255,0.95), rgba(236,247,255,0.88)); border-radius: 16px; border: 1.5px solid rgba(255, 255, 255, 0.8); box-shadow: 0 4px 12px rgba(85,126,169,0.03); color: var(--text-main); line-height: 1.6;">
                {{ topic.detail | safe }}
            </div>
            {% endif %}
        </div>
    </div>
    <img class="item-emoji topic-emoji" src="{{ topic_emojis | random }}" alt="话题表情">
</li>
{% endfor %}