<?php
/**
 * HuSNS - 一款免费开源的社交平台
 * 
 * @author  HYR
 * @QQ      281900864
 * @website https://huyourui.com
 * @license MIT
 * @声明    严禁用于违法违规用途
 */
$currentPage = '404';
$pageType = 'error';
$bodyClass = 'error-page';
$hideTabBar = true;
$showBack = true;
$headerTitle = '页面不存在';
$this->setLayout('app');
?>
<style>
    /* 404页面特定样式 */
    .error-content {
        background-color: var(--background-color);
        min-height: calc(100vh - 44px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 40px 20px;
        text-align: center;
    }
    
    .error-icon {
        font-size: 64px;
        margin-bottom: 24px;
        opacity: 0.6;
    }
    
    .error-title {
        font-size: 24px;
        font-weight: 600;
        color: var(--text-color);
        margin-bottom: 12px;
    }
    
    .error-message {
        font-size: 16px;
        color: var(--text-secondary-color);
        margin-bottom: 32px;
        line-height: 1.5;
    }
    
    .error-button {
        padding: 12px 24px;
        background-color: var(--primary-color);
        color: white;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
    }
    
    .error-button:hover {
        background-color: #0066CC;
    }
    
    /* 响应式调整 */
    @media (max-width: 320px) {
        .error-content {
            padding: 30px 16px;
        }
        
        .error-icon {
            font-size: 48px;
            margin-bottom: 16px;
        }
        
        .error-title {
            font-size: 20px;
        }
        
        .error-message {
            font-size: 14px;
            margin-bottom: 24px;
        }
        
        .error-button {
            padding: 10px 20px;
            font-size: 15px;
        }
    }
</style>

<div class="error-content">
    <div class="error-icon">🔍</div>
    <div class="error-title">404</div>
    <div class="error-message">
        抱歉，您访问的页面不存在或已被删除。<br>
        请检查您输入的网址是否正确，或返回首页。
    </div>
    <a href="<?php echo $this->url('mobile'); ?>" class="error-button">返回首页</a>
</div>