@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/inter-v3-latin-500.woff2') format('woff2'),
        url('../fonts/inter-v3-latin-500.woff') format('woff');
    font-display: swap;
}
html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;overscroll-behavior:none}
.err-page{height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;touch-action:manipulation;background:#ffffff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.err-page *{box-sizing:border-box}
.err-card{width:100%;max-width:520px;background:#ffffff;border:1px solid #e2e8ea;border-radius:14px;box-shadow:0 10px 30px rgba(17,20,30,.08);padding:48px 32px;text-align:center;position:relative;overflow:hidden}
.err-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#a9c7c6}
.err-icon{width:64px;height:64px;line-height:64px;margin:0 auto 20px;border-radius:50%;background:rgba(169,199,198,.25);color:#5f8a89;font-size:28px;font-weight:700}
.err-icon--error{background:rgba(239,68,68,.12);color:#ef4444}
.err-code{font-size:56px;font-weight:800;color:#5f8a89;line-height:1.1;letter-spacing:2px}
.err-title{margin:12px 0 8px;font-size:20px;font-weight:700;color:#11141e}
.err-msg{margin:0 0 12px;font-size:15px;line-height:1.8;color:#4a5464;word-break:break-word}
.err-msg a{color:#5f8a89;text-decoration:underline}
.err-count{font-weight:700;color:#5f8a89}
.err-countdown{color:#4a5464}
.err-actions{margin-top:24px}
.err-btn{display:inline-block;padding:10px 28px;margin:0 6px 8px;border-radius:10px;background:#a9c7c6;color:#11141e;text-decoration:none;font-size:14px;font-weight:700;transition:background .2s ease}
.err-btn:hover{background:#96bab9}
.err-btn--ghost{background:transparent;color:#5f8a89;border:1px solid #a9c7c6}
.err-btn--ghost:hover{background:rgba(169,199,198,.2)}
.err-footer{margin-top:28px;font-size:12px;color:#9ca3af}


@media (max-width:767px){
    .err-page{height:100%;padding:16px}
    .err-card{margin:auto}
}
@media (max-width:480px){.err-page{padding:12px}.err-card{padding:32px 18px}.err-code{font-size:44px}.err-icon{width:56px;height:56px;line-height:56px}.err-title{font-size:18px}.err-msg{font-size:14px}.err-btn{padding:10px 22px}}
@media (max-height:640px){.err-card{padding:24px 18px}.err-icon{width:48px;height:48px;line-height:48px;margin-bottom:12px}.err-code{font-size:40px}.err-title{font-size:17px;margin:8px 0 6px}.err-actions{margin-top:14px}}