{"id":16,"date":"2026-07-08T16:47:56","date_gmt":"2026-07-08T08:47:56","guid":{"rendered":"http:\/\/101.37.14.164\/?page_id=16"},"modified":"2026-07-11T15:54:35","modified_gmt":"2026-07-11T07:54:35","slug":"%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac","status":"publish","type":"page","link":"https:\/\/shelleypen.cn\/en\/%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<style>\n\/* \u5f3a\u5236\u6d88\u9664\u7236\u7ea7\u5bb9\u5668\u95f4\u8ddd *\/\narticle:has(.contact-page),\narticle:has(.contact-page) .entry-content,\narticle:has(.contact-page) .ast-container {\n    margin: 0 !important;\n    padding: 0 !important;\n    max-width: 100% !important;\n    width: 100% !important;\n}\n\n\/* \u8054\u7cfb\u6211\u4eec\u9875\u9762 V2 *\/\n.contact-page {\n    width: 100%;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: #333;\n}\n\n\/* ========== Hero\u6a2a\u5e45 ========== *\/\n.contact-hero {\n    position: relative;\n    background: linear-gradient(135deg, #FF6B00 0%, #FF8C40 100%);\n    padding: 80px 20px 100px;\n    text-align: center;\n    overflow: hidden;\n}\n\n.contact-hero::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 500px;\n    height: 500px;\n    background: rgba(255,255,255,0.08);\n    border-radius: 50%;\n}\n\n.contact-hero::after {\n    content: '';\n    position: absolute;\n    bottom: -30%;\n    left: -10%;\n    width: 400px;\n    height: 400px;\n    background: rgba(255,255,255,0.06);\n    border-radius: 50%;\n}\n\n.contact-hero h1 {\n    position: relative;\n    z-index: 1;\n    font-size: 40px;\n    color: #FFFFFF;\n    margin-bottom: 16px;\n    font-weight: 700;\n}\n\n.contact-hero p {\n    position: relative;\n    z-index: 1;\n    font-size: 16px;\n    color: rgba(255,255,255,0.9);\n    max-width: 600px;\n    margin: 0 auto;\n    line-height: 1.8;\n}\n\n\/* Hero\u5e95\u90e8\u6ce2\u6d6a *\/\n.contact-hero-wave {\n    position: absolute;\n    bottom: -1px;\n    left: 0;\n    width: 100%;\n    z-index: 2;\n}\n\n.contact-hero-wave svg {\n    display: block;\n    width: 100%;\n    height: 50px;\n}\n\n\/* ========== \u6a21\u57571\uff1a\u5730\u56fe+\u8054\u7cfb\u5361\u7247 ========== *\/\n.contact-main {\n    max-width: 1200px;\n    margin: -40px auto 0;\n    padding: 0 20px 60px;\n    display: grid;\n    grid-template-columns: 1.3fr 1fr;\n    gap: 40px;\n    align-items: start;\n    position: relative;\n    z-index: 3;\n}\n\n\/* \u5de6\u4fa7\u5730\u56fe *\/\n.contact-map {\n    width: 100%;\n    height: 450px;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.12);\n    background: #F0F0F0;\n    position: relative;\n}\n\n\/* \u5730\u56fe\u6807\u8bb0\u6837\u5f0f *\/\n.map-marker {\n    background: #FF6B00;\n    color: #FFFFFF;\n    padding: 8px 14px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    white-space: nowrap;\n    cursor: pointer;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n    position: relative;\n}\n\n.map-marker::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent;\n    border-top: 8px solid #FF6B00;\n}\n\n\/* Toast\u63d0\u793a *\/\n.copy-toast {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: rgba(0,0,0,0.75);\n    color: #FFFFFF;\n    padding: 12px 28px;\n    border-radius: 8px;\n    font-size: 14px;\n    z-index: 99999;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.copy-toast.show {\n    opacity: 1;\n}\n\n\/* \u53f3\u4fa7\u5361\u7247\u5bb9\u5668\uff1a\u4e0e\u5730\u56fe\u540c\u9ad8\uff0c\u81ea\u52a8\u5747\u5206\u95f4\u8ddd *\/\n.contact-cards {\n    display: flex;\n    flex-direction: column;\n    height: 450px;\n    justify-content: space-between;\n}\n\n\/* \u901a\u7528\u8054\u7cfb\u5361\u7247 *\/\n.contact-card {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    padding: 24px 22px;\n    background: #FFFFFF;\n    border-radius: 14px;\n    border: 1px solid #F0F0F0;\n    box-shadow: 0 2px 16px rgba(0,0,0,0.05);\n    transition: all 0.3s ease;\n    cursor: default;\n}\n\n.contact-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 30px rgba(0,0,0,0.1);\n}\n\n\/* \u53ef\u70b9\u51fb\u7684\u5361\u7247 *\/\n.contact-card.clickable {\n    cursor: pointer;\n}\n\n.contact-card.clickable:hover {\n    border-color: #FF6B00;\n}\n\n\/* \u5361\u7247\u56fe\u6807 *\/\n.contact-card-icon {\n    width: 56px;\n    height: 56px;\n    background: linear-gradient(135deg, #FFF5EE 0%, #FFE8D6 100%);\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    flex-shrink: 0;\n    color: #FF6B00;\n}\n\n\/* \u5361\u7247\u6587\u5b57 *\/\n.contact-card-info h3 {\n    font-size: 17px;\n    color: #2D2D2D;\n    margin-bottom: 5px;\n    font-weight: 600;\n}\n\n.contact-card-info p {\n    font-size: 13px;\n    color: #999;\n    margin: 0;\n    line-height: 1.5;\n}\n\n.contact-card-info a {\n    color: #FF6B00;\n    text-decoration: none;\n    font-weight: 500;\n}\n\n.contact-card-info a:hover {\n    text-decoration: underline;\n}\n\n\/* \u5361\u7247\u7bad\u5934 *\/\n.contact-card-arrow {\n    margin-left: auto;\n    font-size: 18px;\n    color: #D0D0D0;\n    transition: all 0.3s ease;\n}\n\n.contact-card.clickable:hover .contact-card-arrow {\n    color: #FF6B00;\n    transform: translateX(4px);\n}\n\n\/* ========== \u6a21\u57572\uff1a\u516c\u53f8\u4fe1\u606f\u5361\u7247\u7ec4 ========== *\/\n.contact-info-section {\n    padding: 60px 20px 80px;\n    background: #F8F8F8;\n}\n\n.contact-info-grid {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n}\n\n.info-card {\n    background: #FFFFFF;\n    border-radius: 16px;\n    padding: 36px 28px;\n    text-align: center;\n    border: 1px solid #F0F0F0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.info-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #FF6B00, #FF8C40);\n    transform: scaleX(0);\n    transition: transform 0.3s ease;\n}\n\n.info-card:hover::before {\n    transform: scaleX(1);\n}\n\n.info-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n.info-card-icon {\n    width: 64px;\n    height: 64px;\n    background: linear-gradient(135deg, #FFF5EE 0%, #FFE8D6 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 28px;\n    margin: 0 auto 20px;\n    color: #FF6B00;\n}\n\n.info-card h3 {\n    font-size: 18px;\n    color: #2D2D2D;\n    margin-bottom: 12px;\n    font-weight: 600;\n}\n\n.info-card p {\n    font-size: 14px;\n    color: #888;\n    line-height: 1.8;\n    margin: 0;\n}\n\n.info-card a {\n    color: #FF6B00;\n    text-decoration: none;\n}\n\n.info-card a:hover {\n    text-decoration: underline;\n}\n\n\/* ========== \u5e95\u90e8CTA ========== *\/\n.contact-cta {\n    padding: 70px 20px;\n    background: linear-gradient(135deg, #FF6B00 0%, #FF8C40 100%);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.contact-cta::before {\n    content: '';\n    position: absolute;\n    top: -40%;\n    left: -10%;\n    width: 350px;\n    height: 350px;\n    background: rgba(255,255,255,0.06);\n    border-radius: 50%;\n}\n\n.contact-cta::after {\n    content: '';\n    position: absolute;\n    bottom: -30%;\n    right: -5%;\n    width: 280px;\n    height: 280px;\n    background: rgba(255,255,255,0.05);\n    border-radius: 50%;\n}\n\n.contact-cta h2 {\n    position: relative;\n    z-index: 1;\n    font-size: 30px;\n    color: #FFFFFF;\n    margin-bottom: 14px;\n    font-weight: 700;\n}\n\n.contact-cta p {\n    position: relative;\n    z-index: 1;\n    font-size: 15px;\n    color: rgba(255,255,255,0.9);\n    margin-bottom: 30px;\n}\n\n.contact-cta-btns {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n\n.cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 32px;\n    border-radius: 10px;\n    font-size: 15px;\n    font-weight: 600;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    border: none;\n}\n\n.cta-btn-white {\n    background: #FFFFFF;\n    color: #FF6B00;\n}\n\n.cta-btn-white:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n}\n\n.cta-btn-outline {\n    background: transparent;\n    color: #FFFFFF;\n    border: 2px solid rgba(255,255,255,0.6);\n}\n\n.cta-btn-outline:hover {\n    background: rgba(255,255,255,0.15);\n    border-color: #FFFFFF;\n    transform: translateY(-2px);\n}\n\n\/* ========== \u5f39\u51fa\u8868\u5355\u906e\u7f69 ========== *\/\n.form-overlay {\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.5);\n    z-index: 9999;\n    justify-content: center;\n    align-items: center;\n    backdrop-filter: blur(4px);\n}\n\n.form-overlay.active {\n    display: flex;\n}\n\n.form-popup {\n    background: #FFFFFF;\n    border-radius: 20px;\n    width: 90%;\n    max-width: 520px;\n    max-height: 90vh;\n    overflow-y: auto;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.2);\n    animation: formSlideIn 0.3s ease;\n}\n\n@keyframes formSlideIn {\n    from { opacity: 0; transform: translateY(30px) scale(0.95); }\n    to { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n.form-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 24px 28px;\n    border-bottom: 1px solid #F0F0F0;\n}\n\n.form-header h3 {\n    font-size: 20px;\n    color: #2D2D2D;\n    margin: 0;\n}\n\n.form-close {\n    width: 36px !important;\n    height: 36px !important;\n    min-width: 36px !important;\n    min-height: 36px !important;\n    padding: 0 !important;\n    line-height: 1 !important;\n    border: none !important;\n    background: #F5F5F5;\n    border-radius: 50% !important;\n    font-size: 18px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #666;\n    transition: all 0.2s ease;\n    flex-shrink: 0;\n}\n\n.form-close:hover { background: #EEE; color: #333; }\n\n.form-body { padding: 28px; }\n\n.form-group { margin-bottom: 18px; }\n\n.form-group label {\n    display: block;\n    font-size: 14px;\n    color: #555;\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.form-group label span { color: #FF6B00; }\n\n.form-group input,\n.form-group textarea,\n.form-group select {\n    width: 100%;\n    padding: 12px 16px;\n    border: 1px solid #E0E0E0;\n    border-radius: 10px;\n    font-size: 14px;\n    color: #333;\n    background: #FAFAFA;\n    transition: all 0.2s ease;\n    outline: none;\n    box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group textarea:focus,\n.form-group select:focus {\n    border-color: #FF6B00;\n    background: #FFFFFF;\n    box-shadow: 0 0 0 3px rgba(255,107,0,0.1);\n}\n\n.form-group textarea { resize: vertical; min-height: 100px; }\n\n.form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n}\n\n.form-submit {\n    width: 100%;\n    padding: 14px;\n    background: linear-gradient(135deg, #FF6B00, #FF8C40);\n    color: #FFFFFF;\n    border: none;\n    border-radius: 10px;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 6px;\n}\n\n.form-submit:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 6px 20px rgba(255,107,0,0.35);\n}\n\n.form-submit:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n}\n\n.form-message {\n    text-align: center;\n    padding: 12px;\n    border-radius: 8px;\n    margin-top: 12px;\n    font-size: 14px;\n    display: none;\n}\n\n.form-message.success {\n    display: block;\n    background: #E8F5E9;\n    color: #2E7D32;\n}\n\n.form-message.error {\n    display: block;\n    background: #FFEBEE;\n    color: #C62828;\n}\n\n\/* ========== \u54cd\u5e94\u5f0f ========== *\/\n@media (max-width: 992px) {\n    .contact-main {\n        grid-template-columns: 1fr;\n    }\n    .contact-map {\n        height: 320px;\n    }\n    .contact-info-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 576px) {\n    .contact-hero { padding: 50px 20px 70px; }\n    .contact-hero h1 { font-size: 28px; }\n    .form-row { grid-template-columns: 1fr; }\n    .contact-cta h2 { font-size: 24px; }\n    .contact-cta-btns { flex-direction: column; align-items: center; }\n}\n<\/style>\n\n<div class=\"contact-page\">\n\n    <!-- ========== Hero\u6a2a\u5e45 ========== -->\n    <section class=\"contact-hero\">\n        <h1>\u8054\u7cfb\u6211\u4eec<\/h1>\n        <p>\u65e0\u8bba\u60a8\u6709\u4efb\u4f55\u4ea7\u54c1\u54a8\u8be2\u3001\u5408\u4f5c\u610f\u5411\u6216\u552e\u540e\u95ee\u9898\uff0c\u6211\u4eec\u90fd\u671f\u5f85\u4e0e\u60a8\u7684\u6c9f\u901a<\/p>\n        <div class=\"contact-hero-wave\">\n            <svg viewBox=\"0 0 1440 50\" preserveAspectRatio=\"none\">\n                <path d=\"M0,50 L0,20 Q360,50 720,20 Q1080,-10 1440,20 L1440,50 Z\" fill=\"#FFFFFF\"\/>\n            <\/svg>\n        <\/div>\n    <\/section>\n\n    <!-- \u9ad8\u5fb7JS API -->\n    <script src=\"https:\/\/webapi.amap.com\/maps?v=2.0&#038;key=b16a9d6b0fe03ec39e8073761b4f949e&#038;plugin=AMap.ToolBar\"><\/script>\n\n    <!-- ========== \u5730\u56fe+\u8054\u7cfb\u5361\u7247 ========== -->\n    <div class=\"contact-main\">\n        <!-- \u5de6\u4fa7\uff1a\u9ad8\u5fb7JS API\u5730\u56fe -->\n        <div class=\"contact-map\">\n            <div id=\"amapContainer\" style=\"width:100%;height:100%;\"><\/div>\n        <\/div>\n\n        <!-- \u53f3\u4fa7\uff1a\u4e09\u5f20\u8054\u7cfb\u5361\u7247 -->\n        <div class=\"contact-cards\">\n            <div class=\"contact-card\">\n                <div class=\"contact-card-icon\">\ud83d\udcde<\/div>\n                <div class=\"contact-card-info\">\n                    <h3>\u7535\u8bdd\u54a8\u8be2<\/h3>\n                    <p>\u5de5\u4f5c\u65f6\u95f4\uff1a\u5468\u4e00\u81f3\u5468\u4e94 9:00-18:00<\/p>\n                    <p><a href=\"tel:0755-29621961\">0755-29621961<\/a><\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"contact-card\">\n                <div class=\"contact-card-icon\">\u2709\ufe0f<\/div>\n                <div class=\"contact-card-info\">\n                    <h3>\u90ae\u4ef6\u8054\u7cfb<\/h3>\n                    <p>\u6211\u4eec\u4f1a\u572824\u5c0f\u65f6\u5185\u56de\u590d\u60a8<\/p>\n                    <p><a href=\"mailto:xuelaibangtech@outlook.com\">xuelaibangtech@outlook.com<\/a><\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"contact-card clickable\" onclick=\"openForm()\">\n                <div class=\"contact-card-icon\">\ud83d\udcc5<\/div>\n                <div class=\"contact-card-info\">\n                    <h3>\u9884\u7ea6\u6765\u8bbf<\/h3>\n                    <p>\u6b22\u8fce\u9884\u7ea6\u53c2\u89c2\u6211\u4eec\u7684\u5de5\u5382\u548c\u5c55\u5385<\/p>\n                <\/div>\n                <div class=\"contact-card-arrow\">\u2192<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ========== \u516c\u53f8\u4fe1\u606f\u5361\u7247\u7ec4 ========== -->\n    <section class=\"contact-info-section\">\n        <div class=\"contact-info-grid\">\n            <div class=\"info-card\">\n                <div class=\"info-card-icon\">\ud83d\udccd<\/div>\n                <h3>\u516c\u53f8\u5730\u5740<\/h3>\n                <p>\u5e7f\u4e1c\u7701\u6df1\u5733\u5e02\u5b9d\u5b89\u533a<br>\u6c99\u4e95\u8857\u9053\u65b0\u5b89\u8def5\u53f73\u697c<\/p>\n            <\/div>\n            <div class=\"info-card\">\n                <div class=\"info-card-icon\">\ud83d\udd50<\/div>\n                <h3>\u4e13\u7ebf\u65f6\u95f4<\/h3>\n                <p>\u5468\u4e00\u81f3\u5468\u516d 08:00 &#8211; 18:00<br>\u5468\u65e5\u53ca\u6cd5\u5b9a\u8282\u5047\u65e5\u65e0\u4eba\u503c\u5b88<\/p>\n            <\/div>\n            <a href=\"https:\/\/work.weixin.qq.com\/kfid\/kfc01bd71cc66c9b8c7\" target=\"_blank\" style=\"text-decoration:none;color:inherit;\">\n                <div class=\"info-card\">\n                    <div class=\"info-card-icon\">\ud83d\udcac<\/div>\n                    <h3>\u5728\u7ebf\u6c9f\u901a<\/h3>\n                    <p>\u70b9\u51fb\u7acb\u5373\u5728\u7ebf\u6c9f\u901a<br>\u670d\u52a1\u65f6\u95f408:00 &#8211; 23:00<\/p>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- ========== \u5e95\u90e8CTA ========== -->\n    <section class=\"contact-cta\">\n        <h2>\u671f\u5f85\u4e0e\u60a8\u5408\u4f5c<\/h2>\n        <p>\u65e0\u8bba\u662fOEM\u4ee3\u5de5\u3001ODM\u5b9a\u5236\u8fd8\u662f\u4ea7\u54c1\u54a8\u8be2\uff0c\u6211\u4eec\u90fd\u5c06\u7aed\u8bda\u4e3a\u60a8\u670d\u52a1<\/p>\n        <div class=\"contact-cta-btns\">\n            <a class=\"cta-btn cta-btn-white\" href=\"tel:0755-29621961\">\ud83d\udcde \u7acb\u5373\u81f4\u7535<\/a>\n            <button class=\"cta-btn cta-btn-outline\" onclick=\"openForm()\">\ud83d\udcc5 \u9884\u7ea6\u6765\u8bbf<\/button>\n        <\/div>\n    <\/section>\n\n    <!-- ========== \u9884\u7ea6\u6765\u8bbf\u5f39\u51fa\u8868\u5355 ========== -->\n    <div class=\"form-overlay\" id=\"formOverlay\">\n        <div class=\"form-popup\">\n            <div class=\"form-header\">\n                <h3>\ud83d\udcc5 \u9884\u7ea6\u6765\u8bbf<\/h3>\n                <button class=\"form-close\" onclick=\"closeForm()\">\u2715<\/button>\n            <\/div>\n            <div class=\"form-body\">\n                <form id=\"appointmentForm\">\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label>\u59d3\u540d <span>*<\/span><\/label>\n                            <input type=\"text\" name=\"name\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u59d3\u540d\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label>\u516c\u53f8\u540d\u79f0 <span>*<\/span><\/label>\n                            <input type=\"text\" name=\"company\" placeholder=\"\u8bf7\u8f93\u5165\u516c\u53f8\u540d\u79f0\" required>\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label>\u8054\u7cfb\u7535\u8bdd <span>*<\/span><\/label>\n                            <input type=\"tel\" name=\"phone\" placeholder=\"\u8bf7\u8f93\u5165\u8054\u7cfb\u7535\u8bdd\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label>\u90ae\u7bb1<\/label>\n                            <input type=\"text\" name=\"email\" placeholder=\"\u8bf7\u8f93\u5165\u90ae\u7bb1\u5730\u5740\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>\u9884\u8ba1\u6765\u8bbf\u65e5\u671f<\/label>\n                        <input type=\"date\" name=\"visit_date\" id=\"visitDate\">\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>\u6765\u8bbf\u4eba\u6570<\/label>\n                        <select name=\"visitors\">\n                            <option value=\"\">\u8bf7\u9009\u62e9<\/option>\n                            <option>1-2\u4eba<\/option>\n                            <option>3-5\u4eba<\/option>\n                            <option>5\u4eba\u4ee5\u4e0a<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>\u5907\u6ce8\u4fe1\u606f<\/label>\n                        <textarea name=\"message\" placeholder=\"\u8bf7\u7b80\u8981\u63cf\u8ff0\u60a8\u7684\u6765\u8bbf\u76ee\u7684\u6216\u9700\u6c42\"><\/textarea>\n                    <\/div>\n                    <button type=\"submit\" class=\"form-submit\" id=\"formSubmitBtn\">\u63d0\u4ea4\u9884\u7ea6<\/button>\n                    <div class=\"form-message\" id=\"formMessage\"><\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n\/\/ \u8bbe\u7f6e\u65e5\u671f\u9009\u62e9\u5668\u6700\u5c0f\u503c\u4e3a\u4eca\u5929\ndocument.addEventListener('DOMContentLoaded', function() {\n    var today = new Date().toISOString().split('T')[0];\n    document.getElementById('visitDate').setAttribute('min', today);\n});\n\nfunction openForm() {\n    document.getElementById('formOverlay').classList.add('active');\n    document.body.style.overflow = 'hidden';\n}\n\nfunction closeForm() {\n    document.getElementById('formOverlay').classList.remove('active');\n    document.body.style.overflow = '';\n    \/\/ \u91cd\u7f6e\u8868\u5355\u72b6\u6001\n    document.getElementById('appointmentForm').reset();\n    var msg = document.getElementById('formMessage');\n    msg.className = 'form-message';\n    msg.style.display = 'none';\n    document.getElementById('formSubmitBtn').disabled = false;\n    document.getElementById('formSubmitBtn').textContent = '\u63d0\u4ea4\u9884\u7ea6';\n}\n\n\/\/ \u70b9\u51fb\u906e\u7f69\u5173\u95ed\ndocument.getElementById('formOverlay').addEventListener('click', function(e) {\n    if (e.target === this) closeForm();\n});\n\n\/\/ ESC\u952e\u5173\u95ed\ndocument.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape') closeForm();\n});\n\n\/\/ \u8868\u5355\u63d0\u4ea4\uff08AJAX\u53d1\u9001\u5230WordPress\uff09\ndocument.getElementById('appointmentForm').addEventListener('submit', function(e) {\n    e.preventDefault();\n    var btn = document.getElementById('formSubmitBtn');\n    var msg = document.getElementById('formMessage');\n    \n    btn.disabled = true;\n    btn.textContent = '\u63d0\u4ea4\u4e2d...';\n    \n    var formData = new FormData(this);\n    formData.append('action', 'submit_appointment');\n    \n    var ajaxUrl = window.location.origin + '\/wp-admin\/admin-ajax.php';\n    fetch(ajaxUrl, {\n        method: 'POST',\n        body: formData\n    })\n    .then(function(res) { return res.json(); })\n    .then(function(data) {\n        if (data.success) {\n            msg.className = 'form-message success';\n            msg.textContent = '\u2705 \u9884\u7ea6\u63d0\u4ea4\u6210\u529f\uff01\u6211\u4eec\u4f1a\u5c3d\u5feb\u4e0e\u60a8\u8054\u7cfb\u786e\u8ba4\u3002';\n            msg.style.display = 'block';\n            btn.textContent = '\u5df2\u63d0\u4ea4';\n            setTimeout(closeForm, 2000);\n        } else {\n            msg.className = 'form-message error';\n            msg.textContent = '\u274c \u63d0\u4ea4\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u91cd\u8bd5\u3002';\n            msg.style.display = 'block';\n            btn.disabled = false;\n            btn.textContent = '\u63d0\u4ea4\u9884\u7ea6';\n        }\n    })\n    .catch(function() {\n        msg.className = 'form-message error';\n        msg.textContent = '\u274c \u7f51\u7edc\u9519\u8bef\uff0c\u8bf7\u7a0d\u540e\u91cd\u8bd5\u3002';\n        msg.style.display = 'block';\n        btn.disabled = false;\n        btn.textContent = '\u63d0\u4ea4\u9884\u7ea6';\n    });\n});\n\n\/\/ \u521d\u59cb\u5316\u9ad8\u5fb7\u5730\u56fe\ndocument.addEventListener('DOMContentLoaded', function() {\n    var map = new AMap.Map('amapContainer', {\n        zoom: 16,\n        center: [113.81537, 22.728112],\n        viewMode: '2D',\n        zoomEnable: true,\n        scrollWheel: true,\n        touchZoom: true\n    });\n\n    \/\/ \u81ea\u5b9a\u4e49\u6807\u8bb0\n    var markerContent = document.createElement('div');\n    markerContent.className = 'map-marker';\n    markerContent.textContent = '\ud83d\udccd \u96ea\u83b1\u68d2\u79d1\u6280';\n\n    var marker = new AMap.Marker({\n        position: [113.81537, 22.728112],\n        content: markerContent,\n        offset: new AMap.Pixel(-65, -55)\n    });\n\n    marker.setMap(map);\n\n    \/\/ \u6dfb\u52a0\u7f29\u653e\u63a7\u4ef6\n    map.addControl(new AMap.ToolBar({\n        position: 'RB'\n    }));\n\n    map.setFitView([marker]);\n\n    \/\/ \u70b9\u51fb\u6807\u8bb0\uff1a\u5f39\u51fa\u64cd\u4f5c\u9762\u677f\n    var address = '\u5e7f\u4e1c\u7701\u6df1\u5733\u5e02\u5b9d\u5b89\u533a\u6c99\u4e95\u8857\u9053\u65b0\u5b89\u8def5\u53f73\u697c';\n    marker.on('click', function() {\n        \/\/ \u79fb\u9664\u5df2\u6709\u5f39\u7a97\n        var old = document.getElementById('markerPopup');\n        if (old) old.remove();\n\n        var popup = document.createElement('div');\n        popup.id = 'markerPopup';\n        popup.innerHTML = '<div style=\"background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);padding:16px;min-width:200px;position:absolute;top:-120px;left:-100px;\">'\n            + '<p style=\"margin:0 0 12px;font-size:14px;color:#333;font-weight:600;\">' + address + '<\/p>'\n            + '<div style=\"display:flex;gap:10px;\">'\n            + '<button onclick=\"copyAddress()\" style=\"flex:1;padding:8px;background:#FF6B00;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;\">\ud83d\udccb \u590d\u5236\u5730\u5740<\/button>'\n            + '<a href=\"https:\/\/uri.amap.com\/marker?position=113.81537,22.728112&#038;name=\u96ea\u83b1\u68d2\u79d1\u6280&#038;src=xuelai\" target=\"_blank\" style=\"flex:1;padding:8px;background:#2D2D2D;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;text-align:center;text-decoration:none;\">\ud83e\udded \u5bfc\u822a<\/a>'\n            + '<\/div><\/div>';\n        marker.setContent(markerContent.cloneNode(true));\n        var content = marker.getContent();\n        content.appendChild(popup);\n\n        \/\/ \u70b9\u51fb\u5730\u56fe\u7a7a\u767d\u5904\u5173\u95ed\u5f39\u7a97\n        map.on('click', function closePopup() {\n            var p = document.getElementById('markerPopup');\n            if (p) p.remove();\n            map.off('click', closePopup);\n        });\n    });\n});\n\n\/\/ \u590d\u5236\u5730\u5740\nfunction copyAddress() {\n    var address = '\u5e7f\u4e1c\u7701\u6df1\u5733\u5e02\u5b9d\u5b89\u533a\u6c99\u4e95\u8857\u9053\u65b0\u5b89\u8def5\u53f73\u697c';\n    var textarea = document.createElement('textarea');\n    textarea.value = address;\n    textarea.style.position = 'fixed';\n    textarea.style.left = '-9999px';\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n        document.execCommand('copy');\n        showToast('\u2705 \u5df2\u590d\u5236\u5730\u5740\u5230\u526a\u8d34\u677f');\n    } catch(e) {\n        showToast('\u274c \u590d\u5236\u5931\u8d25\uff0c\u8bf7\u624b\u52a8\u590d\u5236');\n    }\n    document.body.removeChild(textarea);\n}\n\n\/\/ Toast\u63d0\u793a\nfunction showToast(msg) {\n    var toast = document.querySelector('.copy-toast');\n    if (!toast) {\n        toast = document.createElement('div');\n        toast.className = 'copy-toast';\n        document.body.appendChild(toast);\n    }\n    toast.textContent = msg;\n    toast.classList.add('show');\n    setTimeout(function() {\n        toast.classList.remove('show');\n    }, 2000);\n}\n\n\/\/ \u6e05\u9664\u7236\u7ea7\u5bb9\u5668\u95f4\u8ddd + \u6ee1\u5c4f\u7a81\u7834\ndocument.addEventListener('DOMContentLoaded', function() {\n    var el = document.querySelector('.contact-page');\n    if (!el) return;\n    \n    \/\/ \u6e05\u9664\u7236\u7ea7\u95f4\u8ddd\uff0c\u4fdd\u7559\u5c45\u4e2d\uff0c\u5141\u8bb8\u6ea2\u51fa\n    var parent = el.parentElement;\n    while (parent && parent !== document.body) {\n        parent.style.setProperty('padding', '0', 'important');\n        parent.style.setProperty('margin-top', '0', 'important');\n        parent.style.setProperty('margin-bottom', '0', 'important');\n        parent.style.setProperty('overflow', 'visible', 'important');\n        parent = parent.parentElement;\n    }\n    \n    \/\/ \u8ba9\u6709\u8272\u533a\u57df\u6491\u6ee1\u5c4f\u5e55\n    var fullSections = document.querySelectorAll('.contact-hero, .contact-info-section, .contact-cta');\n    \n    function applyFullWidth() {\n        var vw = document.documentElement.clientWidth;\n        fullSections.forEach(function(sec) {\n            var rect = sec.getBoundingClientRect();\n            sec.style.width = vw + 'px';\n            sec.style.marginLeft = (-rect.left) + 'px';\n            sec.style.marginRight = '0';\n            sec.style.boxSizing = 'border-box';\n        });\n    }\n    \n    \/\/ \u5ef6\u8fdf\u6267\u884c\u786e\u4fdd\u5e03\u5c40\u8ba1\u7b97\u5b8c\u6210\n    setTimeout(applyFullWidth, 100);\n    window.addEventListener('resize', applyFullWidth);\n});\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8054\u7cfb\u6211\u4eec \u65e0\u8bba\u60a8\u6709\u4efb\u4f55\u4ea7\u54c1\u54a8\u8be2\u3001\u5408\u4f5c\u610f\u5411 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":22,"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/shelleypen.cn\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}