\u725b\u8089\u996d \u00b7 \u70e4\u9c7c<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n overflow-x: hidden;\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n \/* \u5168\u5c4f\u5bb9\u5668 *\/\n .hero {\n position: relative;\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n background: #000; \/* \u540e\u5907\u8272 *\/\n }\n \/* \u80cc\u666f\u56fe\u7247 - \u5168\u5c4f\u94fa\u6ee1 *\/\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\n \/* \u6d41\u52a8\u5c0f\u56fe\u5bb9\u5668 *\/\n .floating-images {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n pointer-events: none; \/* \u8ba9\u6f02\u6d6e\u5143\u7d20\u4e0d\u5e72\u6270\u6309\u94ae\u70b9\u51fb *\/\n }\n .float-item {\n position: absolute;\n width: 60px;\n height: 60px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n opacity: 0.7;\n animation: floatMove linear infinite;\n pointer-events: none;\n will-change: transform;\n }\n \/* \u4e0d\u540c\u56fe\u7247\u4f7f\u7528\u4e0d\u540c\u7684\u52a8\u753b\u65f6\u957f\u548c\u8d77\u59cb\u4f4d\u7f6e *\/\n @keyframes floatMove {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n }\n 25% {\n transform: translate(15px, -10px) rotate(3deg);\n }\n 50% {\n transform: translate(-5px, 20px) rotate(-2deg);\n }\n 75% {\n transform: translate(10px, 5px) rotate(4deg);\n }\n 100% {\n transform: translate(0, 0) rotate(0deg);\n }\n }\n \/* \u4e2d\u5fc3\u6309\u94ae\u5bb9\u5668 *\/\n .center-buttons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 3;\n display: flex;\n gap: 40px;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n pointer-events: auto; \/* \u786e\u4fdd\u6309\u94ae\u53ef\u70b9\u51fb *\/\n }\n .menu-btn {\n display: inline-block;\n padding: 16px 48px;\n background-color: #ff6600;\n color: white;\n font-size: 28px;\n font-weight: bold;\n text-decoration: none;\n border-radius: 60px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n transition: transform 0.2s, background-color 0.2s;\n text-align: center;\n min-width: 180px;\n letter-spacing: 2px;\n }\n .menu-btn:hover {\n background-color: #e55a00;\n transform: scale(1.05);\n }\n \/* \u624b\u673a\u7aef\u6309\u94ae\u8c03\u6574 *\/\n @media (max-width: 600px) {\n .center-buttons {\n gap: 20px;\n flex-direction: column;\n }\n .menu-btn {\n font-size: 22px;\n padding: 12px 32px;\n min-width: 160px;\n }\n .float-item {\n width: 45px;\n height: 45px;\n }\n }\n \/* \u53ef\u9009\uff1a\u6dfb\u52a0\u6de1\u6de1\u7684\u906e\u7f69\uff0c\u8ba9\u6587\u5b57\u66f4\u7a81\u51fa *\/\n .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.2);\n z-index: 2;\n pointer-events: none;\n }\n <\/style>\n<\/head>\n<body style=\"margin:0; padding:0;\">\n<div class=\"hero\">\n \n <img decoding=\"async\" class=\"hero-bg\" src=\"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u8354\u679d\u70e4\u9c7c-scaled.jpg\" alt=\"\u80cc\u666f\">\n \n <div class=\"overlay\"><\/div>\n\n \n <div class=\"floating-images\" id=\"floatingContainer\"><\/div>\n\n \n <div class=\"center-buttons\">\n <a href=\"https:\/\/bumoyu.online\/\u725b\u8089\u996d\" class=\"menu-btn\">\ud83c\udf5a \u725b\u8089\u996d<\/a>\n <a href=\"https:\/\/bumoyu.online\/\u70e4\u9c7c\" class=\"menu-btn\">\ud83d\udc1f \u70e4\u9c7c<\/a>\n <\/div>\n<\/div>\n\n<script>\n \/\/ \u6d41\u52a8\u5c0f\u56fe\u914d\u7f6e\uff1a\u4f7f\u7528\u60a8\u5df2\u4e0a\u4f20\u7684\u98df\u6750\u5c0f\u56fe\u6807\uff08\u8bf7\u66ff\u6362\u4e3a\u5b9e\u9645\u56fe\u7247URL\uff09\n const smallImages = [\n \"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u9c9c\u725b\u8089-1-scaled.jpg\",\n \"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u9c9c\u9e21\u817f-scaled.jpg\",\n \"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u5927\u7c73-scaled.jpg\",\n \"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u571f\u8c461-scaled.jpg\",\n \"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u98df\u6750\u96c6-scaled.jpg\"\n ];\n \/\/ \u56fe\u6807\u6570\u91cf\uff08\u53ef\u6839\u636e\u9700\u8981\u589e\u52a0\uff09\n const ITEM_COUNT = 12;\n\n const container = document.getElementById('floatingContainer');\n if (container) {\n for (let i = 0; i < ITEM_COUNT; i++) {\n const imgSrc = smallImages[i % smallImages.length];\n const item = document.createElement('div');\n item.className = 'float-item';\n item.style.backgroundImage = `url('${imgSrc}')`;\n \/\/ \u968f\u673a\u4f4d\u7f6e\uff1a\u8303\u56f4 5% \u5230 95%\n const left = Math.random() * 90 + 5;\n const top = Math.random() * 90 + 5;\n item.style.left = left + '%';\n item.style.top = top + '%';\n \/\/ \u968f\u673a\u5c3a\u5bf8\uff1a45px ~ 90px\n const size = Math.floor(Math.random() * 50 + 45);\n item.style.width = size + 'px';\n item.style.height = size + 'px';\n \/\/ \u968f\u673a\u52a8\u753b\u65f6\u957f\uff1a15s ~ 35s\n const duration = Math.random() * 20 + 15;\n item.style.animationDuration = duration + 's';\n \/\/ \u968f\u673a\u5ef6\u8fdf\n const delay = Math.random() * 10;\n item.style.animationDelay = delay + 's';\n \/\/ \u968f\u673a\u900f\u660e\u5ea6\n item.style.opacity = Math.random() * 0.5 + 0.3;\n container.appendChild(item);\n }\n }\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u725b\u8089\u996d \u00b7 \u70e4\u9c7c \ud83c\udf5a \u725b\u8089\u996d \ud83d\udc1f \u70e4\u9c7c<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":1,"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":235,"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/235"}],"wp:attachment":[{"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2026-03-09T15:29:32","date_gmt":"2026-03-09T07:29:32","guid":{"rendered":"http:\/\/43.160.228.124\/?page_id=2"},"modified":"2026-04-03T17:32:19","modified_gmt":"2026-04-03T09:32:19","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/bumoyu.online\/index.php\/sample-page\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n \u725b\u8089\u996d \u00b7 \u70e4\u9c7c<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n overflow-x: hidden;\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n \/* \u5168\u5c4f\u5bb9\u5668 *\/\n .hero {\n position: relative;\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n background: #000; \/* \u540e\u5907\u8272 *\/\n }\n \/* \u80cc\u666f\u56fe\u7247 - \u5168\u5c4f\u94fa\u6ee1 *\/\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\n \/* \u6d41\u52a8\u5c0f\u56fe\u5bb9\u5668 *\/\n .floating-images {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n pointer-events: none; \/* \u8ba9\u6f02\u6d6e\u5143\u7d20\u4e0d\u5e72\u6270\u6309\u94ae\u70b9\u51fb *\/\n }\n .float-item {\n position: absolute;\n width: 60px;\n height: 60px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n opacity: 0.7;\n animation: floatMove linear infinite;\n pointer-events: none;\n will-change: transform;\n }\n \/* \u4e0d\u540c\u56fe\u7247\u4f7f\u7528\u4e0d\u540c\u7684\u52a8\u753b\u65f6\u957f\u548c\u8d77\u59cb\u4f4d\u7f6e *\/\n @keyframes floatMove {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n }\n 25% {\n transform: translate(15px, -10px) rotate(3deg);\n }\n 50% {\n transform: translate(-5px, 20px) rotate(-2deg);\n }\n 75% {\n transform: translate(10px, 5px) rotate(4deg);\n }\n 100% {\n transform: translate(0, 0) rotate(0deg);\n }\n }\n \/* \u4e2d\u5fc3\u6309\u94ae\u5bb9\u5668 *\/\n .center-buttons {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 3;\n display: flex;\n gap: 40px;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n pointer-events: auto; \/* \u786e\u4fdd\u6309\u94ae\u53ef\u70b9\u51fb *\/\n }\n .menu-btn {\n display: inline-block;\n padding: 16px 48px;\n background-color: #ff6600;\n color: white;\n font-size: 28px;\n font-weight: bold;\n text-decoration: none;\n border-radius: 60px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n transition: transform 0.2s, background-color 0.2s;\n text-align: center;\n min-width: 180px;\n letter-spacing: 2px;\n }\n .menu-btn:hover {\n background-color: #e55a00;\n transform: scale(1.05);\n }\n \/* \u624b\u673a\u7aef\u6309\u94ae\u8c03\u6574 *\/\n @media (max-width: 600px) {\n .center-buttons {\n gap: 20px;\n flex-direction: column;\n }\n .menu-btn {\n font-size: 22px;\n padding: 12px 32px;\n min-width: 160px;\n }\n .float-item {\n width: 45px;\n height: 45px;\n }\n }\n \/* \u53ef\u9009\uff1a\u6dfb\u52a0\u6de1\u6de1\u7684\u906e\u7f69\uff0c\u8ba9\u6587\u5b57\u66f4\u7a81\u51fa *\/\n .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.2);\n z-index: 2;\n pointer-events: none;\n }\n <\/style>\n<\/head>\n<body style=\"margin:0; padding:0;\">\n<div class=\"hero\">\n \n <img decoding=\"async\" class=\"hero-bg\" src=\"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u8354\u679d\u70e4\u9c7c-scaled.jpg\" alt=\"\u80cc\u666f\">\n \n <div class=\"overlay\"><\/div>\n\n \n <div class=\"floating-images\" id=\"floatingContainer\"><\/div>\n\n \n <div class=\"center-buttons\">\n <a href=\"https:\/\/bumoyu.online\/\u725b\u8089\u996d\" class=\"menu-btn\">\ud83c\udf5a \u725b\u8089\u996d<\/a>\n <a href=\"https:\/\/bumoyu.online\/\u70e4\u9c7c\" class=\"menu-btn\">\ud83d\udc1f \u70e4\u9c7c<\/a>\n <\/div>\n<\/div>\n\n<script>\n \/\/ \u6d41\u52a8\u5c0f\u56fe\u914d\u7f6e\uff1a\u4f7f\u7528\u60a8\u5df2\u4e0a\u4f20\u7684\u98df\u6750\u5c0f\u56fe\u6807\uff08\u8bf7\u66ff\u6362\u4e3a\u5b9e\u9645\u56fe\u7247URL\uff09\n const smallImages = [\n \"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u9c9c\u725b\u8089-1-scaled.jpg\",\n \"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u9c9c\u9e21\u817f-scaled.jpg\",\n \"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u5927\u7c73-scaled.jpg\",\n \"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u571f\u8c461-scaled.jpg\",\n \"https:\/\/bumoyu.online\/wp-content\/uploads\/2026\/03\/\u98df\u6750\u96c6-scaled.jpg\"\n ];\n \/\/ \u56fe\u6807\u6570\u91cf\uff08\u53ef\u6839\u636e\u9700\u8981\u589e\u52a0\uff09\n const ITEM_COUNT = 12;\n\n const container = document.getElementById('floatingContainer');\n if (container) {\n for (let i = 0; i < ITEM_COUNT; i++) {\n const imgSrc = smallImages[i % smallImages.length];\n const item = document.createElement('div');\n item.className = 'float-item';\n item.style.backgroundImage = `url('${imgSrc}')`;\n \/\/ \u968f\u673a\u4f4d\u7f6e\uff1a\u8303\u56f4 5% \u5230 95%\n const left = Math.random() * 90 + 5;\n const top = Math.random() * 90 + 5;\n item.style.left = left + '%';\n item.style.top = top + '%';\n \/\/ \u968f\u673a\u5c3a\u5bf8\uff1a45px ~ 90px\n const size = Math.floor(Math.random() * 50 + 45);\n item.style.width = size + 'px';\n item.style.height = size + 'px';\n \/\/ \u968f\u673a\u52a8\u753b\u65f6\u957f\uff1a15s ~ 35s\n const duration = Math.random() * 20 + 15;\n item.style.animationDuration = duration + 's';\n \/\/ \u968f\u673a\u5ef6\u8fdf\n const delay = Math.random() * 10;\n item.style.animationDelay = delay + 's';\n \/\/ \u968f\u673a\u900f\u660e\u5ea6\n item.style.opacity = Math.random() * 0.5 + 0.3;\n container.appendChild(item);\n }\n }\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u725b\u8089\u996d \u00b7 \u70e4\u9c7c \ud83c\udf5a \u725b\u8089\u996d \ud83d\udc1f \u70e4\u9c7c<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":1,"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":235,"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/235"}],"wp:attachment":[{"href":"https:\/\/bumoyu.online\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}