{"id":1164,"date":"2026-01-29T20:53:43","date_gmt":"2026-01-29T20:53:43","guid":{"rendered":"https:\/\/121.43.134.170\/?page_id=1164"},"modified":"2026-02-15T14:54:30","modified_gmt":"2026-02-15T14:54:30","slug":"5hty","status":"publish","type":"page","link":"https:\/\/siluyouyue.cn\/en\/5hty\/","title":{"rendered":"Kashgar Homestay Courtyard No. 5"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1164\" class=\"elementor elementor-1164\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bf184a8 e-con-full e-flex e-con e-parent\" data-id=\"1bf184a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;triangle&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M500,98.9L0,6.1V0h1000v6.1L500,98.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dedf3fb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1dedf3fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        body, html {\r\n            margin: 0;\r\n            padding: 0;\r\n            overflow-x: hidden;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .hero-section-container {\r\n            position: relative;\r\n            width: 100vw;\r\n            height: 75vh;\r\n            min-height: 550px;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            margin-top: -20px;\r\n            margin-bottom: 0;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n            box-shadow: none;\r\n            background-color: #ffffff;\r\n            border: none;\r\n            outline: none;\r\n        }\r\n\r\n        .hero-background-image {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: url('\/wp-content\/uploads\/2026\/02\/5-scaled.webp');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            z-index: 0;\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .hero-section-container {\r\n                height: 60vh;\r\n                min-height: 450px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"hero-section-container\">\r\n    <div class=\"hero-background-image\"><\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e91d5a9 e-flex e-con-boxed e-con e-parent\" data-id=\"1e91d5a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b2b4566 elementor-widget elementor-widget-html\" data-id=\"1b2b4566\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .booking-info-section {\r\n        --img-fixed-width: 180px; \r\n        --line-spacing-left: 60px; \r\n        --line-spacing-right: 80px;\r\n        --line-color: #d1d1d1; \r\n        --icon-size: 16px;\r\n    }\r\n\r\n    .booking-info-section {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 60px 20px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: stretch;\r\n        background-color: transparent;\r\n        font-family: inherit;\r\n        color: #333;\r\n    }\r\n\r\n    .booking-text-wrapper {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-start;\r\n        align-items: flex-start;\r\n        text-align: left;\r\n    }\r\n\r\n    .booking-title {\r\n        font-size: 26px;\r\n        font-weight: bold;\r\n        color: #000;\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.4;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .booking-subtitle {\r\n        font-size: 13px;\r\n        color: #666;\r\n        margin: 0 0 10px 0;\r\n        line-height: 1.6;\r\n        font-weight: 300;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .booking-details {\r\n        font-size: 15px;\r\n        line-height: 2.4;\r\n        color: #222;\r\n        font-weight: 400;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    \r\n    .booking-details p {\r\n        margin: 0;\r\n    }\r\n\r\n    .booking-separator-line {\r\n        width: 1px;\r\n        background-color: var(--line-color);\r\n        margin-left: var(--line-spacing-left);\r\n        margin-right: var(--line-spacing-right);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .booking-contact-wrapper {\r\n        width: var(--img-fixed-width);\r\n        flex-shrink: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .contact-title {\r\n        font-size: 16px;\r\n        color: #666;\r\n        margin-bottom: 15px;\r\n        font-weight: normal;\r\n        align-self: flex-start;\r\n    }\r\n\r\n    .qr-code-img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .contact-info-item {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        width: 100%;\r\n        margin-bottom: 10px;\r\n        font-size: 14px;\r\n        color: #666;\r\n    }\r\n\r\n    .contact-icon {\r\n        width: var(--icon-size);\r\n        height: var(--icon-size);\r\n        margin-right: 10px;\r\n        fill: #666;\r\n    }\r\n\r\n    .booking-btn-img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        margin-top: 10px;\r\n        cursor: pointer;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .booking-btn-img:hover {\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .booking-info-section {\r\n            flex-direction: column;\r\n            gap: 40px;\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        .booking-separator-line {\r\n            display: none;\r\n        }\r\n\r\n        .booking-text-wrapper {\r\n            width: 100%;\r\n        }\r\n\r\n        .booking-contact-wrapper {\r\n            width: 100%;\r\n            align-items: flex-start;\r\n            text-align: left;\r\n        }\r\n        \r\n        .qr-code-img {\r\n            width: 150px;\r\n        }\r\n\r\n        .booking-btn-img {\r\n            width: 150px;\r\n        }\r\n\r\n        .booking-subtitle {\r\n            margin-bottom: 30px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"booking-info-section\">\r\n    \r\n    <div class=\"booking-text-wrapper\">\r\n        <h2 class=\"booking-title\">\u4e1d\u8def\u6709\u7ea6\u00b7\u5580\u4ec0\u6c11\u5bbf\u00b75\u53f7\u5ead\u9662<\/h2>\r\n        <div class=\"booking-subtitle\"><\/div>\r\n        \r\n        <div class=\"booking-details\">\r\n            <p>\u4f4d\u7f6e\uff1a\u5580\u4ec0\u53e4\u57ce\u897f\u57ce\/\u8fd1\u7237\u7237\u7684\u7237\u7237\u7684\u7238\u7238\u7684\u9995\u5e97<\/p>\r\n            <p>\u603b\u9762\u79ef\uff1a143 m\u00b2<\/p>\r\n            <p>\u5ead\u9662\u9762\u79ef\uff1a50 m\u00b2<\/p>\r\n            <p>\u914d\u5957\uff1a\u5ba2\u623f2\u95f4<\/p>\r\n            <p>\u00b7 \u69b4\u6708 1\/\u5ba2\u623f\u9762\u79ef:50 m\u00b2\/\u3010\u5927\u5e8a\u623f\u3011<\/p>\r\n            <p>\u00b7 \u69b4\u6708 2\/\u5ba2\u623f\u9762\u79ef:28 m\u00b2\/\u3010\u5927\u5e8a\u623f\u3011<\/p>\r\n            <p>\u9662\u843d\u603b\u4f53\u5e03\u5c40\uff1a\u5ba2\u623f 2 \u95f4\u3001\u5ead\u9662 1\u3001\u9732\u53f0 1\u3001\u53a8\u623f\/\u6d17\u8863\u95f4 1<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"booking-separator-line\"><\/div>\r\n\r\n    <div class=\"booking-contact-wrapper\">\r\n        <div class=\"contact-title\">\u4e86\u89e3\u66f4\u591a\uff1a<\/div>\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/\u4e34\u65f6\u4e8c\u7ef4\u7801.png\" alt=\"\u4e8c\u7ef4\u7801\" class=\"qr-code-img\">\r\n        \r\n        <div class=\"contact-info-item\">\r\n            <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-2.2 2.2a15.057 15.057 0 01-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1.01A11.36 11.36 0 018.59 3.98c0-.55-.45-1-1-1H4.5c-.55 0-1 .45-1 1C3.5 13.93 12.07 22.5 22 22.5c.55 0 1-.45 1-1v-3.12c0-.55-.45-1-1-1z\"\/><\/svg>\r\n            <span>19351321868<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"contact-info-item\">\r\n            <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n            <span>siluyouyue@163.com<\/span>\r\n        <\/div>\r\n\r\n        <a href=\"#\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/20.png\" alt=\"\u67e5\u770b\u65e5\u671f\u5e76\u9884\u8ba2\u5ead\u9662\" class=\"booking-btn-img\">\r\n        <\/a>\r\n    <\/div>\r\n\r\n<\/div>\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-5f6c4b0a e-flex e-con-boxed e-con e-parent\" data-id=\"5f6c4b0a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27c715db elementor-widget elementor-widget-html\" data-id=\"27c715db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .story-slider-section {\r\n        --desktop-btn-top: 165px;\r\n        --mobile-btn-top: 50vw;\r\n        --nav-btn-size: 60px;\r\n    }\r\n\r\n    .story-slider-section {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 60px 20px;\r\n        font-family: inherit;\r\n        color: #333;\r\n        background-color: transparent;\r\n        position: relative;\r\n    }\r\n\r\n    .story-header-new {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .story-main-title {\r\n        font-size: 28px;\r\n        font-weight: bold;\r\n        color: #000;\r\n        margin-bottom: 8px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .story-sub-title {\r\n        font-size: 14px;\r\n        color: #888;\r\n        font-weight: 300;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .slider-wrapper {\r\n        position: relative;\r\n        padding: 0 40px;\r\n    }\r\n\r\n    .slider-track {\r\n        display: flex;\r\n        gap: 20px;\r\n        overflow-x: auto;\r\n        scroll-behavior: smooth;\r\n        padding-bottom: 20px;\r\n        scrollbar-width: none;\r\n        -ms-overflow-style: none;\r\n        align-items: flex-start;\r\n    }\r\n    \r\n    .slider-track::-webkit-scrollbar { display: none; }\r\n\r\n    .story-slider-card {\r\n        flex: 0 0 calc(33.333% - 14px);\r\n        min-width: 300px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .card-image-wrapper {\r\n        width: 100%;\r\n        height: 0;\r\n        padding-top: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n        margin-bottom: 20px;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .card-img {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    .story-slider-card:hover .card-img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .story-content {\r\n        text-align: center;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .story-card-name {\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        color: #222;\r\n        display: block;\r\n        margin-bottom: 8px;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .story-card-desc {\r\n        font-size: 13px;\r\n        color: #888;\r\n        font-weight: normal;\r\n        display: block;\r\n    }\r\n\r\n    .story-slider-card:hover .story-card-name {\r\n        color: #c5a065;\r\n    }\r\n\r\n    .story-slider-section .nav-btn {\r\n        position: absolute;\r\n        top: var(--desktop-btn-top) !important;\r\n        transform: translateY(-50%);\r\n        background: transparent !important;\r\n        border: none;\r\n        cursor: pointer;\r\n        z-index: 10;\r\n        padding: 0;\r\n        width: var(--nav-btn-size);\r\n        height: var(--nav-btn-size);\r\n        transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;\r\n        filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.1));\r\n        -webkit-tap-highlight-color: transparent;\r\n        outline: none;\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .nav-btn.disabled {\r\n        opacity: 0.3;\r\n        cursor: default;\r\n        pointer-events: none;\r\n        filter: none;\r\n    }\r\n\r\n    .nav-btn:not(.disabled):hover {\r\n        transform: translateY(-50%) scale(1.1);\r\n        filter: drop-shadow(0px 6px 12px rgba(0,0,0,0.15));\r\n    }\r\n\r\n    .nav-btn img {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: contain;\r\n    }\r\n\r\n    @keyframes nudge-right {\r\n        0%, 100% { transform: translateX(0); }\r\n        50% { transform: translateX(5px); }\r\n    }\r\n\r\n    @keyframes nudge-left {\r\n        0%, 100% { transform: translateX(0); }\r\n        50% { transform: translateX(-5px); }\r\n    }\r\n\r\n    .nav-btn.hint-active.next img {\r\n        animation: nudge-right 1.5s ease-in-out infinite;\r\n    }\r\n    .nav-btn.hint-active.prev img {\r\n        animation: nudge-left 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    .nav-btn:hover img {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    .nav-btn.prev { left: -10px; }\r\n    .nav-btn.next { right: -10px; }\r\n\r\n    @media (max-width: 1024px) {\r\n        .story-slider-card { flex: 0 0 calc(50% - 10px); }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .story-slider-section { padding: 50px 0; overflow: hidden; }\r\n        .story-header-new { padding: 0 15px; }\r\n        \r\n        .slider-wrapper {\r\n            padding: 0;\r\n            width: 100%;\r\n        }\r\n        \r\n        .slider-track {\r\n            padding: 0 15px 20px 15px;\r\n            gap: 15px;\r\n            scroll-snap-type: x mandatory;\r\n            -webkit-overflow-scrolling: touch;\r\n        }\r\n\r\n        .story-slider-card {\r\n            flex: 0 0 85%;\r\n            min-width: 85%;\r\n            scroll-snap-align: center;\r\n            margin: 0;\r\n        }\r\n        \r\n        .story-slider-section .nav-btn {\r\n            display: none;\r\n            top: var(--mobile-btn-top) !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"story-slider-section\">\r\n    \r\n    <header class=\"story-header-new\">\r\n        <h2 class=\"story-main-title\">\u6545\u4e8b\u7684\u5bb9\u5668\/\u69b4\u6708<\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"slider-wrapper\">\r\n        \r\n        <button class=\"nav-btn prev\" id=\"storyBtnPrev\" aria-label=\"Previous\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/scrollleft.png\" alt=\"Previous\">\r\n        <\/button>\r\n\r\n        <div class=\"slider-track\" id=\"storyTrack\">\r\n            \r\n            <article class=\"story-slider-card\">\r\n                <div class=\"card-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/5.\u51c9\u4ead-scaled.webp\" alt=\"\u51c9\u4ead\" class=\"card-img\">\r\n                <\/div>\r\n                <div class=\"story-content\">\r\n                    <span class=\"story-card-name\">\u51c9\u4ead<\/span>\r\n                    <span class=\"story-card-desc\">\u3010\u8349\u5e2d\u7f16\u7ec7\u7684\u5149\u5f71\u4e16\u754c\u3011<\/span>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"story-slider-card\">\r\n                <div class=\"card-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/5.\u6302\u6bef-scaled.webp\" alt=\"\u6302\u6bef\" class=\"card-img\">\r\n                <\/div>\r\n                <div class=\"story-content\">\r\n                    <span class=\"story-card-name\">\u6302\u6bef<\/span>\r\n                    <span class=\"story-card-desc\">\u3010\u65b0\u7586\u5728\u5730\u6587\u5316\u7684\u5efa\u7b51\u7f8e\u5b66\u3011<\/span>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"story-slider-card\">\r\n                <div class=\"card-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/courtyard-5-\u6d17\u624b\u58f6.webp\" alt=\"\u6d17\u624b\u58f6\" class=\"card-img\">\r\n                <\/div>\r\n                <div class=\"story-content\">\r\n                    <span class=\"story-card-name\">\u6d17\u624b\u58f6<\/span>\r\n                    <span class=\"story-card-desc\">\u3010\u4eea\u5f0f\u611f\u6ee1\u6ee1\u7684\u4f20\u7edf\u6d17\u624b\u793c\u3011<\/span>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n        <button class=\"nav-btn next\" id=\"storyBtnNext\" aria-label=\"Next\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/scrollright.png\" alt=\"Next\">\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const track = document.getElementById('storyTrack');\r\n        const btnPrev = document.getElementById('storyBtnPrev');\r\n        const btnNext = document.getElementById('storyBtnNext');\r\n\r\n        if(track && btnPrev && btnNext) {\r\n            \r\n            const updateButtons = () => {\r\n                const tolerance = 5;\r\n                if (track.scrollLeft > tolerance) {\r\n                    btnPrev.classList.remove('disabled');\r\n                    btnPrev.classList.add('hint-active');\r\n                } else {\r\n                    btnPrev.classList.add('disabled');\r\n                    btnPrev.classList.remove('hint-active');\r\n                }\r\n\r\n                const maxScrollLeft = track.scrollWidth - track.clientWidth;\r\n                if (track.scrollLeft < maxScrollLeft - tolerance) {\r\n                    btnNext.classList.remove('disabled');\r\n                    btnNext.classList.add('hint-active');\r\n                } else {\r\n                    btnNext.classList.add('disabled');\r\n                    btnNext.classList.remove('hint-active');\r\n                }\r\n            };\r\n\r\n            const scrollSlider = (direction) => {\r\n                const card = track.querySelector('.story-slider-card');\r\n                const gap = 20;\r\n                const scrollAmount = card ? (card.offsetWidth + gap) : 320;\r\n\r\n                track.scrollBy({\r\n                    left: direction * scrollAmount,\r\n                    behavior: 'smooth'\r\n                });\r\n            };\r\n\r\n            btnNext.addEventListener('click', () => scrollSlider(1));\r\n            btnPrev.addEventListener('click', () => scrollSlider(-1));\r\n            \r\n            track.addEventListener('scroll', updateButtons);\r\n            window.addEventListener('resize', updateButtons);\r\n            \r\n            setTimeout(updateButtons, 100);\r\n        }\r\n    });\r\n<\/script>\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-89419f4 e-flex e-con-boxed e-con e-parent\" data-id=\"89419f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d6f0f32 elementor-widget elementor-widget-html\" data-id=\"2d6f0f32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    .courtyard-section {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 60px 20px;\n        font-family: inherit; \n        color: #333;\n        background-color: transparent;\n    }\n\n    .section-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .main-title {\n        font-size: 28px;\n        font-weight: bold;\n        color: #000;\n        margin-bottom: 8px;\n        letter-spacing: 1px;\n    }\n\n    .sub-title {\n        font-size: 14px;\n        color: #999;\n        font-weight: 300;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .slider-wrapper {\n        position: relative;\n        padding: 0 40px; \n    }\n\n    .slider-track {\n        display: flex;\n        gap: 20px;\n        overflow-x: auto;\n        scroll-behavior: smooth;\n        padding-bottom: 20px;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n    \n    .slider-track::-webkit-scrollbar { display: none; }\n\n    .room-card {\n        flex: 0 0 calc(33.333% - 14px);\n        min-width: 300px;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .card-image-wrapper {\n        width: 100%;\n        aspect-ratio: 4\/3;\n        overflow: hidden;\n        margin-bottom: 20px;\n        position: relative;\n        border-radius: 4px; \n    }\n\n    .card-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n\n    .room-card:hover .card-img {\n        transform: scale(1.05);\n    }\n\n    .card-title-row {\n        margin-bottom: 15px;\n        padding-bottom: 12px;\n        border-bottom: 1px solid #e5e5e5;\n        display: flex;\n        align-items: baseline;\n        flex-wrap: wrap;\n    }\n\n    .card-name {\n        font-size: 18px;\n        font-weight: bold;\n        color: #333;\n        margin-right: 8px;\n    }\n\n    .card-tag {\n        font-size: 13px;\n        color: #999;\n    }\n\n    .feature-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        font-size: 14px;\n        color: #666;\n        line-height: 1.8;\n    }\n\n    .nav-btn {\n        position: absolute;\n        top: 28%;\n        transform: translateY(-50%);\n        background: transparent !important;\n        border: none;\n        cursor: pointer;\n        z-index: 10;\n        padding: 0;\n        width: 60px;\n        height: 60px;\n        transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;\n        filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.1));\n        -webkit-tap-highlight-color: transparent;\n        outline: none;\n        opacity: 1;\n        pointer-events: auto;\n    }\n\n    .nav-btn.disabled {\n        opacity: 0.9; \n        cursor: default;\n        pointer-events: none; \n        filter: none; \n    }\n\n    .nav-btn:not(.disabled):hover {\n        transform: translateY(-50%) scale(1.1);\n        filter: drop-shadow(0px 6px 12px rgba(0,0,0,0.15));\n    }\n\n    .nav-btn img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        object-fit: contain;\n    }\n\n    @keyframes nudge-right {\n        0%, 100% { transform: translateX(0); }\n        50% { transform: translateX(5px); }\n    }\n\n    @keyframes nudge-left {\n        0%, 100% { transform: translateX(0); }\n        50% { transform: translateX(-5px); }\n    }\n\n    .nav-btn.hint-active.next img {\n        animation: nudge-right 1.5s ease-in-out infinite;\n    }\n    .nav-btn.hint-active.prev img {\n        animation: nudge-left 1.5s ease-in-out infinite;\n    }\n\n    .nav-btn:hover img {\n        animation-play-state: paused;\n    }\n\n    .nav-btn.prev { left: 10px; }\n    .nav-btn.next { right: 10px; }\n\n    @media (max-width: 1024px) {\n        .room-card { flex: 0 0 calc(50% - 10px); }\n    }\n    @media (max-width: 768px) {\n        .courtyard-section { padding: 60px 0; overflow: hidden; }\n        .section-header { padding: 0 15px; }\n        \n        .slider-wrapper { \n            padding: 0; \n            width: 100%;\n        }\n        \n        .slider-track {\n            padding: 0 15px 20px 15px;\n            gap: 15px;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n        }\n\n        .room-card { \n            flex: 0 0 85%;\n            min-width: 85%;\n            scroll-snap-align: center;\n            margin: 0;\n        }\n        \n        .nav-btn { display: none; } \n    }\n<\/style>\n\n<section class=\"courtyard-section\">\n    \n    <header class=\"section-header\">\n        <h2 class=\"main-title\">\u4f0d\u53f7\u5ead\u9662 | \u5ead\u9662\u662f\u5580\u4ec0\u53e4\u57ce\u7684\u5ef6\u4f38<\/h2>\n        <div class=\"sub-title\"><\/div>\n    <\/header>\n\n    <div class=\"slider-wrapper\">\n        \n        <button class=\"nav-btn prev\" id=\"btnPrev\" aria-label=\"Previous\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/scrollleft.png\" alt=\"Previous\">\n        <\/button>\n\n        <div class=\"slider-track\" id=\"track\">\n            \n            <article class=\"room-card\">\n                <div class=\"card-image-wrapper\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/courtyard-5-\u69b4\u67081.webp\" alt=\"\u69b4\u67081\" class=\"card-img\">\n                <\/div>\n                <div class=\"content\">\n                    <div class=\"card-title-row\">\n                        <span class=\"card-name\">\u69b4\u67081<\/span>\n                        <span class=\"card-tag\">\u301050\u5e73\u7c73\uff0c\u5927\u5e8a\u623f\u3011<\/span>\n                    <\/div>\n                    <ul class=\"feature-list\">\n                        <li>\u8c6a\u534e\u5927\u5e8a\u623f<\/li>\n                        <li>\u6d74\u7f38<\/li>\n                        <li>\u4e09\u4eba\u6c99\u53d1<\/li>\n                        <li>\u5c0f\u5df7\u666f<\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n\n            <article class=\"room-card\">\n                <div class=\"card-image-wrapper\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/courtyard-5-\u69b4\u67082.webp\" alt=\"\u69b4\u67082\" class=\"card-img\">\n                <\/div>\n                <div class=\"content\">\n                    <div class=\"card-title-row\">\n                        <span class=\"card-name\">\u69b4\u67082<\/span>\n                        <span class=\"card-tag\">\u301028\u5e73\u7c73\uff0c\u5927\u5e8a\u623f\u3011<\/span>\n                    <\/div>\n                    <ul class=\"feature-list\">\n                        <li>\u8c6a\u534e\u5927\u5e8a\u623f<\/li>\n                        <li>\u4e24\u4e2a\u5355\u4eba\u6c99\u53d1<\/li>\n                        <li>\u5c0f\u5df7&\u5ead\u9662\u666f<\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n\n            <article class=\"room-card\">\n                <div class=\"card-image-wrapper\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/courtyard-5-\u5c0f\u61a9.webp\" alt=\"\u5c0f\u61a9\" class=\"card-img\">\n                <\/div>\n                <div class=\"content\">\n                    <div class=\"card-title-row\">\n                        <span class=\"card-name\">\u5c0f\u61a9<\/span>\n                    <\/div>\n                    <ul class=\"feature-list\">\n                    <\/ul>\n                <\/div>\n            <\/article>\n\n            <article class=\"room-card\">\n                <div class=\"card-image-wrapper\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/courtyard-5-\u6d74\u7f38.webp\" alt=\"\u6d74\u7f38\" class=\"card-img\">\n                <\/div>\n                <div class=\"content\">\n                    <div class=\"card-title-row\">\n                        <span class=\"card-name\">\u6d74\u7f38<\/span>\n                    <\/div>\n                    <ul class=\"feature-list\">\n                    <\/ul>\n                <\/div>\n            <\/article>\n\n            <article class=\"room-card\">\n                <div class=\"card-image-wrapper\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/courtyard-5-\u53a8\u623f.webp\" alt=\"\u53a8\u623f\" class=\"card-img\">\n                <\/div>\n                <div class=\"content\">\n                    <div class=\"card-title-row\">\n                        <span class=\"card-name\">\u53a8\u623f<\/span>\n                    <\/div>\n                    <ul class=\"feature-list\">\n                    <\/ul>\n                <\/div>\n            <\/article>\n\n            <article class=\"room-card\">\n                <div class=\"card-image-wrapper\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/courtyard-5-\u697c\u68af.webp\" alt=\"\u697c\u68af\" class=\"card-img\">\n                <\/div>\n                <div class=\"content\">\n                    <div class=\"card-title-row\">\n                        <span class=\"card-name\">\u697c\u68af<\/span>\n                    <\/div>\n                    <ul class=\"feature-list\">\n                    <\/ul>\n                <\/div>\n            <\/article>\n            <article class=\"room-card\">\n                <div class=\"card-image-wrapper\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/1roomview-4.webp\" alt=\"\u72ec\u7acb\u53a8\u623f\" class=\"card-img\">\n                <\/div>\n                <div class=\"content\">\n                    <div class=\"card-title-row\">\n                        <span class=\"card-name\">\u72ec\u7acb\u53a8\u623f\/\u6d17\u8863\u95f4<\/span>\n                        <span class=\"card-tag\">\u3010\u751f\u6d3b\u914d\u5957\u3011<\/span>\n                    <\/div>\n                    <ul class=\"feature-list\">\n                        <li>\u5168\u5957\u53a8\u5177\/\u9910\u5177<\/li>\n                        <li>\u5168\u81ea\u52a8\u6eda\u7b52\u6d17\u8863\u673a<\/li>\n                        <li>\u70d8\u5e72\u529f\u80fd<\/li>\n                        <li>\u51b0\u7bb1\/\u5fae\u6ce2\u7089<\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n        <\/div>\n\n        <button class=\"nav-btn next\" id=\"btnNext\" aria-label=\"Next\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/scrollright.png\" alt=\"Next\">\n        <\/button>\n\n    <\/div>\n\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const track = document.getElementById('track');\n        const btnPrev = document.getElementById('btnPrev');\n        const btnNext = document.getElementById('btnNext');\n\n        if(track && btnPrev && btnNext) {\n            \n            const updateButtons = () => {\n                const tolerance = 5; \n                if (track.scrollLeft > tolerance) {\n                    btnPrev.classList.remove('disabled');\n                    btnPrev.classList.add('hint-active'); \n                } else {\n                    btnPrev.classList.add('disabled');\n                    btnPrev.classList.remove('hint-active');\n                }\n\n                const maxScrollLeft = track.scrollWidth - track.clientWidth;\n                if (track.scrollLeft < maxScrollLeft - tolerance) {\n                    btnNext.classList.remove('disabled');\n                    btnNext.classList.add('hint-active'); \n                } else {\n                    btnNext.classList.add('disabled');\n                    btnNext.classList.remove('hint-active');\n                }\n            };\n\n            const scrollSlider = (direction) => {\n                const card = track.querySelector('.room-card');\n                const gap = 20; \n                const scrollAmount = card ? (card.offsetWidth + gap) : 320; \n\n                track.scrollBy({ \n                    left: direction * scrollAmount, \n                    behavior: 'smooth' \n                });\n            };\n\n            btnNext.addEventListener('click', () => scrollSlider(1));\n            btnPrev.addEventListener('click', () => scrollSlider(-1));\n            \n            track.addEventListener('scroll', updateButtons);\n            window.addEventListener('resize', updateButtons);\n            \n            updateButtons();\n        }\n    });\n<\/script>\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-61f5e117 e-flex e-con-boxed e-con e-parent\" data-id=\"61f5e117\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72d9dfe6 elementor-widget elementor-widget-html\" data-id=\"72d9dfe6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .video-section {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 60px auto;\r\n        padding: 0 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .video-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        aspect-ratio: 16 \/ 9; \r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n        background-color: #000; \r\n        cursor: pointer;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n        transition: box-shadow 0.3s ease;\r\n    }\r\n\r\n    .video-wrapper::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.25); \r\n        pointer-events: none;\r\n        z-index: 5;\r\n        transition: opacity 0.5s ease;\r\n    }\r\n\r\n    .room-video {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \r\n        transition: object-fit 0.3s ease; \r\n    }\r\n\r\n    .video-wrapper.is-playing .room-video {\r\n        object-fit: contain;\r\n    }\r\n\r\n    .play-btn-overlay {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 80px;\r\n        height: 80px;\r\n        z-index: 10;\r\n        pointer-events: none;\r\n        transition: opacity 0.4s ease, transform 0.4s ease;\r\n    }\r\n\r\n    .play-icon-svg {\r\n        width: 100%;\r\n        height: 100%;\r\n        filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));\r\n    }\r\n\r\n    .circle-bg {\r\n        fill: rgba(255, 255, 255, 0.9);\r\n    }\r\n\r\n    .triangle-shape {\r\n        fill: #333;\r\n    }\r\n\r\n    .video-wrapper.is-playing .play-btn-overlay {\r\n        opacity: 0;\r\n        transform: translate(-50%, -50%) scale(1.5);\r\n    }\r\n\r\n    .video-wrapper.is-playing::after {\r\n        opacity: 0;\r\n    }\r\n\r\n    .video-wrapper.is-playing {\r\n        cursor: default;\r\n        box-shadow: none;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .video-section {\r\n            padding: 0;\r\n            margin: 30px auto;\r\n        }\r\n        \r\n        .video-wrapper {\r\n            border-radius: 0;\r\n            box-shadow: none;\r\n            background-color: transparent;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"video-section\">\r\n    \r\n    <div class=\"video-wrapper\" id=\"videoContainer\">\r\n        \r\n        <video \r\n            class=\"room-video\" \r\n            id=\"roomVideo\" \r\n            preload=\"metadata\" \r\n            playsinline \r\n            poster=\"\/wp-content\/uploads\/2026\/01\/courtyard-5-\u89c6\u9891\u5c01\u9762.webp\"\r\n        >\r\n            <source src=\"https:\/\/video.wanwang.xin\/305576ffbbe771f0bff95017f1e80102\/06cfd414f43d4dabb48f4b980a10d52a-aeeb1ba3e6035e68919d1688d4ce6ba8-sd.mp4?auth_key=1762526587-e903ed380fbe42a8b87de2be167c5673-0-ba62456e5452993842e5e27f7a975425\" type=\"video\/mp4\">\r\n            \u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301 HTML5 \u89c6\u9891\u3002\r\n        <\/video>\r\n\r\n        <div class=\"play-btn-overlay\">\r\n            <svg class=\"play-icon-svg\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <circle cx=\"40\" cy=\"40\" r=\"40\" class=\"circle-bg\" \/>\r\n                <path d=\"M52 40L32 52L32 28L52 40Z\" class=\"triangle-shape\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const container = document.getElementById('videoContainer');\r\n        const video = document.getElementById('roomVideo');\r\n\r\n        if (container && video) {\r\n            \r\n            container.addEventListener('click', (e) => {\r\n                if (video.paused) {\r\n                    video.play();\r\n                } else {\r\n                    if (e.target !== video) { \r\n                        video.pause();\r\n                    }\r\n                }\r\n            });\r\n\r\n            video.addEventListener('play', () => {\r\n                container.classList.add('is-playing');\r\n                video.setAttribute('controls', 'controls');\r\n            });\r\n\r\n            const resetState = () => {\r\n                container.classList.remove('is-playing');\r\n                video.removeAttribute('controls');\r\n            };\r\n\r\n            video.addEventListener('pause', resetState);\r\n            video.addEventListener('ended', resetState);\r\n        }\r\n    });\r\n<\/script>\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-abf01c4 e-flex e-con-boxed e-con e-parent\" data-id=\"abf01c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ab47e8 elementor-widget elementor-widget-spacer\" data-id=\"4ab47e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-7fa832d e-flex e-con-boxed e-con e-parent\" data-id=\"7fa832d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26eef8e8 elementor-widget elementor-widget-html\" data-id=\"26eef8e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .services-box {\r\n        --s-padding-top: 20px;\r\n        --s-padding-bottom: 0px;\r\n        --s-padding-x: 20px;\r\n        \r\n        --s-title-gap: 10px;\r\n        \r\n        --s-row-gap: 15px;\r\n        \r\n        --s-icon-box-height: 90px;\r\n        --s-icon-size: 70px;\r\n        \r\n        --s-collapsed-height: 200px;\r\n        \r\n        --s-more-text-color: #3f6358;\r\n        --s-more-num-size: 32px;\r\n        --s-more-label-size: 14px;\r\n    }\r\n\r\n    .services-box {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: var(--s-padding-top) var(--s-padding-x) var(--s-padding-bottom);\r\n        background-color: transparent;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .services-title {\r\n        font-size: 20px;\r\n        color: #000;\r\n        margin-bottom: var(--s-title-gap);\r\n        font-weight: bold;\r\n    }\r\n\r\n    .services-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(8, 1fr);\r\n        gap: var(--s-row-gap);\r\n        margin-bottom: 30px;\r\n        transition: max-height 0.5s ease-in-out;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .services-grid.collapsed {\r\n        max-height: var(--s-collapsed-height); \r\n    }\r\n    \r\n    .services-grid.expanded {\r\n        max-height: 2000px;\r\n    }\r\n\r\n    .s-icon-item {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 120%;\r\n        height: var(--s-icon-box-height);\r\n        cursor: pointer;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .s-icon-item:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .s-icon-mask {\r\n        width: var(--s-icon-size);\r\n        height: var(--s-icon-size);\r\n        background-color: #444444;\r\n        -webkit-mask-size: contain;\r\n        -webkit-mask-repeat: no-repeat;\r\n        -webkit-mask-position: center;\r\n        mask-size: contain;\r\n        mask-repeat: no-repeat;\r\n        mask-position: center;\r\n        transition: background-color 0.3s ease, transform 0.3s ease;\r\n    }\r\n\r\n    .s-icon-item:hover .s-icon-mask {\r\n        background-color: #cbb592;\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .s-more-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        height: var(--s-icon-box-height);\r\n        cursor: pointer;\r\n        color: var(--s-more-text-color);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .s-more-card:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .s-more-num {\r\n        font-size: var(--s-more-num-size);\r\n        line-height: 1.2;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .s-more-label {\r\n        font-size: var(--s-more-label-size);\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .s-icon-hidden {\r\n        display: none !important;\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n        .services-grid { gap: 10px; }\r\n        .s-icon-mask { width: 60px; height: 60px; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .services-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .services-box { padding: 40px 15px; }\r\n        .services-grid { grid-template-columns: repeat(4, 1fr); gap: 15px; }\r\n        .s-icon-item, .s-more-card { height: 80px; }\r\n        .s-icon-mask { width: 60px; height: 60px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"services-box\">\r\n    <div class=\"services-title\">\u6c11\u5bbf\u670d\u52a1<\/div>\r\n    <div class=\"services-grid collapsed\" id=\"servicesGrid\">\r\n        <div class=\"s-icon-item\" title=\"\u7ba1\u5bb6\u5168\u7a0b\u670d\u52a1\"><div class=\"s-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u7ba1\u5bb6\u5168\u7a0b\u670d\u52a1.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u7ba1\u5bb6\u5168\u7a0b\u670d\u52a1.png');\"><\/div><\/div>\r\n        <div class=\"s-icon-item\" title=\"\u53e4\u57ce\u6f2b\u6e38\u966a\u4f34\"><div class=\"s-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u53e4\u57ce\u6f2b\u6e38\u966a\u4f34.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u53e4\u57ce\u6f2b\u6e38\u966a\u4f34.png');\"><\/div><\/div>\r\n        <div class=\"s-icon-item\" title=\"\u673a\u573a\u514d\u8d39\u63a5\u9001\"><div class=\"s-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u673a\u573a\u514d\u8d39\u63a5\u9001.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u673a\u573a\u514d\u8d39\u63a5\u9001.png');\"><\/div><\/div>\r\n        <div class=\"s-icon-item\" title=\"\u642c\u8fd0\u884c\u674e\"><div class=\"s-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u642c\u8fd0\u884c\u674e.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u642c\u8fd0\u884c\u674e.png');\"><\/div><\/div>\r\n        <div class=\"s-icon-item\" title=\"\u4ee3\u4e3a\u6cca\u8f66\"><div class=\"s-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u4ee3\u4e3a\u6cca\u8f66.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u4ee3\u4e3a\u6cca\u8f66.png');\"><\/div><\/div>\r\n        <div class=\"s-icon-item\" title=\"\u6d17\u624b\u793c\u8fce\u5bbe\"><div class=\"s-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6d17\u624b\u793c\u8fce\u5bbe.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6d17\u624b\u793c\u8fce\u5bbe.png');\"><\/div><\/div>\r\n        <div class=\"s-icon-item\" title=\"\u5373\u65f6\u6253\u626b\"><div class=\"s-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5373\u65f6\u6253\u626b.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5373\u65f6\u6253\u626b.png');\"><\/div><\/div>\r\n        \r\n        <div class=\"s-icon-item\" title=\"\u897f\u57df\u53e4\u6cd5\u62a4\u53d1\"><div class=\"s-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u53e4\u6cd5\u62a4\u5934.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u53e4\u6cd5\u62a4\u5934.png');\"><\/div><\/div>\r\n        <div class=\"s-icon-item\" title=\"\u7ef4\u836f\u6ce1\u811a\"><div class=\"s-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u7ef4\u836f\u6ce1\u811a.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u7ef4\u836f\u6ce1\u811a.png');\"><\/div><\/div>\r\n        <div class=\"s-icon-item\" title=\"\u65c5\u62cd\"><div class=\"s-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u65c5\u62cd.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u65c5\u62cd.png');\"><\/div><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    function initServices() {\r\n        const grid = document.getElementById(\"servicesGrid\");\r\n        if (!grid) return;\r\n        \r\n        const items = grid.getElementsByClassName(\"s-icon-item\");\r\n        const itemsArray = Array.from(items);\r\n        const limit = 7; \r\n        const totalItems = itemsArray.length;\r\n        \r\n        if (totalItems > limit) {\r\n            const hiddenCount = totalItems - limit;\r\n            \r\n            const moreCard = document.createElement(\"div\");\r\n            moreCard.className = \"s-more-card\";\r\n            moreCard.innerHTML = `\r\n                <div class=\"s-more-num\">${hiddenCount}+<\/div>\r\n                <div class=\"s-more-label\">\u6c11\u5bbf\u670d\u52a1<\/div>\r\n            `;\r\n            \r\n            grid.insertBefore(moreCard, itemsArray[limit]);\r\n            \r\n            itemsArray.slice(limit).forEach(item => {\r\n                item.classList.add(\"s-icon-hidden\");\r\n            });\r\n            \r\n            let isExpanded = false;\r\n            \r\n            moreCard.addEventListener(\"click\", function() {\r\n                isExpanded = !isExpanded;\r\n                \r\n                if (isExpanded) {\r\n                    itemsArray.slice(limit).forEach(item => {\r\n                        item.classList.remove(\"s-icon-hidden\");\r\n                    });\r\n                    grid.appendChild(moreCard);\r\n                    moreCard.innerHTML = `\r\n                        <div class=\"s-more-num\" style=\"font-size:24px;\">\u25b2<\/div>\r\n                        <div class=\"s-more-label\">\u6536\u8d77<\/div>\r\n                    `;\r\n                    grid.classList.remove(\"collapsed\");\r\n                    grid.classList.add(\"expanded\");\r\n                } else {\r\n                    itemsArray.slice(limit).forEach(item => {\r\n                        item.classList.add(\"s-icon-hidden\");\r\n                    });\r\n                    grid.insertBefore(moreCard, itemsArray[limit]);\r\n                    moreCard.innerHTML = `\r\n                        <div class=\"s-more-num\">${hiddenCount}+<\/div>\r\n                        <div class=\"s-more-label\">\u6c11\u5bbf\u670d\u52a1<\/div>\r\n                    `;\r\n                    grid.classList.remove(\"expanded\");\r\n                    grid.classList.add(\"collapsed\");\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initServices);\r\n    } else {\r\n        initServices();\r\n    }\r\n})();\r\n<\/script>\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-4319d6a e-flex e-con-boxed e-con e-parent\" data-id=\"4319d6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e30cbe7 elementor-widget elementor-widget-spacer\" data-id=\"e30cbe7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-51b8e1bb e-flex e-con-boxed e-con e-parent\" data-id=\"51b8e1bb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55132afc elementor-widget elementor-widget-html\" data-id=\"55132afc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .amenities-box {\r\n        --a-padding-top: 30px;\r\n        --a-padding-bottom: 0px;\r\n        --a-padding-x: 20px;\r\n        \r\n        --a-title-gap: 10px;\r\n        \r\n        --a-row-gap: 15px;\r\n        \r\n        --a-icon-box-height: 90px;\r\n        --a-icon-size: 70px;\r\n        \r\n        --a-more-text-color: #3f6358;\r\n        --a-more-num-size: 32px;\r\n        --a-more-label-size: 14px;\r\n        \r\n        --a-collapsed-height: 200px;\r\n    }\r\n\r\n    .amenities-box {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: var(--a-padding-top) var(--a-padding-x) var(--a-padding-bottom);\r\n        background-color: transparent;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .amenities-title {\r\n        font-size: 20px;\r\n        color: #000;\r\n        margin-bottom: var(--a-title-gap);\r\n        font-weight: bold;\r\n    }\r\n\r\n    .amenities-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(8, 1fr);\r\n        gap: var(--a-row-gap);\r\n        margin-bottom: 30px;\r\n        transition: max-height 0.5s ease-in-out;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .amenities-grid.collapsed {\r\n        max-height: var(--a-collapsed-height); \r\n    }\r\n    \r\n    .amenities-grid.expanded {\r\n        max-height: 2000px;\r\n    }\r\n\r\n    .a-icon-item {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 100%;\r\n        height: var(--a-icon-box-height);\r\n        cursor: pointer;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .a-icon-item:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .a-icon-mask {\r\n        width: var(--a-icon-size);\r\n        height: var(--a-icon-size);\r\n        background-color: #444444;\r\n        -webkit-mask-size: contain;\r\n        -webkit-mask-repeat: no-repeat;\r\n        -webkit-mask-position: center;\r\n        mask-size: contain;\r\n        mask-repeat: no-repeat;\r\n        mask-position: center;\r\n        transition: background-color 0.3s ease, transform 0.3s ease;\r\n    }\r\n\r\n    .a-icon-item:hover .a-icon-mask {\r\n        background-color: #cbb592;\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .a-more-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        height: var(--a-icon-box-height);\r\n        cursor: pointer;\r\n        color: var(--a-more-text-color);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .a-more-card:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .a-more-num {\r\n        font-size: var(--a-more-num-size);\r\n        line-height: 1.2;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .a-more-label {\r\n        font-size: var(--a-more-label-size);\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .a-icon-hidden {\r\n        display: none !important;\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n        .amenities-grid { gap: 10px; }\r\n        .a-icon-mask { width: 60px; height: 60px; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .amenities-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .amenities-box { padding: 40px 15px; }\r\n        .amenities-grid { grid-template-columns: repeat(4, 1fr); gap: 15px; }\r\n        .a-icon-item, .a-more-card { height: 80px; }\r\n        .a-icon-mask { width: 60px; height: 60px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"amenities-box\">\r\n    <div class=\"amenities-title\">\u5ead\u9662\u8bbe\u65bd<\/div>\r\n    <div class=\"amenities-grid collapsed\" id=\"amenitiesGrid\">\r\n        <div class=\"a-icon-item\" title=\"\u72ec\u7acb\u5ead\u9662\u5efa\u7b51\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u72ec\u7acb\u5ead\u9662\u5efa\u7b51-1.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u72ec\u7acb\u5ead\u9662\u5efa\u7b51-1.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u542b\u72ec\u7acb\u82b1\u56ed\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u542b\u72ec\u7acb\u82b1\u56ed.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u542b\u666f\u89c2\u82b1\u56ed.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u6709\u7a97\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6709\u7a97.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6709\u7a97.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u540d\u5bb6\u753b\u4f5c\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u540d\u5bb6\u753b\u4f5c.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u540d\u5bb6\u753b\u4f5c.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"BOSE\u97f3\u7bb1\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_Bose\u97f3\u7bb1.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_Bose\u97f3\u7bb1.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u5439\u98ce\u673a\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5439\u98ce\u673a.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5439\u98ce\u673a.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u52a0\u6e7f\u5668\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u52a0\u6e7f\u5668.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u52a0\u6e7f\u5668.png');\"><\/div><\/div>\r\n\r\n        <div class=\"a-icon-item\" title=\"\u54c8\u58eb\u5947\u8ff7\u4f60\u5427\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u8ff7\u4f60\u5427.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u8ff7\u4f60\u5427.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"Wi-Fi\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_WIFI.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_WIFI.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u6d17\u8863\u673a\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6d17\u8863\u673a.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6d17\u8863\u673a.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u9633\u5149\u667e\u6652\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u9633\u5149\u667e\u6652.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u9633\u5149\u667e\u6652.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u71a8\u8863\u8bbe\u5907\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u70eb\u8863\u8bbe\u5907.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u70eb\u8863\u8bbe\u5907.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u6c99\u53d1\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6c99\u53d1.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6c99\u53d1.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u4e13\u5c5e\u51b0\u7bb1\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u4e13\u5c5e\u51b0\u7bb1.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u4e13\u5c5e\u51b0\u7bb1.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u7535\u996d\u7172\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u7535\u996d\u7172.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u7535\u996d\u7172.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u5fae\u6ce2\u7089\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5fae\u6ce2\u7089.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5fae\u6ce2\u7089.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u6d88\u6bd2\u67dc\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6d88\u6bd2\u67dc.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6d88\u6bd2\u67dc.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u6c34\u58f6\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6c34\u58f6.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6c34\u58f6.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u65e9\u9910\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u65e9\u9910.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u65e9\u9910.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u65b0\u7586\u82b1\u8349\u8336\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u65b0\u7586\u82b1\u8349\u8336.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u65b0\u7586\u82b1\u8349\u8336.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u996e\u54c1\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u996e\u54c1.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u996e\u54c1.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u6d74\u7f38\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6d74\u7f38.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6d74\u7f38.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u5927\u8336\u53f0\u3001\u5de5\u4f5c\u53f0\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5927\u8336\u53f0\u5de5\u4f5c\u53f0.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5927\u8336\u53f0\u5de5\u4f5c\u53f0.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u5355\u4eba\u5e8a\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5355\u4eba\u5e8a.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5355\u4eba\u5e8a.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u53cc\u4eba\u5e8a\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u53cc\u4eba\u5e8a.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u53cc\u4eba\u5e8a.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u53ef\u52a0\u5e8a\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u53ef\u52a0\u5e8a.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u53ef\u52a0\u5e8a.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u70e7\u6c34\u58f6\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u70e7\u6c34\u58f6.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u70e7\u6c34\u58f6.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u6bdb\u5dfe\u3001\u6d74\u5dfe\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6bdb\u5dfe\u6d74\u5dfe.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u6bdb\u5dfe\u6d74\u5dfe.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u84b8\u9505\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u84b8\u9505.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u84b8\u9505.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u5168\u5c4b\u5730\u6696\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5168\u5c4b\u5730\u6696.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5168\u5c4b\u5730\u6696.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u652f\u6301DIY\u505a\u996d\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u652f\u6301DIY\u505a\u996d.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u652f\u6301DIY\u505a\u996d.png');\"><\/div><\/div>\r\n        <div class=\"a-icon-item\" title=\"\u5ead\u9662\u6c34\u7f38\"><div class=\"a-icon-mask\" style=\"-webkit-mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5ead\u9662\u6c34\u7f38.png'); mask-image: url('\/wp-content\/uploads\/2026\/01\/icon_\u5ead\u9662\u6c34\u7f38.png');\"><\/div><\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    function initAmenities() {\r\n        const grid = document.getElementById(\"amenitiesGrid\");\r\n        if (!grid) return;\r\n        \r\n        const items = grid.getElementsByClassName(\"a-icon-item\");\r\n        const itemsArray = Array.from(items);\r\n        const limit = 7; \r\n        const totalItems = itemsArray.length;\r\n        \r\n        if (totalItems > limit) {\r\n            const hiddenCount = totalItems - limit;\r\n            \r\n            const moreCard = document.createElement(\"div\");\r\n            moreCard.className = \"a-more-card\";\r\n            moreCard.innerHTML = `\r\n                <div class=\"a-more-num\">${hiddenCount}+<\/div>\r\n                <div class=\"a-more-label\">\u5ead\u9662\u8bbe\u65bd<\/div>\r\n            `;\r\n            \r\n            grid.insertBefore(moreCard, itemsArray[limit]);\r\n            \r\n            itemsArray.slice(limit).forEach(item => {\r\n                item.classList.add(\"a-icon-hidden\");\r\n            });\r\n            \r\n            let isExpanded = false;\r\n            \r\n            moreCard.addEventListener(\"click\", function() {\r\n                isExpanded = !isExpanded;\r\n                \r\n                if (isExpanded) {\r\n                    itemsArray.slice(limit).forEach(item => {\r\n                        item.classList.remove(\"a-icon-hidden\");\r\n                    });\r\n                    grid.appendChild(moreCard);\r\n                    moreCard.innerHTML = `\r\n                        <div class=\"a-more-num\" style=\"font-size:24px;\">\u25b2<\/div>\r\n                        <div class=\"a-more-label\">\u6536\u8d77<\/div>\r\n                    `;\r\n                    grid.classList.remove(\"collapsed\");\r\n                    grid.classList.add(\"expanded\");\r\n                } else {\r\n                    itemsArray.slice(limit).forEach(item => {\r\n                        item.classList.add(\"a-icon-hidden\");\r\n                    });\r\n                    grid.insertBefore(moreCard, itemsArray[limit]);\r\n                    moreCard.innerHTML = `\r\n                        <div class=\"a-more-num\">${hiddenCount}+<\/div>\r\n                        <div class=\"a-more-label\">\u5ead\u9662\u8bbe\u65bd<\/div>\r\n                    `;\r\n                    grid.classList.remove(\"expanded\");\r\n                    grid.classList.add(\"collapsed\");\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initAmenities);\r\n    } else {\r\n        initAmenities();\r\n    }\r\n})();\r\n<\/script>\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-9e6e4fb e-flex e-con-boxed e-con e-parent\" data-id=\"9e6e4fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4014c11d elementor-widget elementor-widget-html\" data-id=\"4014c11d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .contact-section {\r\n        --left-width: 15%;\r\n        --center-width: 50%;\r\n        --right-width: 30%;\r\n        --icon-offset-left: -5px;\r\n    }\r\n\r\n    .contact-section {\r\n        max-width: 1200px;\r\n        margin: 60px auto;\r\n        padding: 0 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 30px;\r\n        font-family: inherit;\r\n        background-color: transparent;\r\n        color: #333;\r\n    }\r\n\r\n    .left-image-wrapper {\r\n        flex: 0 0 var(--left-width);\r\n        min-width: 0;\r\n        position: relative;\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n        font-size: 0;\r\n        line-height: 0;\r\n    }\r\n\r\n    .left-display-image {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        object-fit: cover;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .map-wrapper {\r\n        flex: 0 0 var(--center-width);\r\n        min-width: 0;\r\n        position: relative;\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n        font-size: 0;\r\n        line-height: 0;\r\n        background-color: transparent;\r\n        padding: 0 !important;\r\n        border: none !important;\r\n        box-shadow: none;\r\n        display: block;\r\n    }\r\n\r\n    .map-image {\r\n        display: block !important;\r\n        width: 100% !important;\r\n        height: auto !important;\r\n        object-fit: cover !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        border: none !important;\r\n        background: none !important;\r\n        box-shadow: none !important;\r\n    }\r\n\r\n    .info-wrapper {\r\n        flex: 0 0 var(--right-width);\r\n        font-size: initial;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .contact-title {\r\n        font-size: 20px;\r\n        font-weight: bold;\r\n        color: #000;\r\n        margin: 0 0 8px 0;\r\n        letter-spacing: 1px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .contact-subtitle {\r\n        font-size: 12px;\r\n        color: #888;\r\n        font-weight: 300;\r\n        margin-bottom: 25px;\r\n        letter-spacing: 0.5px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .contact-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n    .contact-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        font-size: 13px;\r\n        color: #555;\r\n        line-height: 1.6;\r\n        transform: translateX(var(--icon-offset-left));\r\n    }\r\n    \r\n    .icon-row {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .item-icon {\r\n        width: 18px;\r\n        height: 18px;\r\n        flex-shrink: 0;\r\n        stroke: #666;\r\n        fill: none;\r\n        stroke-width: 1.5;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    .item-content {\r\n        display: block;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .contact-section {\r\n            flex-direction: column;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .left-image-wrapper,\r\n        .map-wrapper,\r\n        .info-wrapper {\r\n            width: 100%;\r\n            flex: none;\r\n        }\r\n\r\n        .info-wrapper {\r\n            padding-left: 5px;\r\n        }\r\n        \r\n        .contact-item {\r\n            transform: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"contact-section\">\r\n    \r\n    <div class=\"left-image-wrapper\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/5\u53f7\u9662-\u7237\u7237\u7684\u7237\u7237\u7684\u7238\u7238\u7684\u9995-1.webp\" alt=\"Courtyard View\" class=\"left-display-image\">\r\n    <\/div>\r\n\r\n    <div class=\"map-wrapper\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/\u5730\u56fe-5.webp\" alt=\"Location Map\" class=\"map-image\">\r\n    <\/div>\r\n\r\n    <div class=\"info-wrapper\">\r\n        <h2 class=\"contact-title\">\u4e1d\u8def\u6709\u7ea6\u00b7\u5580\u4ec0\u6c11\u5bbf\u00b75\u53f7\u5ead\u9662<\/h2>\r\n        \r\n        <ul class=\"contact-list\">\r\n            <li class=\"contact-item\">\r\n                <div class=\"icon-row\">\r\n                    <svg class=\"item-icon\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                        <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"item-content\">\r\n                    <span>\u65b0\u7586\u7ef4\u543e\u5c14\u81ea\u6cbb\u533a\u5580\u4ec0\u5730\u533a\u5580\u4ec0\u5e02\u543e\u65af\u5858\u535a\u4f9d\u8def\u4e0e\u5e93\u6728\u4ee3\u5c14\u74e6\u624e\u8def\u4ea4\u53c9\u53e3\u897f\u5317140\u7c73<\/span>\r\n                <\/div>\r\n            <\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n<\/section>\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-d9ba5da e-flex e-con-boxed e-con e-parent\" data-id=\"d9ba5da\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6a8c27 elementor-widget elementor-widget-html\" data-id=\"d6a8c27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .cta-anchor-section {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 0;\r\n        z-index: 10;\r\n    }\r\n\r\n    .silk-floating-cta {\r\n        position: absolute;\r\n        top: 0; \r\n        left: 50%; \r\n        transform: translate(-50%, -50%);\r\n        \r\n        width: 90%;\r\n        max-width: 1100px;\r\n        \r\n        background-color: #E6A725;\r\n        border-radius: 8px;\r\n        padding: 40px 50px;\r\n        box-sizing: border-box;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25); \r\n        \r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .cta-text-group h3 {\r\n        color: #fff;\r\n        font-size: 15px;\r\n        margin: 0 0 8px 0;\r\n        font-weight: 400;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .cta-text-group p {\r\n        color: rgba(255, 255, 255, 0.9);\r\n        font-size: 15px;\r\n        margin: 0;\r\n        font-weight: 400;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cta-action-btn {\r\n        background-color: transparent;\r\n        padding: 0;\r\n        border-radius: 4px;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        display: block;\r\n        line-height: 0;\r\n    }\r\n\r\n    .cta-action-btn img {\r\n        height: 52px; \r\n        width: auto;\r\n        display: block;\r\n    }\r\n\r\n    .cta-action-btn:hover {\r\n        transform: translateY(-2px);\r\n        filter: drop-shadow(0 5px 15px rgba(0,0,0,0.2));\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .silk-floating-cta {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            gap: 20px;\r\n            padding: 30px;\r\n            width: 92%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"cta-anchor-section\">\r\n    <div class=\"silk-floating-cta\">\r\n        <div class=\"cta-text-group\">\r\n            <h3>\u4e00\u6b21\u76f8\u9047\uff0c\u4e00\u751f\u6709\u7ea6<\/h3>\r\n            <p>\u6df1\u5ea6\u5728\u5730\u5b9a\u5236 \u00b7 \u897f\u57df\u6587\u5316\u5de1\u6e38<\/p>\r\n        <\/div>\r\n        <a href=\"tel:19351321868\" class=\"cta-action-btn\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/callcenter.webp\" alt=\"\u670d\u52a1\u70ed\u7ebf\">\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4e1d\u8def\u6709\u7ea6\u00b7\u5580\u4ec0\u6c11\u5bbf\u00b75\u53f7\u5ead\u9662 \u4f4d\u7f6e\uff1a\u5580\u4ec0\u53e4\u57ce\u897f\u57ce\/\u8fd1\u7237\u7237\u7684\u7237\u7237\u7684\u7238\u7238\u7684\u9995\u5e97 \u603b\u9762\u79ef\uff1a143 m\u00b2 \u5ead\u9662\u9762\u79ef\uff1a5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/pages\/1164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/comments?post=1164"}],"version-history":[{"count":25,"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/pages\/1164\/revisions"}],"predecessor-version":[{"id":2218,"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/pages\/1164\/revisions\/2218"}],"wp:attachment":[{"href":"https:\/\/siluyouyue.cn\/en\/wp-json\/wp\/v2\/media?parent=1164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}