{% extends "base.html" %}
{% block title %}游客客服｜{{ app_name }}{% endblock %}
{% block body_class %}guest-page{% endblock %}

{% block body %}
<header class="topbar">
    <div>
        <div class="site-title">游客客服中心</div>
        <div class="site-subtitle">Guest Customer Service</div>
    </div>
    <a class="back-link" href="{{ url_for('login') }}">返回登录页</a>
</header>

<main class="page narrow">
    <section class="support-panel guest-support-panel">
        <div class="support-avatar">🎧</div>
        <span class="guest-badge">游客模式</span>
        <h1>欢迎使用在线客服</h1>
        <p>您目前以游客身份进入，可咨询注册、登录、活动与平台操作问题。</p>

        <div class="alert alert-warning">
            游客模式不会识别会员身份，也不能查询充值、提款、余额或其他会员资料。
        </div>

        <button
            type="button"
            class="primary-button guest-open-chat"
            onclick="if (window.openGuestChatNewConversation) { window.openGuestChatNewConversation(); }"
        >
            开启在线客服
        </button>
    </section>
</main>
{% endblock %}

{% block integrations %}
{% include "_chatwoot.html" %}
{% endblock %}