{% extends "base.html" %}
{% block title %}404 找不到頁面 — alterdb{% endblock %}
{% block style %}
<style>
    .not-found {
        text-align: center;
        max-width: 28rem;
        margin: 3rem auto 0;
        padding: 2.5rem 2rem;
        border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
        border-radius: 10px;
    }
    .not-found .status {
        font-size: 4rem;
        font-weight: 700;
        line-height: 1;
        margin: 0;
        opacity: .85;
    }
    .not-found h2 { margin: .5rem 0 0; }
    .not-found p { opacity: .8; margin: 1rem 0 0; }
    .not-found a {
        display: inline-block;
        margin-top: 1.5rem;
        padding: .5rem 1.2rem;
        border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
        border-radius: 6px;
        color: inherit;
        text-decoration: none;
    }
    .not-found a:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
</style>
{% endblock %}
{% block content %}
<div class="page">
<header class="site-header">
    <h1>alterdb</h1>
    <button type="button" class="theme-toggle" data-theme-toggle>深色模式</button>
</header>
<div class="not-found">
    <p class="status">404</p>
    <h2>找不到頁面</h2>
    <p>你訪問的頁面 <code>{{ path }}</code> 不存在或已被移動，請檢查網址是否正確。</p>
    <a href="/">返回首頁</a>
</div>
</div>
{% endblock %}