\u51bb\u54c1<\/title>\n <style>\n body {\n font-family: '\u5fae\u8f6f\u96c5\u9ed1', sans-serif;\n margin: 0;\n padding: 0;\n background-color: transparent;\n color: #333;\n }\n .container {\n max-width: 1000px;\n margin: auto;\n padding: 20px;\n background: transparent;\n }\n h1, h2 {\n text-align: center;\n color: #003366;\n }\n\n \/* \u641c\u7d22\u533a\u57df *\/\n .search-bar {\n text-align: center;\n margin: 20px 0;\n }\n .search-bar input {\n padding: 8px 12px;\n width: 60%;\n max-width: 400px;\n border-radius: 4px;\n border: 1px solid #ccc;\n font-size: 16px;\n }\n .search-bar button {\n padding: 8px 16px;\n margin-left: 8px;\n background-color: #003366;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 16px;\n }\n\n \/* Grid Layout *\/\n .grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 30px;\n }\n .grid-item {\n text-align: center;\n }\n .grid-item img {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n transition: transform 0.3s ease;\n }\n .grid-item img:active {\n transform: scale(1.05);\n }\n .caption {\n margin-top: 8px;\n font-weight: bold;\n }\n\n .pagination {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin: 24px 0 40px;\n flex-wrap: wrap;\n }\n .page-btn {\n padding: 6px 12px;\n border: 1px solid #003366;\n background: #fff;\n cursor: pointer;\n border-radius: 4px;\n font-family: inherit;\n }\n .page-btn.active {\n background: #003366;\n color: #fff;\n }\n .page-btn[disabled] {\n opacity: .5;\n cursor: not-allowed;\n }\n\n \/* \u70b9\u51fb\u67e5\u770b\u5927\u56fe\u5f39\u7a97 *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n justify-content: center;\n align-items: center;\n z-index: 1000;\n }\n .modal img {\n max-width: 90%;\n max-height: 90%;\n object-fit: contain;\n }\n .modal.active {\n display: flex;\n }\n\n \/* \u54cd\u5e94\u5f0f\u5e03\u5c40 *\/\n @media (max-width: 768px) {\n .grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n @media (max-width: 600px) {\n .grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n @media (max-width: 375px) {\n .grid-item img {\n height: 150px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u51b7\u51bb\u7cfb\u5217<\/h1>\n <h2>Frozen series<\/h2>\n\n \n <div class=\"search-bar\">\n <input type=\"text\" id=\"searchInput\" placeholder=\"\u8bf7\u8f93\u5165\u4ea7\u54c1\u540d\u79f0...\" \/>\n <button onclick=\"handleSearch()\">\u641c\u7d22<\/button>\n <\/div>\n\n \n <div class=\"grid\" id=\"productGrid\">\n \n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u8c37\u9972\u725b\u5c0f\u6392.png\" alt=\"\u8c37\u9972\u725b\u5c0f\u6392\" onclick=\"openModal(this)\">\n <div class=\"caption\">\u8c37\u9972\u725b\u5c0f\u6392<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5fae\u4fe1\u56fe\u7247_20250521094052.png\" alt=\"\u96ea\u82b1\u80a5\u725b\">\n <div class=\"caption\">\u96ea\u82b1\u80a5\u725b<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u80a5\u725b\u5207\u7247.png\" alt=\"\u80a5\u725b\u5207\u7247\">\n <div class=\"caption\">\u80a5\u725b\u5207\u7247<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u80a5\u725b\u5377.png\" alt=\"\u80a5\u725b\u5377\">\n <div class=\"caption\">\u80a5\u725b\u5377<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9e21\u751f\u869d.png\" alt=\"\u65e5\u5f0f\u9e21\u751f\u869d\">\n <div class=\"caption\">\u9e21\u751f\u869d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9e21\u7fc5\u4e2d.png\" alt=\"\u9e21\u7fc5\u4e2d\">\n <div class=\"caption\">\u9e21\u7fc5\u4e2d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9e21\u9694\u819c\u4e32.png\" alt=\"\u9e21\u9694\u819c\u4e32\">\n <div class=\"caption\">\u9e21\u9694\u819c\u4e32<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5fae\u4fe1\u56fe\u7247_20250521071329.png\" alt=\"\u9e21\u5fc3\u4e32\">\n <div class=\"caption\">\u9e21\u5fc3\u4e32<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5e26\u76ae\u9e21\u817f\u8089\u4e32.png\" alt=\"\u5e26\u76ae\u9e21\u817f\u8089\u4e32\">\n <div class=\"caption\">\u5e26\u76ae\u9e21\u817f\u8089\u4e32<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u6d3b\u51bb\u5c0f\u9752\u9f99.png\" alt=\"\u5c0f\u9752\u9f99\">\n <div class=\"caption\">\u6d3b\u51bb\u5c0f\u9752\u9f99<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u6ce2\u58eb\u987f\u9f99\u867e.png\" alt=\"\u719f\u51bb\u6ce2\u58eb\u987f\u9f99\u867e\">\n <div class=\"caption\">\u719f\u51bb\u6ce2\u58eb\u987f\u9f99\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u5e1d\u738b\u87f9.png\" alt=\"\u5e1d\u738b\u87f9\">\n <div class=\"caption\">\u719f\u51bb\u5e1d\u738b\u87f9<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u96ea\u87f9\u817f.png\" alt=\"\u96ea\u87f9\u817f\">\n <div class=\"caption\">\u719f\u51bb\u96ea\u87f9\u817f<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u901f\u51bb\u677e\u53f6\u87f9.png\" alt=\"\u677e\u53f6\u87f9\">\n <div class=\"caption\">\u901f\u51bb\u677e\u53f6\u87f9<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5c0f\u9f99\u867e\u5c3e-e1766042803802.png\" alt=\"\u9f99\u867e\u5c3e\u5df4\">\n <div class=\"caption\">\u5c0f\u9f99\u867e\u5c3e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9752\u867e\u4ec1.png\" alt=\"\u57fa\u56f4\u867e\">\n <div class=\"caption\">\u9752\u867e\u4ec1<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u82b1\u87ba.webp\" alt=\"\u51bb\u82b1\u87ba\">\n <div class=\"caption\">\u51bb\u82b1\u87ba<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u52a0\u62ff\u5927\u7fe1\u7fe0\u87ba.png\" alt=\"\u7fe1\u7fe0\u87ba\">\n <div class=\"caption\">\u52a0\u62ff\u5927\u7fe1\u7fe0\u87ba<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804174452-e1754300770712.jpg\" alt=\"\u6cd5\u62cd\">\n <div class=\"caption\">\u6cd5\u5f0f\u7f8a\u6392<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u9c8d\u9c7c.png\" alt=\"\u9c8d\u9c7c\">\n <div class=\"caption\">\u719f\u51bb\u9c8d\u9c7c<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u76ae\u76ae\u867e.png\" alt=\"\u76ae\u76ae\u867e\">\n <div class=\"caption\">\u719f\u51bb\u76ae\u76ae\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u69b4\u83b2\u8089.png\" alt=\"\u69b4\u83b2\u8089\">\n <div class=\"caption\">\u69b4\u83b2\u8089<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u7f57\u6c0f\u867e.png\" alt=\"\u719f\u51bb\u7f57\u6c0f\u867e\">\n <div class=\"caption\">\u719f\u51bb\u7f57\u6c0f\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804174510-e1754300801237.jpg\" alt=\"\u9ec4\u91d1\u7389\u5e26\">\n <div class=\"caption\">\u9ec4\u91d1\u7389\u5e26<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804174515-e1754300817485.jpg\" alt=\"\u719f\u51bb\u767d\u867e\">\n <div class=\"caption\">\u719f\u51bb\u767d\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u9ed1\u864e\u867e-e1755402178181.jpg\" alt=\"\u9ed1\u864e\u867e\">\n <div class=\"caption\">\u9ed1\u864e\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804174506-e1754300788502.jpg\" alt=\"\u719f\u51bb\u7f57\u6c0f\u867e\">\n <div class=\"caption\">\u9ebb\u8fa3\u5c0f\u9f99\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u6e05\u6c34\u5317\u6781\u8d1d-e1755402162800.jpg\" alt=\"\u69b4\u83b2\u8089\">\n <div class=\"caption\">\u6e05\u6c34\u5317\u6781\u8d1d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u867e\u6ed1-e1755406940861.jpg\" alt=\"\u719f\u51bb\u7f57\u6c0f\u867e\">\n <div class=\"caption\">\u867e\u6ed1<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u8001\u864e\u87f9-e1755402140984.jpg\" alt=\"\u719f\u51bb\u7f57\u6c0f\u867e\">\n <div class=\"caption\">\u8001\u864e\u87f9<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u677e\u677f\u8089-e1755406927519.jpg\" alt=\"\u677e\u677f\u8089\">\n <div class=\"caption\">\u677e\u677f\u8089<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5c0f\u9ec4\u9c7c-e1755406913168.jpg\" alt=\"\u677e\u677f\u8089\">\n <div class=\"caption\">\u5c0f\u9ec4\u9c7c<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u767d\u5bf9\u867e-e1755406899498.jpg\" alt=\"\u677e\u677f\u8089\">\n <div class=\"caption\">\u767d\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u94f6\u9cd5\u9c7c-e1755406857230.jpg\" alt=\"\u677e\u677f\u8089\">\n <div class=\"caption\">\u94f6\u9cd5\u9c7c<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u8fdb\u53e3\u9752\u53e3\u8d1d-e1755406884699.jpg\" alt=\"\u677e\u677f\u8089\">\n <div class=\"caption\">\u8fdb\u53e3\u9752\u53e3\u8d1d<\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"pagination\" class=\"pagination\"><\/div>\n <\/div>\n\n \n <div class=\"modal\" id=\"imageModal\">\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\u5927\u56fe\u67e5\u770b\" \/>\n <\/div>\n\n \n <script>\n (function () {\n const itemsPerPage = 9;\n const grid = document.getElementById('productGrid');\n const allItems = Array.from(grid.children);\n const pagination = document.getElementById('pagination');\n const searchInput = document.getElementById('searchInput');\n const modal = document.getElementById('imageModal');\n const modalImage = document.getElementById('modalImage');\n\n let filteredItems = [...allItems];\n let currentPage = 1;\n\n function handleSearch() {\n const keyword = searchInput.value.trim().toLowerCase();\n filteredItems = allItems.filter(item => {\n const name = item.querySelector('.caption').textContent.toLowerCase();\n return name.includes(keyword);\n });\n currentPage = 1;\n render();\n }\n\n function render() {\n const start = (currentPage - 1) * itemsPerPage;\n const end = start + itemsPerPage;\n\n allItems.forEach(item => item.style.display = 'none');\n filteredItems.slice(start, end).forEach(item => item.style.display = '');\n\n renderPagination();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n function renderPagination() {\n pagination.innerHTML = '';\n const totalPages = Math.ceil(filteredItems.length \/ itemsPerPage);\n if (totalPages <= 1) return;\n\n pagination.appendChild(createBtn('\u4e0a\u4e00\u9875', currentPage === 1, () => {\n currentPage--;\n render();\n }));\n\n for (let i = 1; i <= totalPages; i++) {\n const btn = createBtn(i, false, () => {\n currentPage = i;\n render();\n });\n if (i === currentPage) btn.classList.add('active');\n pagination.appendChild(btn);\n }\n\n pagination.appendChild(createBtn('\u4e0b\u4e00\u9875', currentPage === totalPages, () => {\n currentPage++;\n render();\n }));\n }\n\n function createBtn(text, disabled, onClick) {\n const btn = document.createElement('button');\n btn.textContent = text;\n btn.className = 'page-btn';\n if (disabled) btn.disabled = true;\n btn.addEventListener('click', onClick);\n return btn;\n }\n\n function openModal(imgElement) {\n modalImage.src = imgElement.src;\n modal.classList.add('active');\n }\n\n modal.addEventListener('click', function () {\n modal.classList.remove('active');\n });\n\n \/\/ \u521d\u59cb\u6e32\u67d3\n render();\n\n \/\/ \u7ed1\u5b9a\u641c\u7d22\u51fd\u6570\u5230\u5168\u5c40\n window.handleSearch = handleSearch;\n })();\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u51bb\u54c1 \u51b7\u51bb\u7cfb\u5217 Frozen series \u641c\u7d22 \u8c37\u9972\u725b\u5c0f\u6392 \u96ea\u82b1\u80a5\u725b \u80a5\u725b\u5207\u7247 \u80a5\u725b\u5377 \u9e21\u751f\u869d \u9e21\u7fc5\u4e2d \u9e21\u9694 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-80","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":23,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":508,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/80\/revisions\/508"}],"wp:attachment":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/media?parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n \u51bb\u54c1<\/title>\n <style>\n body {\n font-family: '\u5fae\u8f6f\u96c5\u9ed1', sans-serif;\n margin: 0;\n padding: 0;\n background-color: transparent;\n color: #333;\n }\n .container {\n max-width: 1000px;\n margin: auto;\n padding: 20px;\n background: transparent;\n }\n h1, h2 {\n text-align: center;\n color: #003366;\n }\n\n \/* \u641c\u7d22\u533a\u57df *\/\n .search-bar {\n text-align: center;\n margin: 20px 0;\n }\n .search-bar input {\n padding: 8px 12px;\n width: 60%;\n max-width: 400px;\n border-radius: 4px;\n border: 1px solid #ccc;\n font-size: 16px;\n }\n .search-bar button {\n padding: 8px 16px;\n margin-left: 8px;\n background-color: #003366;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 16px;\n }\n\n \/* Grid Layout *\/\n .grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 30px;\n }\n .grid-item {\n text-align: center;\n }\n .grid-item img {\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: 8px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n transition: transform 0.3s ease;\n }\n .grid-item img:active {\n transform: scale(1.05);\n }\n .caption {\n margin-top: 8px;\n font-weight: bold;\n }\n\n .pagination {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin: 24px 0 40px;\n flex-wrap: wrap;\n }\n .page-btn {\n padding: 6px 12px;\n border: 1px solid #003366;\n background: #fff;\n cursor: pointer;\n border-radius: 4px;\n font-family: inherit;\n }\n .page-btn.active {\n background: #003366;\n color: #fff;\n }\n .page-btn[disabled] {\n opacity: .5;\n cursor: not-allowed;\n }\n\n \/* \u70b9\u51fb\u67e5\u770b\u5927\u56fe\u5f39\u7a97 *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n justify-content: center;\n align-items: center;\n z-index: 1000;\n }\n .modal img {\n max-width: 90%;\n max-height: 90%;\n object-fit: contain;\n }\n .modal.active {\n display: flex;\n }\n\n \/* \u54cd\u5e94\u5f0f\u5e03\u5c40 *\/\n @media (max-width: 768px) {\n .grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n @media (max-width: 600px) {\n .grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n @media (max-width: 375px) {\n .grid-item img {\n height: 150px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u51b7\u51bb\u7cfb\u5217<\/h1>\n <h2>Frozen series<\/h2>\n\n \n <div class=\"search-bar\">\n <input type=\"text\" id=\"searchInput\" placeholder=\"\u8bf7\u8f93\u5165\u4ea7\u54c1\u540d\u79f0...\" \/>\n <button onclick=\"handleSearch()\">\u641c\u7d22<\/button>\n <\/div>\n\n \n <div class=\"grid\" id=\"productGrid\">\n \n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u8c37\u9972\u725b\u5c0f\u6392.png\" alt=\"\u8c37\u9972\u725b\u5c0f\u6392\" onclick=\"openModal(this)\">\n <div class=\"caption\">\u8c37\u9972\u725b\u5c0f\u6392<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5fae\u4fe1\u56fe\u7247_20250521094052.png\" alt=\"\u96ea\u82b1\u80a5\u725b\">\n <div class=\"caption\">\u96ea\u82b1\u80a5\u725b<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u80a5\u725b\u5207\u7247.png\" alt=\"\u80a5\u725b\u5207\u7247\">\n <div class=\"caption\">\u80a5\u725b\u5207\u7247<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u80a5\u725b\u5377.png\" alt=\"\u80a5\u725b\u5377\">\n <div class=\"caption\">\u80a5\u725b\u5377<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9e21\u751f\u869d.png\" alt=\"\u65e5\u5f0f\u9e21\u751f\u869d\">\n <div class=\"caption\">\u9e21\u751f\u869d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9e21\u7fc5\u4e2d.png\" alt=\"\u9e21\u7fc5\u4e2d\">\n <div class=\"caption\">\u9e21\u7fc5\u4e2d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9e21\u9694\u819c\u4e32.png\" alt=\"\u9e21\u9694\u819c\u4e32\">\n <div class=\"caption\">\u9e21\u9694\u819c\u4e32<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5fae\u4fe1\u56fe\u7247_20250521071329.png\" alt=\"\u9e21\u5fc3\u4e32\">\n <div class=\"caption\">\u9e21\u5fc3\u4e32<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5e26\u76ae\u9e21\u817f\u8089\u4e32.png\" alt=\"\u5e26\u76ae\u9e21\u817f\u8089\u4e32\">\n <div class=\"caption\">\u5e26\u76ae\u9e21\u817f\u8089\u4e32<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u6d3b\u51bb\u5c0f\u9752\u9f99.png\" alt=\"\u5c0f\u9752\u9f99\">\n <div class=\"caption\">\u6d3b\u51bb\u5c0f\u9752\u9f99<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u6ce2\u58eb\u987f\u9f99\u867e.png\" alt=\"\u719f\u51bb\u6ce2\u58eb\u987f\u9f99\u867e\">\n <div class=\"caption\">\u719f\u51bb\u6ce2\u58eb\u987f\u9f99\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u5e1d\u738b\u87f9.png\" alt=\"\u5e1d\u738b\u87f9\">\n <div class=\"caption\">\u719f\u51bb\u5e1d\u738b\u87f9<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u96ea\u87f9\u817f.png\" alt=\"\u96ea\u87f9\u817f\">\n <div class=\"caption\">\u719f\u51bb\u96ea\u87f9\u817f<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u901f\u51bb\u677e\u53f6\u87f9.png\" alt=\"\u677e\u53f6\u87f9\">\n <div class=\"caption\">\u901f\u51bb\u677e\u53f6\u87f9<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5c0f\u9f99\u867e\u5c3e-e1766042803802.png\" alt=\"\u9f99\u867e\u5c3e\u5df4\">\n <div class=\"caption\">\u5c0f\u9f99\u867e\u5c3e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9752\u867e\u4ec1.png\" alt=\"\u57fa\u56f4\u867e\">\n <div class=\"caption\">\u9752\u867e\u4ec1<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u82b1\u87ba.webp\" alt=\"\u51bb\u82b1\u87ba\">\n <div class=\"caption\">\u51bb\u82b1\u87ba<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u52a0\u62ff\u5927\u7fe1\u7fe0\u87ba.png\" alt=\"\u7fe1\u7fe0\u87ba\">\n <div class=\"caption\">\u52a0\u62ff\u5927\u7fe1\u7fe0\u87ba<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804174452-e1754300770712.jpg\" alt=\"\u6cd5\u62cd\">\n <div class=\"caption\">\u6cd5\u5f0f\u7f8a\u6392<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u9c8d\u9c7c.png\" alt=\"\u9c8d\u9c7c\">\n <div class=\"caption\">\u719f\u51bb\u9c8d\u9c7c<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u76ae\u76ae\u867e.png\" alt=\"\u76ae\u76ae\u867e\">\n <div class=\"caption\">\u719f\u51bb\u76ae\u76ae\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u69b4\u83b2\u8089.png\" alt=\"\u69b4\u83b2\u8089\">\n <div class=\"caption\">\u69b4\u83b2\u8089<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u719f\u51bb\u7f57\u6c0f\u867e.png\" alt=\"\u719f\u51bb\u7f57\u6c0f\u867e\">\n <div class=\"caption\">\u719f\u51bb\u7f57\u6c0f\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804174510-e1754300801237.jpg\" alt=\"\u9ec4\u91d1\u7389\u5e26\">\n <div class=\"caption\">\u9ec4\u91d1\u7389\u5e26<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804174515-e1754300817485.jpg\" alt=\"\u719f\u51bb\u767d\u867e\">\n <div class=\"caption\">\u719f\u51bb\u767d\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u9ed1\u864e\u867e-e1755402178181.jpg\" alt=\"\u9ed1\u864e\u867e\">\n <div class=\"caption\">\u9ed1\u864e\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804174506-e1754300788502.jpg\" alt=\"\u719f\u51bb\u7f57\u6c0f\u867e\">\n <div class=\"caption\">\u9ebb\u8fa3\u5c0f\u9f99\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u6e05\u6c34\u5317\u6781\u8d1d-e1755402162800.jpg\" alt=\"\u69b4\u83b2\u8089\">\n <div class=\"caption\">\u6e05\u6c34\u5317\u6781\u8d1d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u867e\u6ed1-e1755406940861.jpg\" alt=\"\u719f\u51bb\u7f57\u6c0f\u867e\">\n <div class=\"caption\">\u867e\u6ed1<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u8001\u864e\u87f9-e1755402140984.jpg\" alt=\"\u719f\u51bb\u7f57\u6c0f\u867e\">\n <div class=\"caption\">\u8001\u864e\u87f9<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u677e\u677f\u8089-e1755406927519.jpg\" alt=\"\u677e\u677f\u8089\">\n <div class=\"caption\">\u677e\u677f\u8089<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5c0f\u9ec4\u9c7c-e1755406913168.jpg\" alt=\"\u677e\u677f\u8089\">\n <div class=\"caption\">\u5c0f\u9ec4\u9c7c<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u767d\u5bf9\u867e-e1755406899498.jpg\" alt=\"\u677e\u677f\u8089\">\n <div class=\"caption\">\u767d\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u94f6\u9cd5\u9c7c-e1755406857230.jpg\" alt=\"\u677e\u677f\u8089\">\n <div class=\"caption\">\u94f6\u9cd5\u9c7c<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u8fdb\u53e3\u9752\u53e3\u8d1d-e1755406884699.jpg\" alt=\"\u677e\u677f\u8089\">\n <div class=\"caption\">\u8fdb\u53e3\u9752\u53e3\u8d1d<\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"pagination\" class=\"pagination\"><\/div>\n <\/div>\n\n \n <div class=\"modal\" id=\"imageModal\">\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\u5927\u56fe\u67e5\u770b\" \/>\n <\/div>\n\n \n <script>\n (function () {\n const itemsPerPage = 9;\n const grid = document.getElementById('productGrid');\n const allItems = Array.from(grid.children);\n const pagination = document.getElementById('pagination');\n const searchInput = document.getElementById('searchInput');\n const modal = document.getElementById('imageModal');\n const modalImage = document.getElementById('modalImage');\n\n let filteredItems = [...allItems];\n let currentPage = 1;\n\n function handleSearch() {\n const keyword = searchInput.value.trim().toLowerCase();\n filteredItems = allItems.filter(item => {\n const name = item.querySelector('.caption').textContent.toLowerCase();\n return name.includes(keyword);\n });\n currentPage = 1;\n render();\n }\n\n function render() {\n const start = (currentPage - 1) * itemsPerPage;\n const end = start + itemsPerPage;\n\n allItems.forEach(item => item.style.display = 'none');\n filteredItems.slice(start, end).forEach(item => item.style.display = '');\n\n renderPagination();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n function renderPagination() {\n pagination.innerHTML = '';\n const totalPages = Math.ceil(filteredItems.length \/ itemsPerPage);\n if (totalPages <= 1) return;\n\n pagination.appendChild(createBtn('\u4e0a\u4e00\u9875', currentPage === 1, () => {\n currentPage--;\n render();\n }));\n\n for (let i = 1; i <= totalPages; i++) {\n const btn = createBtn(i, false, () => {\n currentPage = i;\n render();\n });\n if (i === currentPage) btn.classList.add('active');\n pagination.appendChild(btn);\n }\n\n pagination.appendChild(createBtn('\u4e0b\u4e00\u9875', currentPage === totalPages, () => {\n currentPage++;\n render();\n }));\n }\n\n function createBtn(text, disabled, onClick) {\n const btn = document.createElement('button');\n btn.textContent = text;\n btn.className = 'page-btn';\n if (disabled) btn.disabled = true;\n btn.addEventListener('click', onClick);\n return btn;\n }\n\n function openModal(imgElement) {\n modalImage.src = imgElement.src;\n modal.classList.add('active');\n }\n\n modal.addEventListener('click', function () {\n modal.classList.remove('active');\n });\n\n \/\/ \u521d\u59cb\u6e32\u67d3\n render();\n\n \/\/ \u7ed1\u5b9a\u641c\u7d22\u51fd\u6570\u5230\u5168\u5c40\n window.handleSearch = handleSearch;\n })();\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u51bb\u54c1 \u51b7\u51bb\u7cfb\u5217 Frozen series \u641c\u7d22 \u8c37\u9972\u725b\u5c0f\u6392 \u96ea\u82b1\u80a5\u725b \u80a5\u725b\u5207\u7247 \u80a5\u725b\u5377 \u9e21\u751f\u869d \u9e21\u7fc5\u4e2d \u9e21\u9694 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-80","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":23,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":508,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/80\/revisions\/508"}],"wp:attachment":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/media?parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}