\u523a\u8eab\u7cfb\u5217<\/title>\n <style>\n body {\n font-family: '\u5fae\u8f6f\u96c5\u9ed1', sans-serif;\n background: #f8f8f8;\n margin: 0;\n padding: 20px;\n text-align: center;\n }\n .container h1 {\n font-size: 32px;\n margin: 10px 0 5px;\n }\n .container h2 {\n font-size: 20px;\n margin: 0 0 20px;\n color: #555;\n }\n .grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr); \/* PC\u7aef4\u5217 *\/\n gap: 15px;\n max-width: 1200px;\n margin: auto;\n }\n .grid-item {\n background: #fff;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n transition: transform 0.3s;\n cursor: pointer;\n }\n .grid-item:hover {\n transform: scale(1.03);\n }\n .grid-item img {\n width: 100%;\n height: 180px;\n object-fit: cover;\n display: block;\n }\n .caption {\n padding: 10px;\n font-size: 16px;\n background: #fafafa;\n }\n .bottom-section {\n margin-top: 30px;\n font-size: 16px;\n color: #333;\n }\n .pagination {\n margin-top: 20px;\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .pagination button {\n padding: 8px 14px;\n border: none;\n border-radius: 5px;\n background: #007BFF;\n color: #fff;\n cursor: pointer;\n font-size: 14px;\n }\n .pagination button.active {\n background: #0056b3;\n font-weight: bold;\n }\n .pagination button:disabled {\n background: #ccc;\n cursor: not-allowed;\n }\n \/* \u56fe\u7247\u9884\u89c8\u6a21\u6001\u6846 *\/\n .image-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.85);\n z-index: 9999;\n justify-content: center;\n align-items: center;\n }\n .image-modal.active {\n display: flex;\n }\n .image-modal img {\n max-width: 90vw;\n max-height: 90vh;\n object-fit: contain;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.5);\n }\n .image-modal .close-btn {\n position: absolute;\n top: 20px;\n right: 30px;\n color: #fff;\n font-size: 36px;\n cursor: pointer;\n background: rgba(0,0,0,0.5);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n .image-modal .image-title {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n color: #fff;\n font-size: 18px;\n background: rgba(0,0,0,0.6);\n padding: 8px 16px;\n border-radius: 20px;\n }\n \/* \u79fb\u52a8\u7aef\u4f18\u5316\uff1a9\u5bab\u683c\uff083x3\uff09 *\/\n @media (max-width: 768px) {\n .grid {\n grid-template-columns: repeat(3, 1fr); \/* \u79fb\u52a8\u7aef3\u5217 *\/\n gap: 10px;\n padding: 0 10px;\n }\n .grid-item img {\n height: 140px;\n }\n .caption {\n padding: 8px;\n font-size: 14px;\n }\n .container h1 {\n font-size: 24px;\n }\n .container h2 {\n font-size: 16px;\n }\n .pagination button {\n padding: 6px 12px;\n font-size: 12px;\n }\n .image-modal .close-btn {\n top: 10px;\n right: 15px;\n font-size: 28px;\n width: 35px;\n height: 35px;\n }\n .image-modal .image-title {\n bottom: 15px;\n font-size: 14px;\n padding: 6px 12px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u523a\u8eab\u7cfb\u5217<\/h1>\n <h2>Sashimi Series<\/h2>\n <div class=\"grid\" id=\"sashimiGrid\"><\/div>\n <div class=\"pagination\" id=\"paginationControls\"><\/div>\n <div class=\"bottom-section\">\n \u7cbe\u54c1\u9ad8\u7aef\u523a\u8eab <br>BOUTIQUE HIGH-END SASHIMI\n <div>\u523a\u8eab\u62fc\u76d8\u662f\u4e00\u9053\u7f8e\u98df,\u914d\u82a5\u672b\u9171\u6cb9\u6c41\u8638\u98df<br>\u53e3\u5473\u6e05\u65b0\u72ec\u7279,\u662f\u5177\u6709\u4f20\u7edf\u7684\u65e5\u672c\u6599\u7406\u7279\u8272\u7684\u98df\u54c1<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"image-modal\" id=\"imageModal\">\n <span class=\"close-btn\" onclick=\"closeModal()\">\u00d7<\/span>\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\">\n <div class=\"image-title\" id=\"modalTitle\"><\/div>\n <\/div>\n\n <script>\n const items = [\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u84dd\u9ccd\u91d1\u67aa\u9c7c\u5927\u8179.webp\", title: \"\u84dd\u9ccd\u91d1\u67aa\u9c7c\u5927\u8179\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u84dd\u9ccd\u91d1\u67aa\u9c7c\u4e2d\u8179.jpg\", title: \"\u84dd\u9ccd\u91d1\u67aa\u9c7c\u4e2d\u8179\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u84dd\u9ccd\u91d1\u67aa\u9c7c\u8d64\u8eab.jpg\", title: \"\u84dd\u9ccd\u91d1\u67aa\u9c7c\u8d64\u8eab\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5927\u76ee\u91d1\u67aa\u9c7c\u9c7c\u67f3.jpg\", title: \"\u5927\u76ee\u91d1\u67aa\u9c7c\u9c7c\u67f3\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5927\u76ee\u91d1\u67aa\u9c7c\u677f\u5757.jpg\", title: \"\u5927\u76ee\u91d1\u67aa\u9c7c\u677f\u5757\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u767d\u91d1\u67aa\u9c7c.webp\", title: \"\u767d\u91d1\u67aa\u9c7c\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u4e09\u6587\u9c7c.jpg\", title: \"\u4e09\u6587\u9c7c\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5317\u6781\u8d1d.jpg\", title: \"\u5317\u6781\u8d1d\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5317\u6781\u51b0\u5c71\u868c.jpg\", title: \"\u5317\u6781\u51b0\u5c71\u868c\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u4fc4\u7f57\u65af\u751c\u867e.webp\", title: \"\u4fc4\u7f57\u65af\u751c\u867e\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u52a0\u62ff\u5927\u7261\u4e39\u867e.jpg\", title: \"\u52a0\u62ff\u5927\u7261\u4e39\u867e\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u65b0\u897f\u5170\u9ccc\u867e.png\", title: \"\u65b0\u897f\u5170\u9ccc\u867e\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u7ea2\u9b54\u867e.png\", title: \"\u7ea2\u9b54\u867e\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u82f1\u56fd\u6d77\u9ccc\u867e.jpg\", title: \"\u82f1\u56fd\u6d77\u9ccc\u867e\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5e06\u7acb\u8d1d.jpg\", title: \"\u5e06\u7acb\u8d1d\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5170\u82b1\u868c.jpg\", title: \"\u5170\u82b1\u868c\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804172420-e1754299774294.png\", title: \"\u7eb9\u7532\u58a8\u9c7c\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804172414-e1754299757393.png\", title: \"\u523a\u8eab\u6d77\u87ba\u7247\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804172355-e1754299736412.png\", title: \"\u5317\u6781\u8d1d\u5207\u7247\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u6c60\u9c7c\u738b\u523a\u8eab.webp\", title: \"\u6c60\u9c7c\u738b\u523a\u8eab\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u8c61\u62d4\u868c\u523a\u8eab.webp\", title: \"\u8c61\u62d4\u868c\u523a\u8eab\" },\n ];\n\n const grid = document.getElementById(\"sashimiGrid\");\n const paginationControls = document.getElementById(\"paginationControls\");\n const imageModal = document.getElementById(\"imageModal\");\n const modalImage = document.getElementById(\"modalImage\");\n const modalTitle = document.getElementById(\"modalTitle\");\n const itemsPerPage = 12;\n const totalPages = Math.ceil(items.length \/ itemsPerPage);\n let currentPage = 1;\n\n function openModal(src, title) {\n modalImage.src = src;\n modalTitle.textContent = title;\n imageModal.classList.add(\"active\");\n document.body.style.overflow = \"hidden\";\n }\n\n function closeModal() {\n imageModal.classList.remove(\"active\");\n document.body.style.overflow = \"\";\n }\n\n imageModal.addEventListener(\"click\", function(e) {\n if (e.target === imageModal) {\n closeModal();\n }\n });\n\n document.addEventListener(\"keydown\", function(e) {\n if (e.key === \"Escape\" && imageModal.classList.contains(\"active\")) {\n closeModal();\n }\n });\n\n function renderGrid() {\n grid.innerHTML = \"\";\n const start = (currentPage - 1) * itemsPerPage;\n const end = start + itemsPerPage;\n const currentItems = items.slice(start, end);\n\n currentItems.forEach(item => {\n const div = document.createElement(\"div\");\n div.classList.add(\"grid-item\");\n div.innerHTML = `\n <img decoding=\"async\" src=\"${item.src}\" alt=\"${item.title}\">\n <div class=\"caption\">${item.title}<\/div>\n `;\n div.addEventListener(\"click\", () => openModal(item.src, item.title));\n grid.appendChild(div);\n });\n }\n\n function renderPagination() {\n paginationControls.innerHTML = \"\";\n const prevBtn = document.createElement(\"button\");\n prevBtn.textContent = \"\u4e0a\u4e00\u9875\";\n prevBtn.disabled = currentPage === 1;\n prevBtn.addEventListener(\"click\", () => {\n if (currentPage > 1) {\n currentPage--;\n updatePage();\n }\n });\n paginationControls.appendChild(prevBtn);\n\n for (let i = 1; i <= totalPages; i++) {\n const pageBtn = document.createElement(\"button\");\n pageBtn.textContent = i;\n if (i === currentPage) pageBtn.classList.add(\"active\");\n pageBtn.addEventListener(\"click\", () => {\n currentPage = i;\n updatePage();\n });\n paginationControls.appendChild(pageBtn);\n }\n\n const nextBtn = document.createElement(\"button\");\n nextBtn.textContent = \"\u4e0b\u4e00\u9875\";\n nextBtn.disabled = currentPage === totalPages;\n nextBtn.addEventListener(\"click\", () => {\n if (currentPage < totalPages) {\n currentPage++;\n updatePage();\n }\n });\n paginationControls.appendChild(nextBtn);\n }\n\n function updatePage() {\n renderGrid();\n renderPagination();\n }\n\n updatePage();\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u523a\u8eab\u7cfb\u5217 \u523a\u8eab\u7cfb\u5217 Sashimi Series \u7cbe\u54c1\u9ad8\u7aef\u523a\u8eab BOUTIQUE HIGH-END SASHI […]<\/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-114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/114","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=114"}],"version-history":[{"count":10,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":587,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions\/587"}],"wp:attachment":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n \u523a\u8eab\u7cfb\u5217<\/title>\n <style>\n body {\n font-family: '\u5fae\u8f6f\u96c5\u9ed1', sans-serif;\n background: #f8f8f8;\n margin: 0;\n padding: 20px;\n text-align: center;\n }\n .container h1 {\n font-size: 32px;\n margin: 10px 0 5px;\n }\n .container h2 {\n font-size: 20px;\n margin: 0 0 20px;\n color: #555;\n }\n .grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr); \/* PC\u7aef4\u5217 *\/\n gap: 15px;\n max-width: 1200px;\n margin: auto;\n }\n .grid-item {\n background: #fff;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n transition: transform 0.3s;\n cursor: pointer;\n }\n .grid-item:hover {\n transform: scale(1.03);\n }\n .grid-item img {\n width: 100%;\n height: 180px;\n object-fit: cover;\n display: block;\n }\n .caption {\n padding: 10px;\n font-size: 16px;\n background: #fafafa;\n }\n .bottom-section {\n margin-top: 30px;\n font-size: 16px;\n color: #333;\n }\n .pagination {\n margin-top: 20px;\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .pagination button {\n padding: 8px 14px;\n border: none;\n border-radius: 5px;\n background: #007BFF;\n color: #fff;\n cursor: pointer;\n font-size: 14px;\n }\n .pagination button.active {\n background: #0056b3;\n font-weight: bold;\n }\n .pagination button:disabled {\n background: #ccc;\n cursor: not-allowed;\n }\n \/* \u56fe\u7247\u9884\u89c8\u6a21\u6001\u6846 *\/\n .image-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.85);\n z-index: 9999;\n justify-content: center;\n align-items: center;\n }\n .image-modal.active {\n display: flex;\n }\n .image-modal img {\n max-width: 90vw;\n max-height: 90vh;\n object-fit: contain;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.5);\n }\n .image-modal .close-btn {\n position: absolute;\n top: 20px;\n right: 30px;\n color: #fff;\n font-size: 36px;\n cursor: pointer;\n background: rgba(0,0,0,0.5);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n .image-modal .image-title {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n color: #fff;\n font-size: 18px;\n background: rgba(0,0,0,0.6);\n padding: 8px 16px;\n border-radius: 20px;\n }\n \/* \u79fb\u52a8\u7aef\u4f18\u5316\uff1a9\u5bab\u683c\uff083x3\uff09 *\/\n @media (max-width: 768px) {\n .grid {\n grid-template-columns: repeat(3, 1fr); \/* \u79fb\u52a8\u7aef3\u5217 *\/\n gap: 10px;\n padding: 0 10px;\n }\n .grid-item img {\n height: 140px;\n }\n .caption {\n padding: 8px;\n font-size: 14px;\n }\n .container h1 {\n font-size: 24px;\n }\n .container h2 {\n font-size: 16px;\n }\n .pagination button {\n padding: 6px 12px;\n font-size: 12px;\n }\n .image-modal .close-btn {\n top: 10px;\n right: 15px;\n font-size: 28px;\n width: 35px;\n height: 35px;\n }\n .image-modal .image-title {\n bottom: 15px;\n font-size: 14px;\n padding: 6px 12px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u523a\u8eab\u7cfb\u5217<\/h1>\n <h2>Sashimi Series<\/h2>\n <div class=\"grid\" id=\"sashimiGrid\"><\/div>\n <div class=\"pagination\" id=\"paginationControls\"><\/div>\n <div class=\"bottom-section\">\n \u7cbe\u54c1\u9ad8\u7aef\u523a\u8eab <br>BOUTIQUE HIGH-END SASHIMI\n <div>\u523a\u8eab\u62fc\u76d8\u662f\u4e00\u9053\u7f8e\u98df,\u914d\u82a5\u672b\u9171\u6cb9\u6c41\u8638\u98df<br>\u53e3\u5473\u6e05\u65b0\u72ec\u7279,\u662f\u5177\u6709\u4f20\u7edf\u7684\u65e5\u672c\u6599\u7406\u7279\u8272\u7684\u98df\u54c1<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"image-modal\" id=\"imageModal\">\n <span class=\"close-btn\" onclick=\"closeModal()\">\u00d7<\/span>\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\">\n <div class=\"image-title\" id=\"modalTitle\"><\/div>\n <\/div>\n\n <script>\n const items = [\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u84dd\u9ccd\u91d1\u67aa\u9c7c\u5927\u8179.webp\", title: \"\u84dd\u9ccd\u91d1\u67aa\u9c7c\u5927\u8179\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u84dd\u9ccd\u91d1\u67aa\u9c7c\u4e2d\u8179.jpg\", title: \"\u84dd\u9ccd\u91d1\u67aa\u9c7c\u4e2d\u8179\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u84dd\u9ccd\u91d1\u67aa\u9c7c\u8d64\u8eab.jpg\", title: \"\u84dd\u9ccd\u91d1\u67aa\u9c7c\u8d64\u8eab\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5927\u76ee\u91d1\u67aa\u9c7c\u9c7c\u67f3.jpg\", title: \"\u5927\u76ee\u91d1\u67aa\u9c7c\u9c7c\u67f3\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5927\u76ee\u91d1\u67aa\u9c7c\u677f\u5757.jpg\", title: \"\u5927\u76ee\u91d1\u67aa\u9c7c\u677f\u5757\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u767d\u91d1\u67aa\u9c7c.webp\", title: \"\u767d\u91d1\u67aa\u9c7c\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u4e09\u6587\u9c7c.jpg\", title: \"\u4e09\u6587\u9c7c\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5317\u6781\u8d1d.jpg\", title: \"\u5317\u6781\u8d1d\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5317\u6781\u51b0\u5c71\u868c.jpg\", title: \"\u5317\u6781\u51b0\u5c71\u868c\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u4fc4\u7f57\u65af\u751c\u867e.webp\", title: \"\u4fc4\u7f57\u65af\u751c\u867e\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u52a0\u62ff\u5927\u7261\u4e39\u867e.jpg\", title: \"\u52a0\u62ff\u5927\u7261\u4e39\u867e\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u65b0\u897f\u5170\u9ccc\u867e.png\", title: \"\u65b0\u897f\u5170\u9ccc\u867e\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u7ea2\u9b54\u867e.png\", title: \"\u7ea2\u9b54\u867e\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u82f1\u56fd\u6d77\u9ccc\u867e.jpg\", title: \"\u82f1\u56fd\u6d77\u9ccc\u867e\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5e06\u7acb\u8d1d.jpg\", title: \"\u5e06\u7acb\u8d1d\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u5170\u82b1\u868c.jpg\", title: \"\u5170\u82b1\u868c\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804172420-e1754299774294.png\", title: \"\u7eb9\u7532\u58a8\u9c7c\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804172414-e1754299757393.png\", title: \"\u523a\u8eab\u6d77\u87ba\u7247\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/08\/\u5fae\u4fe1\u56fe\u7247_20250804172355-e1754299736412.png\", title: \"\u5317\u6781\u8d1d\u5207\u7247\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u6c60\u9c7c\u738b\u523a\u8eab.webp\", title: \"\u6c60\u9c7c\u738b\u523a\u8eab\" },\n { src: \"https:\/\/hainongji.com\/wp-content\/uploads\/2025\/12\/\u8c61\u62d4\u868c\u523a\u8eab.webp\", title: \"\u8c61\u62d4\u868c\u523a\u8eab\" },\n ];\n\n const grid = document.getElementById(\"sashimiGrid\");\n const paginationControls = document.getElementById(\"paginationControls\");\n const imageModal = document.getElementById(\"imageModal\");\n const modalImage = document.getElementById(\"modalImage\");\n const modalTitle = document.getElementById(\"modalTitle\");\n const itemsPerPage = 12;\n const totalPages = Math.ceil(items.length \/ itemsPerPage);\n let currentPage = 1;\n\n function openModal(src, title) {\n modalImage.src = src;\n modalTitle.textContent = title;\n imageModal.classList.add(\"active\");\n document.body.style.overflow = \"hidden\";\n }\n\n function closeModal() {\n imageModal.classList.remove(\"active\");\n document.body.style.overflow = \"\";\n }\n\n imageModal.addEventListener(\"click\", function(e) {\n if (e.target === imageModal) {\n closeModal();\n }\n });\n\n document.addEventListener(\"keydown\", function(e) {\n if (e.key === \"Escape\" && imageModal.classList.contains(\"active\")) {\n closeModal();\n }\n });\n\n function renderGrid() {\n grid.innerHTML = \"\";\n const start = (currentPage - 1) * itemsPerPage;\n const end = start + itemsPerPage;\n const currentItems = items.slice(start, end);\n\n currentItems.forEach(item => {\n const div = document.createElement(\"div\");\n div.classList.add(\"grid-item\");\n div.innerHTML = `\n <img decoding=\"async\" src=\"${item.src}\" alt=\"${item.title}\">\n <div class=\"caption\">${item.title}<\/div>\n `;\n div.addEventListener(\"click\", () => openModal(item.src, item.title));\n grid.appendChild(div);\n });\n }\n\n function renderPagination() {\n paginationControls.innerHTML = \"\";\n const prevBtn = document.createElement(\"button\");\n prevBtn.textContent = \"\u4e0a\u4e00\u9875\";\n prevBtn.disabled = currentPage === 1;\n prevBtn.addEventListener(\"click\", () => {\n if (currentPage > 1) {\n currentPage--;\n updatePage();\n }\n });\n paginationControls.appendChild(prevBtn);\n\n for (let i = 1; i <= totalPages; i++) {\n const pageBtn = document.createElement(\"button\");\n pageBtn.textContent = i;\n if (i === currentPage) pageBtn.classList.add(\"active\");\n pageBtn.addEventListener(\"click\", () => {\n currentPage = i;\n updatePage();\n });\n paginationControls.appendChild(pageBtn);\n }\n\n const nextBtn = document.createElement(\"button\");\n nextBtn.textContent = \"\u4e0b\u4e00\u9875\";\n nextBtn.disabled = currentPage === totalPages;\n nextBtn.addEventListener(\"click\", () => {\n if (currentPage < totalPages) {\n currentPage++;\n updatePage();\n }\n });\n paginationControls.appendChild(nextBtn);\n }\n\n function updatePage() {\n renderGrid();\n renderPagination();\n }\n\n updatePage();\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u523a\u8eab\u7cfb\u5217 \u523a\u8eab\u7cfb\u5217 Sashimi Series \u7cbe\u54c1\u9ad8\u7aef\u523a\u8eab BOUTIQUE HIGH-END SASHI […]<\/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-114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/114","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=114"}],"version-history":[{"count":10,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":587,"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions\/587"}],"wp:attachment":[{"href":"https:\/\/hainongji.com\/index.php\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}