{"id":30,"date":"2026-07-27T00:03:20","date_gmt":"2026-07-26T15:03:20","guid":{"rendered":"https:\/\/jlp.net\/blog\/index.php\/booking\/"},"modified":"2026-07-27T00:30:19","modified_gmt":"2026-07-26T15:30:19","slug":"booking","status":"publish","type":"page","link":"https:\/\/jlp.net\/blog\/index.php\/booking\/","title":{"rendered":"\u9884\u7ea6\u62cd\u6444"},"content":{"rendered":"<div class=\"booking-hero\" style=\"padding:100px 20px 80px;text-align:center;color:#fff;margin-bottom:60px\">\n<p style=\"font-size:0.85rem;letter-spacing:4px;opacity:0.8;margin:0\">RESERVE YOUR MOMENT<\/p>\n<h1 style=\"font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.2rem);font-weight:400;margin:16px 0\">\u4eac\u90fd\u65c5\u62cd\u9884\u7ea6<\/h1>\n<div style=\"width:40px;height:1px;margin:0 auto 24px\"><\/div>\n<p style=\"font-size:1.05rem;opacity:0.85;max-width:480px;margin:0 auto\">\u8bb0\u5f55\u4eac\u90fd\u6700\u7f8e\u7684\u77ac\u95f4 \u00b7 \u4e2d\u6587\u6444\u5f71\u5e08\u4e00\u5bf9\u4e00\u62cd\u6444<\/p>\n<\/div>\n<div style=\"text-align:center;padding:0 20px 15px\">\n<p style=\"color:var(--text-light);font-size:0.85rem\">\ud83d\udce9 \u63d0\u4ea4\u540e24\u5c0f\u65f6\u5185\u56de\u590d\u786e\u8ba4 \u00b7 \u6863\u671f\u4ee5\u6700\u7ec8\u786e\u8ba4\u4e3a\u51c6<\/p>\n<\/div>\n<div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px 48px\">\n<div class=\"form-block\">\n<div class=\"form-block-icon\">\ud83d\udcf8<\/div>\n<h3>\u62cd\u6444\u670d\u52a1<\/h3>\n<div style=\"display:flex;flex-direction:column;gap:8px\">\n    <label class=\"bk-pill\"> \u4e2a\u4eba\u65c5\u62cd \u00b7 \u81ea\u7136\u8857\u62cd<\/label><br \/>\n    <label class=\"bk-pill\"> \u548c\u670d\u65c5\u62cd \u00b7 \u7740\u7269\u5199\u771f<\/label><br \/>\n    <label class=\"bk-pill\"> \u60c5\u4fa3\/\u5a5a\u7eb1 \u00b7 \u6d6a\u6f2b\u65f6\u523b<\/label>\n  <\/div>\n<\/div>\n<div class=\"form-block\">\n<div class=\"form-block-icon\">\ud83d\udcc5<\/div>\n<h3>\u671f\u671b\u62cd\u6444\u65e5\u671f<\/h3>\n<div style=\"display:flex;flex-direction:column;gap:8px\"><\/div>\n<\/div>\n<div class=\"form-block\">\n<div class=\"form-block-icon\">\u23f0<\/div>\n<h3>\u671f\u671b\u62cd\u6444\u65f6\u95f4<\/h3>\n<div style=\"display:flex;flex-direction:column;gap:10px\">\n<div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:8px\">\n      <label class=\"bk-pill\"> \u2600\ufe0f \u4e0a\u5348<\/label><br \/>\n      <label class=\"bk-pill\"> \ud83c\udf24\ufe0f \u4e0b\u5348<\/label><br \/>\n      <label class=\"bk-pill\"> \ud83c\udf07 \u9ec4\u660f<\/label>\n    <\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"form-block\">\n<div class=\"form-block-icon\">\ud83d\udccd<\/div>\n<h3>\u62cd\u6444\u5730\u70b9\uff08\u53ef\u591a\u9009\uff09<\/h3>\n<div style=\"display:grid;grid-template-columns:1fr 1fr;gap:6px\">\n    <label class=\"bk-chk\"> \u7947\u56ed\u00b7\u767d\u5ddd\u5357\u901a<\/label><br \/>\n    <label class=\"bk-chk\"> \u4f0f\u89c1\u7a3b\u8377\u5927\u793e<\/label><br \/>\n    <label class=\"bk-chk\"> \u5c9a\u5c71\u00b7\u7af9\u6797<\/label><br \/>\n    <label class=\"bk-chk\"> \u4e8c\u5e74\u5742\u00b7\u4e09\u5e74\u5742<\/label><br \/>\n    <label class=\"bk-chk\"> \u5357\u7985\u5bfa\u00b7\u6c34\u8def\u9601<\/label><br \/>\n    <label class=\"bk-chk\"> \u6c38\u89c2\u5802<\/label><br \/>\n    <label class=\"bk-chk\"> \u54f2\u5b66\u4e4b\u9053<\/label><br \/>\n    <label class=\"bk-chk\"> \u516b\u5742\u795e\u793e<\/label><br \/>\n    <label class=\"bk-chk\"> \u2728 \u4ea4\u7ed9\u6444\u5f71\u5e08\u63a8\u8350<\/label>\n  <\/div>\n<\/div>\n<div class=\"form-block\">\n<div class=\"form-block-icon\">\ud83d\udc64<\/div>\n<h3>\u62cd\u6444\u8be6\u60c5<\/h3>\n<div style=\"display:flex;flex-direction:column;gap:8px\">\n    \u62cd\u6444\u4eba\u65701\u4eba2\u4eba3\u4eba4\u4eba\u53ca\u4ee5\u4e0a<br \/>\n    \u5957\u9910\u9009\u62e9\u8f7b\u65c5\u62cd 30\u5206\u949f\u6807\u51c6\u65c5\u62cd 60\u5206\u949f\u6df1\u5ea6\u65c5\u62cd 90\u5206\u949f\u5b9a\u5236\u62cd\u6444\n  <\/div>\n<\/div>\n<div class=\"form-block\">\n<div class=\"form-block-icon\">\ud83d\udcf1<\/div>\n<h3>\u8054\u7cfb\u65b9\u5f0f<\/h3>\n<div style=\"display:flex;flex-direction:column;gap:8px\"><\/div>\n<\/div>\n<\/div>\n<div class=\"form-block-full\">\n<div class=\"form-block-icon\">\ud83d\udcac<\/div>\n<h3>\u8865\u5145\u8bf4\u660e<\/h3>\n<p>  <textarea name=\"notes\" rows=\"4\" class=\"bk-input\" style=\"min-height:100px;grid-column:1\/-1\"><\/textarea>\n<\/div>\n<div style=\"text-align:center;padding:40px 0 60px\">\n  <button type=\"submit\" id=\"submitBtn\" class=\"bk-submit\">\u2728 \u63d0\u4ea4\u9884\u7ea6<\/button><\/p>\n<p id=\"formMsg\" style=\"margin-top:16px;font-size:0.85rem\">\n<\/div>\n<div style=\"text-align:center;padding:40px 20px 80px;border-top:1px solid var(--border-light);margin-top:20px\">\n<div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;max-width:800px;margin:0 auto\">\n<div>\n<div style=\"font-size:1.5rem\">\ud83d\udcf7<\/div>\n<p style=\"font-size:0.85rem;color:var(--text-light);margin:4px 0 0\">100%\u771f\u5b9e\u4f5c\u54c1<\/p>\n<\/div>\n<div>\n<div style=\"font-size:1.5rem\">\ud83d\udde3\ufe0f<\/div>\n<p style=\"font-size:0.85rem;color:var(--text-light);margin:4px 0 0\">\u4e2d\u6587\u6c9f\u901a\u65e0\u969c\u788d<\/p>\n<\/div>\n<div>\n<div style=\"font-size:1.5rem\">\ud83d\udccd<\/div>\n<p style=\"font-size:0.85rem;color:var(--text-light);margin:4px 0 0\">\u4eac\u90fd\u5168\u57df\u8ddf\u62cd<\/p>\n<\/div>\n<div>\n<div style=\"font-size:1.5rem\">\ud83d\udd04<\/div>\n<p style=\"font-size:0.85rem;color:var(--text-light);margin:4px 0 0\">\u514d\u8d39\u6539\u671f\u4e00\u6b21<\/p>\n<\/div><\/div>\n<\/div>\n<p>.booking-hero { margin:-2rem calc(-50vw + 50%) 3rem; width:100vw; position:relative; }<br \/>\n.form-block { }<br \/>\n.form-block-full { margin-top:16px; }<br \/>\n.form-block-icon { width:36px;height:36px;background:var(&#8211;bg-warm);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:0.95rem;margin-bottom:10px; }<br \/>\n.form-block h3, .form-block-full h3 { font-family:var(&#8211;font-serif);font-size:1.05rem;font-weight:600;margin:0 0 12px;color:var(&#8211;text-dark); }<br \/>\n.bk-input { width:100%;padding:13px 15px;border:1.5px solid var(&#8211;border);border-radius:6px;background:#fff;font-size:0.9rem;font-family:inherit;color:var(&#8211;text-dark);transition:border-color 0.2s;box-sizing:border-box; }<br \/>\n.bk-input:focus { outline:none;border-color:var(&#8211;accent-brown); }<br \/>\n.bk-input::placeholder { color:#bbb; }<br \/>\n.bk-pill { display:flex;align-items:center;gap:8px;border:1.5px solid var(&#8211;border);border-radius:6px;padding:10px 14px;cursor:pointer;font-size:0.88rem;transition:all 0.15s; }<br \/>\n.bk-pill:has(input:checked) { border-color:var(&#8211;accent-brown);background:#fdf8f4; }<br \/>\n.bk-pill input { accent-color:var(&#8211;accent-brown);margin:0; }<br \/>\n.bk-chk { display:flex;align-items:center;gap:6px;font-size:0.83rem;cursor:pointer;padding:6px 8px;border-radius:4px;transition:background 0.15s; }<br \/>\n.bk-chk:hover { background:var(&#8211;bg-warm); }<br \/>\n.bk-chk input { accent-color:var(&#8211;accent-brown);margin:0; }<br \/>\n.bk-submit { background:var(&#8211;accent-brown);color:#fff;border:none;padding:18px 64px;font-size:1.05rem;font-weight:600;border-radius:6px;cursor:pointer;font-family:inherit;letter-spacing:1px;transition:all 0.2s; }<br \/>\n.bk-submit:hover { opacity:0.92;transform:translateY(-1px);box-shadow:0 4px 16px rgba(139,115,85,0.25); }<br \/>\n@media (max-width:768px) { .booking-hero { padding:60px 16px 50px; } .bk-submit { padding:16px 48px;width:100%; } }<\/p>\n<p>document.getElementById(&#8220;bookingForm&#8221;).addEventListener(&#8220;submit&#8221;, async function(e) {<br \/>\n  e.preventDefault();<br \/>\n  var btn = document.getElementById(&#8220;submitBtn&#8221;);<br \/>\n  var msg = document.getElementById(&#8220;formMsg&#8221;);<br \/>\n  btn.textContent = &#8220;\u63d0\u4ea4\u4e2d\u2026&#8221;; btn.disabled = true;<br \/>\n  try {<br \/>\n    var formData = new FormData(this);<br \/>\n    var resp = await fetch(&#8220;\/ba\/book.php&#8221;, { method: &#8220;POST&#8221;, body: formData });<br \/>\n    var data = await resp.json();<br \/>\n    if (data.success) {<br \/>\n      msg.innerHTML = &#8220;<span style=\"color:#2e7d32\">\u2705 &#8221; + data.message + &#8220;<\/span>&#8220;;<br \/>\n      this.reset();<br \/>\n      window.scrollTo({top:0,behavior:&#8221;smooth&#8221;});<br \/>\n    } else {<br \/>\n      msg.innerHTML = &#8220;<span style=\"color:#c0392b\">\u274c &#8221; + (data.error || &#8220;\u63d0\u4ea4\u5931\u8d25&#8221;) + &#8220;<\/span>&#8220;;<br \/>\n    }<br \/>\n  } catch(err) {<br \/>\n    msg.innerHTML = &#8220;<span style=\"color:#c0392b\">\u274c \u7f51\u7edc\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5<\/span>&#8220;;<br \/>\n  }<br \/>\n  btn.textContent = &#8220;\u2728 \u63d0\u4ea4\u9884\u7ea6&#8221;; btn.disabled = false;<br \/>\n});<\/p>\n","protected":false},"excerpt":{"rendered":"<p>RESERVE YOUR MOMENT \u4eac\u90fd\u65c5\u62cd\u9884\u7ea6 \u8bb0\u5f55\u4eac\u90fd\u6700\u7f8e\u7684\u77ac\u95f4 \u00b7 \u4e2d\u6587\u6444\u5f71\u5e08\u4e00\u5bf9\u4e00\u62cd\u6444 \ud83d\udce9 \u63d0\u4ea4\u540e24\u5c0f\u65f6\u5185\u56de\u590d\u786e\u8ba4 \u00b7 \u6863\u671f\u4ee5\u6700\u7ec8\u786e\u8ba4\u4e3a\u51c6 \ud83d\udcf8 \u62cd\u6444\u670d\u52a1 \u4e2a\u4eba\u65c5\u62cd \u00b7 \u81ea\u7136\u8857\u62cd \u548c\u670d\u65c5\u62cd \u00b7 \u7740\u7269\u5199\u771f \u60c5\u4fa3\/\u5a5a\u7eb1 \u00b7 \u6d6a\u6f2b\u65f6\u523b \ud83d\udcc5 \u671f\u671b\u62cd\u6444\u65e5\u671f \u23f0 \u671f\u671b\u62cd\u6444\u65f6\u95f4 \u2600\ufe0f \u4e0a\u5348 \ud83c\udf24\ufe0f \u4e0b\u5348 [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jlp.net\/blog\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jlp.net\/blog\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jlp.net\/blog\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/jlp.net\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":5,"href":"https:\/\/jlp.net\/blog\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/jlp.net\/blog\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/jlp.net\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}