{"id":3014,"date":"2026-04-21T08:34:37","date_gmt":"2026-04-21T08:34:37","guid":{"rendered":"https:\/\/bouyuen.com\/?page_id=3014"},"modified":"2026-04-21T08:35:42","modified_gmt":"2026-04-21T08:35:42","slug":"reactors-coffee-2","status":"publish","type":"page","link":"https:\/\/bouyuen.com\/en\/reactors-coffee-2\/","title":{"rendered":"Elementor \u9875\u9762 #3014"},"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\n\n\n \n \n Reactors Coffee - \u7a7a\u9593\u5beb\u771f<\/title>\n <style>\n :root {\n --bg-color: #111111;\n --text-gold: #d4b475; \/* \u8cea\u611f\u91d1\u8272 *\/\n --text-gray: #a0a0a0;\n --line-color: #333333;\n }\n\n body {\n margin: 0;\n padding: 0;\n background-color: var(--bg-color);\n font-family: \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", sans-serif;\n color: #ffffff;\n line-height: 1.8;\n }\n\n \/* Hero Banner *\/\n .hero {\n position: relative;\n height: 90vh;\n \/* \u4f7f\u7528 Reactors-Coffee.jpg \u4f5c\u70ba\u6eff\u7248\u4e3b\u8996\u89ba\u80cc\u666f *\/\n background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.85)), url('https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/Reactors-Coffee.jpg') center\/cover no-repeat;\n display: flex;\n align-items: center;\n padding: 0 8%;\n }\n\n .hero-text {\n max-width: 800px;\n }\n\n .hero-text span {\n color: var(--text-gray);\n letter-spacing: 4px;\n font-size: 14px;\n text-transform: uppercase;\n }\n\n .hero-text h1 {\n font-size: clamp(3rem, 8vw, 5rem);\n color: #ffffff;\n margin: 15px 0;\n font-weight: 700;\n letter-spacing: 2px;\n }\n \n .hero-text h1 span {\n color: var(--text-gold);\n font-size: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n }\n\n .hero-text p {\n font-size: 1.1rem;\n letter-spacing: 2px;\n color: #cccccc;\n max-width: 650px;\n margin-top: 20px;\n font-weight: 300;\n }\n\n .gold-line {\n width: 50px;\n height: 2px;\n background: var(--text-gold);\n margin-top: 35px;\n }\n\n \/* Global Container *\/\n .container {\n padding: 80px 8%;\n }\n\n \/* \u8a2d\u8a08\u6982\u5ff5\u6587\u5b57\u5340\u584a *\/\n .concept-wrapper {\n max-width: 800px;\n margin-bottom: 60px;\n }\n\n .concept-title {\n font-size: 24px;\n color: var(--text-gold);\n margin-bottom: 15px;\n letter-spacing: 2px;\n }\n\n .concept-desc {\n color: #b0b0b0;\n font-size: 15px;\n letter-spacing: 1.5px;\n text-align: justify;\n }\n\n .section-header {\n display: flex;\n align-items: center;\n font-size: 13px;\n color: var(--text-gray);\n letter-spacing: 3px;\n margin-bottom: 40px;\n margin-top: 60px;\n }\n\n .section-header::before {\n content: \"\";\n width: 30px;\n height: 1px;\n background: var(--line-color);\n margin-right: 15px;\n }\n\n \/* Grid System *\/\n .row {\n display: grid;\n gap: 25px;\n margin-bottom: 25px;\n }\n\n .col-2 { grid-template-columns: 1fr 1fr; }\n .col-3 { grid-template-columns: 1fr 1fr 1fr; }\n .col-1 { grid-template-columns: 1fr; }\n\n .img-box {\n position: relative;\n overflow: hidden;\n cursor: zoom-in;\n }\n\n .img-box img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.6s ease;\n }\n\n .img-box:hover img {\n transform: scale(1.03);\n }\n\n .label {\n margin-top: 12px;\n font-size: 12px;\n color: var(--text-gray);\n letter-spacing: 1px;\n }\n\n \/* --- \u9ede\u64ca\u9810\u89bd (Lightbox) CSS --- *\/\n .lightbox-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.95);\n display: none;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n cursor: zoom-out;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .lightbox-overlay.active {\n display: flex;\n opacity: 1;\n }\n\n .lightbox-img {\n max-width: 90%;\n max-height: 85vh;\n border: 1px solid #333;\n box-shadow: 0 0 30px rgba(0,0,0,0.8);\n transform: scale(0.95);\n transition: transform 0.3s ease;\n }\n\n .lightbox-overlay.active .lightbox-img {\n transform: scale(1);\n }\n\n .lightbox-close {\n position: absolute;\n top: 25px;\n right: 35px;\n color: #fff;\n font-size: 35px;\n font-family: Arial, sans-serif;\n cursor: pointer;\n line-height: 1;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .col-2, .col-3 { grid-template-columns: 1fr; }\n .hero { height: 70vh; }\n .concept-wrapper { margin-bottom: 40px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"lightbox-overlay\" id=\"gallery-lightbox\">\n <span class=\"lightbox-close\">×<\/span>\n <img decoding=\"async\" class=\"lightbox-img\" src=\"\" alt=\"\u9810\u89bd\u5716\u7247\">\n <\/div>\n\n <section class=\"hero\">\n <div class=\"hero-text\">\n <span>\u7cbe\u54c1\u5496\u5561\u7a7a\u9593 \u00b7 ARTISAN COFFEE SHOP<\/span>\n <h1><span>Reactors<\/span><br>Coffee<\/h1>\n <p>Extract a moment in time to savor the rich aroma. Utilizing a modern minimalist aesthetic language to create an immersive specialty coffee experience space.<\/p>\n <div class=\"gold-line\"><\/div>\n <\/div>\n <\/section>\n\n <div class=\"container\">\n \n <div class=\"concept-wrapper\">\n <div class=\"concept-title\">Design Concept \/ \u8a2d\u8a08\u7406\u5ff5<\/div>\n <div class=\"concept-desc\">\n This project centers on the core design axis of \"purity, steadiness, and craftsmanship,\" perfectly blending modern style with warm textures. The space utilizes restrained color tones and sleek lines to highlight the professional image of coffee artisans. The open bar counter, serving as the core of visual and spatial circulation, not only bridges the distance between baristas and customers but also transforms the pour-over and espresso extraction processes into a stunning sensory performance. The meticulously planned lighting layers and comfortable seating arrangements provide a tranquil oasis for busy urban souls to quietly savor the aroma of coffee.\n <\/div>\n <\/div>\n\n <div class=\"section-header\">Space Photography (9 Scenes in Total)<\/div>\n\n <!-- \u7b2c\u4e00\u5c64\uff1a2\u6b04 -->\n <div class=\"row col-2\">\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/Reactors-Coffee.jpg\" alt=\"\u9580\u9762\u5916\u89c0\" style=\"height: 450px;\">\n <div class=\"label\">Main Visual Perspective \u2014 Modern minimalist brand imagery<\/div>\n <\/div>\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/Reactors-Coffee2.jpg\" alt=\"\u5c08\u696d\u5427\u6aaf\" style=\"height: 450px;\">\n <div class=\"label\">Professional Bar Counter \u2014 A performance stage for artisan spirit<\/div>\n <\/div>\n <\/div>\n\n <!-- \u7b2c\u4e8c\u5c64\uff1a3\u6b04 -->\n <div class=\"row col-3\">\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/Reactors-Coffee3.jpg\" alt=\"\u7a7a\u9593\u8996\u89d2\" style=\"height: 350px;\">\n <div class=\"label\">Spatial Perspective \u2014 Steady and restrained spatial tone<\/div>\n <\/div>\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/Reactors-Coffee4.jpg\" alt=\"\u5ea7\u5e2d\u914d\u7f6e\" style=\"height: 350px;\">\n <div class=\"label\">Seating Configuration \u2014 A comfortable and cozy tasting corner<\/div>\n <\/div>\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/Reactors-Coffee5.jpg\" alt=\"\u5149\u5f71\u7d30\u7bc0\" style=\"height: 350px;\">\n <div class=\"label\">Light and Shadow Details \u2014 Lighting design creating a tranquil atmosphere<\/div>\n <\/div>\n <\/div>\n\n <!-- \u7b2c\u4e09\u5c64\uff1a2\u6b04 -->\n <div class=\"row col-2\">\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/Reactors-Coffee6.jpg\" alt=\"\u7246\u9762\u8a2d\u8a08\" style=\"height: 450px;\">\n <div class=\"label\">Wall Design \u2014 A dialogue between sleek lines and materials<\/div>\n <\/div>\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/Reactors-Coffee7.jpg\" alt=\"\u7a7a\u9593\u4e00\u9685\" style=\"height: 450px;\">\n <div class=\"label\">A Corner of the Space \u2014 An immersive coffee experience<\/div>\n <\/div>\n <\/div>\n\n <!-- \u7b2c\u56db\u5c64\uff1a2\u6b04 -->\n <div class=\"row col-2\">\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/Reactors-Coffee8.jpg\" alt=\"\u8cea\u611f\u7d30\u7bc0\" style=\"height: 450px;\">\n <div class=\"label\">Refined Details \u2014 Perfect integration of function and aesthetics<\/div>\n <\/div>\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/Reactors-Coffee9.jpg\" alt=\"\u7528\u9910\u74b0\u5883\" style=\"height: 450px;\">\n <div class=\"label\">Overall Atmosphere \u2014 A tranquil oasis exclusively for urban travelers<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <script>\n const lightbox = document.getElementById('gallery-lightbox');\n const lightboxImg = lightbox.querySelector('.lightbox-img');\n const imgBoxes = document.querySelectorAll('.img-box img');\n\n \/\/ \u9ede\u64ca\u5716\u7247\u958b\u555f\u9810\u89bd\n imgBoxes.forEach(img => {\n img.parentElement.addEventListener('click', () => {\n lightboxImg.src = img.src;\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ \u7981\u6b62\u6efe\u52d5\n });\n });\n\n \/\/ \u9ede\u64ca\u4efb\u4f55\u5730\u65b9\u95dc\u9589\n lightbox.addEventListener('click', () => {\n lightbox.classList.remove('active');\n document.body.style.overflow = 'auto'; \/\/ \u6062\u5fa9\u6efe\u52d5\n });\n <\/script>\n\n<\/body>\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>Reactors Coffee – \u7a7a\u9593\u5beb\u771f × \u7cbe\u54c1\u5496\u5561\u7a7a\u9593 \u00b7 ARTISAN C […]<\/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-3014","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":"Reactors Coffee – \u7a7a\u9593\u5beb\u771f × \u7cbe\u54c1\u5496\u5561\u7a7a\u9593 \u00b7 ARTISAN C…","_links":{"self":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages\/3014","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=3014"}],"version-history":[{"count":0,"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages\/3014\/revisions"}],"wp:attachment":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/media?parent=3014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}