{"id":17,"date":"2025-06-19T14:02:05","date_gmt":"2025-06-19T14:02:05","guid":{"rendered":"https:\/\/bouyuen.com\/services\/"},"modified":"2026-05-20T12:05:38","modified_gmt":"2026-05-20T12:05:38","slug":"services","status":"publish","type":"page","link":"https:\/\/bouyuen.com\/en\/services\/","title":{"rendered":"Services"},"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\u5bf6\u6e90\u88dd\u4fee\u5de5\u7a0b - \u5168\u677f\u584a\u52d5\u6548\u6574\u5408<\/title>\n<style>\n \/* ==========================================================================\n \u57fa\u790e\u8a2d\u5b9a & \u5168\u5bec\u7834\u6846 & \u52d5\u756b\u985e\n ========================================================================== *\/\n * { box-sizing: border-box !important; outline: none !important; }\n \n .by-master-container {\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-x: hidden !important;\n }\n\n \/* --- \u6efe\u52d5\u52d5\u6548\u57fa\u790e\u985e --- *\/\n .by-anim {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n }\n .by-anim.is-visible {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n \n .by-delay-1 { transition-delay: 0.1s !important; }\n .by-delay-2 { transition-delay: 0.25s !important; }\n .by-delay-3 { transition-delay: 0.4s !important; }\n .by-delay-4 { transition-delay: 0.55s !important; }\n .by-delay-5 { transition-delay: 0.7s !important; }\n\n \/* ==========================================================================\n \u5168\u57df\u8272\u5f69\u8207\u6392\u7248\u7cfb\u7d71 (Premium Typography & Colors)\n ========================================================================== *\/\n .bg-navy { background-color: #111e36 !important; color: #ffffff !important; }\n .bg-navy-alt { background-color: #0a1326 !important; color: #ffffff !important; }\n .bg-gold { background: linear-gradient(135deg, #d4af66 0%, #c5a059 100%) !important; color: #111e36 !important; }\n .bg-beige { background-color: #f7f3ed !important; color: #152747 !important; }\n\n .by-eyebrow { font-size: 14px !important; letter-spacing: 4px !important; margin-bottom: 15px !important; display: block !important; text-transform: uppercase !important; font-weight: bold !important; }\n .by-main-title { font-size: 46px !important; font-weight: 900 !important; margin-bottom: 25px !important; line-height: 1.3 !important; letter-spacing: 1px !important; }\n .by-sub-title { font-size: 20px !important; margin-bottom: 30px !important; line-height: 1.6 !important; }\n .by-line { width: 70px !important; height: 5px !important; margin-bottom: 30px !important; border-radius: 5px !important; }\n .by-desc-text { font-size: 17px !important; line-height: 1.9 !important; text-align: justify !important; }\n\n .bg-navy .by-eyebrow, .bg-navy-alt .by-eyebrow { color: #c5a059 !important; }\n .bg-navy .by-main-title, .bg-navy-alt .by-main-title { color: #ffffff !important; }\n .bg-navy .by-sub-title, .bg-navy-alt .by-sub-title { color: #cbd5e1 !important; }\n .bg-navy .by-line, .bg-navy-alt .by-line { background: linear-gradient(90deg, #c5a059, #e8ce93) !important; }\n .bg-navy .by-desc-text, .bg-navy-alt .by-desc-text { color: #e2e8f0 !important; }\n \n \/* \u2605 \u4fee\u5fa9\u9ed1\u8272\u6587\u5b57\u554f\u984c\uff1a\u5f37\u5236\u6df1\u85cd\u80cc\u666f\u4e0b\u7684\u6a19\u984c\u8207\u63cf\u8ff0\u70ba\u767d\u8272\uff0c\u9632\u6b62\u4e3b\u984c\u9810\u8a2d\u8986\u84cb *\/\n .bg-navy .by-grid-title, .bg-navy-alt .by-grid-title { color: #ffffff !important; text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important; }\n .bg-navy .by-grid-desc, .bg-navy-alt .by-grid-desc { color: #e2e8f0 !important; }\n\n .bg-gold .by-eyebrow { color: #111e36 !important; opacity: 0.8 !important; }\n .bg-gold .by-main-title { color: #111e36 !important; font-size: 40px !important; }\n .bg-gold .by-sub-title { color: #111e36 !important; }\n .bg-gold .by-line { background-color: #111e36 !important; opacity: 0.2 !important; }\n .bg-gold .by-desc-text { color: #111e36 !important; font-weight: 500 !important; }\n\n .bg-beige .by-eyebrow { color: #c5a059 !important; }\n .bg-beige .by-main-title { color: #152747 !important; }\n .bg-beige .by-sub-title { color: #4a5568 !important; }\n .bg-beige .by-line { background: linear-gradient(90deg, #c5a059, #e8ce93) !important; }\n .bg-beige .by-desc-text { color: #4a5568 !important; }\n\n \/* ==========================================================================\n 1. \u9996\u5c4f\u8996\u89ba (Hero Section)\n ========================================================================== *\/\n .bouyuen-hero-section {\n position: relative !important; width: 100% !important; min-height: 85vh !important;\n background-image: url('https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/\u8700\u5927\u4fe0-\u9285\u947c\u706311.jpg') !important; \n background-size: cover !important; background-position: center !important; background-attachment: fixed !important;\n display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 80px 20px !important;\n }\n .bouyuen-hero-section::before {\n content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important;\n width: 100% !important; height: 100% !important; \n background: linear-gradient(to bottom, rgba(17, 30, 54, 0.7), rgba(0, 0, 0, 0.8)) !important; z-index: 0 !important;\n }\n .bouyuen-hero-content { position: relative !important; z-index: 1 !important; max-width: 900px !important; }\n .bouyuen-hero-brand { font-size: 15px !important; font-weight: bold !important; letter-spacing: 6px !important; text-transform: uppercase !important; color: #c5a059 !important; margin-bottom: 25px !important; display: block !important; text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important; }\n .bouyuen-hero-title { font-size: 60px !important; font-weight: 900 !important; line-height: 1.25 !important; margin: 0 0 25px 0 !important; color: #ffffff !important; text-shadow: 0 5px 15px rgba(0,0,0,0.6) !important; letter-spacing: 2px !important; }\n .bouyuen-hero-desc { font-size: 19px !important; line-height: 1.8 !important; color: #e2e8f0 !important; margin: 0 auto !important; max-width: 700px !important; text-shadow: 0 2px 5px rgba(0,0,0,0.5) !important; }\n\n \/* ==========================================================================\n \u5171\u7528\u5716\u6587\u8207\u7db2\u683c\u4f48\u5c40\n ========================================================================== *\/\n .by-flex-section { padding: 110px 5% !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 80px !important; flex-wrap: wrap !important; }\n .by-flex-left { flex: 1 !important; min-width: 320px !important; max-width: 550px !important; }\n .by-flex-right { flex: 1.2 !important; min-width: 320px !important; max-width: 650px !important; }\n \n .by-grid-section { padding: 110px 20px !important; text-align: center !important; }\n .by-grid-header { margin-bottom: 70px !important; }\n .by-grid-title { font-size: 42px !important; margin-bottom: 20px !important; font-weight: 900 !important; letter-spacing: 1px !important; }\n .by-grid-desc { font-size: 18px !important; max-width: 700px !important; margin: 0 auto !important; line-height: 1.8 !important; }\n\n \/* ==========================================================================\n \u2605 3. \u724c\u7167\u9867\u554f (2x2)\n ========================================================================== *\/\n .grid-2x2 { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 40px !important; max-width: 1200px !important; margin: 0 auto !important; text-align: left !important; }\n .licensing-card { \n background: #ffffff !important; \n padding: 45px 40px !important; \n border-radius: 20px !important; \n border: 1px solid rgba(0,0,0,0.03) !important; \n box-shadow: 0 15px 35px -5px rgba(21, 39, 71, 0.05), 0 5px 15px -3px rgba(0,0,0,0.03) !important; \n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; \n border-top: 4px solid transparent !important;\n }\n .licensing-card:hover { \n transform: translateY(-12px) !important; \n box-shadow: 0 30px 60px -10px rgba(21, 39, 71, 0.12), 0 10px 20px -5px rgba(0,0,0,0.05) !important; \n border-top-color: #c5a059 !important;\n }\n .licensing-card-header { display: flex !important; align-items: center !important; gap: 18px !important; margin-bottom: 30px !important; }\n .licensing-icon { width: 55px !important; height: 55px !important; background: linear-gradient(135deg, #111e36, #1a2a40) !important; color: #c5a059 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; box-shadow: 0 10px 20px rgba(17, 30, 54, 0.15) !important; }\n .licensing-card h3 { font-size: 24px !important; color: #152747 !important; margin: 0 !important; font-weight: 900 !important; }\n .licensing-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }\n .licensing-list li { font-size: 16px !important; color: #4a5568 !important; padding: 12px 0 !important; border-bottom: 1px dashed rgba(0,0,0,0.06) !important; position: relative !important; padding-left: 24px !important; line-height: 1.5 !important; }\n .licensing-list li:last-child { border-bottom: none !important; padding-bottom: 0 !important; }\n .licensing-list li::before { content: \"\u2022\" !important; color: #c5a059 !important; font-size: 22px !important; position: absolute !important; left: 0 !important; top: 9px !important; }\n\n \/* ==========================================================================\n \u2605 5. \u8b49\u660e\u6587\u4ef6\u7c3d\u767c (1x4\u6df1\u85cd)\n ========================================================================== *\/\n .grid-1x4 { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 30px !important; max-width: 1300px !important; margin: 0 auto !important; }\n .cert-card { \n background: #ffffff !important; \n padding: 40px 30px !important; \n border-radius: 18px !important; \n text-align: left !important; \n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(197, 160, 89, 0.1) !important; \n }\n .cert-card:hover { \n transform: translateY(-12px) !important; \n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(197, 160, 89, 0.5) !important; \n }\n .cert-card-icon { font-size: 36px !important; color: #c5a059 !important; margin-bottom: 25px !important; filter: drop-shadow(0 4px 6px rgba(197, 160, 89, 0.2)) !important; }\n .cert-card h3 { font-size: 21px !important; font-weight: 900 !important; color: #152747 !important; margin-bottom: 20px !important; line-height: 1.4 !important; }\n .cert-card ul { list-style: none !important; padding: 0 !important; margin: 0 !important; color: #4a5568 !important; }\n .cert-card li { padding: 8px 0 !important; font-size: 15px !important; line-height: 1.5 !important; display: flex !important; align-items: flex-start !important; gap: 8px !important; }\n .cert-card li::before { content: \"\u2713\" !important; color: #c5a059 !important; font-weight: bold !important; }\n\n \/* ==========================================================================\n \u2605 7. \u7a7a\u9593\u8a2d\u8a08 (1x3)\n ========================================================================== *\/\n .grid-1x3 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 50px !important; max-width: 1200px !important; margin: 0 auto !important; }\n .design-card { text-align: center !important; padding: 20px !important; border-radius: 16px !important; transition: all 0.4s ease !important; }\n .design-card:hover { background: #ffffff !important; box-shadow: 0 20px 40px rgba(21, 39, 71, 0.08) !important; transform: translateY(-10px) !important; }\n .design-icon-circle { \n width: 100px !important; height: 100px !important; \n background: linear-gradient(135deg, #111e36, #1a2a40) !important; \n border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; \n margin: 0 auto 25px !important; font-size: 40px !important; \n border: 3px solid rgba(197, 160, 89, 0.4) !important; \n box-shadow: 0 15px 30px rgba(17, 30, 54, 0.15) !important;\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; \n }\n .design-card:hover .design-icon-circle { transform: scale(1.1) rotate(5deg) !important; border-color: #c5a059 !important; box-shadow: 0 20px 40px rgba(197, 160, 89, 0.3) !important; }\n .design-card h3 { font-size: 24px !important; color: #152747 !important; margin-bottom: 15px !important; font-weight: 900 !important; }\n .design-card p { font-size: 16px !important; color: #4a5568 !important; line-height: 1.8 !important; }\n\n \/* ==========================================================================\n \u2605 9. \u5bb6\u79c1\u8a02\u88fd (1x4\u7c73\u8272)\n ========================================================================== *\/\n .furniture-card { \n background: #ffffff !important; \n padding: 50px 25px !important; \n border-radius: 18px !important; \n border: 1px solid rgba(0,0,0,0.03) !important; \n display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; \n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; \n box-shadow: 0 10px 25px -5px rgba(21, 39, 71, 0.04) !important;\n }\n .furniture-card:hover { \n transform: translateY(-12px) !important; \n box-shadow: 0 25px 50px -10px rgba(21, 39, 71, 0.12), inset 0 0 0 1px rgba(197, 160, 89, 0.3) !important; \n }\n .furniture-icon { font-size: 45px !important; margin-bottom: 25px !important; filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1)) !important; transition: transform 0.3s ease !important; }\n .furniture-card:hover .furniture-icon { transform: translateY(-5px) !important; }\n .furniture-card h3 { font-size: 21px !important; color: #152747 !important; margin-bottom: 15px !important; font-weight: 900 !important; }\n .furniture-card p { font-size: 15px !important; color: #4a5568 !important; line-height: 1.7 !important; margin: 0 !important; }\n\n \/* ==========================================================================\n \u2605 10. \u96d9\u8ecc\u5236\u5c08\u696d\u6d41\u7a0b (Operational Flow)\n ========================================================================== *\/\n .flow-grid { display: grid !important; grid-template-columns: 1fr 1px 1fr !important; gap: 50px !important; max-width: 1200px !important; margin: 0 auto !important; text-align: left !important; }\n .flow-divider { background: linear-gradient(to bottom, transparent, #c5a059, transparent) !important; width: 2px !important; height: 100% !important; opacity: 0.5 !important; }\n .flow-col-title { font-size: 28px !important; color: #152747 !important; text-align: center !important; margin-bottom: 50px !important; font-weight: 900 !important; letter-spacing: 1px !important; }\n .step-container { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; }\n .step-box { \n background: linear-gradient(145deg, #111e36, #1a2a40) !important;\n color: #e8ce93 !important; \n padding: 22px 30px !important; \n border-radius: 12px !important; \n width: 90% !important; \n margin-bottom: 18px !important; \n text-align: center !important; \n font-weight: bold !important; \n font-size: 17px !important; \n border: 1px solid rgba(197, 160, 89, 0.15) !important;\n box-shadow: 0 10px 25px rgba(17, 30, 54, 0.2), inset 0 2px 0 rgba(255,255,255,0.05) !important; \n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; \n }\n .step-box:hover { \n transform: translateY(-5px) scale(1.03) !important; \n box-shadow: 0 20px 40px rgba(17, 30, 54, 0.3), inset 0 0 0 1px rgba(197, 160, 89, 0.5) !important; \n color: #ffffff !important;\n }\n .arrow-down { color: #c5a059 !important; font-size: 26px !important; margin-bottom: 18px !important; font-weight: bold !important; animation: floatArrow 2s infinite ease-in-out !important; }\n \n @keyframes floatArrow {\n 0% { transform: translateY(0); opacity: 0.8; }\n 50% { transform: translateY(5px); opacity: 1; }\n 100% { transform: translateY(0); opacity: 0.8; }\n }\n\n \/* ==========================================================================\n \u97ff\u61c9\u5f0f\u8a2d\u8a08 (RWD)\n ========================================================================== *\/\n @media (max-width: 1024px) {\n .grid-1x4 { grid-template-columns: repeat(2, 1fr) !important; }\n }\n @media (max-width: 768px) {\n .bouyuen-hero-title { font-size: 42px !important; }\n .bouyuen-hero-desc { font-size: 16px !important; }\n \n .by-flex-section { padding: 70px 20px !important; gap: 40px !important; text-align: center !important; }\n .by-flex-left, .by-flex-right { min-width: 100% !important; }\n .by-line { margin: 0 auto 30px auto !important; }\n .by-main-title, .by-grid-title { font-size: 34px !important; }\n \n .by-grid-section { padding: 70px 20px !important; }\n .grid-2x2, .grid-1x4, .grid-1x3 { grid-template-columns: 1fr !important; gap: 25px !important; }\n .licensing-card, .cert-card, .furniture-card { padding: 35px 25px !important; }\n \n .flow-grid { grid-template-columns: 1fr !important; gap: 60px !important;}\n .flow-divider { display: none !important; }\n .step-box { width: 100% !important; font-size: 16px !important; padding: 18px 20px !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"by-master-container\">\n\n <!-- 1. \u9996\u5c4f\u8996\u89ba -->\n <section class=\"bouyuen-hero-section\">\n <div class=\"bouyuen-hero-content\">\n <span class=\"bouyuen-hero-brand by-anim\">BOUYUEN RENOVATION DESIGN<\/span>\n <h1 class=\"bouyuen-hero-title by-anim by-delay-1\">One-stop Solution<br>for Commercial Engineering and Licensing<\/h1>\n <p class=\"bouyuen-hero-desc by-anim by-delay-2\">From site evaluation, design blueprints, legal licensing, and construction to custom furniture and after-sales maintenance\u2014helping you build your ideal commercial space while ensuring full legal compliance.<\/p>\n <\/div>\n <\/section>\n\n <!-- 2. \u6211\u5011\u7684\u627f\u8afe (\u6df1\u85cd) -->\n <section class=\"by-flex-section bg-navy\">\n <div class=\"by-flex-left by-anim\">\n <span class=\"by-eyebrow\">Our Commitment<\/span>\n <h2 class=\"by-main-title\">Compliance First,<br>Design Follows<\/h2>\n <p class=\"by-sub-title\">Ensuring every step stays within regulatory boundaries.<\/p>\n <div class=\"by-line\"><\/div>\n <\/div>\n <div class=\"by-flex-right by-anim by-delay-1\">\n <p class=\"by-desc-text\">In Hong Kong, license application is often the most complex part of operating a restaurant or commercial venue. Baoyuan has over ten years of experience in licensing consultancy. From the FEHD and Buildings Department to the Fire Services Department, we are familiar with every approval process, ensuring you are fully prepared before opening without having to worry about regulatory hurdles.<\/p>\n <\/div>\n <\/section>\n\n <!-- 3. \u724c\u7167\u9867\u554f (\u6dfa\u7c73) -->\n <section class=\"by-grid-section bg-beige\">\n <div class=\"by-grid-header by-anim\">\n <span class=\"by-eyebrow\">Licensing Consultant<\/span>\n <h2 class=\"by-grid-title\">Licensing Consultant & Statutory Application<\/h2>\n <p class=\"by-grid-desc\">Familiar with the latest regulations of Hong Kong's FEHD, Buildings Department, and Fire Services Department, ensuring a smooth start for your business.<\/p>\n <\/div>\n <div class=\"grid-2x2\">\n <div class=\"licensing-card by-anim by-delay-1\">\n <div class=\"licensing-card-header\">\n <div class=\"licensing-icon\">\u03a8<\/div>\n <h3>Popular F&B Licenses<\/h3>\n <\/div>\n <ul class=\"licensing-list\">\n <li>Restaurant License (General \/ Light Refreshment<\/li>\n <li>Karaoke Establishment Permit<\/li>\n <li>Factory Canteen Licence<\/li>\n <\/ul>\n <\/div>\n <div class=\"licensing-card by-anim by-delay-2\">\n <div class=\"licensing-card-header\">\n <div class=\"licensing-icon\">\u2b21<\/div>\n <h3>Production & Manufacturing Licenses<\/h3>\n <\/div>\n <ul class=\"licensing-list\">\n <li>Food Factory Licence<\/li>\n <li>Bakery License<\/li>\n <li>Milk Factory Licence<\/li>\n <li>Frozen Confection Factory Licence<\/li>\n <\/ul>\n <\/div>\n <div class=\"licensing-card by-anim by-delay-3\">\n <div class=\"licensing-card-header\">\n <div class=\"licensing-icon\">\ud83c\udfe0<\/div>\n <h3>Retail & Special Permits<\/h3>\n <\/div>\n <ul class=\"licensing-list\">\n <li>Fresh Provision Shop Licence<\/li>\n <li>Siu Mei and Lo Mei Shop Licence<\/li>\n <li>Food Shop Licence<\/li>\n <li>Chinese Herb Tea Permit<\/li>\n <\/ul>\n <\/div>\n <div class=\"licensing-card by-anim by-delay-4\">\n <div class=\"licensing-card-header\">\n <div class=\"licensing-icon\">\ud83d\udcc4<\/div>\n <h3>Plan Alteration & Administration<\/h3>\n <\/div>\n <ul class=\"licensing-list\">\n <li>Alteration of Plans & Submission of Amendments<\/li>\n <li>Transfer of License<\/li>\n <li>UBW (Unauthorized Building Works) Certificates<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 4. \u5c08\u696d\u8a8d\u8b49 (\u91d1\u8272) -->\n <section class=\"by-flex-section bg-gold\">\n <div class=\"by-flex-left by-anim\">\n <p class=\"by-desc-text\">All certificates are issued by government-recognized professionals (AP\/RSE) with full legal validity.<\/p>\n <\/div>\n <div class=\"by-flex-right by-anim by-delay-1\">\n <span class=\"by-eyebrow\">Professional Certification<\/span>\n <h2 class=\"by-main-title\">Authoritative Issuance<\/h2>\n <p class=\"by-sub-title\">A promise of peace of mind, personally overseen by Authorized Persons (AP).<\/p>\n <div class=\"by-line\"><\/div>\n <\/div>\n <\/section>\n\n <!-- 5. \u8b49\u660e\u6587\u4ef6\u7c3d\u767c (\u6df1\u85cd) -->\n <section class=\"by-grid-section bg-navy\">\n <div class=\"by-grid-header by-anim\">\n <span class=\"by-eyebrow\">CERTIFICATION SERVICES<\/span>\n <h2 class=\"by-grid-title\">Issuance of Professional Certificates<\/h2>\n <p class=\"by-grid-desc\">Personally overseen by Authorized Persons (AP) and Registered Structural Engineers (RSE), issuing professional certificates with full legal validity.<\/p>\n <\/div>\n <div class=\"grid-1x4\">\n <div class=\"cert-card by-anim by-delay-1\">\n <div class=\"cert-card-icon\">\u2646<\/div>\n <h3>Structure & Safety<\/h3>\n <ul>\n <li>\u221a(AP\/RSE) | Structural Engineer Certificate<\/li>\n <li>\u221aMinor Works Category 2 Submission<\/li>\n <li>\u221aUnauthorized Building Works<\/li>\n <li>\u221aFloor Loading Certificate<\/li>\n <\/ul>\n <\/div>\n <div class=\"cert-card by-anim by-delay-2\">\n <div class=\"cert-card-icon\">\ud83d\udee1\ufe0f<\/div>\n <h3>Compliance Certificates<br>- A\/B\/C\/D<\/h3>\n <ul>\n <li>\u221aCertificate A \u2014Hygiene Requirements<\/li>\n <li>\u221aCertificate B -Building Safety<\/li>\n <li>\u221aCertificate C -Fire Safety Requirements<\/li>\n <li>\u221aCertificate D -Ventilation Facilities<\/li>\n <\/ul>\n <\/div>\n <div class=\"cert-card by-anim by-delay-3\">\n <div class=\"cert-card-icon\">\ud83d\udd25<\/div>\n <h3>Fire Safety & Annual Inspection<\/h3>\n <ul>\n <li>\u221aFire Installations Certificates (FS251, 314A)<\/li>\n <li>\u221aAnnual Fire Safety Inspection Report<\/li>\n <\/ul>\n <\/div>\n <div class=\"cert-card by-anim by-delay-4\">\n <div class=\"cert-card-icon\">\u26a1<\/div>\n <h3>Electrical, Mechanical & Gas<\/h3>\n <ul>\n <li>Work Safe Certificate of electrical installations (WR1)<\/li>\n <li>\u221aAnnual Ventilation Inspection Certificate<\/li>\n <li>\u221aGas\/LPG Certification Documents<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 6. \u5320\u5fc3\u6253\u9020 (\u6dfa\u7c73) -->\n <section class=\"by-flex-section bg-beige\">\n <div class=\"by-flex-left by-anim\">\n <span class=\"by-eyebrow\">-<\/span>\n <h2 class=\"by-main-title\">The Perfect Balance<br>of Aesthetics and Regulations<\/h2>\n <p class=\"by-sub-title\">Right the first time, eliminating rework.<\/p>\n <div class=\"by-line\"><\/div>\n <\/div>\n <div class=\"by-flex-right by-anim by-delay-1\">\n <p class=\"by-desc-text\">Our team integrates regulatory requirements into the design from the start to avoid costly reworks caused by non-compliance.<\/p>\n <\/div>\n <\/section>\n\n <!-- 7. \u7a7a\u9593\u8a2d\u8a08\u8207\u5de5\u7a0b\u65bd\u5de5 (\u6dfa\u7c73) -->\n <section class=\"by-grid-section bg-beige\" style=\"padding-top: 0 !important;\">\n <div class=\"by-grid-header by-anim\">\n <span class=\"by-eyebrow\">DESIGN & CONSTRUCTION<\/span>\n <h2 class=\"by-grid-title\">Design & Construction<\/h2>\n <p class=\"by-grid-desc\">Perfectly integrating design aesthetics with licensing regulations to avoid costly secondary alterations caused by non-compliant renovations.<\/p>\n <\/div>\n <div class=\"grid-1x3\">\n <div class=\"design-card by-anim by-delay-1\">\n <div class=\"design-icon-circle\">\ud83d\udc69\u200d\ud83c\udf73<\/div>\n <h3>F&B Space<\/h3>\n <p>Professional kitchen workflow planning, exhaust, and grease trap system design.<\/p>\n <\/div>\n <div class=\"design-card by-anim by-delay-2\">\n <div class=\"design-icon-circle\">\ud83c\udfe2<\/div>\n <h3>office<\/h3>\n <p>M&E cabling, fire partitions, and corporate branding spatialization.<\/p>\n <\/div>\n <div class=\"design-card by-anim by-delay-3\">\n <div class=\"design-icon-circle\">\ud83c\udfe0<\/div>\n <h3>Home<\/h3>\n <p>Personalized style customization, enhancing living functions.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 8. \u552e\u5f8c\u670d\u52d9 (\u6df1\u85cd - \u5716\u6587\u53cd\u8f49) -->\n <section class=\"by-flex-section bg-navy-alt\">\n <div class=\"by-flex-right by-anim\">\n <p class=\"by-desc-text\">From custom stainless steel kitchenware to commercial furniture, and from engineering maintenance to emergency repairs, Baoyuan provides a complete after-sales ecosystem. Furthermore, we proactively remind you to conduct annual fire safety and ventilation inspections to ensure your license remains valid, allowing you to focus on your business without any worries.<\/p>\n <\/div>\n <div class=\"by-flex-left by-anim by-delay-1\">\n <span class=\"by-eyebrow\">Worry-Free Throughout<\/span>\n <h2 class=\"by-main-title\">Delivery is not the end, but the beginning.<br>Worry-free throughout.<\/h2>\n <p class=\"by-sub-title\">A Commitment to Lifelong Aftercare<\/p>\n <div class=\"by-line\"><\/div>\n <\/div>\n <\/section>\n\n <!-- 9. \u5bb6\u79c1\u8a02\u88fd (\u6dfa\u7c73) -->\n <section class=\"by-grid-section bg-beige\">\n <div class=\"by-grid-header by-anim\">\n <h2 class=\"by-grid-title\" style=\"margin-bottom:15px!important;\">Custom Furniture & After-sales Maintenance<\/h2>\n <p class=\"by-grid-desc\">We don't just finish the renovation; we are responsible for your long-term user experience.<\/p>\n <\/div>\n <div class=\"grid-1x4\">\n <div class=\"furniture-card by-anim by-delay-1\">\n <div class=\"furniture-icon\">\ud83d\udecb\ufe0f<\/div>\n <h3>Custom Commercial Steelware<\/h3>\n <p>Bespoke stainless steel kitchen equipment that meets hygiene standards.<\/p>\n <\/div>\n <div class=\"furniture-card by-anim by-delay-2\">\n <div class=\"furniture-icon\">\ud83d\udd27<\/div>\n <h3>Spatial Furniture<\/h3>\n <p>Custom display cabinets, storage systems, and office furniture made to the dimensions of the blueprints.<\/p>\n <\/div>\n <div class=\"furniture-card by-anim by-delay-3\">\n <div class=\"furniture-icon\">\ud83d\udd14<\/div>\n <h3>Rapid Repair<\/h3>\n <p>Emergency repair response for F&B clients to ensure uninterrupted business operations.<\/p>\n <\/div>\n <div class=\"furniture-card by-anim by-delay-4\">\n <div class=\"furniture-icon\">\ud83d\udcc5<\/div>\n <h3>Renewal Support<\/h3>\n <p>Proactive reminders for annual fire safety and ventilation inspections to ensure continuous compliance.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 10. \u96d9\u8ecc\u5236\u5c08\u696d\u6d41\u7a0b (\u6dfa\u7c73) -->\n <section class=\"by-grid-section bg-beige\" style=\"padding-top: 0 !important; padding-bottom: 130px !important;\">\n <div class=\"by-grid-header by-anim\">\n <span class=\"by-eyebrow\">OPERATIONAL FLOW<\/span>\n <h2 class=\"by-grid-title\">Dual-Track Professional Workflow<\/h2>\n <\/div>\n <div class=\"flow-grid\">\n <!-- \u5de5\u7a0b\u6d41\u7a0b -->\n <div class=\"step-container\">\n <h3 class=\"flow-col-title by-anim\">Engineering Process<\/h3>\n <div class=\"step-box by-anim by-delay-1\">1.On-site Measurement<\/div><div class=\"arrow-down by-anim by-delay-1\">\u2193<\/div>\n <div class=\"step-box by-anim by-delay-2\">2.Design and Planning<\/div><div class=\"arrow-down by-anim by-delay-2\">\u2193<\/div>\n <div class=\"step-box by-anim by-delay-3\">3.Floor Plan Layout, Revision, and Confirmation<\/div><div class=\"arrow-down by-anim by-delay-3\">\u2193<\/div>\n <div class=\"step-box by-anim by-delay-4\">4.Material Selection and Budgeting<\/div><div class=\"arrow-down by-anim by-delay-4\">\u2193<\/div>\n <div class=\"step-box by-anim by-delay-5\">5.Contract Signing and Project Commencement<\/div><div class=\"arrow-down by-anim by-delay-5\">\u2193<\/div>\n <div class=\"step-box by-anim\">6.Customization of Kitchenware and Furniture<\/div><div class=\"arrow-down by-anim\">\u2193<\/div>\n <div class=\"step-box by-anim\">7.Cleaning and Inspection<\/div><div class=\"arrow-down by-anim\">\u2193<\/div>\n <div class=\"step-box by-anim\">8.Official Operation \/ Handover<\/div><div class=\"arrow-down by-anim\">\u2193<\/div>\n <div class=\"step-box by-anim\">9.Maintenance and Repair<\/div>\n <\/div>\n \n <!-- \u5206\u9694\u7dda -->\n <div class=\"flow-divider by-anim\"><\/div>\n\n <!-- \u724c\u7167\u7533\u8acb\u6d41\u7a0b -->\n <div class=\"step-container\">\n <h3 class=\"flow-col-title by-anim\">1.Licensing Application Process<\/h3>\n <div class=\"step-box by-anim by-delay-1\">1.Submit License Application<\/div><div class=\"arrow-down by-anim by-delay-1\">\u2193<\/div>\n <div class=\"step-box by-anim by-delay-2\">2.Review of Design Plans (by Respective Government Departments)<\/div><div class=\"arrow-down by-anim by-delay-2\">\u2193<\/div>\n <div class=\"step-box by-anim by-delay-3\">3.On-site Inspection by Government Departments<\/div><div class=\"arrow-down by-anim by-delay-3\">\u2193<\/div>\n <div class=\"step-box by-anim by-delay-4\">4.FEHD Issues \"Letter of Requirements\"<\/div><div class=\"arrow-down by-anim by-delay-4\">\u2193<\/div>\n <div class=\"step-box by-anim by-delay-5\">5.Authorized Person (AP) Issues Certification<\/div><div class=\"arrow-down by-anim by-delay-5\">\u2193<\/div>\n <div class=\"step-box by-anim\">Provisional License<\/div><div class=\"arrow-down by-anim\">\u2193<\/div>\n <div class=\"step-box by-anim\">7.Completion of Renovation<\/div><div class=\"arrow-down by-anim\">\u2193<\/div>\n <div class=\"step-box by-anim\">8.Site Inspection to Verify Compliance<\/div><div class=\"arrow-down by-anim\">\u2193<\/div>\n <div class=\"step-box by-anim\">9.Official License Approval<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/div>\n\n<!-- JavaScript \u52d5\u6548\u89f8\u767c\u5668 -->\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n const animatedElements = document.querySelectorAll('.by-anim');\n \n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n rootMargin: '0px 0px -50px 0px',\n threshold: 0.1 \n });\n\n animatedElements.forEach(el => observer.observe(el));\n \n setTimeout(() => {\n animatedElements.forEach(el => el.classList.add('is-visible'));\n }, 3000);\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<div class=\"elementor-element elementor-element-0a1641e e-flex e-con-boxed e-con e-parent\" data-id=\"0a1641e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c722a1f elementor-invisible elementor-widget elementor-widget-image\" data-id=\"c722a1f\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","_animation_delay":100}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"700\" height=\"1920\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic.png\" class=\"attachment-full size-full wp-image-1711\" alt=\"\" srcset=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic.png 700w, https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic-109x300.png 109w, https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic-373x1024.png 373w, https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic-560x1536.png 560w, https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic-4x12.png 4w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47397d9 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"47397d9\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"700\" height=\"1920\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic.02.png\" class=\"attachment-full size-full wp-image-1715\" alt=\"\" srcset=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic.02.png 700w, https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic.02-109x300.png 109w, https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic.02-373x1024.png 373w, https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic.02-560x1536.png 560w, https:\/\/bouyuen.com\/wp-content\/uploads\/2025\/07\/pic.02-4x12.png 4w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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-3504714 e-flex e-con-boxed e-con e-parent\" data-id=\"3504714\" 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-d5f5b6f elementor-widget elementor-widget-html\" data-id=\"d5f5b6f\" 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<style>\n \/* ==========================================================================\n \u5f37\u884c\u5168\u5bec\u8207\u57fa\u790e\u8a2d\u5b9a\n ========================================================================== *\/\n .by-unified-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-x: hidden !important;\n background-color: #f9f9f9 !important; \/* \u6dfa\u7070\u767d\u80cc\u666f\u896f\u6258\u5361\u7247 *\/\n padding: 80px 20px !important;\n box-sizing: border-box !important;\n }\n\n .by-unified-wrapper * { box-sizing: border-box !important; outline: none !important; }\n\n \/* --- \u6efe\u52d5\u52d5\u6548 --- *\/\n .by-anim { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) !important; }\n .by-anim.is-visible { opacity: 1 !important; transform: translateY(0) !important; }\n .by-delay-1 { transition-delay: 0.15s !important; }\n\n \/* ==========================================================================\n \u7b2c\u4e00\u677f\u584a\uff1a\u4e00\u9ad4\u5316\u5927\u5361\u7247\u8a2d\u8a08 (\u6df1\u85cd)\n ========================================================================== *\/\n .by-unified-card {\n max-width: 1100px !important;\n margin: 0 auto !important;\n background-color: #152747 !important; \/* \u54c1\u724c\u6df1\u6d77\u85cd *\/\n border-radius: 20px !important;\n padding: 60px 70px !important;\n box-shadow: 0 20px 50px rgba(21, 39, 71, 0.15) !important;\n position: relative !important;\n overflow: hidden !important;\n }\n\n \/* \u5167\u90e8\u96d9\u6b04\u7db2\u683c *\/\n .by-unified-grid {\n display: grid !important;\n grid-template-columns: 1.3fr 1px 0.7fr !important; \/* \u5de6\u6b04 : \u5206\u9694\u7dda : \u53f3\u6b04 *\/\n gap: 50px !important;\n }\n\n \/* \u512a\u96c5\u7684\u91d1\u8272\u5206\u9694\u7dda *\/\n .by-divider-line {\n background-color: rgba(197, 160, 89, 0.25) !important;\n width: 1px !important;\n height: 100% !important;\n }\n\n \/* ==========================================================================\n \u7b2c\u4e8c\u677f\u584a\uff1a\u724c\u7167\u9867\u554f (\u767d\u8272\u591a\u6b04\u5361\u7247)\n ========================================================================== *\/\n .by-consultant-card {\n max-width: 1100px !important;\n margin: 40px auto 0 !important; \/* \u8207\u4e0a\u65b9\u85cd\u5361\u7684\u9593\u8ddd *\/\n background-color: #ffffff !important; \/* \u7d14\u767d\u80cc\u666f\u63d0\u4f9b\u547c\u5438\u611f *\/\n border-radius: 20px !important;\n padding: 50px 70px !important;\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04) !important;\n border: 1px solid rgba(0,0,0,0.03) !important;\n position: relative !important;\n }\n\n .by-consultant-title {\n color: #152747 !important; \/* \u6df1\u6d77\u85cd\u6a19\u984c *\/\n font-size: 24px !important;\n font-weight: bold !important;\n margin: 0 0 30px 0 !important;\n letter-spacing: 2px !important;\n border-bottom: 2px solid rgba(197, 160, 89, 0.2) !important;\n padding-bottom: 15px !important;\n }\n\n \/* \u4e09\u6b04\u6d41\u5f0f\u7db2\u683c *\/\n .by-consultant-list {\n display: grid !important;\n grid-template-columns: repeat(3, 1fr) !important;\n gap: 15px 30px !important;\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n \/* ==========================================================================\n \u6587\u5b57\u8207\u5217\u8868\u5171\u7528\u6392\u7248\n ========================================================================== *\/\n .by-col-title {\n color: #c5a059 !important; \/* \u54c1\u724c\u91d1 *\/\n font-size: 24px !important;\n font-weight: bold !important;\n margin: 0 0 30px 0 !important;\n letter-spacing: 2px !important;\n }\n\n .by-unified-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n \/* \u5217\u8868\u57fa\u790e\u8a2d\u5b9a *\/\n .by-unified-list li, .by-consultant-list li {\n position: relative !important;\n padding-left: 30px !important;\n font-size: 16px !important;\n line-height: 1.6 !important;\n transition: transform 0.3s ease, color 0.3s ease !important;\n }\n \n .by-unified-list li { margin-bottom: 22px !important; color: #e0e6ed !important; }\n .by-unified-list li:last-child { margin-bottom: 0 !important; }\n \n .by-consultant-list li { color: #444444 !important; } \/* \u767d\u8272\u5361\u7247\u7684\u5b57\u9ad4\u984f\u8272\u8f03\u6df1 *\/\n\n \/* \u61f8\u505c\u6548\u679c\uff1a\u6587\u5b57\u5fae\u4eae\u4e26\u5411\u53f3\u5e73\u79fb *\/\n .by-unified-list li:hover { color: #ffffff !important; transform: translateX(5px) !important; }\n .by-consultant-list li:hover { color: #c5a059 !important; transform: translateX(5px) !important; }\n\n \/* \u91d1\u8272\u7bad\u982d\u5716\u793a (SVG) *\/\n .by-unified-list li::before, .by-consultant-list li::before {\n content: '' !important; \n position: absolute !important; \n left: 0 !important; \n top: 5px !important; \n width: 18px !important; \n height: 18px !important;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23c5a059' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C\/polyline%3E%3C\/svg%3E\") !important;\n background-size: contain !important; \n background-repeat: no-repeat !important;\n }\n\n \/* ==========================================================================\n \u624b\u6a5f\u7aef\u8207\u5e73\u677f\u9069\u914d\n ========================================================================== *\/\n @media (max-width: 992px) {\n .by-unified-card, .by-consultant-card { padding: 50px 40px !important; }\n .by-unified-grid { gap: 30px !important; }\n .by-consultant-list { grid-template-columns: repeat(2, 1fr) !important; } \/* \u5e73\u677f\u8f49\u96d9\u6b04 *\/\n }\n\n @media (max-width: 768px) {\n .by-unified-wrapper { padding: 60px 15px !important; }\n .by-unified-card, .by-consultant-card { padding: 40px 25px !important; border-radius: 15px !important; }\n \n \/* \u624b\u6a5f\u7aef\u6539\u70ba\u4e0a\u4e0b\u6392\u5217 *\/\n .by-unified-grid { grid-template-columns: 1fr !important; gap: 35px !important; }\n .by-consultant-list { grid-template-columns: 1fr !important; } \/* \u624b\u6a5f\u8f49\u55ae\u6b04 *\/\n \n \/* \u5206\u9694\u7dda\u6539\u70ba\u6a6b\u5411 *\/\n .by-divider-line { width: 100% !important; height: 1px !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"by-unified-wrapper\">\n \n <!-- \u6a21\u584a\u4e00\uff1a\u4e00\u9ad4\u5316\u6df1\u85cd\u5361\u7247 (\u8b49\u660e\u6587\u4ef6 & \u66f4\u6539\u5716\u5247) -->\n <div class=\"by-unified-card by-anim\">\n <div class=\"by-unified-grid\">\n \n <!-- \u5de6\u6b04\uff1a\u7c3d\u767c\u5404\u985e\u8b49\u660e\u6587\u4ef6 -->\n <div class=\"by-col-left\">\n <h3 class=\"by-col-title\">\u4e28Application for Licence\u4e28<\/h3>\n <ul class=\"by-unified-list\">\n <li>Certificate of unauthorized building works (UBW1 & UBW2)<\/li>\n <li>Certificate of Compliance A (Health Requirements)<\/li>\n <li>Certificate of Compliance B (Building Requirements)<\/li>\n <li>Certificate of Compliance C (Fire Safety Requirements)<\/li>\n <li>Certificate of Compliance D (Ventilation Requirements)<\/li>\n <li>Annual certificates of ventilation and fire services installations<\/li>\n <li>Work Safe Certificate of electrical installations (WR1)<\/li>\n <li>Certificates of Compliance and Completion regarding gas installations<\/li>\n <li>Fire Installations Certificates (FS251, 314A)<\/li>\n <\/ul>\n <\/div>\n\n <!-- \u4e2d\u9593\uff1a\u534a\u900f\u660e\u91d1\u8272\u5206\u9694\u7dda -->\n <div class=\"by-divider-line\"><\/div>\n\n <!-- \u53f3\u6b04\uff1a\u66f4\u6539\u5716\u5247 -->\n <div class=\"by-col-right\">\n <h3 class=\"by-col-title\">\u4e28Alternation \u4e28<\/h3>\n <ul class=\"by-unified-list\">\n <li>Handling of LICENCE Transfer and Relevant Supporting Documents UBW Certificates<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- \u6a21\u584a\u4e8c\uff1a\u724c\u7167\u9867\u554f (\u767d\u8272\u591a\u6b04\u5361\u7247) -->\n <div class=\"by-consultant-card by-anim by-delay-1\">\n <h3 class=\"by-consultant-title\">\u4e28Licence Consultant \u4e28<\/h3>\n <ul class=\"by-consultant-list\">\n <li>Restaurant License<\/li>\n <li>Bakery License<\/li>\n <li>Fridge Room License<\/li>\n <li>Factory Canteen Licence<\/li>\n <li>Food Factory Licence<\/li>\n <li>Temporary Food Factory Licence<\/li>\n <li>Fresh Provision Shop Licence<\/li>\n <li>Frozen Confection Factory Licence<\/li>\n <li>Milk Factory Licence<\/li>\n <li>Siu Mei and Lo Mei Shop Licence<\/li>\n <li>Food Shop Licence<\/li>\n <li>Food Business Licence\/Permit<\/li>\n <li>Karaoke Establishment Permit<\/li>\n <li>Chinese Herb Tea Permit<\/li>\n <li>Restricted Food Permit<\/li>\n <\/ul>\n <\/div>\n\n<\/div>\n\n<!-- JavaScript \u52d5\u6548\u89f8\u767c\u5668 -->\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n const animatedElements = document.querySelectorAll('.by-anim');\n \n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n rootMargin: '0px 0px -50px 0px',\n threshold: 0.1 \n });\n\n animatedElements.forEach(el => observer.observe(el));\n \n setTimeout(() => {\n animatedElements.forEach(el => el.classList.add('is-visible'));\n }, 2000);\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<div class=\"elementor-element elementor-element-7b98717 e-flex e-con-boxed e-con e-parent\" data-id=\"7b98717\" 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-2ad49d5 elementor-widget elementor-widget-html\" data-id=\"2ad49d5\" 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 \u57fa\u790e\u8a2d\u5b9a & \u5168\u5bec\u7834\u6846\n ========================================================================== *\/\n .by-faq-master {\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-x: hidden !important;\n box-sizing: border-box !important;\n }\n .by-faq-master * { box-sizing: border-box !important; outline: none !important; }\n\n \/* --- \u6efe\u52d5\u52d5\u6548 --- *\/\n .by-anim {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n }\n .by-anim.is-visible {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n .by-delay-1 { transition-delay: 0.15s !important; }\n .by-delay-2 { transition-delay: 0.3s !important; }\n\n \/* ==========================================================================\n \u5171\u7528\u6392\u7248\u6a23\u5f0f\n ========================================================================== *\/\n .by-faq-section {\n padding: 100px 5% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 60px !important;\n flex-wrap: wrap !important;\n }\n .by-faq-section.row-reverse { flex-direction: row-reverse !important; }\n \n .by-faq-img-col { flex: 1 !important; min-width: 300px !important; max-width: 550px !important; position: relative !important; }\n .by-faq-img-col img {\n width: 100% !important;\n height: 500px !important;\n object-fit: cover !important;\n border-radius: 12px !important;\n box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;\n }\n \/* \u5716\u7247\u91d1\u5c6c\u6846\u88dd\u98fe *\/\n .by-faq-img-col::before {\n content: '' !important; position: absolute !important; top: -15px !important; left: -15px !important;\n width: 100% !important; height: 100% !important; border: 2px solid #c5a059 !important; border-radius: 12px !important; z-index: -1 !important;\n }\n .by-faq-section.row-reverse .by-faq-img-col::before { left: 15px !important; top: 15px !important; }\n\n .by-faq-content-col { flex: 1.2 !important; min-width: 300px !important; max-width: 650px !important; }\n \n .by-eyebrow { font-size: 14px !important; letter-spacing: 3px !important; text-transform: uppercase !important; margin-bottom: 12px !important; display: block !important; font-weight: bold !important;}\n .by-main-title { font-size: 36px !important; font-weight: bold !important; line-height: 1.3 !important; margin-bottom: 30px !important; }\n\n \/* \u80cc\u666f\u8272\u7cfb *\/\n .bg-navy { background-color: #152747 !important; color: #ffffff !important; }\n .bg-navy .by-eyebrow { color: #c5a059 !important; }\n .bg-beige { background-color: #f2e9dc !important; color: #152747 !important; }\n .bg-beige .by-eyebrow { color: #c5a059 !important; }\n\n \/* ==========================================================================\n \u624b\u98a8\u7434 (Accordion) \u6a23\u5f0f\n ========================================================================== *\/\n .by-accordion { margin-top: 20px !important; }\n .by-accordion-item {\n border-bottom: 1px solid rgba(197, 160, 89, 0.3) !important;\n margin-bottom: 15px !important;\n }\n .bg-navy .by-accordion-item { border-bottom: 1px solid rgba(255,255,255,0.1) !important; }\n\n .by-accordion-header {\n display: flex !important;\n justify-content: space-between !important;\n align-items: center !important;\n padding: 15px 0 !important;\n cursor: pointer !important;\n font-size: 18px !important;\n font-weight: 600 !important;\n transition: color 0.3s ease !important;\n }\n .by-accordion-header:hover { color: #c5a059 !important; }\n \n .by-accordion-icon {\n font-size: 24px !important;\n color: #c5a059 !important;\n transition: transform 0.3s ease !important;\n }\n .by-accordion-item.active .by-accordion-icon { transform: rotate(45deg) !important; } \/* \u8b8a\u6210\u53c9\u53c9 *\/\n\n .by-accordion-body {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n }\n .by-accordion-content {\n padding: 0 0 25px 0 !important;\n font-size: 15px !important;\n line-height: 1.8 !important;\n color: inherit !important;\n opacity: 0.85 !important;\n }\n .by-accordion-content ul { padding-left: 20px !important; margin: 10px 0 !important; }\n .by-accordion-content li { margin-bottom: 8px !important; }\n\n \/* \u8cbc\u5fc3\u5efa\u8b70 Callout Box *\/\n .by-callout {\n background-color: rgba(197, 160, 89, 0.1) !important;\n border-left: 4px solid #c5a059 !important;\n padding: 15px 20px !important;\n margin-top: 15px !important;\n border-radius: 0 8px 8px 0 !important;\n font-size: 14px !important;\n }\n .bg-navy .by-callout { background-color: rgba(0,0,0,0.2) !important; }\n\n \/* ==========================================================================\n Q8 \u7db2\u683c\u7279\u6b8a\u7248\u9762 (\u5347\u7d1a\u8cea\u611f\u7248)\n ========================================================================== *\/\n .by-service-grid { \n display: grid !important; \n grid-template-columns: 1fr 1fr !important; \n gap: 30px !important; \n margin-top: 30px !important; \n }\n .by-service-card { \n background: #fff !important; \n border-radius: 12px !important; \n overflow: hidden !important; \n box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important; \n transition: transform 0.4s ease, box-shadow 0.4s ease !important;\n cursor: pointer !important;\n }\n .by-service-card:hover {\n transform: translateY(-8px) !important;\n box-shadow: 0 20px 40px rgba(0,0,0,0.4) !important;\n }\n .by-service-card-img-wrapper {\n width: 100% !important;\n height: 260px !important; \/* \u52a0\u5927\u5716\u7247\u5c55\u793a\u7a7a\u9593 *\/\n overflow: hidden !important;\n }\n .by-service-card-img-wrapper img { \n width: 100% !important; \n height: 100% !important; \n object-fit: cover !important; \n transition: transform 0.6s ease !important; \/* \u7de9\u52d5\u653e\u5927\u6548\u679c *\/\n }\n .by-service-card:hover .by-service-card-img-wrapper img {\n transform: scale(1.06) !important;\n }\n .by-service-card-text { \n padding: 25px !important; \n }\n .by-service-card-text h4 { \n margin: 0 0 12px 0 !important; \n color: #152747 !important; \n font-size: 20px !important; \n font-weight: bold !important; \n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n }\n .by-service-card-text p { \n margin: 0 !important; \n font-size: 15px !important; \n color: #555 !important; \n line-height: 1.6 !important; \n }\n\n \/* ==========================================================================\n \u97ff\u61c9\u5f0f (RWD)\n ========================================================================== *\/\n @media (max-width: 768px) {\n .by-faq-section { padding: 60px 20px !important; flex-direction: column !important; gap: 40px !important; }\n .by-faq-section.row-reverse { flex-direction: column !important; }\n .by-faq-img-col { max-width: 100% !important; width: 100% !important; }\n .by-faq-img-col img { height: 300px !important; }\n .by-faq-img-col::before { display: none !important; } \/* \u624b\u6a5f\u7248\u96b1\u85cf\u6846\u7dda\u907f\u514d\u7834\u7248 *\/\n .by-main-title { font-size: 28px !important; }\n .by-service-grid { grid-template-columns: 1fr !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"by-faq-master\">\n\n <!-- \u4e00\u3001 \u958b\u5e97\u6e96\u5099\u8207\u9078\u5740\u8a55\u4f30 (\u6df1\u85cd) -->\n <section class=\"by-faq-section bg-navy\">\n <div class=\"by-faq-img-col by-anim\">\n <!-- \u66ff\u63db\u70ba\u73fe\u5834\u5ea6\u5c3a\/\u8a55\u4f30\u7684\u5716\u7247 -->\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?q=80&w=1000&auto=format&fit=crop\" alt=\"\u5e97\u92ea\u9078\u5740\u8a55\u4f30\">\n <\/div>\n <div class=\"by-faq-content-col by-anim by-delay-1\">\n <span class=\"by-eyebrow\">Site Selection & Preparation<\/span>\n <h2 class=\"by-main-title\">I. Site Selection & Preparation<\/h2>\n \n <div class=\"by-accordion\">\n <div class=\"by-accordion-item\">\n <div class=\"by-accordion-header\">\n Q1: I am planning to open a restaurant\/shop. What hardware conditions should I pay the most attention to when selecting a site?\n <span class=\"by-accordion-icon\">+<\/span>\n <\/div>\n <div class=\"by-accordion-body\">\n <div class=\"by-accordion-content\">\n A: Besides foot traffic and rent,<strong>hardware conditions and regulations<\/strong>are crucial factors determining whether a license can be successfully issued for your business. We recommend paying special attention to the following:\n <ul>\n <li><strong>Electricity and Plumbing:<\/strong>Is the three-phase power supply sufficient? Do the drainage pipes and grease trap meet the requirements of the Food and Environmental Hygiene Department (FEHD)?<\/li>\n <li><strong>Ventilation and Fire Safety:<\/strong>Does the building allow the installation of fresh air and exhaust systems? Does the fire safety equipment meet the standards?<\/li>\n <li><strong>Land Use Restrictions:<\/strong>Does the property's Occupation Permit (OP) allow the type of business you plan to operate?<\/li>\n <\/ul>\n <div class=\"by-callout\">\n <strong>\ud83d\udca1 Bouyuen's Pro Tip:<\/strong>We strongly advise you to let us conduct an on-site evaluation before you formally \"sign the lease.\" This ensures the premises meet the licensing requirements, preventing costly future renovation and licensing difficulties caused by renting the wrong location.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"by-accordion-item\">\n <div class=\"by-accordion-header\">\n Q2: If I take over an existing restaurant, do I still need to reapply for a license?\n <span class=\"by-accordion-icon\">+<\/span>\n <\/div>\n <div class=\"by-accordion-body\">\n <div class=\"by-accordion-content\">\n A: While taking over an old shop can save on renovation costs, you must confirm whether the previous owner's license can be smoothly transferred and whether the existing fire safety and ventilation systems still comply with the latest regulations. Bouyuen will assist you in inspecting the on-site E&M (Electrical and Mechanical) equipment and professionally handle the license transfer or new plan submission, ensuring a legal, compliant transition and smooth operation.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u4e8c\u3001 \u5de5\u7a0b\u9810\u7b97\u8207\u5831\u50f9 (\u6dfa\u7c73 - \u5de6\u53f3\u53cd\u8f49) -->\n <section class=\"by-faq-section bg-beige row-reverse\">\n <div class=\"by-faq-img-col by-anim\">\n <!-- \u66ff\u63db\u70ba\u5831\u50f9\/\u8a2d\u8a08\u5716\u7d19\u8a0e\u8ad6\u7684\u5716\u7247 -->\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?q=80&w=1000&auto=format&fit=crop\" alt=\"\u5de5\u7a0b\u9810\u7b97\u8207\u5831\u50f9\">\n <\/div>\n <div class=\"by-faq-content-col by-anim by-delay-1\">\n <span class=\"by-eyebrow\">Budget & Quotation<\/span>\n <h2 class=\"by-main-title\">II. Budget & Quotation<\/h2>\n \n <div class=\"by-accordion\">\n <div class=\"by-accordion-item\">\n <div class=\"by-accordion-header\">\n Q3: How should I estimate the renovation budget for a restaurant or shop? Are there any hidden fees?\n <span class=\"by-accordion-icon\">+<\/span>\n <\/div>\n <div class=\"by-accordion-body\">\n <div class=\"by-accordion-content\">\n A: Commercial renovation budgets are mainly divided into four categories: \"Hard Fit-out (Plumbing\/Electrical\/Masonry)\", \"HVAC and Fire Safety Systems\", \"Licensing Consultant Fees\", and \"Operational Equipment (e.g., stainless steel kitchenware)\".<br><br>\n Bouyuen's greatest advantage is our<strong>self-owned stainless steel kitchenware factory,<\/strong>allowing us to control costs directly from the source and save you middleman markups. We provide a clear, transparent, itemized list during the quotation stage with absolutely no hidden charges, ensuring every penny of your budget is well-spent.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"by-accordion-item\">\n <div class=\"by-accordion-header\">\n Q4: Can I ask you to do an on-site inspection or provide a quote before I rent a shop?\n <span class=\"by-accordion-icon\">+<\/span>\n <\/div>\n <div class=\"by-accordion-body\">\n <div class=\"by-accordion-content\">\n A: Absolutely! Bouyuen offers<strong>a free on-site measurement and preliminary quotation service.<\/strong>our professional team will tailor a preliminary plan that best meets food preparation efficiency and ergonomics.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u4e09\u3001 \u724c\u7167\u4ee3\u8fa6\u8207\u6cd5\u898f (\u6df1\u85cd) -->\n <section class=\"by-faq-section bg-navy\">\n <div class=\"by-faq-img-col by-anim\">\n <!-- \u66ff\u63db\u70ba\u8b49\u66f8\/\u5716\u7d19\/\u653f\u5e9c\u6587\u4ef6\u7684\u5716\u7247 -->\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?q=80&w=1000&auto=format&fit=crop\" alt=\"\u724c\u7167\u4ee3\u8fa6\u8207\u6cd5\u898f\">\n <\/div>\n <div class=\"by-faq-content-col by-anim by-delay-1\">\n <span class=\"by-eyebrow\">Licensing & Compliance<\/span>\n <h2 class=\"by-main-title\">III. Licensing & Compliance<\/h2>\n \n <div class=\"by-accordion\">\n <div class=\"by-accordion-item\">\n <div class=\"by-accordion-header\">\n Q5: How long does it usually take to apply for an FEHD restaurant license? Can you handle the whole process?\n <span class=\"by-accordion-icon\">+<\/span>\n <\/div>\n <div class=\"by-accordion-body\">\n <div class=\"by-accordion-content\">\n A: Applying for a full license generally takes several months. However, to help you seize the prime business period, we will assist you in applying for<strong>\"Provisional License\"<\/strong>first. This is usually issued once basic fire safety and hygiene requirements are initially met, allowing you to start operating.<br><br>\n Bouyuen provides a one-stop licensing service. From conceptual layout plans and ventilation system installations to annual fire safety inspections, we are thoroughly familiar with all regulations and can effectively avoid the risk of licensing delays.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u56db\u3001 \u5de5\u671f\u628a\u63a7\u8207\u552e\u5f8c\u670d\u52d9 (\u6dfa\u7c73 - \u5de6\u53f3\u53cd\u8f49) -->\n <section class=\"by-faq-section bg-beige row-reverse\">\n <div class=\"by-faq-img-col by-anim\">\n <!-- \u66ff\u63db\u70ba\u65bd\u5de5\u73fe\u5834\/\u5de5\u7a0b\u5718\u968a\u7684\u5716\u7247 -->\n <img decoding=\"async\" src=\"https:\/\/bouyuen.com\/wp-content\/uploads\/2026\/04\/TKW_\u5341\u6236_detail_004.jpg\" alt=\"\u5de5\u671f\u628a\u63a7\u8207\u552e\u5f8c\u670d\u52d9\">\n <\/div>\n <div class=\"by-faq-content-col by-anim by-delay-1\">\n <span class=\"by-eyebrow\">Timeline & After-sales<\/span>\n <h2 class=\"by-main-title\">IV. Timeline & After-sales<\/h2>\n \n <div class=\"by-accordion\">\n <div class=\"by-accordion-item\">\n <div class=\"by-accordion-header\">\n Q6: How long is the renovation period? Can it be completed within the \"rent-free period\"?\n <span class=\"by-accordion-icon\">+<\/span>\n <\/div>\n <div class=\"by-accordion-body\">\n <div class=\"by-accordion-content\">\n A: The specific timeline depends on the shop's size and project complexity. However, business owners can rest assured: Bouyuen<strong>possesses profound expertise in E&M engineering,<\/strong>making us highly efficient in cross-trade coordination (such as plumbing, electricity, HVAC, masonry, and kitchenware installation).<br><br>\n We deeply understand the importance of the rent-free period to your revenue, so we strictly control the delivery schedule to help you complete the project swiftly and open on time.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"by-accordion-item\">\n <div class=\"by-accordion-header\">\n Q7: After the project is completed, is there a maintenance service if I encounter sudden E&M issues?\n <span class=\"by-accordion-icon\">+<\/span>\n <\/div>\n <div class=\"by-accordion-body\">\n <div class=\"by-accordion-content\">\n A: Certainly. Bouyuen provides a comprehensive \"Full-Ecosystem After-Sales & Maintenance Mechanism\". We are most proud of our strong capability in<strong>concealed works (plumbing and electrical infrastructure),<\/strong>which can completely eliminate operational hazards like water leaks and power trips. Should you encounter any emergencies during business hours, we have a well-established emergency repair mechanism to be your strongest backing.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u4e94\u3001 \u95dc\u65bc\u5bf6\u6e90\u7684\u5176\u4ed6\u670d\u52d9 (\u6df1\u85cd - \u9ad8\u968e\u8996\u89ba\u7db2\u683c\u7248) -->\n <section class=\"by-faq-section bg-navy\" style=\"flex-direction: column !important; align-items: flex-start !important; padding-bottom: 120px !important;\">\n <div class=\"by-anim\" style=\"width: 100%;\">\n <span class=\"by-eyebrow\">Other Services<\/span>\n <h2 class=\"by-main-title\">V. Other Services<\/h2>\n <p style=\"font-size: 18px; margin-bottom: 20px;\"><strong>Q8: Besides restaurants and commercial shops, do you also take on office or residential renovation projects?<\/strong><br>A: Yes! We not only specialize in F&B projects but also provide top-tier office and residential design services:<\/p>\n \n <div class=\"by-service-grid\">\n <!-- \u5beb\u5b57\u6a13\u8a2d\u8a08 (\u9ad8\u8cea\u611f\u6703\u8b70\u5ba4\/\u8fa6\u516c\u7a7a\u9593) -->\n <div class=\"by-service-card by-anim by-delay-1\">\n <div class=\"by-service-card-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1604328698692-f76ea9498e76?q=80&w=1000&auto=format&fit=crop\" alt=\"\u9ad8\u7d1a\u5beb\u5b57\u6a13\u8a2d\u8a08\">\n <\/div>\n <div class=\"by-service-card-text\">\n <h4><span style=\"font-size:24px;\">\ud83c\udfe2<\/span> Office<\/h4>\n <p>We provide precise high\/low voltage wiring and HVAC system planning with short construction cycles, comprehensively enhancing your corporate image and ensuring a seamless move-in.<\/p>\n <\/div>\n <\/div>\n \n <!-- \u5bb6\u5c45\u8a2d\u8a08 (\u9ad8\u8cea\u611f\u5962\u83ef\u8d77\u5c45\u5ba4) -->\n <div class=\"by-service-card by-anim by-delay-2\">\n <div class=\"by-service-card-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?q=80&w=1000&auto=format&fit=crop\" alt=\"\u5962\u83ef\u5bb6\u5c45\u88dd\u4fee\u8a2d\u8a08\">\n <\/div>\n <div class=\"by-service-card-text\">\n <h4><span style=\"font-size:24px;\">\ud83c\udfe0<\/span> Home<\/h4>\n <p>Balancing aesthetics and practicality, we place special emphasis on the highly demanding \"concealed plumbing and electrical works,\" ensuring your ideal home is not only beautiful but also completely safe and comfortable to live in.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/div>\n\n<!-- JavaScript \u52d5\u6548\u8207\u624b\u98a8\u7434\u908f\u8f2f -->\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n \n \/\/ 1. \u6efe\u52d5\u6d6e\u73fe\u52d5\u756b\n const animatedElements = document.querySelectorAll('.by-anim');\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { root: null, rootMargin: '0px 0px -50px 0px', threshold: 0.1 });\n animatedElements.forEach(el => observer.observe(el));\n\n \/\/ \u9632\u5446\u6a5f\u5236\uff1a3\u79d2\u5f8c\u5f37\u5236\u986f\u793a\n setTimeout(() => {\n animatedElements.forEach(el => el.classList.add('is-visible'));\n }, 3000);\n\n \/\/ 2. \u624b\u98a8\u7434 (Accordion) \u9ede\u64ca\u5c55\u958b\u908f\u8f2f\n const accordionHeaders = document.querySelectorAll('.by-accordion-header');\n \n accordionHeaders.forEach(header => {\n header.addEventListener('click', function() {\n const item = this.parentElement;\n const body = item.querySelector('.by-accordion-body');\n const isActive = item.classList.contains('active');\n\n if (isActive) {\n \/\/ \u95dc\u9589\n item.classList.remove('active');\n body.style.maxHeight = null;\n } else {\n \/\/ \u5c55\u958b\n item.classList.add('active');\n body.style.maxHeight = body.scrollHeight + \"px\";\n }\n });\n });\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\u5de5\u7a0b – \u5168\u677f\u584a\u52d5\u6548\u6574\u5408 BOUYUEN RENOVATION DESIGN \u5546\u696d\u5de5\u7a0b\u8207\u724c […]<\/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":"default","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":"enabled","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-17","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\u5de5\u7a0b – \u5168\u677f\u584a\u52d5\u6548\u6574\u5408 BOUYUEN RENOVATION DESIGN \u5546\u696d\u5de5\u7a0b\u8207\u724c…","_links":{"self":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages\/17","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=17"}],"version-history":[{"count":0,"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"wp:attachment":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}