.booking-hero { margin:-2rem calc(-50vw + 50%) 3rem; width:100vw; position:relative; }
.form-block { }
.form-block-full { margin-top:16px; }
.form-block-icon { width:36px;height:36px;background:var(–bg-warm);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:0.95rem;margin-bottom:10px; }
.form-block h3, .form-block-full h3 { font-family:var(–font-serif);font-size:1.05rem;font-weight:600;margin:0 0 12px;color:var(–text-dark); }
.bk-input { width:100%;padding:13px 15px;border:1.5px solid var(–border);border-radius:6px;background:#fff;font-size:0.9rem;font-family:inherit;color:var(–text-dark);transition:border-color 0.2s;box-sizing:border-box; }
.bk-input:focus { outline:none;border-color:var(–accent-brown); }
.bk-input::placeholder { color:#bbb; }
.bk-pill { display:flex;align-items:center;gap:8px;border:1.5px solid var(–border);border-radius:6px;padding:10px 14px;cursor:pointer;font-size:0.88rem;transition:all 0.15s; }
.bk-pill:has(input:checked) { border-color:var(–accent-brown);background:#fdf8f4; }
.bk-pill input { accent-color:var(–accent-brown);margin:0; }
.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; }
.bk-chk:hover { background:var(–bg-warm); }
.bk-chk input { accent-color:var(–accent-brown);margin:0; }
.bk-submit { background:var(–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; }
.bk-submit:hover { opacity:0.92;transform:translateY(-1px);box-shadow:0 4px 16px rgba(139,115,85,0.25); }
@media (max-width:768px) { .booking-hero { padding:60px 16px 50px; } .bk-submit { padding:16px 48px;width:100%; } }

document.getElementById(“bookingForm”).addEventListener(“submit”, async function(e) {
e.preventDefault();
var btn = document.getElementById(“submitBtn”);
var msg = document.getElementById(“formMsg”);
btn.textContent = “提交中…”; btn.disabled = true;
try {
var formData = new FormData(this);
var resp = await fetch(“/ba/book.php”, { method: “POST”, body: formData });
var data = await resp.json();
if (data.success) {
msg.innerHTML = “✅ ” + data.message + ““;
this.reset();
window.scrollTo({top:0,behavior:”smooth”});
} else {
msg.innerHTML = “❌ ” + (data.error || “提交失败”) + ““;
}
} catch(err) {
msg.innerHTML = “❌ 网络错误，请重试“;
}
btn.textContent = “✨ 提交预约”; btn.disabled = false;
});