{"id":2290,"date":"2026-04-10T09:13:58","date_gmt":"2026-04-10T09:13:58","guid":{"rendered":"https:\/\/bouyuen.com\/?page_id=2290"},"modified":"2026-04-12T11:53:09","modified_gmt":"2026-04-12T11:53:09","slug":"office-design","status":"publish","type":"page","link":"https:\/\/bouyuen.com\/en\/office-design\/","title":{"rendered":"Office Design"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2290\" class=\"elementor elementor-2290\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a86963 e-flex e-con-boxed e-con e-parent\" data-id=\"3a86963\" 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-091d536 elementor-widget elementor-widget-html\" data-id=\"091d536\" 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<div class=\"portfolio-container\">\r\n    <header class=\"portfolio-header\">\r\n        <h1>\u8fa6\u516c\u5ba4\u8a2d\u8a08\u6848\u4f8b<\/h1>\r\n        <p>\u5bf6\u6e90\u5de5\u7a0b\u81f4\u529b\u65bc\u6253\u9020\u9ad8\u6548\u3001\u5354\u4f5c\u4e14\u5177\u5099\u4f01\u696d\u7cbe\u795e\u7684\u73fe\u4ee3\u8fa6\u516c\u7a7a\u9593\uff0c\u5f9e\u52d5\u7dda\u898f\u5283\u5230\u8edf\u786c\u4ef6\u914d\u5957\u4e00\u7ad9\u5f0f\u5448\u73fe\u3002<\/p>\r\n        <div class=\"title-accent\"><\/div>\r\n    <\/header>\r\n\r\n    <div class=\"filter-bar\">\r\n        <span class=\"filter-item active\">\u5168\u90e8\u9805\u76ee<\/span>\r\n        <span class=\"filter-item\">\u73fe\u4ee3\u8fa6\u516c<\/span>\r\n        <span class=\"filter-item\">\u79d1\u6280\u91d1\u878d<\/span>\r\n        <span class=\"filter-item\">\u5171\u4eab\u7a7a\u9593<\/span>\r\n        <span class=\"filter-item\">\u5275\u610f\u5de5\u4f5c\u5ba4<\/span>\r\n        <span class=\"filter-item\">\u7e3d\u90e8\u5927\u6a13<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"case-grid\">\r\n        <div class=\"case-card\">\r\n            <div class=\"case-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=1000&auto=format&fit=crop\" alt=\"\u73fe\u4ee3\u8fa6\u516c\u7a7a\u9593\">\r\n            <\/div>\r\n            <div class=\"case-info\">\r\n                <span class=\"case-tag\">\u73fe\u4ee3\u8fa6\u516c<\/span>\r\n                <h3 class=\"case-title\">\u4e2d\u74b0 \u00b7 \u9802\u7d1a\u5546\u52d9\u7532\u7d1a\u8fa6\u516c\u5ba4<\/h3>\r\n                <p class=\"case-desc\">\u63a1\u7528\u6975\u7c21\u4e3b\u7fa9\u8a2d\u8a08\u8a9e\u5f59\uff0c\u900f\u904e\u5927\u9762\u7a4d\u63a1\u5149\u8207\u9748\u6d3b\u5de5\u4f4d\u914d\u7f6e\uff0c\u63d0\u5347\u5718\u968a\u5354\u4f5c\u6548\u7387\u3002<\/p>\r\n                <div class=\"case-meta\">\r\n                    <span>\u4e2d\u74b0\u4e2d\u5fc3<\/span>\r\n                    <span class=\"separator\">|<\/span>\r\n                    <span>5,500 \u544e<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"case-card\">\r\n            <div class=\"case-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?q=80&w=1000&auto=format&fit=crop\" alt=\"\u79d1\u6280\u91d1\u878d\u8fa6\u516c\u5ba4\">\r\n            <\/div>\r\n            <div class=\"case-info\">\r\n                <span class=\"case-tag\">\u79d1\u6280\u91d1\u878d<\/span>\r\n                <h3 class=\"case-title\">\u89c0\u5858 \u00b7 Fintech \u5275\u65b0\u7814\u767c\u4e2d\u5fc3<\/h3>\r\n                <p class=\"case-desc\">\u7d50\u5408\u667a\u80fd\u7167\u660e\u7cfb\u7d71\u8207\u9ad8\u79d1\u6280\u6703\u8b70\u8a2d\u65bd\uff0c\u71df\u9020\u5145\u6eff\u672a\u4f86\u611f\u7684\u6578\u5b57\u5316\u8fa6\u516c\u74b0\u5883\u3002<\/p>\r\n                <div class=\"case-meta\">\r\n                    <span>\u4e5d\u9f8d\u6771<\/span>\r\n                    <span class=\"separator\">|<\/span>\r\n                    <span>8,200 \u544e<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"case-card\">\r\n            <div class=\"case-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519214605650-76a613ee3245?q=80&w=1000&auto=format&fit=crop\" alt=\"\u5275\u610f\u5de5\u4f5c\u5ba4\">\r\n            <\/div>\r\n            <div class=\"case-info\">\r\n                <span class=\"case-tag\">\u5275\u610f\u5de5\u4f5c\u5ba4<\/span>\r\n                <h3 class=\"case-title\">\u9ec3\u7af9\u5751 \u00b7 \u85dd\u8853\u50b3\u5a92\u5de5\u4f5c\u574a<\/h3>\r\n                <p class=\"case-desc\">\u4fdd\u7559\u5de5\u696d\u5927\u5ec8\u7684\u6311\u9ad8\u512a\u52e2\uff0c\u7d50\u5408\u958b\u653e\u5f0f\u540a\u9802\u8207\u9748\u6d3b\u9694\u677f\uff0c\u6fc0\u767c\u7121\u9650\u5275\u610f\u9748\u611f\u3002<\/p>\r\n                <div class=\"case-meta\">\r\n                    <span>\u6e2f\u5cf6\u5357<\/span>\r\n                    <span class=\"separator\">|<\/span>\r\n                    <span>3,800 \u544e<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"case-card\">\r\n            <div class=\"case-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?q=80&w=1000&auto=format&fit=crop\" alt=\"\u4f01\u696d\u7e3d\u90e8\">\r\n            <\/div>\r\n            <div class=\"case-info\">\r\n                <span class=\"case-tag\">\u7e3d\u90e8\u5927\u6a13<\/span>\r\n                <h3 class=\"case-title\">\u9c02\u9b5a\u6d8c \u00b7 \u8de8\u570b\u4f01\u696d\u5340\u57df\u7e3d\u90e8<\/h3>\r\n                <p class=\"case-desc\">\u5f37\u5316\u7684\u4f01\u696d\u54c1\u724c\u8272\u5f69\u61c9\u7528\uff0c\u642d\u914d\u9ad8\u54c1\u8cea\u884c\u653f\u4eba\u54e1\u5c08\u5340\uff0c\u5c55\u73fe\u570b\u969b\u5316\u7684\u5c08\u696d\u5f62\u8c61\u3002<\/p>\r\n                <div class=\"case-meta\">\r\n                    <span>\u592a\u53e4\u574a<\/span>\r\n                    <span class=\"separator\">|<\/span>\r\n                    <span>12,000 \u544e<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"case-card\">\r\n            <div class=\"case-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1527192491265-7e15c55b1ed2?q=80&w=1000&auto=format&fit=crop\" alt=\"\u5171\u4eab\u7a7a\u9593\">\r\n            <\/div>\r\n            <div class=\"case-info\">\r\n                <span class=\"case-tag\">\u5171\u4eab\u7a7a\u9593<\/span>\r\n                <h3 class=\"case-title\">\u65fa\u89d2 \u00b7 \u73fe\u4ee3\u591a\u5143\u5171\u7528\u8fa6\u516c<\/h3>\r\n                <p class=\"case-desc\">\u914d\u7f6e\u591a\u7a2e\u4f11\u9592\u5340\u57df\u8207\u79c1\u5bc6\u901a\u8a71\u9593\uff0c\u5e73\u8861\u5de5\u4f5c\u6548\u7387\u8207\u54e1\u5de5\u798f\u7949\u7684\u7406\u60f3\u65b9\u6848\u3002<\/p>\r\n                <div class=\"case-meta\">\r\n                    <span>\u4e5d\u9f8d\u897f<\/span>\r\n                    <span class=\"separator\">|<\/span>\r\n                    <span>4,500 \u544e<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"case-card\">\r\n            <div class=\"case-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504384308090-c894fdcc538d?q=80&w=1000&auto=format&fit=crop\" alt=\"\u91ab\u5b78\u7f8e\u5bb9\u4e2d\u5fc3\">\r\n            <\/div>\r\n            <div class=\"case-info\">\r\n                <span class=\"case-tag\">\u5546\u696d\u7a7a\u9593<\/span>\r\n                <h3 class=\"case-title\">\u5c16\u6c99\u5480 \u00b7 \u91ab\u5b78\u7f8e\u5bb9\u65d7\u8266\u4e2d\u5fc3<\/h3>\r\n                <p class=\"case-desc\">\u6d41\u7dda\u578b\u7246\u9762\u8207\u67d4\u548c\u9593\u63a5\u7167\u660e\uff0c\u70ba\u5ba2\u6236\u63d0\u4f9b\u79c1\u5bc6\u4e14\u5177\u5099\u5c0a\u8cb4\u611f\u7684\u5c08\u696d\u7a7a\u9593\u3002<\/p>\r\n                <div class=\"case-meta\">\r\n                    <span>\u5c16\u6c99\u5480<\/span>\r\n                    <span class=\"separator\">|<\/span>\r\n                    <span>2,800 \u544e<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u5bb9\u5668\u57fa\u672c\u8a2d\u5b9a *\/\r\n.portfolio-container {\r\n    font-family: 'PingFang TC', 'Microsoft JhengHei', sans-serif;\r\n    color: #333;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    background-color: #fff;\r\n}\r\n\r\n\/* \u6a19\u984c\u6a23\u5f0f *\/\r\n.portfolio-header {\r\n    margin-bottom: 40px;\r\n    text-align: left;\r\n}\r\n.portfolio-header h1 {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n    color: #1a1a1a;\r\n    letter-spacing: 1px;\r\n}\r\n.portfolio-header p {\r\n    color: #888;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    max-width: 800px;\r\n}\r\n.title-accent {\r\n    width: 60px;\r\n    height: 3px;\r\n    background-color: #c5a059; \/* \u5bf6\u6e90\u4e3b\u984c\u91d1\u8272 *\/\r\n    margin-top: 20px;\r\n}\r\n\r\n\/* \u5206\u985e\u7be9\u9078\u5217 *\/\r\n.filter-bar {\r\n    display: flex;\r\n    gap: 15px;\r\n    margin-bottom: 50px;\r\n    flex-wrap: wrap;\r\n}\r\n.filter-item {\r\n    padding: 10px 24px;\r\n    background: #f8f8f8;\r\n    border-radius: 4px; \/* \u5546\u52d9\u611f\u8f03\u5f37\u7684\u5fae\u5713\u89d2 *\/\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    color: #666;\r\n    border: 1px solid #eee;\r\n}\r\n.filter-item.active {\r\n    background: #1a1a1a;\r\n    color: #fff;\r\n    border-color: #1a1a1a;\r\n}\r\n.filter-item:hover:not(.active) {\r\n    background: #fff;\r\n    border-color: #1a1a1a;\r\n    color: #1a1a1a;\r\n}\r\n\r\n\/* \u7db2\u683c\u7cfb\u7d71 *\/\r\n.case-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 35px;\r\n}\r\n\r\n\/* \u5361\u7247\u8207\u61f8\u505c\u7279\u6548 *\/\r\n.case-card {\r\n    background: #fff;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.03);\r\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    border: 1px solid #f2f2f2;\r\n}\r\n\r\n.case-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\r\n}\r\n\r\n.case-img-box {\r\n    width: 100%;\r\n    height: 250px;\r\n    overflow: hidden;\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.case-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* \u95dc\u9375\uff1a\u5716\u7247\u61f8\u6d6e\u653e\u5927\u6548\u679c *\/\r\n.case-card:hover .case-img-box img {\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* \u5167\u5bb9\u6392\u7248 *\/\r\n.case-info {\r\n    padding: 25px;\r\n}\r\n.case-tag {\r\n    font-size: 11px;\r\n    color: #c5a059;\r\n    border: 1px solid #c5a059;\r\n    padding: 2px 10px;\r\n    border-radius: 2px;\r\n    display: inline-block;\r\n    margin-bottom: 15px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n}\r\n.case-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n    color: #1a1a1a;\r\n    line-height: 1.4;\r\n}\r\n.case-desc {\r\n    font-size: 14px;\r\n    color: #666;\r\n    line-height: 1.7;\r\n    margin-bottom: 25px;\r\n    height: 48px; \r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \u5e95\u90e8\u8cc7\u8a0a\u6b04 *\/\r\n.case-meta {\r\n    padding-top: 18px;\r\n    border-top: 1px solid #f5f5f5;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 13px;\r\n    color: #888;\r\n}\r\n.separator {\r\n    margin: 0 12px;\r\n    color: #ddd;\r\n}\r\n\r\n\/* \u97ff\u61c9\u5f0f\u512a\u5316 *\/\r\n@media (max-width: 1024px) {\r\n    .case-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; }\r\n}\r\n@media (max-width: 640px) {\r\n    .case-grid { grid-template-columns: 1fr; }\r\n    .portfolio-header h1 { font-size: 28px; }\r\n}\r\n<\/style>\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>\u8fa6\u516c\u5ba4\u8a2d\u8a08\u6848\u4f8b \u5bf6\u6e90\u5de5\u7a0b\u81f4\u529b\u65bc\u6253\u9020\u9ad8\u6548\u3001\u5354\u4f5c\u4e14\u5177\u5099\u4f01\u696d\u7cbe\u795e\u7684\u73fe\u4ee3\u8fa6\u516c\u7a7a\u9593\uff0c\u5f9e\u52d5\u7dda\u898f\u5283\u5230\u8edf\u786c\u4ef6\u914d\u5957\u4e00\u7ad9\u5f0f\u5448\u73fe\u3002  [&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":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-2290","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":"\u8fa6\u516c\u5ba4\u8a2d\u8a08\u6848\u4f8b \u5bf6\u6e90\u5de5\u7a0b\u81f4\u529b\u65bc\u6253\u9020\u9ad8\u6548\u3001\u5354\u4f5c\u4e14\u5177\u5099\u4f01\u696d\u7cbe\u795e\u7684\u73fe\u4ee3\u8fa6\u516c\u7a7a\u9593\uff0c\u5f9e\u52d5\u7dda\u898f\u5283\u5230\u8edf\u786c\u4ef6\u914d\u5957\u4e00\u7ad9\u5f0f\u5448\u73fe\u3002 &hellip;","_links":{"self":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages\/2290","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=2290"}],"version-history":[{"count":0,"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/pages\/2290\/revisions"}],"wp:attachment":[{"href":"https:\/\/bouyuen.com\/en\/wp-json\/wp\/v2\/media?parent=2290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}