网站介绍
#### 首页分析
该网站的首页是一个完全空白的HTML页面，仅包含最基础的HTML5文档结构（``、``、``），没有任何实际内容、功能或样式。具体表现为：
- 无任何内容：没有文字、图片、导航栏、页脚或其他页面元素。
- 无交互功能：未加载JavaScript或CSS，也没有表单、按钮等交互组件。
- 无元信息：缺少标题（``）、描述（`meta description`）或关键词（`meta keywords`）等SEO基础信息。 <br><br>可能的状态包括： <br>1. <strong>新创建的空白模板</strong>：开发者可能尚未填充内容。 <br>2. <strong>开发中的未完成页面</strong>：网站可能处于构建初期或测试阶段。 <br>3. <strong>服务器配置错误</strong>：后端未正确渲染或传输内容。 <br><br>建议检查服务器配置或联系开发团队确认是否为预期状态。 <br><br>#### <strong>内页分类分析</strong> <br>根据提供的分类列表，该网站目前仅有一个空白首页，无实际功能或内容，因此最匹配的分类为： <br>- <strong>未完成网站</strong>（直接匹配现有分类） <br><br>若未来填充内容，可能根据实际功能扩展至其他分类，例如： <br>- <strong>开发者服务</strong>（如用于技术测试） <br>- <strong>测试页面</strong>（如用作占位或调试） <br><br>#### <strong>总结</strong> <br>当前网站仅为一个空白框架，无用户价值或明确用途，需进一步开发或排查技术问题。内页分类暂无法确定，需依赖后续内容更新。 <br><br>--- <br><strong>注</strong>：若需更精准的分类，建议补充内页内容或功能描述。</h3> </div> </div> </div> <div class="bg-white border border-blue-100 rounded-lg shadow-sm overflow-hidden"> <div class="border-b border-blue-100 bg-blue-50 px-4 py-3"> <h2 class="text-lg font-semibold text-gray-800 flex items-center"> <svg class="w-5 h-5 mr-2 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"></path> </svg> 相关推荐 </h2> </div> <div class="p-4 md:p-6"> <div class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3 md:gap-4"> <a href="/view?id=6893c33d94b7d8d3d25ae336" class="group block bg-white rounded-lg overflow-hidden border border-gray-200 hover:border-blue-300 hover:shadow-md"> <div class="relative h-36 overflow-hidden bg-gray-100"> <img loading="lazy" decoding="async" src="/img/id/6893c33d94b7d8d3d25ae336.jpeg" alt="" class="w-full h-full object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-2"> <p class="text-white text-xs truncate">cngold.org</p> </div> </div> <div class="p-3"> <h3 class="text-base font-medium text-gray-800 truncate hover:text-blue-600"> </h3> <div class="flex items-center justify-between mt-2 text-xs"> <span class="text-gray-500">cngold.org</span> </div> </div> </a> <a href="/view?id=6897b46f981f9020b84f767e" class="group block bg-white rounded-lg overflow-hidden border border-gray-200 hover:border-blue-300 hover:shadow-md"> <div class="relative h-36 overflow-hidden bg-gray-100"> <img loading="lazy" decoding="async" src="/img/id/6897b46f981f9020b84f767e.jpeg" alt="403 Forbidden" class="w-full h-full object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-2"> <p class="text-white text-xs truncate">hainan.gov.cn</p> </div> </div> <div class="p-3"> <h3 class="text-base font-medium text-gray-800 truncate hover:text-blue-600"> 403 Forbidden </h3> <div class="flex items-center justify-between mt-2 text-xs"> <span class="text-gray-500">hainan.gov.cn</span> </div> </div> </a> <a href="/view?id=6897ecf3981f9020b84f76a7" class="group block bg-white rounded-lg overflow-hidden border border-gray-200 hover:border-blue-300 hover:shadow-md"> <div class="relative h-36 overflow-hidden bg-gray-100"> <img loading="lazy" decoding="async" src="/img/id/6897ecf3981f9020b84f76a7.jpeg" alt="403 Forbidden" class="w-full h-full object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-2"> <p class="text-white text-xs truncate">mysteel.com</p> </div> </div> <div class="p-3"> <h3 class="text-base font-medium text-gray-800 truncate hover:text-blue-600"> 403 Forbidden </h3> <div class="flex items-center justify-between mt-2 text-xs"> <span class="text-gray-500">mysteel.com</span> </div> </div> </a> <a href="/view?id=6893e7f094b7d8d3d25ae358" class="group block bg-white rounded-lg overflow-hidden border border-gray-200 hover:border-blue-300 hover:shadow-md"> <div class="relative h-36 overflow-hidden bg-gray-100"> <img loading="lazy" decoding="async" src="/img/id/6893e7f094b7d8d3d25ae358.jpeg" alt="403 Forbidden" class="w-full h-full object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-2"> <p class="text-white text-xs truncate">chinaz.com</p> </div> </div> <div class="p-3"> <h3 class="text-base font-medium text-gray-800 truncate hover:text-blue-600"> 403 Forbidden </h3> <div class="flex items-center justify-between mt-2 text-xs"> <span class="text-gray-500">chinaz.com</span> </div> </div> </a> <a href="/view?id=68951cbc726d0bf62573798b" class="group block bg-white rounded-lg overflow-hidden border border-gray-200 hover:border-blue-300 hover:shadow-md"> <div class="relative h-36 overflow-hidden bg-gray-100"> <img loading="lazy" decoding="async" src="/img/id/68951cbc726d0bf62573798b.jpeg" alt="" class="w-full h-full object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-2"> <p class="text-white text-xs truncate">xywy.com</p> </div> </div> <div class="p-3"> <h3 class="text-base font-medium text-gray-800 truncate hover:text-blue-600"> </h3> <div class="flex items-center justify-between mt-2 text-xs"> <span class="text-gray-500">xywy.com</span> </div> </div> </a> <a href="/view?id=68951b2f726d0bf625737989" class="group block bg-white rounded-lg overflow-hidden border border-gray-200 hover:border-blue-300 hover:shadow-md"> <div class="relative h-36 overflow-hidden bg-gray-100"> <img loading="lazy" decoding="async" src="/img/id/68951b2f726d0bf625737989.jpeg" alt="404 Not Found" class="w-full h-full object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-2"> <p class="text-white text-xs truncate">sz.gov.cn</p> </div> </div> <div class="p-3"> <h3 class="text-base font-medium text-gray-800 truncate hover:text-blue-600"> 404 Not Found </h3> <div class="flex items-center justify-between mt-2 text-xs"> <span class="text-gray-500">sz.gov.cn</span> </div> </div> </a> <a href="/view?id=68969683981f9020b84f7651" class="group block bg-white rounded-lg overflow-hidden border border-gray-200 hover:border-blue-300 hover:shadow-md"> <div class="relative h-36 overflow-hidden bg-gray-100"> <img loading="lazy" decoding="async" src="/img/id/68969683981f9020b84f7651.jpeg" alt="" class="w-full h-full object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-2"> <p class="text-white text-xs truncate">www.189.cn</p> </div> </div> <div class="p-3"> <h3 class="text-base font-medium text-gray-800 truncate hover:text-blue-600"> </h3> <div class="flex items-center justify-between mt-2 text-xs"> <span class="text-gray-500">www.189.cn</span> </div> </div> </a> <a href="/view?id=6897898e981f9020b84f7665" class="group block bg-white rounded-lg overflow-hidden border border-gray-200 hover:border-blue-300 hover:shadow-md"> <div class="relative h-36 overflow-hidden bg-gray-100"> <img loading="lazy" decoding="async" src="/img/id/6897898e981f9020b84f7665.jpeg" alt="" class="w-full h-full object-cover"> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-2"> <p class="text-white text-xs truncate">ems.com.cn</p> </div> </div> <div class="p-3"> <h3 class="text-base font-medium text-gray-800 truncate hover:text-blue-600"> </h3> <div class="flex items-center justify-between mt-2 text-xs"> <span class="text-gray-500">ems.com.cn</span> </div> </div> </a> </div> </div> </div> </main> <footer class="bg-white border-t border-blue-100 py-6 md:py-10 mt-8 md:mt-12 relative overflow-hidden"> <div class="absolute inset-0 opacity-5 pointer-events-none"> <div class="absolute bottom-0 left-0 w-32 h-32 md:w-48 md:h-48 bg-blue-600 rounded-full translate-y-1/2 -translate-x-1/2"></div> <div class="absolute top-0 right-0 w-24 h-24 md:w-32 md:h-32 bg-blue-600 rounded-full -translate-y-1/2 translate-x-1/2"></div> <div class="absolute top-1/2 left-1/4 w-16 h-16 bg-blue-400 rounded-full opacity-30"></div> </div> <div class="container mx-auto px-4 md:px-6 max-w-7xl relative z-10"> <div class="grid grid-cols-1 md:grid-cols-12 gap-8 md:gap-6 mb-8"> <div class="md:col-span-4 flex flex-col items-center md:items-start"> <div class="flex items-center space-x-3 mb-3"> <div class="bg-white p-2 rounded-lg shadow-sm border border-blue-50"> <img src="/static/888nav.cn.jpeg" alt="Logo" class="h-10 md:h-12 w-auto"> </div> <span class="text-gray-800 font-bold text-lg md:text-xl">www.888nav.cn</span> </div> <p class="text-gray-600 text-sm mb-2">精选优质网站导航，助您探索互联网精彩内容</p> <p class="text-gray-500 text-sm">© 2025 网站导航. 保留所有权利.</p> </div> <div class="md:col-span-4"> <h3 class="text-lg font-semibold text-gray-800 mb-4 text-center md:text-left">快速导航</h3> <div class="grid grid-cols-2 gap-x-8 gap-y-3"> <a href="/" class="text-gray-600 hover:text-blue-600 flex items-center text-sm transition-colors"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /> </svg> 首页 </a> <a href="/category" class="text-gray-600 hover:text-blue-600 flex items-center text-sm transition-colors"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" /> </svg> 分类 </a> <a href="/f" class="text-gray-600 hover:text-blue-600 flex items-center text-sm transition-colors"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" /> </svg> 发现 </a> <a href="/s" class="text-gray-600 hover:text-blue-600 flex items-center text-sm transition-colors"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg> 搜索 </a> </div> </div> <div class="md:col-span-4"> <h3 class="text-lg font-semibold text-gray-800 mb-4 text-center md:text-left">网站特色</h3> <div class="flex flex-wrap gap-2 mb-4 justify-center md:justify-start"> <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /> </svg> 高效导航 </span> <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /> </svg> 安全可靠 </span> <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> 精选资源 </span> </div> <h4 class="text-base font-medium text-gray-700 mb-2 text-center md:text-left">友情链接</h4> <div class="flex flex-wrap gap-2 justify-center md:justify-start"> <a href="http://www.bluenav.cn" target="_blank" class="text-sm text-gray-500 hover:text-blue-600 px-2 py-1 rounded hover:bg-blue-50 transition-colors">蓝航网</a> </div> </div> </div> <div class="border-t border-gray-100 pt-4 flex flex-col md:flex-row justify-between items-center"> <p class="text-gray-500 text-sm mb-2 md:mb-0 text-center md:text-left">本站内容均来源于网络，如有侵权请联系我们删除</p> <div class="flex space-x-4"> <a href="#" class="text-gray-500 hover:text-blue-600 text-sm transition-colors">关于我们</a> <a href="#" class="text-gray-500 hover:text-blue-600 text-sm transition-colors">使用条款</a> <a href="#" class="text-gray-500 hover:text-blue-600 text-sm transition-colors">隐私政策</a> </div> </div> </div> </footer> <button id="backToTop" class="fixed bottom-6 right-6 bg-blue-600 hover:bg-blue-700 text-white p-3 rounded-full shadow-lg opacity-0 invisible transition-all duration-300 z-50 focus:outline-none"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path> </svg> </button> <script> document.addEventListener('DOMContentLoaded', function() { const backToTopButton = document.getElementById('backToTop'); window.addEventListener('scroll', function() { if (window.pageYOffset > 300) { backToTopButton.classList.remove('opacity-0', 'invisible'); backToTopButton.classList.add('opacity-100', 'visible'); } else { backToTopButton.classList.remove('opacity-100', 'visible'); backToTopButton.classList.add('opacity-0', 'invisible'); } }); backToTopButton.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }); }); </script> <div id="likeToast" class="fixed top-4 right-4 bg-green-50 border border-green-200 text-green-700 px-4 py-3 rounded-lg shadow-md flex items-center transform translate-y-[-100px] opacity-0 transition-all duration-300 z-50"> <svg class="w-5 h-5 mr-2 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>点赞成功！</span> </div> <div id="shareModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden"> <div class="bg-white rounded-lg shadow-xl max-w-md w-full mx-4"> <div class="border-b border-gray-200 px-5 py-4 flex justify-between items-center"> <h3 class="text-lg font-semibold text-gray-800">分享网站</h3> <button id="closeShareModal" class="text-gray-400 hover:text-gray-500"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <div class="p-5"> <div class="mb-4"> <label class="block text-sm font-medium text-gray-700 mb-1">分享链接</label> <div class="flex"> <input id="shareUrl" type="text" readonly value="www.888nav.cn/view?id=689516b3726d0bf625737983" class="flex-1 px-3 py-2 border border-gray-300 rounded-l-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> <button id="copyButton" class="bg-blue-600 hover:bg-blue-700 text-white px-3 py-2 rounded-r-md text-sm font-medium transition-colors"> 复制 </button> </div> </div> <div class="grid grid-cols-4 gap-3"> <a href="javascript:void(0)" class="flex flex-col items-center justify-center p-3 rounded-lg hover:bg-blue-50 transition-colors"> <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mb-1"> <svg class="w-5 h-5 text-blue-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/> </svg> </div> <span class="text-xs text-gray-700">微信</span> </a> <a href="javascript:void(0)" class="flex flex-col items-center justify-center p-3 rounded-lg hover:bg-blue-50 transition-colors"> <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mb-1"> <svg class="w-5 h-5 text-blue-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M1.5 0h21c.825 0 1.5.675 1.5 1.5v21c0 .825-.675 1.5-1.5 1.5h-21c-.825 0-1.5-.675-1.5-1.5v-21c0-.825.675-1.5 1.5-1.5zm6.715 19.335c.371.195.795.315 1.215.315.54 0 1.08-.135 1.575-.42 1.545-.87 2.19-2.835 1.38-4.395-.765-1.47-2.475-2.085-3.96-1.395-1.56.72-2.37 2.55-1.71 4.17.255.63.705 1.155 1.29 1.545l-.465.735-.33-.555zm.3-1.23c-.75-.435-1.05-1.38-.675-2.13.375-.78 1.275-1.11 2.07-.735.78.375 1.11 1.275.735 2.07-.375.765-1.275 1.095-2.07.72l.435.735-.495-.66zm8.835-3.705c.195.12.39.225.585.345-.255.39-.54.765-.87 1.095-1.005.99-2.19 1.5-3.435 1.5h-.225c-.6-.015-1.23-.15-1.845-.42-.225-.09-.42-.195-.615-.3l.585-.93c.075.045.15.09.225.12.435.225.9.345 1.38.36h.18c.915 0 1.815-.375 2.535-1.08.225-.225.435-.465.615-.72l.885.03zm-.63-2.1c.045-.285.285-.525.585-.525.345 0 .63.285.63.63 0 .345-.285.63-.63.63-.3 0-.54-.225-.585-.51-.405.195-.825.36-1.275.465.045-.225.09-.45.12-.69h1.155zm-3.42.63c-.345 0-.63-.285-.63-.63 0-.345.285-.63.63-.63.345 0 .63.285.63.63 0 .345-.285.63-.63.63zm1.5-2.13c1.185 0 2.22.63 2.82 1.56-.495.15-1.005.345-1.47.585.045-.075.075-.15.075-.24 0-.57-.465-1.035-1.035-1.035-.555 0-1.035.465-1.035 1.035 0 .09.03.165.045.24-.465-.24-.96-.435-1.47-.585.615-.93 1.65-1.56 2.835-1.56h.225l-.225.195.24-.195zm-1.845 1.275c.15-.9.93-1.56 1.845-1.56.9 0 1.665.66 1.83 1.53l-.3-.195c-.615-.39-1.29-.615-1.995-.615-.69 0-1.35.225-1.965.615l-.3.195c.15-.87.915-1.53 1.815-1.53h.075v.195l-.015-.195c.915 0 1.695.66 1.845 1.56-.585.285-1.14.645-1.65 1.08-.51-.435-1.065-.795-1.65-1.08h.465z"/> </svg> </div> <span class="text-xs text-gray-700">QQ</span> </a> <a href="javascript:void(0)" class="flex flex-col items-center justify-center p-3 rounded-lg hover:bg-blue-50 transition-colors"> <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mb-1"> <svg class="w-5 h-5 text-blue-600" fill="currentColor" viewBox="0 0 24 24"> <path d="M20.947 8.305a6.53 6.53 0 0 0-.419-2.216 4.61 4.61 0 0 0-2.633-2.633 6.606 6.606 0 0 0-2.186-.42c-.962-.043-1.267-.055-3.709-.055s-2.755 0-3.71.055a6.606 6.606 0 0 0-2.185.42 4.607 4.607 0 0 0-2.633 2.633 6.554 6.554 0 0 0-.419 2.185c-.043.963-.056 1.268-.056 3.71s0 2.754.056 3.71c.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.043 1.268.056 3.71.056s2.755 0 3.71-.056a6.59 6.59 0 0 0 2.186-.419 4.615 4.615 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.187.043-.962.056-1.267.056-3.71-.002-2.442-.002-2.752-.058-3.709zm-8.953 8.297c-2.554 0-4.623-2.069-4.623-4.623s2.069-4.623 4.623-4.623a4.623 4.623 0 0 1 0 9.246zm4.807-8.339a1.077 1.077 0 0 1-1.078-1.078 1.077 1.077 0 1 1 2.155 0c0 .596-.482 1.078-1.077 1.078z"/> <circle cx="11.994" cy="11.979" r="3.003"/> </svg> </div> <span class="text-xs text-gray-700">微博</span> </a> <a href="javascript:void(0)" class="flex flex-col items-center justify-center p-3 rounded-lg hover:bg-blue-50 transition-colors"> <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mb-1"> <svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"></path> </svg> </div> <span class="text-xs text-gray-700">更多</span> </a> </div> </div> </div> </div> <script> window.onload = function() { fetch('/rank/log?id=689516b3726d0bf625737983&kind=hits') .then(response => console.log('浏览量已记录')) .catch(error => console.error('Error:', error)); }; document.getElementById('likeButton').addEventListener('click', function() { fetch('/rank/log?id=689516b3726d0bf625737983&kind=vote') .then(response => { if (response.ok) { const toast = document.getElementById('likeToast'); toast.classList.remove('translate-y-[-100px]', 'opacity-0'); toast.classList.add('translate-y-0', 'opacity-100'); const currentVotes = parseInt( 8811 ); document.getElementById('voteCount').textContent = (currentVotes + 1) + ' 点赞'; setTimeout(function() { toast.classList.remove('translate-y-0', 'opacity-100'); toast.classList.add('translate-y-[-100px]', 'opacity-0'); }, 3000); } }) .catch(error => console.error('Error:', error)); }); document.getElementById('shareButton').addEventListener('click', function() { document.getElementById('shareModal').classList.remove('hidden'); }); document.getElementById('closeShareModal').addEventListener('click', function() { document.getElementById('shareModal').classList.add('hidden'); }); document.getElementById('copyButton').addEventListener('click', function() { const shareUrl = document.getElementById('shareUrl'); shareUrl.select(); document.execCommand('copy'); const copyButton = document.getElementById('copyButton'); const originalText = copyButton.textContent; copyButton.textContent = '已复制'; setTimeout(function() { copyButton.textContent = originalText; }, 2000); }); </script> </body> </html>
