<!-- templates/literary/error.tpl -->
{include file="header.tpl"}

<div class="article-card text-center" style="max-width: 600px; margin: 50px auto;">
    <div style="font-size: 6rem; margin-bottom: 30px; color: var(--primary-color);">{$error_code}</div>
    <h1 style="font-size: 2rem; margin-bottom: 20px; color: var(--dark-color);">{$error_message}</h1>
    <p style="color: var(--text-light); margin-bottom: 30px; font-size: 1.1rem;">
        抱歉，您访问的页面出现了问题
    </p>
    <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;">
        <a href="{build_url mod='index'}" class="read-more">
            <span style="margin-right: 8px;">🏠</span>返回首页
        </a>
        <button onclick="history.back()" class="read-more" style="background: transparent; border-color: var(--text-light); color: var(--text-light);">
            <span style="margin-right: 8px;">↶</span>返回上页
        </button>
    </div>
    <div style="margin-top: 40px; padding: 20px; background: var(--light-color); border-radius: var(--border-radius);">
        <p style="margin: 0; color: var(--text-light); font-size: 0.9rem;">
            如果您认为这是一个错误，请联系网站管理员。
        </p>
    </div>
</div>

{include file="footer.tpl"}