{"id":2501,"date":"2026-04-12T12:39:03","date_gmt":"2026-04-12T12:39:03","guid":{"rendered":"https:\/\/bouyuen.com\/?page_id=2501"},"modified":"2026-04-13T08:01:05","modified_gmt":"2026-04-13T08:01:05","slug":"kokoro","status":"publish","type":"page","link":"https:\/\/bouyuen.com\/en\/kokoro\/","title":{"rendered":"Kokoro"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Kokoro Tokyo Mazesoba - \u7a7a\u9593\u5beb\u771f<\/title>\r\n <style>\r\n :root {\r\n --bg-color: #111111;\r\n --text-gold: #d4b475;\r\n --text-gray: #a0a0a0;\r\n --line-color: #333333;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: var(--bg-color);\r\n font-family: \"Noto Sans TC\", sans-serif;\r\n color: #ffffff;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Hero Banner *\/\r\n .hero {\r\n position: relative;\r\n height: 90vh;\r\n background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.8)), url('https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/1.jpg') center\/cover no-repeat;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 8%;\r\n }\r\n\r\n .hero-text {\r\n max-width: 800px;\r\n }\r\n\r\n .hero-text span {\r\n color: var(--text-gray);\r\n letter-spacing: 4px;\r\n font-size: 14px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .hero-text h1 {\r\n font-size: clamp(3rem, 8vw, 5rem);\r\n color: var(--text-gold);\r\n margin: 15px 0;\r\n font-weight: 300;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 1.1rem;\r\n letter-spacing: 2px;\r\n color: #eeeeee;\r\n }\r\n\r\n .gold-line {\r\n width: 50px;\r\n height: 1px;\r\n background: var(--text-gold);\r\n margin-top: 30px;\r\n }\r\n\r\n \/* Global Container *\/\r\n .container {\r\n padding: 60px 8%;\r\n }\r\n\r\n .section-header {\r\n display: flex;\r\n align-items: center;\r\n font-size: 13px;\r\n color: var(--text-gray);\r\n letter-spacing: 3px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .section-header::before {\r\n content: \"\";\r\n width: 30px;\r\n height: 1px;\r\n background: var(--line-color);\r\n margin-right: 15px;\r\n }\r\n\r\n \/* Grid System *\/\r\n .row {\r\n display: grid;\r\n gap: 25px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .col-2 { grid-template-columns: 1fr 1fr; }\r\n .col-3 { grid-template-columns: 1fr 1fr 1fr; }\r\n .col-1 { grid-template-columns: 1fr; }\r\n\r\n .img-box {\r\n position: relative;\r\n overflow: hidden;\r\n cursor: zoom-in; \/* \u6ed1\u9f20\u8b8a\u70ba\u653e\u5927\u93e1 *\/\r\n }\r\n\r\n .img-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .img-box:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n .label {\r\n margin-top: 12px;\r\n font-size: 12px;\r\n color: var(--text-gray);\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* --- \u9ede\u64ca\u9810\u89bd (Lightbox) CSS --- *\/\r\n .lightbox-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.95);\r\n display: none; \/* \u9810\u8a2d\u96b1\u85cf *\/\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 9999;\r\n cursor: zoom-out;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .lightbox-overlay.active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .lightbox-img {\r\n max-width: 90%;\r\n max-height: 85vh;\r\n border: 1px solid #333;\r\n box-shadow: 0 0 30px rgba(0,0,0,0.8);\r\n transform: scale(0.95);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .lightbox-overlay.active .lightbox-img {\r\n transform: scale(1);\r\n }\r\n\r\n .lightbox-close {\r\n position: absolute;\r\n top: 25px;\r\n right: 35px;\r\n color: #fff;\r\n font-size: 35px;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n line-height: 1;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .col-2, .col-3 { grid-template-columns: 1fr; }\r\n .hero { height: 70vh; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"lightbox-overlay\" id=\"gallery-lightbox\">\r\n <span class=\"lightbox-close\">×<\/span>\r\n <img decoding=\"async\" class=\"lightbox-img\" src=\"\" alt=\"\u9810\u89bd\u5716\u7247\">\r\n <\/div>\r\n\r\n <section class=\"hero\">\r\n <div class=\"hero-text\">\r\n <span>\u6771\u4eac \u00b7 TOKYO<\/span>\r\n <h1>Kokoro Tokyo<br>Mazesoba<\/h1>\r\n <p><\/p>\r\n <div class=\"gold-line\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"container\">\r\n <div class=\"section-header\">\u7a7a\u9593\u5beb\u771f<\/div>\r\n\r\n <div class=\"row col-2\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/10.jpg\" alt=\"\u5916\u89c0\" style=\"height: 500px;\">\r\n <div class=\"label\">\u5916\u89c0<\/div>\r\n <\/div>\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/4.jpg\" alt=\"\u958b\u653e\u5f0f\u5eda\u623f\" style=\"height: 500px;\">\r\n <div class=\"label\">\u958b\u653e\u5f0f\u5eda\u623f<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"row col-1\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/3.jpg\" alt=\"\u5ba4\u5167\u7a7a\u9593\" style=\"height: 600px;\">\r\n <div class=\"label\">\u5ba4\u5167\u7a7a\u9593<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"row col-3\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/6.jpg\" alt=\"\u7d30\u7bc0\u88dd\u98fe\" style=\"height: 550px;\">\r\n <div class=\"label\">\u7d30\u7bc0\u88dd\u98fe<\/div>\r\n <\/div>\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/2.jpg\" alt=\"\u6cb3\u666f\u7522\u4f4d\" style=\"height: 550px;\">\r\n <div class=\"label\">\u6cb3\u666f\u7522\u4f4d<\/div>\r\n <\/div>\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/7.jpg\" alt=\"\u5929\u82b1\u5de5\u85dd\" style=\"height: 550px;\">\r\n <div class=\"label\">\u5929\u82b1\u5de5\u85dd<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"row col-2\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/9.jpg\" alt=\"\u7528\u9910\u5340\" style=\"height: 450px;\">\r\n <div class=\"label\">\u7528\u9910\u5340<\/div>\r\n <\/div>\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/5.jpg\" alt=\"\u5ea7\u5e2d\" style=\"height: 450px;\">\r\n <div class=\"label\">\u5ea7\u5e2d<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const lightbox = document.getElementById('gallery-lightbox');\r\n const lightboxImg = lightbox.querySelector('.lightbox-img');\r\n const imgBoxes = document.querySelectorAll('.img-box img');\r\n\r\n \/\/ \u9ede\u64ca\u5716\u7247\u958b\u555f\u9810\u89bd\r\n imgBoxes.forEach(img => {\r\n img.parentElement.addEventListener('click', () => {\r\n lightboxImg.src = img.src;\r\n lightbox.classList.add('active');\r\n document.body.style.overflow = 'hidden'; \/\/ \u7981\u6b62\u6efe\u52d5\r\n });\r\n });\r\n\r\n \/\/ \u9ede\u64ca\u4efb\u4f55\u5730\u65b9\u95dc\u9589\r\n lightbox.addEventListener('click', () => {\r\n lightbox.classList.remove('active');\r\n document.body.style.overflow = 'auto'; \/\/ \u6062\u5fa9\u6efe\u52d5\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Kokoro Tokyo Mazesoba – \u7a7a\u9593\u5beb\u771f × \u6771\u4eac \u00b7 TOKYO K […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-2501","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"2523841739@qq.com","author_link":"https:\/\/bouyuen.com\/en\/author\/2523841739qq-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Kokoro Tokyo Mazesoba – \u7a7a\u9593\u5beb\u771f × \u6771\u4eac \u00b7 TOKYO K…","_links":{"self":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages\/2501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/comments?post=2501"}],"version-history":[{"count":0,"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages\/2501\/revisions"}],"wp:attachment":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/media?parent=2501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}