{"id":8,"date":"2025-06-19T14:02:05","date_gmt":"2025-06-19T14:02:05","guid":{"rendered":"https:\/\/bouyuen.com\/about\/"},"modified":"2026-05-04T13:05:54","modified_gmt":"2026-05-04T13:05:54","slug":"about","status":"publish","type":"page","link":"https:\/\/bouyuen.com\/en\/about\/","title":{"rendered":"About"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae2da10 e-flex e-con-boxed e-con e-parent\" data-id=\"ae2da10\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d21ff2 elementor-widget elementor-widget-html\" data-id=\"9d21ff2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u5bf6\u6e90\u88dd\u4fee\u8a2d\u8a08 - \u54c1\u724c\u4ecb\u7d39\u8f2a\u64ad<\/title>\n<style>\n    \/* ==========================================================================\n       \u5168\u5c40\u8a2d\u5b9a\u8207 100vw \u5f37\u884c\u5168\u5bec (Breakout) \u6280\u5de7\n       ========================================================================== *\/\n    .by-splash-wrapper {\n        font-family: \"PingFang TC\", \"Microsoft JhengHei\", sans-serif !important;\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        overflow: hidden !important;\n        height: 100vh !important; \n        min-height: 600px !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        background-color: #152747 !important; \n    }\n\n    \/* ================= \u80cc\u666f\u8f2a\u64ad\u5207\u63db\u8a2d\u5b9a ================= *\/\n    .by-slideshow {\n        position: absolute !important; top: 0 !important; left: 0 !important;\n        width: 100% !important; height: 100% !important; z-index: 0 !important;\n    }\n    .by-slide {\n        position: absolute !important; top: 0 !important; left: 0 !important;\n        width: 100% !important; height: 100% !important;\n        background-size: cover !important; background-position: center center !important;\n        background-attachment: fixed !important; opacity: 0; \n        animation: byBgCrossFade 25s infinite linear !important;\n    }\n    .by-slide:nth-child(1) { animation-delay: 0s !important; }\n    .by-slide:nth-child(2) { animation-delay: 5s !important; }\n    .by-slide:nth-child(3) { animation-delay: 10s !important; }\n    .by-slide:nth-child(4) { animation-delay: 15s !important; }\n    .by-slide:nth-child(5) { animation-delay: 20s !important; }\n\n    @keyframes byBgCrossFade {\n        0% { opacity: 0; } 5% { opacity: 1; } 20% { opacity: 1; } 25% { opacity: 0; } 100% { opacity: 0; }\n    }\n\n    \/* \u6df1\u8272\u6f38\u5c64\u906e\u7f69\uff1a\u8b93\u6587\u5b57\u6e05\u6670\uff0c\u4fdd\u7559\u80cc\u666f\u8cea\u611f *\/\n    .by-splash-overlay {\n        position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        background: linear-gradient(to bottom, rgba(21, 39, 71, 0.6) 0%, rgba(10, 15, 25, 0.85) 100%) !important;\n        z-index: 1 !important;\n    }\n\n    \/* ================= \u6838\u5fc3\u6587\u5b57\u6392\u7248 (\u5de6\u53f3\u5c0d\u9f4a\u4f48\u5c40) ================= *\/\n    .by-splash-content {\n        position: relative !important;\n        z-index: 2 !important;\n        width: 100% !important;\n        padding: 0 20px !important;\n    }\n\n    .by-intro-flex {\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        gap: 50px !important;\n        max-width: 1000px !important;\n        margin: 0 auto !important;\n    }\n\n    \/* \u5de6\u5074\uff1a\u6a19\u984c\u5340 *\/\n    .by-intro-left {\n        flex: 1 !important;\n        text-align: right !important;\n        opacity: 0;\n        animation: byFadeInLeft 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards 0.4s !important;\n    }\n\n    .by-intro-title {\n        color: #ffffff !important;\n        font-size: 64px !important;\n        font-weight: bold !important;\n        letter-spacing: 15px !important;\n        margin: 0 0 15px -15px !important; \/* \u62b5\u6d88\u6700\u5f8c\u4e00\u500b\u5b57\u7684 letter-spacing \u78ba\u4fdd\u5c0d\u9f4a *\/\n        text-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;\n    }\n\n    .by-intro-sub {\n        color: #c5a059 !important;\n        font-size: 15px !important;\n        letter-spacing: 2px !important;\n        line-height: 1.8 !important;\n        margin: 0 !important;\n    }\n\n    \/* \u4e2d\u9593\uff1a\u5782\u76f4\u91d1\u7dda *\/\n    .by-intro-line {\n        width: 2px !important;\n        height: 140px !important;\n        background-color: #c5a059 !important;\n        opacity: 0;\n        transform: scaleY(0);\n        transform-origin: center !important;\n        animation: byLineGrowY 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards 1s !important;\n    }\n\n    \/* \u53f3\u5074\uff1a\u5167\u6587\u5340 *\/\n    .by-intro-right {\n        flex: 1 !important;\n        text-align: left !important;\n        max-width: 480px !important;\n        opacity: 0;\n        animation: byFadeInRight 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards 0.7s !important;\n    }\n\n    .by-intro-desc {\n        color: #d1d5db !important;\n        font-size: 15px !important;\n        line-height: 2 !important;\n        letter-spacing: 1px !important;\n        margin: 0 0 15px 0 !important;\n        text-align: justify !important;\n    }\n\n    .by-intro-desc:last-child {\n        margin-bottom: 0 !important;\n    }\n\n    \/* \u91dd\u5c0d\u91cd\u9ede\u6587\u5b57\u7684\u7279\u6b8a\u6a23\u5f0f *\/\n    .by-intro-highlight {\n        color: #ffffff !important;\n        font-weight: bold !important;\n        border-bottom: 1px solid #c5a059 !important;\n        padding-bottom: 2px !important;\n    }\n\n    \/* ================= \u6efe\u52d5\u63d0\u793a (Scroll Indicator) ================= *\/\n    .by-scroll-indicator {\n        position: absolute !important; bottom: 40px !important; left: 50% !important; transform: translateX(-50%) !important;\n        z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: center !important;\n        color: #ffffff !important; opacity: 0; animation: byFadeInUp 1s ease forwards 1.8s !important;\n    }\n    .by-scroll-text { font-size: 12px !important; letter-spacing: 3px !important; text-transform: uppercase !important; margin-bottom: 10px !important; opacity: 0.7 !important; }\n    .by-scroll-mouse { width: 24px !important; height: 38px !important; border: 2px solid rgba(255,255,255,0.6) !important; border-radius: 15px !important; position: relative !important; }\n    .by-scroll-wheel { width: 4px !important; height: 8px !important; background-color: #c5a059 !important; border-radius: 2px !important; position: absolute !important; top: 6px !important; left: 50% !important; transform: translateX(-50%) !important; animation: byScrollBounce 1.5s infinite !important; }\n\n    \/* ================= \u52d5\u756b Keyframes ================= *\/\n    @keyframes byFadeInLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\n    @keyframes byFadeInRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\n    @keyframes byFadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n    @keyframes byLineGrowY { 0% { opacity: 0; transform: scaleY(0); } 100% { opacity: 1; transform: scaleY(1); } }\n    @keyframes byLineGrowX { 0% { opacity: 0; transform: scaleX(0); } 100% { opacity: 1; transform: scaleX(1); } }\n    @keyframes byScrollBounce { 0% { top: 6px; opacity: 1; } 100% { top: 20px; opacity: 0; } }\n\n    \/* ================= \u624b\u6a5f\u7248\u9069\u914d ================= *\/\n    @media (max-width: 768px) {\n        .by-intro-flex {\n            flex-direction: column !important; \/* \u624b\u6a5f\u7aef\u6539\u70ba\u4e0a\u4e0b\u5806\u758a *\/\n            text-align: center !important;\n            gap: 30px !important;\n        }\n        .by-intro-left { text-align: center !important; }\n        .by-intro-title { font-size: 48px !important; margin: 0 0 15px 0 !important; letter-spacing: 10px !important;}\n        .by-intro-right { text-align: center !important; }\n        .by-intro-desc { text-align: center !important; }\n        \n        \/* \u624b\u6a5f\u7aef\u5782\u76f4\u91d1\u7dda\u8b8a\u6210\u6c34\u5e73\u91d1\u7dda *\/\n        .by-intro-line {\n            width: 80px !important;\n            height: 2px !important;\n            transform: scaleX(0);\n            animation: byLineGrowX 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards 1s !important;\n        }\n        .by-slide { background-attachment: scroll !important; }\n    }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"by-splash-wrapper\">\n    \n    <!-- 5\u5f35\u80cc\u666f\u5716\u7247\u8f2a\u64ad\u5340 -->\n    <div class=\"by-slideshow\">\n        <div class=\"by-slide\" style=\"background-image: url('https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/\u83ef\u5bcc\u5de5\u8cbf\u4e2d\u5fc33.jpg');\"><\/div>\n        <div class=\"by-slide\" style=\"background-image: url('https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/10.jpg');\"><\/div>\n        <div class=\"by-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=1920&auto=format&fit=crop');\"><\/div>\n        <div class=\"by-slide\" style=\"background-image: url('https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2023-03-23-at-15.07.39.jpeg');\"><\/div>\n        <div class=\"by-slide\" style=\"background-image: url('https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/TKO_Ramen-Yaichi_006-e1776260258109.jpg');\"><\/div>\n    <\/div>\n\n    <!-- \u6f38\u5c64\u906e\u7f69 -->\n    <div class=\"by-splash-overlay\"><\/div>\n\n    <!-- \u6838\u5fc3\u6587\u5b57\u5340\u584a (\u5de6\u53f3\u4f48\u5c40) -->\n    <div class=\"by-splash-content\">\n        <div class=\"by-intro-flex\">\n            \n            <!-- \u5de6\u5074\uff1a\u6a19\u984c -->\n            <div class=\"by-intro-left\">\n                <h2 class=\"by-intro-title\">Bouyuen<\/h2>\n                <p class=\"by-intro-sub\">A creative company deeply rooted in contemporary interior design<br>and space transformation.<\/p>\n            <\/div>\n\n            <!-- \u4e2d\u9593\uff1a\u91d1\u7dda\u5206\u9694 -->\n            <div class=\"by-intro-line\"><\/div>\n\n            <!-- \u53f3\u5074\uff1a\u5167\u6587\u4ecb\u7d39 -->\n            <div class=\"by-intro-right\">\n                <p class=\"by-intro-desc\">Formerly known as Bouyuen Electrical Engineering Company, we have accumulated extensive experience in engineering design and collaboration over the years. <span class=\"by-intro-highlight\">We are dedicated to providing comprehensive turnkey design and precision execution services for residential, commercial, and food &amp; beverage spaces. We do not merely create aesthetic containers;<\/span>.<\/p>\n                <p class=\"by-intro-desc\">We go beyond merely creating aesthetically pleasing spaces; we focus on deconstructing the profound connection between people and their environments. With a highly professional perspective, we guide you through the seamless execution of your design and renovation.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n\n        <\/div>\n    <\/div>\n<\/div>\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<div class=\"elementor-element elementor-element-a359009 e-con-full e-flex e-con e-child\" data-id=\"a359009\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff9a184 elementor-widget elementor-widget-html\" data-id=\"ff9a184\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<style>\n  \/* ==========================================================================\n   \u5168\u5c40\u8a2d\u5b9a\u8207 100vw \u5f37\u884c\u5168\u5bec (Breakout) \u6280\u5de7\n   ========================================================================== *\/\n  .by-reno-wrapper {\n    box-sizing: border-box !important;\n    padding: 120px 5% !important; \/* \u589e\u52a0\u4e0a\u4e0b\u7559\u767d\uff0c\u63d0\u5347\u547c\u5438\u611f *\/\n    font-family: \"PingFang TC\", \"Microsoft JhengHei\", sans-serif !important;\n    width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    overflow: hidden !important;\n    z-index: 1 !important;\n\n    \/* 1. \u7d71\u4e00\u80cc\u666f\uff1a\u5fae\u7070\u6f38\u5c64 + \u5de5\u7a0b\u9ede\u9663\u7db2\u683c *\/\n    background: \n      radial-gradient(rgba(21, 39, 71, 0.05) 2px, transparent 2px), \n      linear-gradient(135deg, #ffffff 0%, #f4f6f9 100%) !important; \n    background-size: 30px 30px, 100% 100% !important;\n    background-position: center top !important;\n  }\n\n  .by-reno-wrapper * {\n    box-sizing: border-box !important;\n    outline: none !important;\n  }\n\n  \/* ================= \u80cc\u666f\u88dd\u98fe\u5143\u7d20 (\u9ad8\u7d1a\u611f\u9ede\u7db4) ================= *\/\n\n  \/* 2. \u5de8\u578b\u93e4\u7a7a\u5b57\u6bcd\u6d6e\u6c34\u5370 *\/\n  .by-reno-wrapper::before {\n    content: \"RENOVATION\" !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    font-size: 14vw !important; \n    font-weight: 900 !important;\n    color: rgba(21, 39, 71, 0.01) !important;\n    -webkit-text-stroke: 2px rgba(21, 39, 71, 0.06) !important;\n    z-index: 0 !important;\n    letter-spacing: 20px !important;\n    white-space: nowrap !important;\n    user-select: none !important;\n    pointer-events: none !important;\n  }\n\n  \/* 3. \u9999\u6ab3\u91d1\u5e7e\u4f55\u5713\u74b0 (\u5de6\u4e0b\u89d2) *\/\n  .by-reno-wrapper::after {\n    content: \"\" !important;\n    position: absolute !important;\n    bottom: -100px !important;\n    left: -100px !important;\n    width: 500px !important;\n    height: 500px !important;\n    border: 2px solid rgba(197, 160, 89, 0.25) !important;\n    border-radius: 50% !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n  }\n\n  \/* 4. \u53f3\u5074\u5782\u76f4\u88dd\u98fe\u7dda *\/\n  .by-reno-bg-line {\n    position: absolute !important;\n    top: 15% !important;\n    right: 5% !important;\n    width: 2px !important;\n    height: 70% !important;\n    background: linear-gradient(to top, rgba(197, 160, 89, 0), rgba(197, 160, 89, 0.4), rgba(197, 160, 89, 0)) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n  }\n\n  \/* ================= \u52d5\u756b\u985e\u8a2d\u5b9a ================= *\/\n  .by-fade-right { opacity: 0; transform: translateX(-50px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }\n  .by-fade-left { opacity: 0; transform: translateX(50px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }\n  .by-fade-up { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }\n  .by-active { opacity: 1 !important; transform: translate(0, 0) !important; }\n\n  \/* ================= \u5167\u5bb9\u6392\u7248 ================= *\/\n  .by-reno-header {\n    text-align: center !important;\n    margin-bottom: 80px !important;\n    position: relative !important;\n    z-index: 2 !important;\n  }\n\n  .by-reno-main-title {\n    color: #152747 !important;\n    font-size: 42px !important;\n    font-weight: 900 !important;\n    margin: 0 0 20px 0 !important;\n    letter-spacing: 2px !important;\n  }\n\n  .by-reno-header-divider {\n    width: 80px !important;\n    height: 4px !important;\n    background-color: #c5a059 !important;\n    margin: 0 auto !important;\n  }\n\n  \/* \u5716\u6587\u4ea4\u932f\u5340\u584a (Row) *\/\n  .by-reno-row {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    max-width: 1200px !important;\n    margin: 0 auto 100px auto !important;\n    gap: 60px !important;\n    position: relative !important;\n    z-index: 2 !important; \/* \u78ba\u4fdd\u5167\u5bb9\u5728\u88dd\u98fe\u80cc\u666f\u4e4b\u4e0a *\/\n  }\n  .by-reno-row:last-child { margin-bottom: 0 !important; }\n\n  \/* \u6587\u5b57\u8207\u5716\u7247\u6b04\u4f4d *\/\n  .by-reno-col-text { flex: 1 !important; min-width: 320px !important; }\n  .by-reno-col-img { flex: 1 !important; min-width: 320px !important; position: relative !important; }\n\n  \/* \u70ba\u4e86\u8b93\u6587\u5b57\u5728\u8907\u96dc\u80cc\u666f\u4e0a\u66f4\u597d\u8b80\uff0c\u52a0\u5165\u5fae\u5f31\u7684\u6bdb\u73bb\u7483\u5e95\u8272 *\/\n  .by-reno-text-inner {\n    background: rgba(255, 255, 255, 0.4) !important;\n    backdrop-filter: blur(5px) !important;\n    padding: 20px !important;\n    border-radius: 12px !important;\n  }\n\n  .by-reno-subtitle {\n    display: block !important;\n    color: #c5a059 !important;\n    font-size: 14px !important;\n    letter-spacing: 4px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    margin-bottom: 15px !important;\n  }\n\n  .by-reno-title {\n    color: #152747 !important;\n    font-size: 34px !important;\n    font-weight: bold !important;\n    margin: 0 0 20px 0 !important;\n    line-height: 1.4 !important;\n    letter-spacing: 1px !important;\n  }\n\n  .by-reno-desc {\n    color: #555555 !important;\n    font-size: 16.5px !important;\n    line-height: 1.9 !important;\n    margin: 0 !important;\n    text-align: justify !important;\n  }\n\n  \/* --- \u756b\u5eca\u98a8\u683c\u5716\u7247\u6a23\u5f0f --- *\/\n  .by-reno-img-box {\n    border-radius: 6px !important;\n    overflow: hidden !important;\n    box-shadow: 0 25px 50px rgba(21, 39, 71, 0.15) !important; \/* \u52a0\u6df1\u9670\u5f71 *\/\n    border: 10px solid #ffffff !important; \/* \u7c97\u767d\u908a\u6846\u756b\u5eca\u611f *\/\n    position: relative !important;\n    background-color: #ffffff !important;\n  }\n\n  .by-reno-img-box img {\n    width: 100% !important;\n    height: auto !important;\n    display: block !important;\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n    object-fit: cover !important;\n    aspect-ratio: 4\/3 !important; \n  }\n\n  .by-reno-img-box:hover img {\n    transform: scale(1.08) !important;\n  }\n\n  \/* --- \u624b\u6a5f\/\u5e73\u677f\u9069\u914d --- *\/\n  @media (max-width: 992px) {\n    .by-reno-wrapper::before { font-size: 18vw !important; }\n    .by-reno-row { gap: 40px !important; margin-bottom: 70px !important; }\n    .by-reno-col-text { order: 2 !important; }\n    .by-reno-col-img { order: 1 !important; }\n    .by-reno-main-title { font-size: 34px !important; }\n    .by-reno-title { font-size: 28px !important; }\n  }\n  @media (max-width: 768px) {\n    .by-reno-wrapper { padding: 80px 20px !important; }\n    .by-reno-bg-line { display: none !important; }\n    .by-reno-wrapper::before { font-size: 24vw !important; top: 45% !important; letter-spacing: 10px !important; }\n    .by-reno-img-box { border-width: 6px !important; }\n    .by-reno-text-inner { padding: 10px !important; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"by-reno-wrapper\">\n  \n  <!-- \u65b0\u589e\u7684\u80cc\u666f\u88dd\u98fe\u5143\u7d20 (\u53f3\u5074\u91d1\u7dda) -->\n  <div class=\"by-reno-bg-line\"><\/div>\n\n  <!-- \u9802\u90e8\u6a19\u984c -->\n  <div class=\"by-reno-header by-fade-up\">\n    <h2 class=\"by-reno-main-title\">About decoration design<\/h2>\n    <div class=\"by-reno-header-divider\"><\/div>\n  <\/div>\n\n  <!-- \u5340\u584a 1: \u8a2d\u8a08\u54f2\u5b78 (\u5de6\u5716\u53f3\u6587) -->\n  <div class=\"by-reno-row\">\n    <div class=\"by-reno-col-img by-fade-right\">\n      <div class=\"by-reno-img-box\">\n        <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/06\/\u5fae\u4fe1\u622a\u56fe_20250606190935.jpg\" alt=\"\u878d\u5408\u6a5f\u80fd\u7f8e\u5b78\">\n      <\/div>\n    <\/div>\n    <div class=\"by-reno-col-text by-fade-left\">\n      <div class=\"by-reno-text-inner\">\n        <span class=\"by-reno-subtitle\">DESIGN PHILOSOPHY<\/span>\n        <h3 class=\"by-reno-title\">Integrating Functional Aesthetics,<br>Infusing Spaces with Warmth<\/h3>\n        <p class=\"by-reno-desc\">Our design philosophy harmonizes functional aesthetics with a humanistic spirit. We pursue more than just visual harmony and innovation; we prioritize practicality, spatial flow, and sustainability. From meticulous material selection and lighting planning to ingenious storage solutions, we strive to infuse emotional warmth into rational structures, creating enduring spaces that truly resonate with everyday life.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u5340\u584a 2: \u5ee0\u623f\u8207\u4e00\u689d\u9f8d\u670d\u52d9 (\u5de6\u6587\u53f3\u5716) -->\n  <div class=\"by-reno-row\">\n    <div class=\"by-reno-col-text by-fade-right\">\n      <div class=\"by-reno-text-inner\">\n        <span class=\"by-reno-subtitle\">ONE-STOP SERVICE<\/span>\n        <h3 class=\"by-reno-title\">In-House Factory for Customization,<br>Comprehensive One-Stop Service<\/h3>\n        <p class=\"by-reno-desc\">Bouyuen utilizes its own manufacturing facilities to provide bespoke customization for steel fixtures and construction materials. Our senior craftsmen personally conduct on-site measurements and oversee the entire process, ensuring authentic materials and fair pricing. Through our comprehensive one-stop service, we eliminate tedious communication costs for our clients, striving to complete construction, secure licensing, and commence operations in the shortest time possible.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"by-reno-col-img by-fade-left\">\n      <div class=\"by-reno-img-box\">\n        <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/\u83ef\u5bcc\u5de5\u8cbf\u4e2d\u5fc33-1.jpg\" alt=\"\u81ea\u8a2d\u5ee0\u623f\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u5340\u584a 3: \u724c\u7167\u8207\u7dca\u5bc6\u5354\u4f5c (\u5de6\u5716\u53f3\u6587) -->\n  <div class=\"by-reno-row\">\n    <div class=\"by-reno-col-img by-fade-right\">\n      <div class=\"by-reno-img-box\">\n        <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/\u5fae\u4fe1\u622a\u56fe_20250702210045.jpg\" alt=\"\u5c08\u696d\u724c\u7167\u8207\u7cbe\u6e96\u843d\u5730\">\n      <\/div>\n    <\/div>\n    <div class=\"by-reno-col-text by-fade-left\">\n      <div class=\"by-reno-text-inner\">\n        <span class=\"by-reno-subtitle\">PROFESSIONAL PARTNER<\/span>\n        <h3 class=\"by-reno-title\">Professional Licensing Oversight,<br>Precise Execution Throughout<\/h3>\n        <p class=\"by-reno-desc\">Leveraging our profound familiarity with catering license requirements and approval procedures, Bouyuen meticulously considers professional restaurant engineering solutions from the earliest stages of preparation, mitigating the risk of licensing delays. Through active listening and professional guidance, we collaborate closely from conceptualization to construction supervision, ultimately bringing your ideal space to life.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- \u6efe\u52d5\u89f8\u767c\u52d5\u756b\u8173\u672c -->\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ \u9078\u53d6\u6240\u6709\u5e36\u6709\u6de1\u5165\u52d5\u756b class \u7684\u5143\u7d20\n    const revealElements = document.querySelectorAll('.by-fade-right, .by-fade-left, .by-fade-up');\n     \n    \/\/ \u5efa\u7acb IntersectionObserver \u89c0\u5bdf\u5668\n    const observer = new IntersectionObserver((entries, observer) => {\n      entries.forEach(entry => {\n        \/\/ \u7576\u5143\u7d20\u9032\u5165\u756b\u9762\u8996\u7a97\u6642\n        if (entry.isIntersecting) {\n          entry.target.classList.add('by-active');\n          observer.unobserve(entry.target); \/\/ \u52d5\u756b\u53ea\u64ad\u653e\u4e00\u6b21\n        }\n      });\n    }, {\n      root: null,\n      rootMargin: '0px 0px -100px 0px', \/\/ \u63d0\u65e9\u4e00\u9ede\u9ede\u89f8\u767c\uff0c\u8b93\u52d5\u756b\u770b\u8d77\u4f86\u66f4\u81ea\u7136\n      threshold: 0.1 \n    });\n\n    \/\/ \u5c07\u6240\u6709\u5143\u7d20\u52a0\u5165\u89c0\u5bdf\n    revealElements.forEach(el => observer.observe(el));\n  });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f28885 e-flex e-con-boxed e-con e-parent\" data-id=\"2f28885\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7287f57 elementor-widget elementor-widget-html\" data-id=\"7287f57\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<style>\n  \/* ================= \u57fa\u790e\u8207\u8b8a\u6578 ================= *\/\n  .by-about-wrapper {\n    box-sizing: border-box !important;\n    font-family: \"PingFang TC\", \"Microsoft JhengHei\", sans-serif !important;\n    width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    overflow: hidden !important;\n    color: #333333 !important;\n  }\n  .by-about-wrapper * {\n    box-sizing: border-box !important;\n    outline: none !important;\n  }\n\n  \/* \u5171\u7528\u6a19\u984c\u6a23\u5f0f *\/\n  .by-eyebrow {\n    display: block !important;\n    color: #c5a059 !important;\n    font-size: 14px !important;\n    letter-spacing: 3px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    margin-bottom: 15px !important;\n  }\n  .by-maintitle {\n    font-size: 38px !important;\n    font-weight: 900 !important;\n    margin: 0 0 20px 0 !important;\n    line-height: 1.3 !important;\n  }\n  .by-divider {\n    width: 60px !important;\n    height: 3px !important;\n    background-color: #c5a059 !important;\n    margin-bottom: 30px !important;\n  }\n  .by-desc {\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    margin-bottom: 20px !important;\n  }\n\n  \/* ================= 1. \u9996\u5c4f\u8996\u89ba (Hero Banner) ================= *\/\n  .by-about-hero {\n    position: relative !important;\n    width: 100% !important;\n    height: 60vh !important; \/* \u9996\u5c4f\u9ad8\u5ea6 *\/\n    min-height: 400px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    text-align: center !important;\n    \/* \ud83d\udca1 \u66ff\u63db\u4e0b\u65b9 url() \u5167\u7684\u80cc\u666f\u5927\u5716 *\/\n    background-image: linear-gradient(rgba(21, 39, 71, 0.7), rgba(21, 39, 71, 0.8)), url('https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/\u8343\u7063\u9903\u5b5016.jpg');\n    background-size: cover !important;\n    background-position: center !important;\n    color: #ffffff !important;\n    padding: 0 20px !important;\n  }\n  .by-about-hero .by-eyebrow { color: #c5a059 !important; }\n  .by-about-hero .by-maintitle { color: #ffffff !important; font-size: 48px !important; }\n\n  \/* ================= \u5716\u6587\u4ea4\u932f\u5340\u584a\u5171\u7528 ================= *\/\n  .by-section {\n    padding: 100px 5% !important;\n    display: flex !important;\n    justify-content: center !important;\n  }\n  .by-container {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    max-width: 1200px !important;\n    width: 100% !important;\n    gap: 60px !important;\n  }\n  .by-col-img {\n    flex: 1 !important;\n    min-width: 300px !important;\n    position: relative !important;\n  }\n  .by-col-text {\n    flex: 1 !important;\n    min-width: 300px !important;\n  }\n  .by-image-wrapper {\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;\n  }\n  .by-image-wrapper img {\n    width: 100% !important;\n    height: auto !important;\n    display: block !important;\n    transition: transform 0.5s ease !important;\n  }\n  .by-image-wrapper:hover img {\n    transform: scale(1.05) !important;\n  }\n\n  \/* ================= 2. \u54c1\u724c\u7c21\u4ecb (\u767d\u5e95) ================= *\/\n  .by-section-light {\n    background-color: #ffffff !important;\n  }\n  .by-section-light .by-maintitle { color: #152747 !important; }\n  .by-section-light .by-desc { color: #555555 !important; }\n\n  \/* ================= 3. \u6838\u5fc3\u7406\u5ff5 (\u6df1\u85cd\u5e95) ================= *\/\n  .by-section-dark {\n    background-color: #152747 !important;\n  }\n  .by-section-dark .by-maintitle { color: #ffffff !important; }\n  .by-section-dark .by-desc { color: #d0d5e0 !important; }\n\n  \/* ================= 4. \u6578\u64da\u8207\u512a\u52e2 (\u6dfa\u7070\u5e95) ================= *\/\n  .by-section-gray {\n    background-color: #f8f9fa !important;\n    padding: 80px 5% !important;\n  }\n  .by-stats-grid {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    justify-content: space-between !important;\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n    gap: 30px !important;\n    text-align: center !important;\n  }\n  .by-stat-item {\n    flex: 1 !important;\n    min-width: 200px !important;\n    padding: 30px !important;\n  }\n  .by-stat-num {\n    color: #c5a059 !important;\n    font-size: 50px !important;\n    font-weight: 900 !important;\n    margin-bottom: 10px !important;\n    line-height: 1 !important;\n  }\n  .by-stat-text {\n    color: #152747 !important;\n    font-size: 18px !important;\n    font-weight: 700 !important;\n  }\n\n  \/* ================= \u624b\u6a5f\/\u5e73\u677f\u9069\u914d ================= *\/\n  @media (max-width: 992px) {\n    .by-section { padding: 60px 20px !important; }\n    .by-container { gap: 40px !important; }\n    \n    \/* \u624b\u6a5f\u7248\u6642\uff0c\u5f37\u5236\u5716\u7247\u5728\u4e0a\u3001\u6587\u5b57\u5728\u4e0b *\/\n    .by-col-text { order: 2 !important; }\n    .by-col-img { order: 1 !important; width: 100% !important; }\n    \n    .by-about-hero .by-maintitle { font-size: 36px !important; }\n    .by-maintitle { font-size: 30px !important; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"by-about-wrapper\">\n\n  <!-- 1. \u9996\u5c4f\u8996\u89ba -->\n  <div class=\"by-about-hero\">\n    <span class=\"by-eyebrow\">ABOUT BOUYUEN<\/span>\n    <h1 class=\"by-maintitle\">Forging Professionalism, Carrying Trust<\/h1>\n    <p style=\"color:#eee; font-size: 18px; max-width: 600px; line-height: 1.6;\">The driving force behind professional commercial spaces and catering engineering, providing your enterprise with a seamless, one-stop, premium engineering experience.<\/p>\n  <\/div>\n\n  <!-- 2. \u54c1\u724c\u7c21\u4ecb (\u5de6\u5716\u53f3\u6587) -->\n  <div class=\"by-section by-section-light\">\n    <div class=\"by-container\">\n      <div class=\"by-col-img\">\n        <div class=\"by-image-wrapper\">\n          <!-- \ud83d\udca1 \u5efa\u8b70\u5716\u7247\u6bd4\u4f8b 4:3 \u6216 1:1 -->\n          <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/kitchen.png\" alt=\"\u5bf6\u6e90\u5de5\u7a0b\">\n        <\/div>\n      <\/div>\n      <div class=\"by-col-text\">\n        <span class=\"by-eyebrow\">WHO WE ARE<\/span>\n        <h2 class=\"by-maintitle\">The Foundation of Business<br>Starts with a Perfect Back-of-House<\/h2>\n        <div class=\"by-divider\"><\/div>\n        <p class=\"by-desc\">With years of deep-rooted experience in commercial spaces and catering engineering, Bouyuen understands that an efficient kitchen and a stable ventilation and fire safety system are the lifeblood of a profitable enterprise.<\/p>\n        <p class=\"by-desc\">Our experienced project management and engineering teams handle everything from site inspection and workflow planning to custom stainless steel fabrication and final safety inspections and license applications. We eliminate all tedious engineering details, allowing you to focus on developing your core business.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- 3. \u6838\u5fc3\u7406\u5ff5 (\u5de6\u6587\u53f3\u5716 \/ \u8996\u89ba\u53cd\u8f49\u6df1\u85cd\u8272) -->\n  <div class=\"by-section by-section-dark\">\n    <div class=\"by-container\">\n      <div class=\"by-col-text\">\n        <span class=\"by-eyebrow\">OUR PHILOSOPHY<\/span>\n        <h2 class=\"by-maintitle\">Rejecting Fragmentation,<br>Committed to Ultimate One-Stop Delivery<\/h2>\n        <div class=\"by-divider\"><\/div>\n        <p class=\"by-desc\">We discard the traditional model of fragmented outsourcing and insist on handling core engineering in-house. Through rigorous material selection (such as top-grade acid- and alkali-resistant stainless steel) and precise construction, we ensure that every commercial space can withstand the highest intensity of wear and tear.<\/p>\n        <p class=\"by-desc\">\"Delivery is not the end, but the beginning.\" Bouyuen's after-sales ecosystem proactively conducts annual safety inspections and maintenance for our clients, serving as your long-term engineering partner.<\/p>\n      <\/div>\n      <div class=\"by-col-img\">\n        <div class=\"by-image-wrapper\" style=\"box-shadow: 0 20px 40px rgba(0,0,0,0.5) !important;\">\n          <!-- \ud83d\udca1 \u5efa\u8b70\u5716\u7247\u6bd4\u4f8b 4:3 \u6216 1:1 -->\n          <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/image.png\" alt=\"\u6838\u5fc3\u7406\u5ff5\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- 4. \u54c1\u724c\u5be6\u529b\u8207\u6578\u64da (\u6dfa\u7070\u5e95) -->\n  <div class=\"by-section-gray\">\n    <div class=\"by-stats-grid\">\n      <div class=\"by-stat-item\">\n        <div class=\"by-stat-num\">10+<\/div>\n        <div class=\"by-stat-text\">10+ Years of Industry Expertise<\/div>\n      <\/div>\n      <div class=\"by-stat-item\">\n        <div class=\"by-stat-num\">500+<\/div>\n        <div class=\"by-stat-text\">500+ Successful Project Deliveries<\/div>\n      <\/div>\n      <div class=\"by-stat-item\">\n        <div class=\"by-stat-num\">100%<\/div>\n        <div class=\"by-stat-text\">100% Safety &amp; Licensing Compliance Rate<\/div>\n      <\/div>\n      <div class=\"by-stat-item\">\n        <div class=\"by-stat-num\">24\/7<\/div>\n        <div class=\"by-stat-text\">24\/7 Full-Ecosystem After-Sales Support<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\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<div class=\"elementor-element elementor-element-9f2caad e-flex e-con-boxed e-con e-parent\" data-id=\"9f2caad\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-782a983 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"782a983\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<style>\n  \/* ==========================================================================\n   \u5168\u5c40\u8a2d\u5b9a\u8207 100vw \u5f37\u884c\u5168\u5bec (Breakout) \u6280\u5de7\n   ========================================================================== *\/\n  .by-overview-wrapper {\n    box-sizing: border-box !important;\n    padding: 120px 5% !important; \/* \u52a0\u5927\u4e0a\u4e0b\u7559\u767d *\/\n    font-family: \"PingFang TC\", \"Microsoft JhengHei\", sans-serif !important;\n    width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    overflow: hidden !important;\n    z-index: 1 !important;\n    \n    \/* 1. \u7d71\u4e00\u80cc\u666f\uff1a\u5fae\u7070\u6f38\u5c64 + \u5de5\u7a0b\u9ede\u9663\u7db2\u683c *\/\n    background: \n      radial-gradient(rgba(21, 39, 71, 0.05) 2px, transparent 2px), \n      linear-gradient(135deg, #ffffff 0%, #f4f6f9 100%) !important; \n    background-size: 30px 30px, 100% 100% !important;\n    background-position: center top !important;\n  }\n\n  .by-overview-wrapper * {\n    box-sizing: border-box !important;\n    outline: none !important;\n  }\n\n  \/* ================= \u80cc\u666f\u88dd\u98fe\u5143\u7d20 (\u9ad8\u7d1a\u611f\u9ede\u7db4) ================= *\/\n\n  \/* 2. \u5de8\u578b\u93e4\u7a7a\u5b57\u6bcd\u6d6e\u6c34\u5370 *\/\n  .by-overview-wrapper::before {\n    content: \"OVERVIEW\" !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    font-size: 15vw !important; \n    font-weight: 900 !important;\n    color: rgba(21, 39, 71, 0.01) !important;\n    -webkit-text-stroke: 2px rgba(21, 39, 71, 0.06) !important;\n    z-index: 0 !important;\n    letter-spacing: 20px !important;\n    white-space: nowrap !important;\n    user-select: none !important;\n    pointer-events: none !important;\n  }\n\n  \/* 3. \u9999\u6ab3\u91d1\u5e7e\u4f55\u5713\u74b0 (\u53f3\u4e0a\u89d2) *\/\n  .by-overview-wrapper::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: -50px !important;\n    right: -100px !important;\n    width: 500px !important;\n    height: 500px !important;\n    border: 2px solid rgba(197, 160, 89, 0.25) !important;\n    border-radius: 50% !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n  }\n\n  \/* 4. \u5de6\u5074\u5782\u76f4\u88dd\u98fe\u7dda *\/\n  .by-overview-bg-line {\n    position: absolute !important;\n    bottom: 5% !important;\n    left: 5% !important;\n    width: 2px !important;\n    height: 70% !important;\n    background: linear-gradient(to top, rgba(197, 160, 89, 0), rgba(197, 160, 89, 0.4), rgba(197, 160, 89, 0)) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n  }\n\n  \/* ================= \u52d5\u756b\u985e\u8a2d\u5b9a ================= *\/\n  .by-fade-right { opacity: 0; transform: translateX(-50px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }\n  .by-fade-left { opacity: 0; transform: translateX(50px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }\n  .by-fade-up { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }\n  .by-active { opacity: 1 !important; transform: translate(0, 0) !important; }\n\n  \/* --- \u5167\u90e8\u4e3b\u5bb9\u5668 --- *\/\n  .by-overview-container {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    max-width: 1300px !important;\n    margin: 0 auto !important;\n    gap: 60px !important;\n    align-items: flex-start !important;\n    position: relative !important;\n    z-index: 2 !important;\n  }\n\n  \/* --- \u5de6\u5074\u5927\u6a19\u984c\u5340 --- *\/\n  .by-overview-left {\n    flex: 0 0 300px !important; \n    position: sticky !important;\n    top: 120px !important; \n  }\n\n  .by-overview-eyebrow {\n    display: block !important;\n    color: #c5a059 !important;\n    font-size: 14px !important;\n    letter-spacing: 4px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    margin-bottom: 15px !important;\n  }\n\n  .by-overview-main-title {\n    color: #152747 !important;\n    font-size: 40px !important;\n    font-weight: 900 !important;\n    line-height: 1.3 !important;\n    margin: 0 0 25px 0 !important;\n    letter-spacing: 2px !important;\n  }\n\n  .by-overview-divider {\n    width: 60px !important;\n    height: 4px !important;\n    background-color: #c5a059 !important;\n  }\n\n  \/* --- \u53f3\u5074\u5167\u5bb9\u5340 --- *\/\n  .by-overview-right {\n    flex: 1 !important;\n    min-width: 0 !important; \n  }\n\n  .by-overview-section { margin-bottom: 80px !important; }\n  .by-overview-section:last-child { margin-bottom: 0 !important; }\n\n  .by-overview-section-title {\n    color: #152747 !important;\n    font-size: 26px !important;\n    font-weight: bold !important;\n    margin: 0 0 30px 0 !important;\n    display: flex !important;\n    align-items: center !important;\n  }\n\n  .by-overview-section-title::before {\n    content: '' !important; display: inline-block !important;\n    width: 6px !important; height: 26px !important;\n    background-color: #c5a059 !important;\n    margin-right: 15px !important; border-radius: 2px !important;\n  }\n\n  \/* ================= 1. \u724c\u7167\u53ca\u5de5\u7a0b (\u6e05\u55ae\u6a23\u5f0f) ================= *\/\n  .by-license-list {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 15px 30px !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    list-style: none !important;\n  }\n\n  .by-license-list li {\n    background: rgba(255, 255, 255, 0.8) !important; \/* \u5fae\u73bb\u7483\u8cea\u611f *\/\n    backdrop-filter: blur(8px) !important;\n    padding: 16px 20px !important;\n    border-radius: 8px !important;\n    font-size: 15px !important;\n    color: #444444 !important;\n    font-weight: 600 !important;\n    display: flex !important;\n    align-items: center !important;\n    box-shadow: 0 5px 15px rgba(21, 39, 71, 0.04) !important;\n    border: 1px solid rgba(255, 255, 255, 1) !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n  }\n\n  .by-license-list li:hover {\n    transform: translateY(-3px) !important;\n    box-shadow: 0 10px 25px rgba(21,39,71,0.08) !important;\n    color: #152747 !important;\n  }\n\n  .by-license-list li::before {\n    content: '\u2713' !important;\n    color: #c5a059 !important;\n    font-weight: bold !important;\n    margin-right: 12px !important;\n    font-size: 16px !important;\n  }\n\n  \/* ================= 2. \u92fc\u5177\u53ca\u5bb6\u5c45\u5bb6\u5177\u8a02\u88fd (\u5361\u7247\u6a23\u5f0f) ================= *\/\n  .by-furniture-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 30px !important;\n  }\n\n  .by-furniture-card {\n    background: rgba(255, 255, 255, 0.85) !important; \/* \u5fae\u73bb\u7483\u8cea\u611f *\/\n    backdrop-filter: blur(8px) !important;\n    padding: 35px 30px !important;\n    border-radius: 12px !important;\n    box-shadow: 0 10px 30px rgba(21, 39, 71, 0.05) !important;\n    border: 1px solid rgba(255, 255, 255, 1) !important;\n    border-top: 4px solid transparent !important;\n    transition: all 0.4s ease !important;\n  }\n\n  .by-furniture-card:hover {\n    border-top-color: #c5a059 !important; \n    transform: translateY(-8px) !important;\n    box-shadow: 0 20px 40px rgba(21,39,71,0.1) !important;\n  }\n\n  .by-furniture-card-title {\n    color: #152747 !important;\n    font-size: 20px !important;\n    font-weight: bold !important;\n    margin: 0 0 15px 0 !important;\n    padding-bottom: 12px !important;\n    border-bottom: 1px solid rgba(21, 39, 71, 0.1) !important;\n  }\n\n  .by-furniture-card-content {\n    color: #666666 !important;\n    font-size: 15px !important;\n    line-height: 1.8 !important;\n    margin: 0 !important;\n  }\n\n  \/* --- \u624b\u6a5f\u8207\u5e73\u677f\u9069\u914d --- *\/\n  @media (max-width: 992px) {\n    .by-overview-container { flex-direction: column !important; gap: 50px !important; }\n    .by-overview-left { flex: none !important; width: 100% !important; position: relative !important; top: 0 !important; text-align: center !important; }\n    .by-overview-divider { margin: 0 auto !important; }\n    .by-overview-section-title { justify-content: center !important; }\n    .by-overview-wrapper::before { font-size: 18vw !important; top: 35% !important; }\n  }\n\n  @media (max-width: 768px) {\n    .by-overview-wrapper { padding: 80px 20px !important; }\n    .by-overview-bg-line { display: none !important; }\n    .by-license-list, .by-furniture-grid { grid-template-columns: 1fr !important; }\n    .by-overview-wrapper::before { font-size: 26vw !important; letter-spacing: 10px !important; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"by-overview-wrapper\">\n  \n  <!-- \u65b0\u589e\u7684\u80cc\u666f\u88dd\u98fe\u5143\u7d20 (\u5de6\u5074\u91d1\u7dda) -->\n  <div class=\"by-overview-bg-line\"><\/div>\n\n  <div class=\"by-overview-container\">\n   \n    <!-- \u5de6\u5074\u5927\u6a19\u984c\u5340 -->\n    <div class=\"by-overview-left by-fade-right\">\n      <span class=\"by-overview-eyebrow\">OUR EXPERTISE<\/span>\n      <h2 class=\"by-overview-main-title\">Service&amp;<br>Project Overview<\/h2>\n      <div class=\"by-overview-divider\"><\/div>\n    <\/div>\n\n    <!-- \u53f3\u5074\u5167\u5bb9\u5340 -->\n    <div class=\"by-overview-right\">\n      \n      <!-- \u677f\u584a A: \u724c\u7167\u53ca\u5de5\u7a0b -->\n      <div class=\"by-overview-section by-fade-up\">\n        <h3 class=\"by-overview-section-title\">Licensing Consultancy &amp; Engineering Works<\/h3>\n        <ul class=\"by-license-list\">\n          <li>1. Restaurant License<\/li>\n          <li>2. Bakery License<\/li>\n          <li>3.Fridge Room License<\/li>\n          <li>4.Factory Canteen Licence<\/li>\n          <li>5.Food Factory Licence<\/li>\n          <li>6. Temporary Food Factory Licence<\/li>\n          <li>7.Fresh Provision Shop Licence<\/li>\n          <li>8.Frozen Confection Factory Licence<\/li>\n          <li>9.Milk Factory Licence<\/li>\n          <li>10.Siu Mei and Lo Mei Shop Licence<\/li>\n          <li>11.Food Shop Licence<\/li>\n          <li>12.Food Business Licence\/Permit<\/li>\n          <li>13.Karaoke Establishment Permit<\/li>\n          <li>14.Chinese Herb Tea Permit<\/li>\n          <li>15.Restricted Food Permit<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- \u677f\u584a B: \u92fc\u5177\u53ca\u5bb6\u5c45\u5bb6\u5177\u8a02\u88fd -->\n      <div class=\"by-overview-section by-fade-up\">\n        <h3 class=\"by-overview-section-title\">Custom Steel Fixtures &amp; Home Furniture<\/h3>\n        <div class=\"by-furniture-grid\">\n         \n          <!-- \u5361\u7247 1: \u5ba2\u5ef3 -->\n          <div class=\"by-furniture-card\">\n            <h4 class=\"by-furniture-card-title\">I. Living Room<\/h4>\n            <p class=\"by-furniture-card-content\">Sofa\/Loveseat, Coffee Table, Side Table\/Corner Table, TV Stand\/Media Console, Display Cabinet\/Bookshelf, Armchair\/Occasional Chair, Ottoman\/Footstool, Storage Shelf, Rug, Floor Lamp<\/p>\n          <\/div>\n\n          <!-- \u5361\u7247 2: \u9910\u5ef3 -->\n          <div class=\"by-furniture-card\">\n            <h4 class=\"by-furniture-card-title\">II. Dining Room<\/h4>\n            <p class=\"by-furniture-card-content\">Dining Table, Dining Chair, Buffet\/Sideboard, Bar Counter\/Kitchen Island, Wine Cabinet<\/p>\n          <\/div>\n\n          <!-- \u5361\u7247 3: \u81e5\u5ba4 -->\n          <div class=\"by-furniture-card\">\n            <h4 class=\"by-furniture-card-title\">III. Bedroom<\/h4>\n            <p class=\"by-furniture-card-content\">Nightstand, Wardrobe\/Closet, Dresser\/Chest of Drawers, Vanity\/Dressing Table, Full-Length Mirror, Chaise Lounge\/Bench, Crib\/Children's Bed<\/p>\n          <\/div>\n\n          <!-- \u5361\u7247 4: \u8a02\u88fd (\u96ea\u6ac3\u985e) -->\n          <div class=\"by-furniture-card\">\n            <h4 class=\"by-furniture-card-title\">IV. Customization<\/h4>\n            <p class=\"by-furniture-card-content\">Custom-built refrigerators and cold rooms according to spatial requirements and client needs, including:\n\nSix-door tall refrigerator\n\nFour-door tall refrigerator\n\nTwo-door tall refrigerator\n\nWorktop refrigerator\n\nGlass-door refrigerator\n\nOverhead refrigerator<\/p>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- \u6efe\u52d5\u89f8\u767c\u52d5\u756b\u8173\u672c -->\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    const revealElements = document.querySelectorAll('.by-fade-right, .by-fade-left, .by-fade-up');\n     \n    const observer = new IntersectionObserver((entries, observer) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('by-active');\n          observer.unobserve(entry.target); \n        }\n      });\n    }, {\n      root: null,\n      rootMargin: '0px 0px -50px 0px', \n      threshold: 0.1 \n    });\n\n    revealElements.forEach(el => observer.observe(el));\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>\u5bf6\u6e90\u88dd\u4fee\u8a2d\u8a08 &#8211; \u54c1\u724c\u4ecb\u7d39\u8f2a\u64ad \u5bf6\u6e90 \u4e00\u9593\u6df1\u8015\u65bc\u7576\u4ee3\u5ba4\u5167\u8a2d\u8a08\u8207\u7a7a\u9593\u6539\u9020\u7684\u5275\u610f\u516c\u53f8 \u524d\u8eab\u5bf6\u6e90\u96fb\u5668\u5de5\u7a0b [&hellip;]<\/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":"unboxed","site-sidebar-style":"unboxed","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":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-8","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":"\u5bf6\u6e90\u88dd\u4fee\u8a2d\u8a08 &#8211; \u54c1\u724c\u4ecb\u7d39\u8f2a\u64ad \u5bf6\u6e90 \u4e00\u9593\u6df1\u8015\u65bc\u7576\u4ee3\u5ba4\u5167\u8a2d\u8a08\u8207\u7a7a\u9593\u6539\u9020\u7684\u5275\u610f\u516c\u53f8 \u524d\u8eab\u5bf6\u6e90\u96fb\u5668\u5de5\u7a0b&hellip;","_links":{"self":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages\/8","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=8"}],"version-history":[{"count":0,"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}