{% extends 'public/base.html' %}

{% block subtitle %}关于本站 · 备案信息 · 联系方式{% endblock %}

{% block content %}
<article class="card-section">
    <div class="about-header">
        <h1>{{ about.site_name or '关于本站' }}</h1>
        {% if about.icp %}
            <div class="icp-line">
                <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">
                    <span class="beian-shield" aria-hidden="true">🛡</span>
                    {{ about.icp }}
                </a>
            </div>
        {% endif %}
    </div>

    {% if content_html %}
        <section class="about-content markdown-body">
            {{ content_html | safe }}
        </section>
    {% else %}
        <section class="about-content empty">
            <p style="color:#999;text-align:center;padding:60px 20px;">
                <span style="font-size:48px;">📝</span><br>
                暂无「关于本站」内容。请到
                <a href="/system/passport/login">后台</a> → 网站管理 → 关于本站 编辑。
            </p>
        </section>
    {% endif %}

    {% set has_contact =
        about.contact_email or about.contact_qq or about.contact_wechat
        or about.contact_telegram or about.contact_github %}
    {% if has_contact %}
        <section class="contact-grid">
            <h2>联系方式</h2>
            <ul>
                {% if about.contact_email %}
                    <li><b>邮箱：</b>
                        <a href="mailto:{{ about.contact_email }}">{{ about.contact_email }}</a>
                    </li>
                {% endif %}
                {% if about.contact_qq %}
                    <li><b>QQ：</b>{{ about.contact_qq }}</li>
                {% endif %}
                {% if about.contact_wechat %}
                    <li><b>微信：</b>{{ about.contact_wechat }}</li>
                {% endif %}
                {% if about.contact_telegram %}
                    <li><b>Telegram：</b>
                        {% if about.contact_telegram.startswith('http') %}
                            <a href="{{ about.contact_telegram }}" target="_blank" rel="noopener noreferrer">{{ about.contact_telegram }}</a>
                        {% else %}
                            {{ about.contact_telegram }}
                        {% endif %}
                    </li>
                {% endif %}
                {% if about.contact_github %}
                    <li><b>GitHub：</b>
                        <a href="{{ about.contact_github }}" target="_blank" rel="noopener noreferrer">{{ about.contact_github }}</a>
                    </li>
                {% endif %}
            </ul>
        </section>
    {% endif %}

    {% if about.donate_url %}
        <section class="donate-block">
            <h2>支持作者</h2>
            {% if about.donate_url.lower().endswith(('.png','.jpg','.jpeg','.gif','.webp')) %}
                <img class="donate-img" src="{{ about.donate_url }}" alt="扫码打赏">
            {% else %}
                <a class="layui-btn layui-btn-warm" href="{{ about.donate_url }}" target="_blank" rel="noopener noreferrer">
                    ❤️ 前往打赏
                </a>
            {% endif %}
        </section>
    {% endif %}

    <div class="about-footer-meta">
        最后更新：{{ about.update_at or '—' }}
        {% if about.update_at %} &nbsp;·&nbsp; {{ about.create_at }}{% endif %}
    </div>
</article>
{% endblock %}