{"id":158,"date":"2026-08-05T16:54:09","date_gmt":"2026-08-05T16:54:09","guid":{"rendered":"https:\/\/boogiebeauty.com\/?page_id=158"},"modified":"2026-08-06T08:17:45","modified_gmt":"2026-08-06T08:17:45","slug":"map","status":"publish","type":"page","link":"https:\/\/boogiebeauty.com\/en\/map\/","title":{"rendered":"Map"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"158\" class=\"elementor elementor-158\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4afaa4 e-con-full e-flex e-con e-parent\" data-id=\"b4afaa4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6017fa3 elementor-widget elementor-widget-html\" data-id=\"6017fa3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bb-location-section\">\r\n\r\n    <!-- \u5de6\u908a Google Map -->\r\n    <div class=\"bb-location-map\">\r\n\r\n        <iframe\r\n            src=\"https:\/\/www.google.com\/maps?q=22.5031444,114.1274518&z=17&output=embed\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            style=\"border:0;\"\r\n            allowfullscreen\r\n loading=\"lazy\"\r\n            referrerpolicy=\"no-referrer-when-downgrade\"\r\n            title=\"\u660e\u6e56\u7f8e\u5bb9\u7e96\u9ad4\u4e2d\u5fc3\u4f4d\u7f6e\">\r\n        <\/iframe>\r\n\r\n        <a\r\n            class=\"bb-map-click\"\r\n            href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=22.5031444,114.1274518\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            aria-label=\"\u5728 Google Maps \u958b\u555f\u660e\u6e56\u7f8e\u5bb9\u7e96\u9ad4\u4e2d\u5fc3\u4f4d\u7f6e\">\r\n        <\/a>\r\n\r\n        <div class=\"bb-map-label\">\r\n            <span class=\"bb-map-dot\"><\/span>\r\n            <span>Minghu Beauty &amp; Slimming Center<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u53f3\u908a\u9580\u5e97\u8cc7\u6599 -->\r\n    <div class=\"bb-location-content\">\r\n\r\n        <div class=\"bb-location-inner\">\r\n\r\n            <span class=\"bb-eyebrow\">\r\n                VISIT BOOGIE BEAUTY\r\n            <\/span>\r\n\r\n            <h1>Find Us<\/h1>\r\n\r\n            <p class=\"bb-intro\">\r\n                We invite you to visit Minghu Beauty &amp; Slimming Center, where our professional team provides a comfortable and attentive beauty and slimming care experience.\r\n            <\/p>\r\n\r\n            <div class=\"bb-divider\"><\/div>\r\n\r\n            <!-- \u5730\u5740 -->\r\n            <div class=\"bb-info-item\">\r\n\r\n                <div class=\"bb-info-icon\">\r\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 21s7-6.15 7-12A7 7 0 1 0 5 9c0 5.85 7 12 7 12Z\"><\/path>\r\n                        <circle cx=\"12\" cy=\"9\" r=\"2.5\"><\/circle>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"bb-info-text\">\r\n\r\n                    <span class=\"bb-info-label\">\r\n                        \u5730\u5740 ADDRESS\r\n                    <\/span>\r\n\r\n                    <h3>Minghu Beauty &amp; Slimming Center<\/h3>\r\n\r\n                    <p>\r\n                        Sheung Shui, New Territories, Hong Kong<br>\r\n                        2\/F, 86 Lung Sum Road\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- \u5c0e\u822a -->\r\n            <div class=\"bb-info-item\">\r\n\r\n                <div class=\"bb-info-icon\">\r\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                        <path d=\"M12 7v5l3.2 2\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"bb-info-text\">\r\n\r\n                    <span class=\"bb-info-label\">\r\n                        \u5230\u8a2a\u65b9\u5f0f DIRECTIONS\r\n                    <\/span>\r\n\r\n                    <h3>Sheung Shui Store<\/h3>\r\n\r\n                    <p>\r\n                        Click the button below to open Google Maps\nand view real-time routes and navigation.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- \u6309\u9215 -->\r\n            <div class=\"bb-actions\">\r\n\r\n                <a\r\n                    class=\"bb-primary-btn\"\r\n                    href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=22.5031444,114.1274518\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\">\r\n\r\n                    <span>Open Google Maps<\/span>\r\n\r\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 12h14\"><\/path>\r\n                        <path d=\"m14 7 5 5-5 5\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n                <button\r\n                    class=\"bb-copy-btn\"\r\n                    type=\"button\"\r\n                    data-address=\"\u9999\u6e2f\u65b0\u754c\u4e0a\u6c34\u9f8d\u741b\u8def86\u865f2\u6a13\">\r\n\r\n                    Copy address\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"bb-copy-message\" aria-live=\"polite\">\r\n                \u5730\u5740\u5df2\u8907\u88fd\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ======================================================\r\n   BOOGIE BEAUTY \u9580\u5e97\u4f4d\u7f6e\u9801\u9762\r\n   \u7d2b\u8272\u7cfb\u5217\u7248\u672c\r\n====================================================== *\/\r\n\r\n.bb-location-section {\r\n    --bb-primary: #8b6fa8;\r\n    --bb-primary-dark: #654d80;\r\n    --bb-primary-deep: #49365f;\r\n    --bb-primary-light: #d7c9e5;\r\n    --bb-primary-soft: #eee7f4;\r\n\r\n    --bb-background: #f8f5fb;\r\n    --bb-card: #ffffff;\r\n    --bb-text: #302938;\r\n    --bb-muted: #766d7d;\r\n    --bb-line: #e4dbea;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 680px;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n        minmax(0, 1.45fr)\r\n        minmax(380px, 0.85fr);\r\n\r\n    background: var(--bb-background);\r\n    overflow: hidden;\r\n    font-family:\r\n        \"Noto Sans TC\",\r\n        \"PingFang TC\",\r\n        \"Microsoft JhengHei\",\r\n        \"Heiti TC\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\/* ======================================================\r\n   \u5730\u5716\u5340\u57df\r\n====================================================== *\/\r\n\r\n.bb-location-map {\r\n    position: relative;\r\n    min-height: 680px;\r\n    background: #e8e2ed;\r\n    overflow: hidden;\r\n}\r\n\r\n.bb-location-map iframe {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    filter: none;\r\n}\r\n\r\n\/* \u6574\u500b\u5730\u5716\u5340\u57df\u53ef\u9ede\u64ca\u4e26\u958b\u555f Google Maps *\/\r\n\r\n.bb-map-click {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n    cursor: pointer;\r\n}\r\n\r\n.bb-map-click:focus-visible {\r\n    outline: 3px solid var(--bb-primary);\r\n    outline-offset: -5px;\r\n}\r\n\r\n\/* \u5730\u5716\u4e0b\u65b9\u9580\u5e97\u6a19\u7c64 *\/\r\n\r\n.bb-map-label {\r\n    position: absolute;\r\n    left: 32px;\r\n    bottom: 30px;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    padding: 14px 20px;\r\n\r\n    background: rgba(255, 255, 255, 0.94);\r\n    color: var(--bb-text);\r\n\r\n    border: 1px solid rgba(139, 111, 168, 0.16);\r\n\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    letter-spacing: 0.04em;\r\n\r\n    box-shadow:\r\n        0 14px 35px\r\n        rgba(65, 45, 80, 0.15);\r\n\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n}\r\n\r\n\/* \u5730\u5716\u6807\u7b7e\u7d2b\u8272\u5706\u70b9 *\/\r\n\r\n.bb-map-dot {\r\n    position: relative;\r\n\r\n    width: 10px;\r\n    height: 10px;\r\n    flex: 0 0 10px;\r\n\r\n    border-radius: 50%;\r\n    background: var(--bb-primary);\r\n}\r\n\r\n.bb-map-dot::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: -6px;\r\n\r\n    border: 1px solid var(--bb-primary);\r\n    border-radius: 50%;\r\n\r\n    animation: bbMapPulse 2s infinite;\r\n}\r\n\r\n\/* ======================================================\r\n   \u53f3\u908a\u5185\u5bb9\u5340\u57df\r\n====================================================== *\/\r\n\r\n.bb-location-content {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0%,\r\n            rgba(187, 163, 211, 0.32),\r\n            transparent 42%\r\n        ),\r\n        radial-gradient(\r\n            circle at 0% 100%,\r\n            rgba(224, 211, 237, 0.38),\r\n            transparent 42%\r\n        ),\r\n        var(--bb-background);\r\n}\r\n\r\n.bb-location-content::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 1px;\r\n    height: 100%;\r\n\r\n    background:\r\n        rgba(139, 111, 168, 0.18);\r\n}\r\n\r\n\/* \u6de1\u7d2b\u8272\u88dd\u98fe\u5713\u5f62 *\/\r\n\r\n.bb-location-content::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 42px;\r\n    right: -70px;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    border: 1px solid\r\n        rgba(139, 111, 168, 0.12);\r\n\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.bb-location-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 560px;\r\n\r\n    margin: 0 auto;\r\n    padding: 70px 58px;\r\n}\r\n\r\n\/* \u5c0f\u6a19\u984c *\/\r\n\r\n.bb-eyebrow {\r\n    position: relative;\r\n\r\n    display: inline-block;\r\n    margin-bottom: 18px;\r\n\r\n    color: var(--bb-primary);\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    letter-spacing: 0.24em;\r\n}\r\n\r\n.bb-eyebrow::after {\r\n    content: \"\";\r\n\r\n    display: inline-block;\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    margin-left: 14px;\r\n    vertical-align: middle;\r\n\r\n    background: var(--bb-primary-light);\r\n}\r\n\r\n\/* \u4e3b\u6807\u9898 *\/\r\n\r\n.bb-location-inner h1 {\r\n    margin: 0 0 20px;\r\n\r\n    color: var(--bb-text);\r\n\r\n    font-size: clamp(40px, 4vw, 60px);\r\n    font-weight: 400;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.04em;\r\n}\r\n\r\n\/* \u7c21\u4ecb *\/\r\n\r\n.bb-intro {\r\n    max-width: 470px;\r\n    margin: 0;\r\n\r\n    color: var(--bb-muted);\r\n\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* \u5206\u9694\u7dda *\/\r\n\r\n.bb-divider {\r\n    width: 100%;\r\n    height: 1px;\r\n\r\n    margin: 34px 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--bb-primary-light),\r\n            var(--bb-line),\r\n            transparent\r\n        );\r\n}\r\n\r\n\/* ======================================================\r\n   \u5730\u5740\u8cc7\u6599\u533a\u5757\r\n====================================================== *\/\r\n\r\n.bb-info-item {\r\n    display: grid;\r\n    grid-template-columns:\r\n        48px minmax(0, 1fr);\r\n\r\n    gap: 18px;\r\n    padding: 0 0 28px;\r\n}\r\n\r\n.bb-info-item + .bb-info-item {\r\n    padding-top: 28px;\r\n\r\n    border-top:\r\n        1px solid var(--bb-line);\r\n}\r\n\r\n\/* \u56fe\u6807 *\/\r\n\r\n.bb-info-icon {\r\n    position: relative;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid var(--bb-primary-light);\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255, 255, 255, 0.52);\r\n\r\n    color: var(--bb-primary);\r\n\r\n    transition:\r\n        background-color 0.3s ease,\r\n        color 0.3s ease,\r\n        border-color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n.bb-info-item:hover .bb-info-icon {\r\n    background: var(--bb-primary);\r\n    border-color: var(--bb-primary);\r\n    color: #ffffff;\r\n\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.bb-info-icon svg {\r\n    width: 21px;\r\n    height: 21px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.6;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* \u5c0f\u6807\u7b7e *\/\r\n\r\n.bb-info-label {\r\n    display: block;\r\n\r\n    margin: 2px 0 8px;\r\n\r\n    color: var(--bb-primary);\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    letter-spacing: 0.18em;\r\n}\r\n\r\n\/* \u9580\u5e97\u540d\u79f0 *\/\r\n\r\n.bb-info-text h3 {\r\n    margin: 0 0 7px;\r\n\r\n    color: var(--bb-text);\r\n\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    line-height: 1.45;\r\n}\r\n\r\n\/* \u9580\u5e97\u5185\u5bb9 *\/\r\n\r\n.bb-info-text p {\r\n    margin: 0;\r\n\r\n    color: var(--bb-muted);\r\n\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* ======================================================\r\n   \u6309\u9215\r\n====================================================== *\/\r\n\r\n.bb-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n\r\n    margin-top: 10px;\r\n}\r\n\r\n.bb-primary-btn,\r\n.bb-copy-btn {\r\n    min-height: 52px;\r\n\r\n    border-radius: 0;\r\n\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.04em;\r\n\r\n    text-decoration: none !important;\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background-color 0.25s ease,\r\n        color 0.25s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n\/* Google Maps \u6309\u9215 *\/\r\n\r\n.bb-primary-btn {\r\n    position: relative;\r\n\r\n    min-width: 220px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n\r\n    padding: 0 24px;\r\n\r\n    border:\r\n        1px solid var(--bb-primary);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--bb-primary),\r\n            #74598f\r\n        );\r\n\r\n    color: #ffffff !important;\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(101, 77, 128, 0.18);\r\n}\r\n\r\n\/* \u6309\u9215\u626b\u5149 *\/\r\n\r\n.bb-primary-btn::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    left: -130%;\r\n\r\n    width: 75%;\r\n    height: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255, 255, 255, 0.32),\r\n            transparent\r\n        );\r\n\r\n    transform: skewX(-22deg);\r\n    transition: left 0.65s ease;\r\n}\r\n\r\n.bb-primary-btn:hover {\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--bb-primary-dark),\r\n            var(--bb-primary-deep)\r\n        );\r\n\r\n    border-color:\r\n        var(--bb-primary-dark);\r\n\r\n    box-shadow:\r\n        0 14px 30px\r\n        rgba(73, 54, 95, 0.25);\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.bb-primary-btn:hover::before {\r\n    left: 150%;\r\n}\r\n\r\n.bb-primary-btn span,\r\n.bb-primary-btn svg {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.bb-primary-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    transition:\r\n        transform 0.25s ease;\r\n}\r\n\r\n.bb-primary-btn:hover svg {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* \u8907\u88fd\u6309\u9215 *\/\r\n\r\n.bb-copy-btn {\r\n    padding: 0 22px;\r\n\r\n    border:\r\n        1px solid var(--bb-primary);\r\n\r\n    background:\r\n        rgba(255, 255, 255, 0.25);\r\n\r\n    color:\r\n        var(--bb-primary-dark);\r\n}\r\n\r\n.bb-copy-btn:hover {\r\n    background:\r\n        var(--bb-card);\r\n\r\n    color:\r\n        var(--bb-primary-deep);\r\n\r\n    border-color:\r\n        var(--bb-primary-dark);\r\n\r\n    box-shadow:\r\n        0 10px 22px\r\n        rgba(101, 77, 128, 0.12);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\/* \u8907\u88fd\u6210\u529f\u63d0\u793a *\/\r\n\r\n.bb-copy-message {\r\n    height: 20px;\r\n\r\n    margin: 10px 0 0;\r\n\r\n    color: var(--bb-primary);\r\n\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n\r\n    opacity: 0;\r\n    transform: translateY(4px);\r\n\r\n    transition:\r\n        opacity 0.25s ease,\r\n        transform 0.25s ease;\r\n}\r\n\r\n.bb-copy-message.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* ======================================================\r\n   \u52a8\u753b\r\n====================================================== *\/\r\n\r\n@keyframes bbMapPulse {\r\n    0% {\r\n        opacity: 0.8;\r\n        transform: scale(0.7);\r\n    }\r\n\r\n    70% {\r\n        opacity: 0;\r\n        transform: scale(1.5);\r\n    }\r\n\r\n    100% {\r\n        opacity: 0;\r\n        transform: scale(1.5);\r\n    }\r\n}\r\n\r\n\/* ======================================================\r\n   \u5e73\u677f\u7248\u672c\r\n====================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .bb-location-section {\r\n        grid-template-columns:\r\n            minmax(0, 1.1fr)\r\n            minmax(360px, 0.9fr);\r\n    }\r\n\r\n    .bb-location-inner {\r\n        padding: 60px 38px;\r\n    }\r\n\r\n    .bb-location-inner h1 {\r\n        font-size: 46px;\r\n    }\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   \u624b\u6a5f\u7248\u672c\r\n====================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .bb-location-section {\r\n        min-height: auto;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .bb-location-map {\r\n        min-height: 390px;\r\n        order: 1;\r\n    }\r\n\r\n    .bb-location-content {\r\n        order: 2;\r\n    }\r\n\r\n    .bb-location-content::before,\r\n    .bb-location-content::after {\r\n        display: none;\r\n    }\r\n\r\n    .bb-location-inner {\r\n        max-width: none;\r\n\r\n        padding:\r\n            48px 24px 54px;\r\n    }\r\n\r\n    .bb-location-inner h1 {\r\n        font-size: 40px;\r\n    }\r\n\r\n    .bb-intro {\r\n        font-size: 14px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    .bb-divider {\r\n        margin: 28px 0;\r\n    }\r\n\r\n    .bb-map-label {\r\n        left: 18px;\r\n        right: 18px;\r\n        bottom: 18px;\r\n\r\n        justify-content: center;\r\n\r\n        padding:\r\n            13px 16px;\r\n\r\n        font-size: 13px;\r\n        text-align: center;\r\n    }\r\n\r\n    .bb-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .bb-primary-btn,\r\n    .bb-copy-btn {\r\n        width: 100%;\r\n        min-width: 0;\r\n    }\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   \u5c0f\u5c3a\u5bf8\u624b\u6a5f\r\n====================================================== *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .bb-location-map {\r\n        min-height: 340px;\r\n    }\r\n\r\n    .bb-location-inner {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .bb-location-inner h1 {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .bb-info-item {\r\n        grid-template-columns:\r\n            42px minmax(0, 1fr);\r\n\r\n        gap: 14px;\r\n    }\r\n\r\n    .bb-info-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n\r\n    .bb-info-text h3 {\r\n        font-size: 17px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const sections =\r\n        document.querySelectorAll(\".bb-location-section\");\r\n\r\n    sections.forEach(function (section) {\r\n\r\n        const copyButton =\r\n            section.querySelector(\".bb-copy-btn\");\r\n\r\n        const copyMessage =\r\n            section.querySelector(\".bb-copy-message\");\r\n\r\n        if (!copyButton || !copyMessage) {\r\n            return;\r\n        }\r\n\r\n        copyButton.addEventListener(\r\n            \"click\",\r\n            async function () {\r\n\r\n                const address =\r\n                    copyButton.dataset.address || \"\";\r\n\r\n                try {\r\n\r\n                    if (\r\n                        navigator.clipboard &&\r\n                        window.isSecureContext\r\n                    ) {\r\n                        await navigator.clipboard.writeText(\r\n                            address\r\n                        );\r\n                    } else {\r\n                        throw new Error(\r\n                            \"Clipboard API unavailable\"\r\n                        );\r\n                    }\r\n\r\n                } catch (error) {\r\n\r\n                    const temporaryInput =\r\n                        document.createElement(\r\n                            \"textarea\"\r\n                        );\r\n\r\n                    temporaryInput.value = address;\r\n                    temporaryInput.setAttribute(\r\n                        \"readonly\",\r\n                        \"\"\r\n                    );\r\n\r\n                    temporaryInput.style.position =\r\n                        \"fixed\";\r\n\r\n                    temporaryInput.style.left =\r\n                        \"-9999px\";\r\n\r\n                    temporaryInput.style.opacity =\r\n                        \"0\";\r\n\r\n                    document.body.appendChild(\r\n                        temporaryInput\r\n                    );\r\n\r\n                    temporaryInput.select();\r\n                    temporaryInput.setSelectionRange(\r\n                        0,\r\n                        temporaryInput.value.length\r\n                    );\r\n\r\n                    document.execCommand(\"copy\");\r\n\r\n                    temporaryInput.remove();\r\n                }\r\n\r\n                const originalText =\r\n                    copyButton.textContent;\r\n\r\n                copyButton.textContent =\r\n                    \"\u5df2\u8907\u88fd\";\r\n\r\n                copyMessage.classList.add(\r\n                    \"is-visible\"\r\n                );\r\n\r\n                window.setTimeout(function () {\r\n\r\n                    copyButton.textContent =\r\n                        originalText.trim();\r\n\r\n                    copyMessage.classList.remove(\r\n                        \"is-visible\"\r\n                    );\r\n\r\n                }, 2200);\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u660e\u6e56\u7f8e\u5bb9\u7e96\u9ad4\u4e2d\u5fc3 VISIT BOOGI [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","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":"","footer-sml-layout":"","ast-disable-related-posts":"","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":"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":"","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-4)","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-4)","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-4)","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":""}},"footnotes":""},"class_list":["post-158","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/boogiebeauty.com\/en\/wp-json\/wp\/v2\/pages\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boogiebeauty.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boogiebeauty.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boogiebeauty.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boogiebeauty.com\/en\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":14,"href":"https:\/\/boogiebeauty.com\/en\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/boogiebeauty.com\/en\/wp-json\/wp\/v2\/pages\/158\/revisions\/186"}],"wp:attachment":[{"href":"https:\/\/boogiebeauty.com\/en\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}