

<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    body {
        min-height: 100vh;
        background: #e8e3d8;
    }
    .error-page {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 40px 20px;
    }
    .error-page .head-l {
        margin-bottom: 48px;
    }
    .error-page .head-logo {
        margin: 0;
        padding: 0;
        font-size: 1em;
        line-height: inherit;
        font-weight: inherit;
    }
    .error-page .head-logo a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .error-page .head-logo img {
        min-height: 24px;
        max-height: 36px;
        width: auto;
        display: block;
        filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));
        transition: filter 0.3s ease;
    }
    .error-page .head-logo a:hover img {
        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
    }
    .error-page .page-404 {
        text-align: center;
        max-width: 520px;
    }
    .error-page .page-404 .error-code {
        font-size: 100px;
        font-weight: 700;
        color: #d8d3c8;
        line-height: 1;
        margin-bottom: 24px;
        letter-spacing: 8px;
        user-select: none;
    }
    .error-page .page-404 .t1 {
        font-size: 22px;
        font-weight: 600;
        color: #3d3832;
        margin-bottom: 14px;
        letter-spacing: 0.5px;
    }
    .error-page .page-404 .divider {
        width: 40px;
        height: 3px;
        background: #c8c2b8;
        margin: 0 auto 24px;
        border-radius: 2px;
    }
    .error-page .page-404 .t2 {
        font-size: 15px;
        color: #6b6359;
        margin-bottom: 32px;
        line-height: 1.6;
    }
    .error-page .page-404 .doc {
        font-size: 14px;
        color: #8a8279;
        line-height: 1.8;
    }
    .error-page .page-404 .doc p {
        margin: 6px 0;
    }
    .error-page .page-404 .back-btn {
        display: inline-block;
        margin-top: 36px;
        padding: 10px 32px;
        font-size: 14px;
        color: #5a5249;
        background: #f0ebe2;
        border: 1px solid #c8c2b8;
        border-radius: 6px;
        text-decoration: none;
        transition: all 0.3s ease;
        letter-spacing: 0.5px;
    }
    .error-page .page-404 .back-btn:hover {
        color: #3d3832;
        border-color: #a8a298;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }
    @@media (max-width: 768px) {
        .error-page {
            padding: 30px 16px;
        }
        .error-page .head-l {
            margin-bottom: 36px;
        }
        .error-page .head-logo img {
            min-height: 20px;
            max-height: 28px;
        }
        .error-page .page-404 .error-code {
            font-size: 72px;
            margin-bottom: 20px;
            letter-spacing: 6px;
        }
        .error-page .page-404 .t1 {
            font-size: 18px;
            margin-bottom: 12px;
        }
        .error-page .page-404 .divider {
            width: 32px;
            margin-bottom: 20px;
        }
        .error-page .page-404 .t2 {
            font-size: 14px;
            margin-bottom: 24px;
        }
        .error-page .page-404 .doc {
            font-size: 13px;
        }
        .error-page .page-404 .back-btn {
            margin-top: 28px;
            padding: 9px 28px;
            font-size: 13px;
        }
    }
</style>

<div class="error-page">
    <div class="head-l">
        <h1 class="head-logo">
            <a href="/">
                <img src="" alt="">
            </a>
        </h1>
    </div>
    
    <div class="page-404">
        <div class="error-code">404</div>
        <div class="t1"><span>页面未找到</span></div>
        <div class="divider"></div>
        <div class="t2"><span>抱歉，您访问的页面塎⡛ᙗꭝﮈ摹㲖⼀猀瀀愀渀㸀㰀⼀搀椀瘀㸀਀        㰀搀椀瘀 挀氀愀猀猀㴀∀搀漀挀∀ 猀琀礀氀攀㴀∀ 搀椀猀瀀氀愀礀㨀 渀漀渀攀㬀 ∀ 㸀਀            㰀瀀㸀삋﹧ꖔ⽣♦捔湫౸᛿푢�陖疙춘낑e쭟㱙⼀瀀㸀਀        㰀⼀搀椀瘀㸀਀        㰀愀 栀爀攀昀㴀∀⼀∀ 挀氀愀猀猀㴀∀戀愀挀欀ⴀ戀琀渀∀㸀퐀�陖疙㲘⼀愀㸀਀    㰀⼀搀椀瘀㸀਀㰀⼀搀椀瘀㸀਀�