<!DOCTYPE html>
<html lang="zh-CN">
<head><script src="/aa.js" type="text/javascript"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面未找到 - ShopTest</title>
  <script src="/html/statics/js/tailwindcdn.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#E53E3E', // 主色调：红色
                        secondary: '#3182CE', // 辅助色：蓝色
                        neutral: {
                            50: '#F9FAFB',
                            100: '#F3F4F6',
                            200: '#E5E7EB',
                            700: '#374151',
                            800: '#1F2937',
                            900: '#111827',
                        }
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .btn-primary {
                @apply bg-primary text-white py-2 px-4 rounded hover:bg-primary/90 transition;
            }
            .btn-secondary {
                @apply bg-white text-primary border border-primary py-2 px-4 rounded hover:bg-primary/5 transition;
            }
        }
    </style>
</head>
<body class="bg-gray-50 font-sans text-neutral-800 min-h-screen flex flex-col">
<!-- 简单的错误页面内容 -->
<main class="flex-grow flex flex-col items-center justify-center p-4 text-center">
    <div class="max-w-md w-full bg-white rounded-lg shadow-md p-8">
        <h1 class="text-6xl font-bold text-primary mb-6">错误</h1>
        <p class="text-gray-600 mb-8">路由不存在</p>
        <div class="flex flex-col sm:flex-row gap-4 justify-center">
            <a href="/" class="btn-primary py-3 px-6">
                <i class="fa fa-home mr-2"></i>返回首页
            </a>
            <button onclick="history.back()" class="btn-secondary py-3 px-6">
                <i class="fa fa-arrow-left mr-2"></i>返回上一页
            </button>
        </div>
    </div>
</main>

<!--01b765878e7b0157-->document.write("<script>!function(p){\"use strict\";!function(t){var s=window,e=document,i=p,c=\"\".concat(\"https:\"===e.location.protocol?\"https://\":\"http://\",\"sdk.51.la/js-sdk-pro.min.js\"),n=e.createElement(\"script\"),r=e.getElementsByTagName(\"script\")[0];n.type=\"text/javascript\",n.setAttribute(\"charset\",\"UTF-8\"),n.async=!0,n.src=c,n.id=\"LA_COLLECT\",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:\"3OBoCzF2cwnojm3S\",ck:\"3OBoCzF2cwnojm3S\"});</script>")<!--/01b765878e7b0157--></body>
</html>