\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 .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 .grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-top: 30px;\n }\n .grid-item {\n text-align: center;\n cursor: pointer;\n transition: transform 0.2s ease;\n }\n .grid-item:hover {\n transform: translateY(-4px);\n }\n .grid-item img {\n width: 100%;\n height: 200px;\n object-fit: cover;\n border-radius: 8px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n }\n .caption {\n margin-top: 8px;\n font-weight: bold;\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 \/* \u79fb\u52a8\u7aef 9 \u5bab\u683c\uff083\u5217\uff09 *\/\n @media (max-width: 768px) {\n .grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n }\n .grid-item img {\n height: 170px;\n }\n }\n @media (max-width: 450px) {\n .grid-item img {\n height: 150px;\n }\n .search-bar input {\n width: 70%;\n }\n }\n \/* \u56fe\u7247\u9884\u89c8\u6a21\u6001\u6846 *\/\n .image-modal {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.82);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 9999;\n }\n .image-modal.active {\n display: flex;\n }\n .image-modal img {\n max-width: 90vw;\n max-height: 90vh;\n border-radius: 10px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.45);\n object-fit: contain;\n }\n .image-modal .close-btn {\n position: absolute;\n top: 18px;\n right: 24px;\n background: rgba(0,0,0,0.65);\n color: #fff;\n width: 38px;\n height: 38px;\n border-radius: 50%;\n font-size: 24px;\n line-height: 38px;\n text-align: center;\n cursor: pointer;\n }\n .image-modal .image-title {\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n color: #fff;\n background: rgba(0,0,0,0.6);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 16px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u65e5\u6599\u7cfb\u5217<\/h1>\n <h2>Japanese cuisine<\/h2>\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 <div class=\"grid\" id=\"productGrid\">\n \n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5fae\u4fe1\u56fe\u7247_20251218160030_141_201.jpg\" alt=\"9\u5e74\u9c7c\u7c7d\u9171\">\n <div class=\"caption\">9\u5e74\u9c7c\u7c7d\u9171<\/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_20251218160021_140_201.jpg\" alt=\"7\u5e74\u9c7c\u7c7d\u9171\">\n <div class=\"caption\">7\u5e74\u9c7c\u7c7d\u9171<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u87f9\u7c7d.png\" alt=\"\u87f9\u7c7d\">\n <div class=\"caption\">\u87f9\u7c7d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u4e09\u6587\u9c7c\u7c7d.png\" alt=\"\u4e09\u6587\u9c7c\u7c7d\">\n <div class=\"caption\">\u4e09\u6587\u9c7c\u7c7d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5c71\u8475\u9171.png\" alt=\"\u5c71\u8475\u9171\">\n <div class=\"caption\">\u5c71\u8475\u9171<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u82a5\u672b\u9171.png\" alt=\"\u82a5\u672b\u9171\">\n <div class=\"caption\">\u82a5\u672b\u9171<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u660e\u592a\u9c7c\u7c7d.png\" alt=\"\u660e\u592a\u9c7c\u7c7d\">\n <div class=\"caption\">\u660e\u592a\u9c7c\u7c7d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9e45\u809d.png\" alt=\"\u9e45\u809d\">\n <div class=\"caption\">\u9e45\u809d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9ebb\u8fa3\u9c9c\u86e4.jpg\" alt=\"\u9ebb\u8fa3\u9c9c\u86e4\">\n <div class=\"caption\">\u9ebb\u8fa3\u9c9c\u86e4<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u82a5\u672b\u6d77\u87ba\u7247.jpg\" alt=\"\u82a5\u672b\u6d77\u87ba\u7247\">\n <div class=\"caption\">\u82a5\u672b\u6d77\u87ba\u7247<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u82a5\u672b\u8d1d\u67f1.jpg\" alt=\"\u82a5\u672b\u8d1d\u67f1\">\n <div class=\"caption\">\u82a5\u672b\u8d1d\u67f1<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5373\u98df\u5e26\u83dc.jpg\" alt=\"\u5373\u98df\u5e26\u83dc\">\n <div class=\"caption\">\u5373\u98df\u5e26\u83dc<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u7167\u70e7\u6247\u8d1d.jpg\" alt=\"\u7167\u70e7\u6247\u8d1d\">\n <div class=\"caption\">\u7167\u70e7\u6247\u8d1d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u84b2\u70e7\u9cd7\u9c7c.png\" alt=\"\u84b2\u70e7\u9cd7\u9c7c\">\n <div class=\"caption\">\u84b2\u70e7\u9cd7\u9c7c<\/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_20250804172305-e1754299550529.png\" alt=\"\u5bff\u53f8\u867e\">\n <div class=\"caption\">\u5bff\u53f8\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u6d77\u80c6.png\" alt=\"\u6d77\u80c6\">\n <div class=\"caption\">\u6d77\u80c6<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u523a\u8eab\u864e\u867e.png\" alt=\"\u523a\u8eab\u864e\u867e\">\n <div class=\"caption\">\u523a\u8eab\u864e\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u91d1\u94bb\u9e45\u809d.png\" alt=\"\u91d1\u94bb\u9e45\u809d\">\n <div class=\"caption\">\u91d1\u94bb\u9e45\u809d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u7eb3\u8c46.png\" alt=\"\u7eb3\u8c46\">\n <div class=\"caption\">\u7eb3\u8c46<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9b9f\u9c47\u9c7c\u809d.jpg\" alt=\"\u9b9f\u9c47\u9c7c\u809d\">\n <div class=\"caption\">\u9b9f\u9c47\u9c7c\u809d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u87f9\u67f3.png\" alt=\"\u87f9\u67f3\">\n <div class=\"caption\">\u87f9\u67f3<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5409\u5a1c\u6735\u751f\u869d.png\" alt=\"\u5409\u5a1c\u6735\u751f\u869d\">\n <div class=\"caption\">\u5409\u5a1c\u6735\u751f\u869d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5e72\u916a\u7247.png\" alt=\"\u5e72\u916a\u7247\">\n <div class=\"caption\">\u5e72\u916a\u7247<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u7389\u5b50\u70e7.png\" alt=\"\u7389\u5b50\u70e7\">\n <div class=\"caption\">\u7389\u5b50\u70e7<\/div>\n <\/div>\n \n <\/div>\n\n <div id=\"pagination\" class=\"pagination\"><\/div>\n <\/div>\n\n \n <div class=\"image-modal\" id=\"imageModal\">\n <span class=\"close-btn\" id=\"closeModalBtn\">\u00d7<\/span>\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\">\n <div class=\"image-title\" id=\"modalTitle\"><\/div>\n <\/div>\n\n <script>\n (function () {\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 const modalTitle = document.getElementById('modalTitle');\n const closeModalBtn = document.getElementById('closeModalBtn');\n\n let filteredItems = [...allItems];\n let currentPage = 1;\n let itemsPerPage = getItemsPerPage();\n\n function getItemsPerPage() {\n return window.innerWidth <= 768 ? 9 : 12;\n }\n\n function bindPreviewEvents() {\n allItems.forEach(item => {\n const img = item.querySelector('img');\n const title = item.querySelector('.caption').textContent.trim();\n item.addEventListener('click', () => openModal(img.src, title));\n });\n }\n\n function openModal(src, title) {\n modalImage.src = src;\n modalTitle.textContent = title;\n modal.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n modal.classList.remove('active');\n document.body.style.overflow = '';\n }\n\n closeModalBtn.addEventListener('click', closeModal);\n modal.addEventListener('click', e => {\n if (e.target === modal) closeModal();\n });\n document.addEventListener('keydown', e => {\n if (e.key === 'Escape' && modal.classList.contains('active')) {\n closeModal();\n }\n });\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 itemsPerPage = getItemsPerPage();\n const totalPages = Math.max(1, Math.ceil(filteredItems.length \/ itemsPerPage));\n if (currentPage > totalPages) currentPage = totalPages;\n\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(totalPages);\n }\n\n function renderPagination(totalPages) {\n pagination.innerHTML = '';\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 window.addEventListener('resize', () => {\n const newPerPage = getItemsPerPage();\n if (newPerPage !== itemsPerPage) {\n itemsPerPage = newPerPage;\n currentPage = 1;\n render();\n }\n });\n\n bindPreviewEvents();\n render();\n\n window.handleSearch = handleSearch;\n })();\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u51bb\u54c1 \u65e5\u6599\u7cfb\u5217 Japanese cuisine \u641c\u7d22 9\u5e74\u9c7c\u7c7d\u9171 7\u5e74\u9c7c\u7c7d\u9171 \u87f9\u7c7d \u4e09\u6587\u9c7c\u7c7d \u5c71\u8475\u9171 \u82a5\u672b\u9171 […]<\/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-74","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/74","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=74"}],"version-history":[{"count":13,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":540,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/74\/revisions\/540"}],"wp:attachment":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/media?parent=74"}],"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 .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 .grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-top: 30px;\n }\n .grid-item {\n text-align: center;\n cursor: pointer;\n transition: transform 0.2s ease;\n }\n .grid-item:hover {\n transform: translateY(-4px);\n }\n .grid-item img {\n width: 100%;\n height: 200px;\n object-fit: cover;\n border-radius: 8px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n }\n .caption {\n margin-top: 8px;\n font-weight: bold;\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 \/* \u79fb\u52a8\u7aef 9 \u5bab\u683c\uff083\u5217\uff09 *\/\n @media (max-width: 768px) {\n .grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n }\n .grid-item img {\n height: 170px;\n }\n }\n @media (max-width: 450px) {\n .grid-item img {\n height: 150px;\n }\n .search-bar input {\n width: 70%;\n }\n }\n \/* \u56fe\u7247\u9884\u89c8\u6a21\u6001\u6846 *\/\n .image-modal {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.82);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 9999;\n }\n .image-modal.active {\n display: flex;\n }\n .image-modal img {\n max-width: 90vw;\n max-height: 90vh;\n border-radius: 10px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.45);\n object-fit: contain;\n }\n .image-modal .close-btn {\n position: absolute;\n top: 18px;\n right: 24px;\n background: rgba(0,0,0,0.65);\n color: #fff;\n width: 38px;\n height: 38px;\n border-radius: 50%;\n font-size: 24px;\n line-height: 38px;\n text-align: center;\n cursor: pointer;\n }\n .image-modal .image-title {\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n color: #fff;\n background: rgba(0,0,0,0.6);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 16px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u65e5\u6599\u7cfb\u5217<\/h1>\n <h2>Japanese cuisine<\/h2>\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 <div class=\"grid\" id=\"productGrid\">\n \n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5fae\u4fe1\u56fe\u7247_20251218160030_141_201.jpg\" alt=\"9\u5e74\u9c7c\u7c7d\u9171\">\n <div class=\"caption\">9\u5e74\u9c7c\u7c7d\u9171<\/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_20251218160021_140_201.jpg\" alt=\"7\u5e74\u9c7c\u7c7d\u9171\">\n <div class=\"caption\">7\u5e74\u9c7c\u7c7d\u9171<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u87f9\u7c7d.png\" alt=\"\u87f9\u7c7d\">\n <div class=\"caption\">\u87f9\u7c7d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u4e09\u6587\u9c7c\u7c7d.png\" alt=\"\u4e09\u6587\u9c7c\u7c7d\">\n <div class=\"caption\">\u4e09\u6587\u9c7c\u7c7d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5c71\u8475\u9171.png\" alt=\"\u5c71\u8475\u9171\">\n <div class=\"caption\">\u5c71\u8475\u9171<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u82a5\u672b\u9171.png\" alt=\"\u82a5\u672b\u9171\">\n <div class=\"caption\">\u82a5\u672b\u9171<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u660e\u592a\u9c7c\u7c7d.png\" alt=\"\u660e\u592a\u9c7c\u7c7d\">\n <div class=\"caption\">\u660e\u592a\u9c7c\u7c7d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9e45\u809d.png\" alt=\"\u9e45\u809d\">\n <div class=\"caption\">\u9e45\u809d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9ebb\u8fa3\u9c9c\u86e4.jpg\" alt=\"\u9ebb\u8fa3\u9c9c\u86e4\">\n <div class=\"caption\">\u9ebb\u8fa3\u9c9c\u86e4<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u82a5\u672b\u6d77\u87ba\u7247.jpg\" alt=\"\u82a5\u672b\u6d77\u87ba\u7247\">\n <div class=\"caption\">\u82a5\u672b\u6d77\u87ba\u7247<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u82a5\u672b\u8d1d\u67f1.jpg\" alt=\"\u82a5\u672b\u8d1d\u67f1\">\n <div class=\"caption\">\u82a5\u672b\u8d1d\u67f1<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5373\u98df\u5e26\u83dc.jpg\" alt=\"\u5373\u98df\u5e26\u83dc\">\n <div class=\"caption\">\u5373\u98df\u5e26\u83dc<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u7167\u70e7\u6247\u8d1d.jpg\" alt=\"\u7167\u70e7\u6247\u8d1d\">\n <div class=\"caption\">\u7167\u70e7\u6247\u8d1d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u84b2\u70e7\u9cd7\u9c7c.png\" alt=\"\u84b2\u70e7\u9cd7\u9c7c\">\n <div class=\"caption\">\u84b2\u70e7\u9cd7\u9c7c<\/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_20250804172305-e1754299550529.png\" alt=\"\u5bff\u53f8\u867e\">\n <div class=\"caption\">\u5bff\u53f8\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u6d77\u80c6.png\" alt=\"\u6d77\u80c6\">\n <div class=\"caption\">\u6d77\u80c6<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u523a\u8eab\u864e\u867e.png\" alt=\"\u523a\u8eab\u864e\u867e\">\n <div class=\"caption\">\u523a\u8eab\u864e\u867e<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u91d1\u94bb\u9e45\u809d.png\" alt=\"\u91d1\u94bb\u9e45\u809d\">\n <div class=\"caption\">\u91d1\u94bb\u9e45\u809d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u7eb3\u8c46.png\" alt=\"\u7eb3\u8c46\">\n <div class=\"caption\">\u7eb3\u8c46<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u9b9f\u9c47\u9c7c\u809d.jpg\" alt=\"\u9b9f\u9c47\u9c7c\u809d\">\n <div class=\"caption\">\u9b9f\u9c47\u9c7c\u809d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u87f9\u67f3.png\" alt=\"\u87f9\u67f3\">\n <div class=\"caption\">\u87f9\u67f3<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5409\u5a1c\u6735\u751f\u869d.png\" alt=\"\u5409\u5a1c\u6735\u751f\u869d\">\n <div class=\"caption\">\u5409\u5a1c\u6735\u751f\u869d<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5e72\u916a\u7247.png\" alt=\"\u5e72\u916a\u7247\">\n <div class=\"caption\">\u5e72\u916a\u7247<\/div>\n <\/div>\n <div class=\"grid-item\">\n <img decoding=\"async\" src=\"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u7389\u5b50\u70e7.png\" alt=\"\u7389\u5b50\u70e7\">\n <div class=\"caption\">\u7389\u5b50\u70e7<\/div>\n <\/div>\n \n <\/div>\n\n <div id=\"pagination\" class=\"pagination\"><\/div>\n <\/div>\n\n \n <div class=\"image-modal\" id=\"imageModal\">\n <span class=\"close-btn\" id=\"closeModalBtn\">\u00d7<\/span>\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\">\n <div class=\"image-title\" id=\"modalTitle\"><\/div>\n <\/div>\n\n <script>\n (function () {\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 const modalTitle = document.getElementById('modalTitle');\n const closeModalBtn = document.getElementById('closeModalBtn');\n\n let filteredItems = [...allItems];\n let currentPage = 1;\n let itemsPerPage = getItemsPerPage();\n\n function getItemsPerPage() {\n return window.innerWidth <= 768 ? 9 : 12;\n }\n\n function bindPreviewEvents() {\n allItems.forEach(item => {\n const img = item.querySelector('img');\n const title = item.querySelector('.caption').textContent.trim();\n item.addEventListener('click', () => openModal(img.src, title));\n });\n }\n\n function openModal(src, title) {\n modalImage.src = src;\n modalTitle.textContent = title;\n modal.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n modal.classList.remove('active');\n document.body.style.overflow = '';\n }\n\n closeModalBtn.addEventListener('click', closeModal);\n modal.addEventListener('click', e => {\n if (e.target === modal) closeModal();\n });\n document.addEventListener('keydown', e => {\n if (e.key === 'Escape' && modal.classList.contains('active')) {\n closeModal();\n }\n });\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 itemsPerPage = getItemsPerPage();\n const totalPages = Math.max(1, Math.ceil(filteredItems.length \/ itemsPerPage));\n if (currentPage > totalPages) currentPage = totalPages;\n\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(totalPages);\n }\n\n function renderPagination(totalPages) {\n pagination.innerHTML = '';\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 window.addEventListener('resize', () => {\n const newPerPage = getItemsPerPage();\n if (newPerPage !== itemsPerPage) {\n itemsPerPage = newPerPage;\n currentPage = 1;\n render();\n }\n });\n\n bindPreviewEvents();\n render();\n\n window.handleSearch = handleSearch;\n })();\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u51bb\u54c1 \u65e5\u6599\u7cfb\u5217 Japanese cuisine \u641c\u7d22 9\u5e74\u9c7c\u7c7d\u9171 7\u5e74\u9c7c\u7c7d\u9171 \u87f9\u7c7d \u4e09\u6587\u9c7c\u7c7d \u5c71\u8475\u9171 \u82a5\u672b\u9171 […]<\/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-74","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/74","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=74"}],"version-history":[{"count":13,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":540,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/74\/revisions\/540"}],"wp:attachment":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}