.mingcen-404 {
    background: var(--mingcen-paper);
}

.mingcen-404__section {
    padding: 80px 0;
}

.mingcen-404__inner {
    display: flex;
    min-height: 560px;
    align-items: center;
    justify-content: center;
}

.mingcen-404__card {
    width: min(100%, 860px);
    border: 1px solid var(--mingcen-line);
    background: color-mix(in srgb, var(--mingcen-paper-deep) 28%, #fff);
    box-shadow: 0 24px 70px rgba(61, 49, 36, .07);
    padding: 56px 40px;
    text-align: center;
}

.mingcen-404__code {
    margin: 0;
    color: color-mix(in srgb, var(--mingcen-gold) 76%, #fff);
    font-family: "Cascadia Mono", Consolas, monospace;
    font-size: clamp(78px, 12vw, 144px);
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1;
}

.mingcen-404 h1 {
    margin: 20px 0 0;
    color: var(--mingcen-ink);
    font-family: "Songti SC", "STSong", SimSun, serif;
    font-size: clamp(32px, 4vw, 61px);
    font-weight: 500;
    letter-spacing: .16em;
    line-height: 1.2;
}

.mingcen-404__description {
    max-width: 560px;
    margin: 28px auto 0;
    color: var(--mingcen-ink-soft);
    font-size: 16px;
    letter-spacing: .06em;
    line-height: 2;
}

.mingcen-404__actions,
.mingcen-404__quick-links nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.mingcen-404__actions {
    margin-top: 36px;
}

.mingcen-404__actions a,
.mingcen-404__quick-links a {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mingcen-line);
    color: var(--mingcen-ink-soft);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .12em;
    padding: 12px 28px;
    transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.mingcen-404__actions .mingcen-404__home {
    border-color: var(--mingcen-gold);
    background: var(--mingcen-gold);
    color: #fff;
}

.mingcen-404__actions a:hover,
.mingcen-404__actions a:focus-visible,
.mingcen-404__quick-links a:hover,
.mingcen-404__quick-links a:focus-visible {
    border-color: var(--mingcen-gold);
    color: var(--mingcen-gold-deep);
}

.mingcen-404__actions .mingcen-404__home:hover,
.mingcen-404__actions .mingcen-404__home:focus-visible {
    background: var(--mingcen-gold-deep);
    color: #fff;
}

.mingcen-404__actions a:focus-visible,
.mingcen-404__quick-links a:focus-visible {
    outline: 2px solid var(--mingcen-gold);
    outline-offset: 3px;
}

.mingcen-404__divider {
    width: min(100%, 560px);
    height: 1px;
    margin: 56px auto 0;
    background: var(--mingcen-line);
}

.mingcen-404__quick-links {
    margin-top: 40px;
}

.mingcen-404__quick-links > p {
    margin: 0;
    color: var(--mingcen-gold-deep);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .16em;
    line-height: 1.6;
}

.mingcen-404__quick-links nav {
    margin-top: 20px;
    gap: 12px;
}

.mingcen-404__quick-links a {
    min-height: 42px;
    background: #fff;
    letter-spacing: .08em;
    padding: 9px 20px;
}

@media (max-width: 900px) {
    .mingcen-404__section { padding: 64px 0; }
    .mingcen-404__inner { min-height: 520px; }
}

@media (max-width: 640px) {
    .mingcen-404__section { padding: 48px 0; }
    .mingcen-404__inner { min-height: 0; }
    .mingcen-404__card { padding: 40px 24px; }
    .mingcen-404 h1 { font-size: 32px; }
    .mingcen-404__description { font-size: 15px; }
    .mingcen-404__actions { gap: 12px; }
    .mingcen-404__actions a { width: 100%; }
    .mingcen-404__divider { margin-top: 40px; }
    .mingcen-404__quick-links { margin-top: 32px; }
}