缃?缁?璇锋?瓒???/title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet"> <style type="text/tailwindcss"> @layer utilities { .content-auto { content-visibility: auto; } .error-container { @apply max-w-md mx-auto bg-white rounded-xl shadow-lg overflow-hidden md:max-w-2xl transition-all duration-500 ease-in-out; } .error-header { @apply bg-blue-500 text-white px-6 py-4; } .error-body { @apply px-6 py-8 md:px-10; } .error-icon { @apply text-blue-500 text-5xl mb-4 animate-pulse; } .btn-retry { @apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded shadow transition-all duration-300 ease-in-out transform hover:scale-105; } } </style> <link rel="alternate" media="only screen and(max-width: 640px)" href="http://tsyinhuizhong.com" > </head> <body class="bg-gray-50 min-h-screen flex items-center justify-center p-4 font-sans"> <div class="error-container"> <div class="error-header"> <h1 class="text-2xl font-bold">缃?缁?璇锋?瓒???/h1> </div> <div class="error-body"> <div class="text-center"> <i class="fa fa-exclamation-triangle error-icon"></i> <p class="text-gray-700 text-lg mb-6">褰???缃?椤佃?姹?瓒??讹?璇锋??ユ?ㄧ??缃?缁????︽?甯告??绋?????璇???</p> <button class="btn-retry" onclick="window.location.reload()"> <i class="fa fa-refresh mr-2"></i>???板??杞 </button> </div> </div> </div> <script> // 娣诲??绠?????椤甸?㈠??杞藉?ㄧ? document.addEventListener('DOMContentLoaded', function() { const container = document.querySelector('.error-container'); container.classList.add('opacity-0', 'translate-y-4'); setTimeout(() => { container.classList.remove('opacity-0', 'translate-y-4'); }, 100); }); </script> </body> </html>