<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - 页面未找到</title>
    
    <script src="/themes/default/js/lib/tailwindcss.js"></script>
    <link href="/themes/default/css/fontawesome.min.css" rel="stylesheet">
    <script src="/themes/default/js/tailwind-config.js"></script>
</head>
<body class="bg-slate-50 font-sans text-gray-800 flex flex-col min-h-screen">

    <!-- Navigation (Safe Fallback) -->
    
    <!-- Navigation -->
    <nav id="main-nav" class="glass-nav shadow-sm fixed w-full z-50 top-0 transition-all duration-300 border-b border-gray-100">
        <div class="container mx-auto px-6 py-3">
            <div class="flex justify-between items-center">
                <div class="flex items-center">
                    <a href="/" class="text-2xl font-bold text-primary flex items-center tracking-tight">
                        <img src="https://cms-static.feiditech.com/feiditech-cms/cms-content/file/uploads/20260324/f2794986ade9423581ea518b0f4d1d45.svg" alt="华夏飞滴" class="h-10 mr-2">
                        
                        <span>华夏飞滴</span>
                    </a>
                </div>
                
                <!-- Desktop Menu & Action (Right Aligned) -->
                <div class="hidden lg:flex items-center space-x-6">
                    <div class="flex items-center space-x-1">
                        <a href="/" 
                           target="_self"
                           class="px-4 py-2 rounded-full transition font-medium text-sm tracking-wide text-gray-600 hover:text-primary hover:bg-gray-50">首页</a><a href="/news" 
                           target="_self"
                           class="px-4 py-2 rounded-full transition font-medium text-sm tracking-wide text-gray-600 hover:text-primary hover:bg-gray-50">新闻资讯</a><a href="/products" 
                           target="_self"
                           class="px-4 py-2 rounded-full transition font-medium text-sm tracking-wide text-gray-600 hover:text-primary hover:bg-gray-50">产品中心</a><a href="/solutions" 
                           target="_self"
                           class="px-4 py-2 rounded-full transition font-medium text-sm tracking-wide text-gray-600 hover:text-primary hover:bg-gray-50">解决方案</a><a href="/cases" 
                           target="_self"
                           class="px-4 py-2 rounded-full transition font-medium text-sm tracking-wide text-gray-600 hover:text-primary hover:bg-gray-50">客户案例</a><a href="/about" 
                           target="_self"
                           class="px-4 py-2 rounded-full transition font-medium text-sm tracking-wide text-gray-600 hover:text-primary hover:bg-gray-50">关于我们</a>
                    </div>

                    <div class="pl-2">
                        <a href="/contact" class="bg-gradient-to-r from-primary to-blue-600 text-white px-6 py-2 rounded-full hover:shadow-lg transition transform hover:-translate-y-0.5 font-medium text-sm">
                            联系我们
                        </a>
                    </div>
                </div>

                <!-- Mobile Menu Button -->
                <div class="lg:hidden flex items-center space-x-4">
                    <button id="mobile-menu-btn" class="text-gray-600 hover:text-primary focus:outline-none transition-colors">
                        <i class="fas fa-bars text-2xl"></i>
                    </button>
                </div>
            </div>
        </div>
    </nav>
    
    <!-- Mobile Menu Overlay -->
    <div id="mobile-menu" class="fixed inset-0 z-[60] bg-slate-900/60 backdrop-blur-sm transform translate-x-full transition-transform duration-300 lg:hidden flex justify-end">
        <div class="w-72 bg-white h-full shadow-2xl flex flex-col">
            <div class="p-6 border-b border-gray-50 flex justify-between items-center">
                <div class="flex items-center">
                    <img src="https://cms-static.feiditech.com/feiditech-cms/cms-content/file/uploads/20260324/f2794986ade9423581ea518b0f4d1d45.svg" alt="华夏飞滴" class="h-8 mr-2">
                    <span class="font-bold text-primary text-lg">华夏飞滴</span>
                </div>
                <button id="close-menu-btn" class="text-gray-400 hover:text-primary transition-colors focus:outline-none">
                    <i class="fas fa-times text-2xl"></i>
                </button>
            </div>
            
            <div class="flex-grow overflow-y-auto py-8 px-6">
                <div class="flex flex-col space-y-2">
                    <a href="/"
                       target="_self"
                       class="flex items-center justify-between p-4 rounded-xl transition-all duration-200 text-gray-700 hover:bg-gray-50 hover:text-primary">
                        <span class="text-lg">首页</span>
                        <i class="fas fa-chevron-right text-xs opacity-30"></i>
                    </a><a href="/news"
                       target="_self"
                       class="flex items-center justify-between p-4 rounded-xl transition-all duration-200 text-gray-700 hover:bg-gray-50 hover:text-primary">
                        <span class="text-lg">新闻资讯</span>
                        <i class="fas fa-chevron-right text-xs opacity-30"></i>
                    </a><a href="/products"
                       target="_self"
                       class="flex items-center justify-between p-4 rounded-xl transition-all duration-200 text-gray-700 hover:bg-gray-50 hover:text-primary">
                        <span class="text-lg">产品中心</span>
                        <i class="fas fa-chevron-right text-xs opacity-30"></i>
                    </a><a href="/solutions"
                       target="_self"
                       class="flex items-center justify-between p-4 rounded-xl transition-all duration-200 text-gray-700 hover:bg-gray-50 hover:text-primary">
                        <span class="text-lg">解决方案</span>
                        <i class="fas fa-chevron-right text-xs opacity-30"></i>
                    </a><a href="/cases"
                       target="_self"
                       class="flex items-center justify-between p-4 rounded-xl transition-all duration-200 text-gray-700 hover:bg-gray-50 hover:text-primary">
                        <span class="text-lg">客户案例</span>
                        <i class="fas fa-chevron-right text-xs opacity-30"></i>
                    </a><a href="/about"
                       target="_self"
                       class="flex items-center justify-between p-4 rounded-xl transition-all duration-200 text-gray-700 hover:bg-gray-50 hover:text-primary">
                        <span class="text-lg">关于我们</span>
                        <i class="fas fa-chevron-right text-xs opacity-30"></i>
                    </a>
                </div>
            </div>

            <div class="p-6 border-t border-gray-50">
                <a href="/contact" class="block w-full bg-primary text-white py-4 rounded-xl text-center font-bold hover:bg-blue-700 shadow-lg shadow-blue-500/20 transition-all active:scale-95">
                    联系我们
                </a>
            </div>
        </div>
    </div>

    

    <!-- 404 Content -->
    <div class="flex-grow flex items-center justify-center py-20">
        <div class="text-center px-6">
            <div class="mb-8 relative">
                <h1 class="text-9xl font-bold text-slate-200 select-none">404</h1>
                <div class="absolute inset-0 flex items-center justify-center">
                    <i class="fas fa-plane-slash text-6xl text-primary animate-bounce"></i>
                </div>
            </div>
            
            <h2 class="text-3xl font-bold text-gray-800 mb-4">抱歉，您访问的页面不存在</h2>
            <p class="text-gray-500 mb-8 max-w-md mx-auto">
                您可能输入了错误的地址，或者该页面已被移除。
                <br>请检查网址或返回首页。
            </p>
            
            <div class="flex justify-center space-x-4">
                <a href="/" class="bg-primary hover:bg-blue-700 text-white px-8 py-3 rounded-full transition shadow-lg shadow-blue-500/30 font-semibold flex items-center">
                    <i class="fas fa-home mr-2"></i> 返回首页
                </a>
                <a href="javascript:history.back()" class="bg-white border border-gray-300 text-gray-600 hover:bg-gray-50 px-8 py-3 rounded-full transition font-semibold">
                    返回上一页
                </a>
            </div>
        </div>
    </div>

    <!-- Footer (Safe Fallback) -->
    <footer class="relative bg-gradient-to-br from-[#002D5B] to-[#001B36] text-slate-300 border-t border-slate-800/50 font-sans overflow-hidden">
        <!-- Decorative Background Elements -->
        <div class="absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none">
            <div class="absolute top-[-10%] right-[-5%] w-96 h-96 bg-blue-500/10 rounded-full blur-3xl"></div>
            <div class="absolute bottom-[-10%] left-[-5%] w-72 h-72 bg-secondary/10 rounded-full blur-3xl"></div>
        </div>

        <div class="container mx-auto px-6 py-12 relative z-10">
            <div class="flex flex-col xl:flex-row justify-between items-center gap-8">
                <!-- Brand -->
                <div class="flex items-center flex-col md:flex-row">
                    <!-- Logo with white background for better visibility -->
                    <div class="bg-white p-2.5 rounded-xl shadow-lg shadow-blue-900/20 inline-flex items-center justify-center mb-4 md:mb-0 md:mr-4 transform hover:scale-105 transition-transform duration-300">
                        <img src="https://cms-static.feiditech.com/feiditech-cms/cms-content/file/uploads/20260324/f2794986ade9423581ea518b0f4d1d45.svg" alt="华夏飞滴" class="h-9 w-auto object-contain">
                    </div>
                    
                    <div class="flex flex-col items-center md:items-start">
                        <span class="text-2xl font-bold text-white tracking-wider leading-none">华夏飞滴</span>
                    </div>
                    
                    <!-- Slogan -->
                    <!--
                    <div class="hidden lg:flex items-center ml-6 pl-6 border-l border-slate-700/50 h-10">
                        <div class="flex flex-col justify-center">
                            <span class="text-slate-300 font-medium tracking-wide text-sm" th:text="${siteInfo.seoTitle}">专业的航空数字化解决方案提供商</span>
                        </div>
                    </div>
                    -->
                </div>
                
                <!-- Contact -->
                <div class="flex flex-col md:flex-row flex-wrap justify-center items-center gap-4 text-sm">
                    <div class="flex items-center bg-slate-800/30 px-4 py-2 rounded-full border border-slate-700/50 hover:border-secondary/50 hover:bg-slate-800/50 transition-all duration-300 group backdrop-blur-sm">
                        <div class="w-8 h-8 rounded-full bg-slate-700/50 flex items-center justify-center mr-3 group-hover:bg-secondary group-hover:text-white transition-all duration-300 shadow-inner">
                            <i class="fas fa-map-marker-alt text-secondary group-hover:text-white text-xs"></i>
                        </div>
                        <span class="text-slate-300 group-hover:text-white transition-colors">重庆市两江新区学达路99号</span>
                    </div>
                    
                    <div class="flex items-center bg-slate-800/30 px-4 py-2 rounded-full border border-slate-700/50 hover:border-secondary/50 hover:bg-slate-800/50 transition-all duration-300 group backdrop-blur-sm">
                        <div class="w-8 h-8 rounded-full bg-slate-700/50 flex items-center justify-center mr-3 group-hover:bg-secondary group-hover:text-white transition-all duration-300 shadow-inner">
                            <i class="fas fa-phone-alt text-secondary group-hover:text-white text-xs"></i>
                        </div>
                        <span class="text-slate-300 group-hover:text-white transition-colors font-medium tracking-wide">023-67142687</span>
                    </div>
                    
                    <div class="flex items-center bg-slate-800/30 px-4 py-2 rounded-full border border-slate-700/50 hover:border-secondary/50 hover:bg-slate-800/50 transition-all duration-300 group backdrop-blur-sm">
                        <div class="w-8 h-8 rounded-full bg-slate-700/50 flex items-center justify-center mr-3 group-hover:bg-secondary group-hover:text-white transition-all duration-300 shadow-inner">
                            <i class="fas fa-envelope text-secondary group-hover:text-white text-xs"></i>
                        </div>
                        <span class="text-slate-300 group-hover:text-white transition-colors">hxfd@feiditech.com</span>
                    </div>
                    
                    <a href="/contact" class="inline-flex items-center bg-gradient-to-r from-secondary to-blue-500 text-white px-6 py-2.5 rounded-full hover:shadow-lg hover:shadow-blue-500/30 hover:-translate-y-0.5 transition-all duration-300 text-sm font-medium border border-transparent">
                        <i class="far fa-comment-dots mr-2"></i>在线留言
                    </a>
                </div>
            </div>
        </div>

        <!-- Copyright Section - Darker Background -->
        <div class="bg-[#001529]/80 backdrop-blur-md py-6 border-t border-slate-800/30 relative z-10">
            <div class="container mx-auto px-6 flex flex-col items-center justify-center text-sm text-slate-500 text-center">
                <p class="flex flex-col md:flex-row items-center gap-2 md:gap-4">
                    <span>© 2024 华夏飞滴 版权所有</span>
                    <span class="hidden md:inline text-slate-700">|</span>
                    <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:text-slate-300 transition-colors cursor-pointer">渝ICP备2024038639号-1</a>
                </p>
            </div>
        </div>
    </footer>
    

    <script src="/themes/default/js/main.js"></script>
</body>
</html>
