{include file="common/header" /}
<main class="container contact-page">
    {include file="common/page-banner" /}
    <div class="page-head page-head-compact">
        <!-- 面包屑标签：输出“首页 → 联系我们”。 -->
        {pycms:breadcrumb catid="$category.id" /}
    </div>
    <div class="contact-grid">
        <section class="contact-info">
            <div class="contact-card">
                <span class="contact-eyebrow">CONTACT</span>
                <h2>与我们取得联系</h2>
                <p>提交留言后，我们会在工作时间内尽快回复。请尽量填写完整的联系方式，方便我们与你沟通。</p>
                <ul class="contact-list">
                    <li><strong>产品咨询</strong><span>了解盘云CMS的功能、部署与授权方式</span></li>
                    <li><strong>商务合作</strong><span>插件、主题定制及企业级项目合作</span></li>
                    <li><strong>技术支持</strong><span>安装配置、升级迁移与使用问题反馈</span></li>
                </ul>
                <!-- 站内 URL 标签：独立留言板地址。 -->
                <div class="contact-note">也可以直接访问 <a href="{pycms:url path="/guestbook" /}">留言板</a> 查看公开留言。</div>
            </div>
        </section>
        <section class="contact-form-card">
            <div class="contact-form-head">
                <span class="contact-eyebrow">MESSAGE</span>
                <h2>在线留言</h2>
                <p>留言来源自动记录为「{$category.name}」栏目。</p>
            </div>
            <!-- 表单标签：catid 指定当前栏目，作为后台留言的来源栏目。 -->
            {pycms:guestbookform catid="$category.id" /}
        </section>
    </div>
</main>
{include file="common/footer" /}