\u884c\u7a0b\u9884\u8ba2 - Wonderlust Asia<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Helvetica Neue', Arial, sans-serif;\n }\n \n body {\n background-color: #f8f9fa;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .container {\n display: flex;\n flex-direction: column;\n gap: 30px;\n }\n \n header {\n text-align: center;\n padding: 20px 0;\n }\n \n h1 {\n color: #1a56db;\n margin-bottom: 10px;\n font-size: 2.2rem;\n }\n \n .section {\n background: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n }\n \n h2 {\n color: #1a56db;\n margin-bottom: 20px;\n padding-bottom: 10px;\n border-bottom: 2px solid #e6f0ff;\n font-size: 1.6rem;\n }\n \n .booking-steps {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-bottom: 25px;\n }\n \n .step {\n flex: 1;\n min-width: 250px;\n background: #f0f7ff;\n padding: 20px;\n border-radius: 10px;\n border-left: 4px solid #1a56db;\n }\n \n .step-number {\n display: inline-block;\n width: 30px;\n height: 30px;\n background: #1a56db;\n color: white;\n text-align: center;\n line-height: 30px;\n border-radius: 50%;\n margin-right: 10px;\n font-weight: bold;\n }\n \n .step h3 {\n display: inline-block;\n color: #1a56db;\n }\n \n .wechat-contact {\n text-align: center;\n padding: 20px;\n background: linear-gradient(to right, #f0f7ff, #e6f4ff);\n border-radius: 10px;\n margin-top: 20px;\n }\n \n .wechat-contact p {\n margin-bottom: 15px;\n font-size: 1.1rem;\n }\n \n .qrcode-image {\n width: 180px;\n height: 180px;\n margin: 0 auto 15px;\n border: 1px solid #ddd;\n padding: 10px;\n background: white;\n }\n \n .qrcode-image img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: #333;\n }\n \n input, textarea {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 16px;\n transition: border-color 0.3s;\n }\n \n input:focus, textarea:focus {\n border-color: #1a56db;\n outline: none;\n box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.1);\n }\n \n .note {\n background: #fff9e6;\n padding: 15px;\n border-radius: 8px;\n border-left: 4px solid #ffc107;\n margin: 25px 0;\n font-size: 0.95rem;\n }\n \n .note h4 {\n margin-bottom: 8px;\n color: #d18c00;\n }\n \n .btn {\n display: inline-block;\n background: #1a56db;\n color: white;\n padding: 14px 25px;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n font-size: 16px;\n font-weight: 600;\n transition: background 0.3s;\n text-align: center;\n }\n \n .btn:hover {\n background: #0d47c6;\n }\n \n .btn-large {\n display: block;\n width: 100%;\n margin-top: 20px;\n }\n \n .btn i {\n margin-right: 8px;\n }\n \n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n }\n \n .modal-content {\n background: white;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n max-width: 500px;\n width: 90%;\n }\n \n .modal h3 {\n color: #1a56db;\n margin-bottom: 20px;\n font-size: 1.5rem;\n }\n \n .modal-buttons {\n display: flex;\n gap: 15px;\n justify-content: center;\n margin-top: 25px;\n }\n \n footer {\n text-align: center;\n margin-top: 40px;\n color: #666;\n font-size: 0.9rem;\n }\n \n @media (max-width: 768px) {\n body {\n padding: 15px;\n }\n \n h1 {\n font-size: 1.8rem;\n }\n \n .section {\n padding: 20px 15px;\n }\n \n .step {\n min-width: 100%;\n }\n \n .qrcode-image {\n width: 150px;\n height: 150px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1>\u5df4\u58eb\u884c\u7a0b\u9884\u8ba2<\/h1>\n <p>\u7b80\u5355\u56db\u6b65\uff0c\u8f7b\u677e\u5b8c\u6210\u9884\u8ba2<\/p>\n <\/header>\n \n <div class=\"section\">\n <h2>\u9884\u8ba2\u6d41\u7a0b<\/h2>\n \n <div class=\"booking-steps\">\n <div class=\"step\">\n <span class=\"step-number\">1<\/span>\n <h3>\u67e5\u8be2\u7ebf\u8def<\/h3>\n <p>\u5728\u7f51\u7ad9\u4e0a\u627e\u5230\u60a8\u9700\u8981\u7684\u7ebf\u8def\u548c\u65f6\u95f4\uff0c\u622a\u56fe\u4fdd\u5b58\u5230\u624b\u673a<\/p>\n <\/div>\n \n <div class=\"step\">\n <span class=\"step-number\">2<\/span>\n <h3>\u8054\u7cfb\u5ba2\u670d<\/h3>\n <p>\u5fae\u4fe1\u626b\u7801\u8054\u7cfb\u5ba2\u670d\uff0c\u5e76\u53d1\u9001\u622a\u56fe\u548c\u884c\u7a0b\u4fe1\u606f\u7ed9\u5ba2\u670d<\/p>\n <\/div>\n \n <div class=\"step\">\n <span class=\"step-number\">3<\/span>\n <h3>\u786e\u8ba4\u7ec6\u8282<\/h3>\n <p>\u4e0e\u5ba2\u670d\u6c9f\u901a\u597d\u6240\u6709\u884c\u7a0b\u7ec6\u8282\uff0c\u786e\u8ba4\u4ef7\u683c\u548c availability<\/p>\n <\/div>\n \n <div class=\"step\">\n <span class=\"step-number\">4<\/span>\n <h3>\u6dd8\u5b9d\u4e0b\u5355<\/h3>\n <p>\u901a\u8fc7\u6dd8\u5b9d\u5e73\u53f0\u5b8c\u6210\u4ed8\u6b3e\uff0c\u786e\u4fdd\u4ea4\u6613\u5b89\u5168<\/p>\n <\/div>\n <\/div>\n \n <div class=\"wechat-contact\">\n <p>\u8bf7\u5fae\u4fe1\u626b\u7801\u8054\u7cfb\u5ba2\u670d\uff0c\u53d1\u9001\u884c\u7a0b\u622a\u56fe\u5e76\u786e\u8ba4\u9884\u8ba2\u7ec6\u8282<\/p>\n <div class=\"qrcode-image\">\n <img decoding=\"async\" src=\"https:\/\/www.wonderlust.asia\/wp-content\/uploads\/2025\/09\/1757533360-%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.png\" alt=\"\u5fae\u4fe1\u5ba2\u670d\u4e8c\u7ef4\u7801\">\n <\/div>\n <p>\u6dfb\u52a0\u65f6\u8bf7\u5907\u6ce8\"\u5df4\u58eb\u9884\u8ba2\"<\/p>\n <\/div>\n <\/div>\n \n <div class=\"section\">\n <h2>\u884c\u7a0b\u4fe1\u606f\u767b\u8bb0\u8868<\/h2>\n \n <form id=\"bookingForm\">\n <div class=\"form-group\">\n <label for=\"name\">\u540d\u5b57\uff08\u62a4\u7167\u62fc\u97f3\u5168\u540d\uff09<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"\u4f8b\u5982: ZHANG San\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"phone\">\u7535\u8bdd\u53f7\u7801<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u624b\u673a\u53f7\u7801\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"email\">\u90ae\u7bb1<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"\u7528\u4e8e\u63a5\u6536\u7535\u5b50\u7968\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"wechat\">\u5fae\u4fe1\u53f7<\/label>\n <input type=\"text\" id=\"wechat\" name=\"wechat\" placeholder=\"\u9009\u586b\uff0c\u65b9\u4fbf\u6c9f\u901a\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"notes\">\u5ba2\u6237\u5907\u6ce8<\/label>\n <textarea id=\"notes\" name=\"notes\" rows=\"4\" placeholder=\"\u7279\u6b8a\u9700\u6c42\u3001\u6ce8\u610f\u4e8b\u9879\u7b49\"><\/textarea>\n <\/div>\n \n <div class=\"note\">\n <h4>\u91cd\u8981\u8bf4\u660e<\/h4>\n <p>\u2022 \u540d\u5b57\u7535\u8bdd\u63d0\u4f9b\u4e00\u4e2a\u4eba\u7684\u5c31\u53ef\u4ee5\uff0c\u4e3b\u8981\u662f\u4e0b\u5355\u7528<\/p>\n <p>\u2022 \u90ae\u7bb1\u662f\u7528\u6765\u63a5\u6536\u7535\u5b50\u7968\uff0c\u8bf7\u786e\u4fdd\u586b\u5199\u6b63\u786e<\/p>\n <p>\u2022 \u5fae\u4fe1\u662f\u65b9\u4fbf\u6c9f\u901a\uff0c\u5efa\u8bae\u63d0\u4f9b<\/p>\n <p>\u2022 \u4e0b\u5355\u8bf7\u52a1\u5fc5\u5148\u5fae\u4fe1\u6c9f\u901a\u597d\uff0c\u672c\u7f51\u7ad9\u4ec5\u4f5c\u4e3a\u4fe1\u606f\u5c55\u793a\u4f7f\u7528<\/p>\n <p>\u2022 \u7968\u4ef7\u53ef\u80fd\u4f1a\u6709\u53d8\u52a8\uff0c\u591a\u9000\u5c11\u8865\u3002\u5982\u679c\u53d1\u73b0\u6211\u4eec\u7684\u4ef7\u683c\u504f\u9ad8\uff0c\u8bf7\u6307\u51fa<\/p>\n <\/div>\n \n <button type=\"button\" id=\"copyBtn\" class=\"btn btn-large\">\n <i class=\"fas fa-copy\"><\/i> \u4e00\u952e\u590d\u5236\u4fe1\u606f\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n \n <div id=\"modal\" class=\"modal\">\n <div class=\"modal-content\">\n <h3>\u8bf7\u8054\u7cfb\u5ba2\u670d\u5b8c\u6210\u9884\u8ba2<\/h3>\n <p>\u60a8\u7684\u884c\u7a0b\u4fe1\u606f\u5df2\u590d\u5236\u5230\u526a\u8d34\u677f\uff0c\u8bf7\u53d1\u9001\u7ed9\u5fae\u4fe1\u5ba2\u670d\u5b8c\u6210\u9884\u8ba2<\/p>\n \n <div class=\"qrcode-image\" style=\"margin: 20px auto;\">\n <img decoding=\"async\" src=\"https:\/\/www.wonderlust.asia\/wp-content\/uploads\/2025\/09\/1757533360-%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.png\" alt=\"\u5fae\u4fe1\u5ba2\u670d\u4e8c\u7ef4\u7801\">\n <\/div>\n \n <p>\u6dfb\u52a0\u5ba2\u670d\u5fae\u4fe1\u65f6\u8bf7\u5907\u6ce8\"\u5df4\u58eb\u9884\u8ba2\"<\/p>\n \n <div class=\"modal-buttons\">\n <button type=\"button\" class=\"btn\" onclick=\"closeModal()\">\n <i class=\"fas fa-times\"><\/i> \u5173\u95ed\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <footer>\n <p>\u00a9 2025 Wonderlust Asia - \u5df4\u58eb\u9884\u8ba2\u670d\u52a1<\/p>\n <\/footer>\n\n <script>\n \/\/ \u663e\u793a\u6a21\u6001\u6846\n function showModal() {\n document.getElementById('modal').style.display = 'flex';\n }\n \n \/\/ \u5173\u95ed\u6a21\u6001\u6846\n function closeModal() {\n document.getElementById('modal').style.display = 'none';\n }\n \n \/\/ \u4e00\u952e\u590d\u5236\u529f\u80fd\n document.getElementById('copyBtn').addEventListener('click', function() {\n const name = document.getElementById('name').value || '\u672a\u63d0\u4f9b';\n const phone = document.getElementById('phone').value || '\u672a\u63d0\u4f9b';\n const email = document.getElementById('email').value || '\u672a\u63d0\u4f9b';\n const wechat = document.getElementById('wechat').value || '\u672a\u63d0\u4f9b';\n const notes = document.getElementById('notes').value || '\u65e0';\n \n \/\/ \u683c\u5f0f\u5316\u6587\u672c\n const text = `\u884c\u7a0b\u9884\u8ba2\u4fe1\u606f\uff1a\n\u540d\u5b57(\u62a4\u7167\u62fc\u97f3): ${name}\n\u7535\u8bdd\u53f7\u7801: ${phone}\n\u90ae\u7bb1: ${email}\n\u5fae\u4fe1\u53f7: ${wechat}\n\u5ba2\u6237\u5907\u6ce8: ${notes}\n\n\u8bf7\u901a\u8fc7\u5fae\u4fe1\u5ba2\u670d\u5b8c\u6210\u9884\u8ba2\u3002`;\n \n \/\/ \u4f7f\u7528Clipboard API\u590d\u5236\u6587\u672c\n navigator.clipboard.writeText(text).then(function() {\n console.log('\u4fe1\u606f\u5df2\u590d\u5236\u5230\u526a\u8d34\u677f');\n showModal();\n }).catch(function(err) {\n console.error('\u65e0\u6cd5\u590d\u5236\u6587\u672c: ', err);\n alert('\u590d\u5236\u5931\u8d25\uff0c\u8bf7\u624b\u52a8\u9009\u62e9\u5e76\u590d\u5236\u6587\u672c');\n });\n });\n \n \/\/ \u70b9\u51fb\u6a21\u6001\u6846\u5916\u90e8\u5173\u95ed\n window.addEventListener('click', function(event) {\n const modal = document.getElementById('modal');\n if (event.target === modal) {\n closeModal();\n }\n });\n <\/script>\n<\/body>\n<\/html>\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>\u884c\u7a0b\u9884\u8ba2 – Wonderl […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/pages\/385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/comments?post=385"}],"version-history":[{"count":7,"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/pages\/385\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/pages\/385\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/media?parent=385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \u884c\u7a0b\u9884\u8ba2 - Wonderlust Asia<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Helvetica Neue', Arial, sans-serif;\n }\n \n body {\n background-color: #f8f9fa;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .container {\n display: flex;\n flex-direction: column;\n gap: 30px;\n }\n \n header {\n text-align: center;\n padding: 20px 0;\n }\n \n h1 {\n color: #1a56db;\n margin-bottom: 10px;\n font-size: 2.2rem;\n }\n \n .section {\n background: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n }\n \n h2 {\n color: #1a56db;\n margin-bottom: 20px;\n padding-bottom: 10px;\n border-bottom: 2px solid #e6f0ff;\n font-size: 1.6rem;\n }\n \n .booking-steps {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-bottom: 25px;\n }\n \n .step {\n flex: 1;\n min-width: 250px;\n background: #f0f7ff;\n padding: 20px;\n border-radius: 10px;\n border-left: 4px solid #1a56db;\n }\n \n .step-number {\n display: inline-block;\n width: 30px;\n height: 30px;\n background: #1a56db;\n color: white;\n text-align: center;\n line-height: 30px;\n border-radius: 50%;\n margin-right: 10px;\n font-weight: bold;\n }\n \n .step h3 {\n display: inline-block;\n color: #1a56db;\n }\n \n .wechat-contact {\n text-align: center;\n padding: 20px;\n background: linear-gradient(to right, #f0f7ff, #e6f4ff);\n border-radius: 10px;\n margin-top: 20px;\n }\n \n .wechat-contact p {\n margin-bottom: 15px;\n font-size: 1.1rem;\n }\n \n .qrcode-image {\n width: 180px;\n height: 180px;\n margin: 0 auto 15px;\n border: 1px solid #ddd;\n padding: 10px;\n background: white;\n }\n \n .qrcode-image img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: #333;\n }\n \n input, textarea {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 16px;\n transition: border-color 0.3s;\n }\n \n input:focus, textarea:focus {\n border-color: #1a56db;\n outline: none;\n box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.1);\n }\n \n .note {\n background: #fff9e6;\n padding: 15px;\n border-radius: 8px;\n border-left: 4px solid #ffc107;\n margin: 25px 0;\n font-size: 0.95rem;\n }\n \n .note h4 {\n margin-bottom: 8px;\n color: #d18c00;\n }\n \n .btn {\n display: inline-block;\n background: #1a56db;\n color: white;\n padding: 14px 25px;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n font-size: 16px;\n font-weight: 600;\n transition: background 0.3s;\n text-align: center;\n }\n \n .btn:hover {\n background: #0d47c6;\n }\n \n .btn-large {\n display: block;\n width: 100%;\n margin-top: 20px;\n }\n \n .btn i {\n margin-right: 8px;\n }\n \n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n }\n \n .modal-content {\n background: white;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n max-width: 500px;\n width: 90%;\n }\n \n .modal h3 {\n color: #1a56db;\n margin-bottom: 20px;\n font-size: 1.5rem;\n }\n \n .modal-buttons {\n display: flex;\n gap: 15px;\n justify-content: center;\n margin-top: 25px;\n }\n \n footer {\n text-align: center;\n margin-top: 40px;\n color: #666;\n font-size: 0.9rem;\n }\n \n @media (max-width: 768px) {\n body {\n padding: 15px;\n }\n \n h1 {\n font-size: 1.8rem;\n }\n \n .section {\n padding: 20px 15px;\n }\n \n .step {\n min-width: 100%;\n }\n \n .qrcode-image {\n width: 150px;\n height: 150px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1>\u5df4\u58eb\u884c\u7a0b\u9884\u8ba2<\/h1>\n <p>\u7b80\u5355\u56db\u6b65\uff0c\u8f7b\u677e\u5b8c\u6210\u9884\u8ba2<\/p>\n <\/header>\n \n <div class=\"section\">\n <h2>\u9884\u8ba2\u6d41\u7a0b<\/h2>\n \n <div class=\"booking-steps\">\n <div class=\"step\">\n <span class=\"step-number\">1<\/span>\n <h3>\u67e5\u8be2\u7ebf\u8def<\/h3>\n <p>\u5728\u7f51\u7ad9\u4e0a\u627e\u5230\u60a8\u9700\u8981\u7684\u7ebf\u8def\u548c\u65f6\u95f4\uff0c\u622a\u56fe\u4fdd\u5b58\u5230\u624b\u673a<\/p>\n <\/div>\n \n <div class=\"step\">\n <span class=\"step-number\">2<\/span>\n <h3>\u8054\u7cfb\u5ba2\u670d<\/h3>\n <p>\u5fae\u4fe1\u626b\u7801\u8054\u7cfb\u5ba2\u670d\uff0c\u5e76\u53d1\u9001\u622a\u56fe\u548c\u884c\u7a0b\u4fe1\u606f\u7ed9\u5ba2\u670d<\/p>\n <\/div>\n \n <div class=\"step\">\n <span class=\"step-number\">3<\/span>\n <h3>\u786e\u8ba4\u7ec6\u8282<\/h3>\n <p>\u4e0e\u5ba2\u670d\u6c9f\u901a\u597d\u6240\u6709\u884c\u7a0b\u7ec6\u8282\uff0c\u786e\u8ba4\u4ef7\u683c\u548c availability<\/p>\n <\/div>\n \n <div class=\"step\">\n <span class=\"step-number\">4<\/span>\n <h3>\u6dd8\u5b9d\u4e0b\u5355<\/h3>\n <p>\u901a\u8fc7\u6dd8\u5b9d\u5e73\u53f0\u5b8c\u6210\u4ed8\u6b3e\uff0c\u786e\u4fdd\u4ea4\u6613\u5b89\u5168<\/p>\n <\/div>\n <\/div>\n \n <div class=\"wechat-contact\">\n <p>\u8bf7\u5fae\u4fe1\u626b\u7801\u8054\u7cfb\u5ba2\u670d\uff0c\u53d1\u9001\u884c\u7a0b\u622a\u56fe\u5e76\u786e\u8ba4\u9884\u8ba2\u7ec6\u8282<\/p>\n <div class=\"qrcode-image\">\n <img decoding=\"async\" src=\"https:\/\/www.wonderlust.asia\/wp-content\/uploads\/2025\/09\/1757533360-%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.png\" alt=\"\u5fae\u4fe1\u5ba2\u670d\u4e8c\u7ef4\u7801\">\n <\/div>\n <p>\u6dfb\u52a0\u65f6\u8bf7\u5907\u6ce8\"\u5df4\u58eb\u9884\u8ba2\"<\/p>\n <\/div>\n <\/div>\n \n <div class=\"section\">\n <h2>\u884c\u7a0b\u4fe1\u606f\u767b\u8bb0\u8868<\/h2>\n \n <form id=\"bookingForm\">\n <div class=\"form-group\">\n <label for=\"name\">\u540d\u5b57\uff08\u62a4\u7167\u62fc\u97f3\u5168\u540d\uff09<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"\u4f8b\u5982: ZHANG San\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"phone\">\u7535\u8bdd\u53f7\u7801<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u624b\u673a\u53f7\u7801\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"email\">\u90ae\u7bb1<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"\u7528\u4e8e\u63a5\u6536\u7535\u5b50\u7968\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"wechat\">\u5fae\u4fe1\u53f7<\/label>\n <input type=\"text\" id=\"wechat\" name=\"wechat\" placeholder=\"\u9009\u586b\uff0c\u65b9\u4fbf\u6c9f\u901a\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"notes\">\u5ba2\u6237\u5907\u6ce8<\/label>\n <textarea id=\"notes\" name=\"notes\" rows=\"4\" placeholder=\"\u7279\u6b8a\u9700\u6c42\u3001\u6ce8\u610f\u4e8b\u9879\u7b49\"><\/textarea>\n <\/div>\n \n <div class=\"note\">\n <h4>\u91cd\u8981\u8bf4\u660e<\/h4>\n <p>\u2022 \u540d\u5b57\u7535\u8bdd\u63d0\u4f9b\u4e00\u4e2a\u4eba\u7684\u5c31\u53ef\u4ee5\uff0c\u4e3b\u8981\u662f\u4e0b\u5355\u7528<\/p>\n <p>\u2022 \u90ae\u7bb1\u662f\u7528\u6765\u63a5\u6536\u7535\u5b50\u7968\uff0c\u8bf7\u786e\u4fdd\u586b\u5199\u6b63\u786e<\/p>\n <p>\u2022 \u5fae\u4fe1\u662f\u65b9\u4fbf\u6c9f\u901a\uff0c\u5efa\u8bae\u63d0\u4f9b<\/p>\n <p>\u2022 \u4e0b\u5355\u8bf7\u52a1\u5fc5\u5148\u5fae\u4fe1\u6c9f\u901a\u597d\uff0c\u672c\u7f51\u7ad9\u4ec5\u4f5c\u4e3a\u4fe1\u606f\u5c55\u793a\u4f7f\u7528<\/p>\n <p>\u2022 \u7968\u4ef7\u53ef\u80fd\u4f1a\u6709\u53d8\u52a8\uff0c\u591a\u9000\u5c11\u8865\u3002\u5982\u679c\u53d1\u73b0\u6211\u4eec\u7684\u4ef7\u683c\u504f\u9ad8\uff0c\u8bf7\u6307\u51fa<\/p>\n <\/div>\n \n <button type=\"button\" id=\"copyBtn\" class=\"btn btn-large\">\n <i class=\"fas fa-copy\"><\/i> \u4e00\u952e\u590d\u5236\u4fe1\u606f\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n \n <div id=\"modal\" class=\"modal\">\n <div class=\"modal-content\">\n <h3>\u8bf7\u8054\u7cfb\u5ba2\u670d\u5b8c\u6210\u9884\u8ba2<\/h3>\n <p>\u60a8\u7684\u884c\u7a0b\u4fe1\u606f\u5df2\u590d\u5236\u5230\u526a\u8d34\u677f\uff0c\u8bf7\u53d1\u9001\u7ed9\u5fae\u4fe1\u5ba2\u670d\u5b8c\u6210\u9884\u8ba2<\/p>\n \n <div class=\"qrcode-image\" style=\"margin: 20px auto;\">\n <img decoding=\"async\" src=\"https:\/\/www.wonderlust.asia\/wp-content\/uploads\/2025\/09\/1757533360-%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.png\" alt=\"\u5fae\u4fe1\u5ba2\u670d\u4e8c\u7ef4\u7801\">\n <\/div>\n \n <p>\u6dfb\u52a0\u5ba2\u670d\u5fae\u4fe1\u65f6\u8bf7\u5907\u6ce8\"\u5df4\u58eb\u9884\u8ba2\"<\/p>\n \n <div class=\"modal-buttons\">\n <button type=\"button\" class=\"btn\" onclick=\"closeModal()\">\n <i class=\"fas fa-times\"><\/i> \u5173\u95ed\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <footer>\n <p>\u00a9 2025 Wonderlust Asia - \u5df4\u58eb\u9884\u8ba2\u670d\u52a1<\/p>\n <\/footer>\n\n <script>\n \/\/ \u663e\u793a\u6a21\u6001\u6846\n function showModal() {\n document.getElementById('modal').style.display = 'flex';\n }\n \n \/\/ \u5173\u95ed\u6a21\u6001\u6846\n function closeModal() {\n document.getElementById('modal').style.display = 'none';\n }\n \n \/\/ \u4e00\u952e\u590d\u5236\u529f\u80fd\n document.getElementById('copyBtn').addEventListener('click', function() {\n const name = document.getElementById('name').value || '\u672a\u63d0\u4f9b';\n const phone = document.getElementById('phone').value || '\u672a\u63d0\u4f9b';\n const email = document.getElementById('email').value || '\u672a\u63d0\u4f9b';\n const wechat = document.getElementById('wechat').value || '\u672a\u63d0\u4f9b';\n const notes = document.getElementById('notes').value || '\u65e0';\n \n \/\/ \u683c\u5f0f\u5316\u6587\u672c\n const text = `\u884c\u7a0b\u9884\u8ba2\u4fe1\u606f\uff1a\n\u540d\u5b57(\u62a4\u7167\u62fc\u97f3): ${name}\n\u7535\u8bdd\u53f7\u7801: ${phone}\n\u90ae\u7bb1: ${email}\n\u5fae\u4fe1\u53f7: ${wechat}\n\u5ba2\u6237\u5907\u6ce8: ${notes}\n\n\u8bf7\u901a\u8fc7\u5fae\u4fe1\u5ba2\u670d\u5b8c\u6210\u9884\u8ba2\u3002`;\n \n \/\/ \u4f7f\u7528Clipboard API\u590d\u5236\u6587\u672c\n navigator.clipboard.writeText(text).then(function() {\n console.log('\u4fe1\u606f\u5df2\u590d\u5236\u5230\u526a\u8d34\u677f');\n showModal();\n }).catch(function(err) {\n console.error('\u65e0\u6cd5\u590d\u5236\u6587\u672c: ', err);\n alert('\u590d\u5236\u5931\u8d25\uff0c\u8bf7\u624b\u52a8\u9009\u62e9\u5e76\u590d\u5236\u6587\u672c');\n });\n });\n \n \/\/ \u70b9\u51fb\u6a21\u6001\u6846\u5916\u90e8\u5173\u95ed\n window.addEventListener('click', function(event) {\n const modal = document.getElementById('modal');\n if (event.target === modal) {\n closeModal();\n }\n });\n <\/script>\n<\/body>\n<\/html>\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>\u884c\u7a0b\u9884\u8ba2 – Wonderl […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/pages\/385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/comments?post=385"}],"version-history":[{"count":7,"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/pages\/385\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/pages\/385\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/www.wonderlust.asia\/aeroline\/wp-json\/wp\/v2\/media?parent=385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}