{"id":162,"date":"2025-06-24T18:55:59","date_gmt":"2025-06-24T10:55:59","guid":{"rendered":"https:\/\/huangdi888.top\/?page_id=162"},"modified":"2025-06-24T18:57:51","modified_gmt":"2025-06-24T10:57:51","slug":"%e5%8f%8b%e6%83%85%e5%b0%8f%e9%93%be-2","status":"publish","type":"page","link":"https:\/\/huangdi888.top\/?page_id=162","title":{"rendered":"\u53cb\u60c5\u5c0f\u94fe"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n \n \n \u53cb\u60c5\u94fe\u63a5 – \u6211\u7684\u7f51\u7ad9<\/title>\n <style>\n body {\n font-family: 'Microsoft YaHei', Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 20px;\n background-color: #f5f5f5;\n color: #333;\n }\n .container {\n max-width: 1000px;\n margin: 0 auto;\n background-color: #fff;\n padding: 30px;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n h1 {\n text-align: center;\n color: #2c3e50;\n margin-bottom: 30px;\n border-bottom: 2px solid #eee;\n padding-bottom: 10px;\n }\n .intro {\n text-align: center;\n margin-bottom: 30px;\n color: #666;\n }\n .friend-links {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 20px;\n }\n .friend-link {\n background-color: #f9f9f9;\n padding: 15px;\n border-radius: 5px;\n transition: all 0.3s ease;\n border-left: 4px solid #3498db;\n position: relative;\n overflow: hidden;\n }\n .friend-link:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n border-left-color: #e74c3c;\n }\n .friend-link a {\n text-decoration: none;\n color: #2980b9;\n font-weight: bold;\n font-size: 18px;\n position: relative;\n z-index: 2;\n }\n .friend-link a:hover {\n color: #e74c3c;\n }\n .friend-link p {\n margin-top: 8px;\n color: #666;\n font-size: 14px;\n position: relative;\n z-index: 2;\n }\n\n \/* \u7231\u5fc3\u6548\u679c *\/\n .friend-link:hover::after {\n content: \"\u2764\";\n position: absolute;\n color: rgba(231, 76, 60, 0.3);\n font-size: 20px;\n animation: float 4s ease-in-out infinite;\n z-index: 1;\n }\n\n \/* \u591a\u4e2a\u7231\u5fc3\u4f4d\u7f6e\u548c\u52a8\u753b\u5ef6\u8fdf *\/\n .friend-link:hover::after {\n left: 10%;\n top: 20%;\n }\n .friend-link:hover::before {\n content: \"\u2764\";\n position: absolute;\n color: rgba(231, 76, 60, 0.4);\n font-size: 16px;\n animation: float 3s ease-in-out infinite 0.5s;\n left: 80%;\n top: 50%;\n z-index: 1;\n }\n\n @keyframes float {\n 0% {\n transform: translateY(0) rotate(0deg);\n opacity: 1;\n }\n 100% {\n transform: translateY(-100px) rotate(20deg);\n opacity: 0;\n }\n }\n\n .apply {\n margin-top: 40px;\n padding: 20px;\n background-color: #f0f8ff;\n border-radius: 5px;\n text-align: center;\n }\n .apply a {\n color: #e74c3c;\n text-decoration: none;\n font-weight: bold;\n }\n footer {\n text-align: center;\n margin-top: 40px;\n color: #999;\n font-size: 14px;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n <h1>\u53cb\u60c5\u94fe\u63a5<\/h1>\n\n <div class=\"intro\">\n <p>\u4ee5\u4e0b\u662f\u4e0e\u6211\u7ad9\u5efa\u7acb\u53cb\u60c5\u94fe\u63a5\u7684\u4f18\u8d28\u7f51\u7ad9\uff0c\u6392\u540d\u4e0d\u5206\u5148\u540e<\/p>\n <\/div>\n\n <div class=\"friend-links\">\n <div class=\"friend-link\">\n <a href=\"https:\/\/www.example1.com\" target=\"_blank\" rel=\"noopener\">\u793a\u4f8b\u7f51\u7ad9\u4e00<\/a>\n <p>\u8fd9\u662f\u4e00\u4e2a\u793a\u4f8b\u7f51\u7ad9\u7684\u63cf\u8ff0\u6587\u5b57\uff0c\u4ecb\u7ecd\u7f51\u7ad9\u7684\u4e3b\u8981\u5185\u5bb9\u3002<\/p>\n <\/div>\n\n <div class=\"friend-link\">\n <a href=\"https:\/\/www.example2.com\" target=\"_blank\" rel=\"noopener\">\u793a\u4f8b\u7f51\u7ad9\u4e8c<\/a>\n <p>\u8fd9\u662f\u53e6\u4e00\u4e2a\u793a\u4f8b\u7f51\u7ad9\u7684\u63cf\u8ff0\u6587\u5b57\uff0c\u53ef\u4ee5\u5199\u4e00\u4e9b\u7279\u8272\u5185\u5bb9\u3002<\/p>\n <\/div>\n\n <div class=\"friend-link\">\n <a href=\"https:\/\/www.example3.com\" target=\"_blank\" rel=\"noopener\">\u793a\u4f8b\u7f51\u7ad9\u4e09<\/a>\n <p>\u6280\u672f\u535a\u5ba2\u5206\u4eab\u5404\u79cd\u7f16\u7a0b\u77e5\u8bc6\u548c\u5f00\u53d1\u7ecf\u9a8c\u3002<\/p>\n <\/div>\n\n <div class=\"friend-link\">\n <a href=\"https:\/\/www.example4.com\" target=\"_blank\" rel=\"noopener\">\u793a\u4f8b\u7f51\u7ad9\u56db<\/a>\n <p>\u8bbe\u8ba1\u8d44\u6e90\u5206\u4eab\u5e73\u53f0\uff0c\u63d0\u4f9b\u9ad8\u8d28\u91cf\u7684\u8bbe\u8ba1\u7d20\u6750\u3002<\/p>\n <\/div>\n\n <div class=\"friend-link\">\n <a href=\"https:\/\/www.example5.com\" target=\"_blank\" rel=\"noopener\">\u793a\u4f8b\u7f51\u7ad9\u4e94<\/a>\n <p>\u4e13\u6ce8\u4e8e\u4eba\u5de5\u667a\u80fd\u548c\u673a\u5668\u5b66\u4e60\u7684\u6280\u672f\u793e\u533a\u3002<\/p>\n <\/div>\n\n <div class=\"friend-link\">\n <a href=\"https:\/\/www.example6.com\" target=\"_blank\" rel=\"noopener\">\u793a\u4f8b\u7f51\u7ad9\u516d<\/a>\n <p>\u751f\u6d3b\u767e\u79d1\uff0c\u5206\u4eab\u5404\u79cd\u5b9e\u7528\u751f\u6d3b\u6280\u5de7\u548c\u5c0f\u77e5\u8bc6\u3002<\/p>\n <\/div>\n <\/div>\n\n <div class=\"apply\">\n <h3>\u7533\u8bf7\u53cb\u60c5\u94fe\u63a5<\/h3>\n <p>\u5982\u679c\u60a8\u5e0c\u671b\u4e0e\u672c\u7ad9\u4ea4\u6362\u53cb\u60c5\u94fe\u63a5\uff0c\u8bf7\u786e\u4fdd\u60a8\u7684\u7f51\u7ad9\u5185\u5bb9\u5065\u5eb7\u3001\u5408\u6cd5\uff0c\u5e76\u5df2\u6dfb\u52a0\u672c\u7ad9\u94fe\u63a5\u3002<\/p>\n <p>\u7533\u8bf7\u8bf7\u53d1\u9001\u90ae\u4ef6\u81f3\uff1a<a href=\"2543770337@qq.com\">2543770337@qq.com<\/a><\/p>\n <\/div>\n<\/div>\n\n<footer>\n <p>\u00a9 2023 \u6211\u7684\u7f51\u7ad9 \u7248\u6743\u6240\u6709<\/p>\n<\/footer>\n\n<script>\n \/\/ \u53ef\u9009\uff1a\u6dfb\u52a0\u66f4\u591a\u968f\u673a\u7231\u5fc3\n document.querySelectorAll('.friend-link').forEach(link => {\n link.addEventListener('mouseenter', function() {\n \/\/ \u521b\u5efa\u591a\u4e2a\u7231\u5fc3\u5143\u7d20\n for(let i = 0; i < 3; i++) {\n const heart = document.createElement('div');\n heart.innerHTML = '\u2764';\n heart.style.position = 'absolute';\n heart.style.color = `rgba(231, 76, 60, ${Math.random() * 0.3 + 0.2})`;\n heart.style.fontSize = `${Math.random() * 10 + 10}px`;\n heart.style.left = `${Math.random() * 80 + 10}%`;\n heart.style.top = `${Math.random() * 80 + 10}%`;\n heart.style.zIndex = '1';\n heart.style.animation = `float ${Math.random() * 2 + 2}s ease-in-out infinite ${Math.random() * 1}s`;\n this.appendChild(heart);\n\n \/\/ \u52a8\u753b\u7ed3\u675f\u540e\u79fb\u9664\u7231\u5fc3\n heart.addEventListener('animationend', function() {\n heart.remove();\n });\n }\n });\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u53cb\u60c5\u94fe\u63a5 – \u6211\u7684\u7f51\u7ad9 \u53cb\u60c5\u94fe\u63a5 \u4ee5\u4e0b\u662f\u4e0e\u6211\u7ad9\u5efa\u7acb\u53cb\u60c5\u94fe\u63a5\u7684\u4f18\u8d28\u7f51\u7ad9\uff0c\u6392\u540d\u4e0d\u5206\u5148\u540e \u793a\u4f8b\u7f51\u7ad9\u4e00 \u8fd9 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/huangdi888.top\/index.php?rest_route=\/wp\/v2\/pages\/162"}],"collection":[{"href":"https:\/\/huangdi888.top\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/huangdi888.top\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/huangdi888.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/huangdi888.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=162"}],"version-history":[{"count":2,"href":"https:\/\/huangdi888.top\/index.php?rest_route=\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":170,"href":"https:\/\/huangdi888.top\/index.php?rest_route=\/wp\/v2\/pages\/162\/revisions\/170"}],"wp:attachment":[{"href":"https:\/\/huangdi888.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}