{"id":746,"date":"2026-07-23T11:15:42","date_gmt":"2026-07-23T03:15:42","guid":{"rendered":"https:\/\/eagleedutour.com\/?page_id=746"},"modified":"2026-07-28T10:41:53","modified_gmt":"2026-07-28T02:41:53","slug":"chinatour","status":"publish","type":"page","link":"https:\/\/eagleedutour.com\/index.php\/chinatour\/","title":{"rendered":"\u4e2d\u534e\u6587\u5316\u7814\u5b66"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* --- \u5bb9\u5668\u8bbe\u7f6e --- *\/\n.hero-banner {\n    position: relative;\n    width: 100%;\n    min-height: 500px; \n    padding: 60px 0; \n    height: auto; \n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden; \/* \u5173\u952e\uff1a\u9632\u6b62\u80cc\u666f\u56fe\u6ea2\u51fa *\/\n}\n\n\/* --- \u65b0\u589e\uff1a\u80cc\u666f\u56fe\u8f6e\u64ad\u5c42 --- *\/\n.hero-bg-slider {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    z-index: 0; \/* \u653e\u5728\u6700\u5e95\u5c42 *\/\n}\n\n.bg-slide {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background-size: cover;\n    background-position: center;\n    opacity: 0;\n    transition: opacity 1.5s ease-in-out; \/* 1.5\u79d2\u6de1\u5165\u6de1\u51fa\uff0c\u6bd4\u666e\u901a\u76f8\u518c\u66f4\u67d4\u548c\u7f13\u6162 *\/\n}\n\n.bg-slide.active {\n    opacity: 1;\n}\n\n\/* --- \u9ed1\u8272\u534a\u900f\u660e\u906e\u7f69 --- *\/\n.hero-overlay {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: rgba(0, 0, 0, 0.4);\n    z-index: 1; \/* \u76d6\u5728\u80cc\u666f\u56fe\u4e0a\u9762 *\/\n}\n\n\/* --- \u5de6\u53f3\u5206\u680f\u5e03\u5c40 --- *\/\n.hero-container {\n    position: relative;\n    z-index: 2; \/* \u786e\u4fdd\u6587\u5b57\u548c\u5361\u7247\u5728\u6700\u4e0a\u5c42\uff0c\u4e0d\u53d7\u906e\u7f69\u5f71\u54cd *\/\n    width: 90%;\n    max-width: 1100px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    color: white;\n}\n\n\/* --- \u5de6\u4fa7\u6587\u5b57 --- *\/\n.hero-text { width: 50%; }\n.hero-text h1 { font-size: 48px; margin-bottom: 20px; line-height: 1.2; }\n.hero-text p { font-size: 16px; line-height: 1.6; }\n\n\/* --- \u53f3\u4fa7\u5361\u7247 --- *\/\n.hero-card {\n    background: white;\n    color: #333;\n    padding: 30px;\n    border-radius: 12px;\n    width: 300px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n}\n\n.card-price { font-size: 18px; margin-bottom: 20px; }\n.card-price strong { font-size: 24px; color: #e67e22; }\n\n.card-details p { margin: 10px 0; font-size: 14px; }\n\n.btn-primary, .btn-secondary {\n    display: block;\n    width: 100%;\n    padding: 10px 0; \n    border-radius: 6px;\n    cursor: pointer;\n    text-align: center;\n    text-decoration: none;\n    font-size: 15px; \n    transition: 0.3s;\n    box-sizing: border-box; \/* \u786e\u4fdd padding \u4e0d\u4f1a\u6491\u7834\u6309\u94ae\u5bbd\u5ea6 *\/\n}\n\n\/* \u4e3b\u6309\u94ae\uff1a\u5f3a\u8c03\u8272 *\/\n.btn-primary {\n    background: #e67e22;\n    color: white;\n    border: none;\n    margin-top: 20px;\n}\n\n\/* \u6b21\u7ea7\u6309\u94ae\uff1a\u8c03\u6574\u95f4\u8ddd\u548c\u6837\u5f0f *\/\n.btn-secondary {\n    background: transparent; \n    color: #e67e22;          \n    border: 1px solid #e67e22; \n    margin-top: 15px;        \n}\n\n.btn-primary:hover { opacity: 0.9; }\n.btn-secondary:hover { background: #e67e22; color: white; }\n\n\/* --- \u54cd\u5e94\u5f0f\uff1a\u624b\u673a\u7aef\u53d8\u6210\u4e0a\u4e0b\u5806\u53e0 --- *\/\n@media (max-width: 768px) {\n    .hero-container { flex-direction: column; text-align: center; }\n    .hero-text { width: 100%; margin-bottom: 30px; }\n    .hero-card { width: 100%; margin: 0 auto; }\n}\n\n\n\/* \u7ed9\u521a\u624d\u547d\u540d\u7684\u533a\u57df\u589e\u52a0\u5e95\u90e8\u8ddd\u79bb *\/\n.top-section-gap {\n    margin-bottom: 800px !important; \/* \u6570\u5b57\u8d8a\u5927\uff0c\u8ddd\u79bb\u8d8a\u8fdc *\/\n\n\n\n<\/style>\n\n<section class=\"hero-banner\">\n    <!-- \u80cc\u666f\u8f6e\u64ad\u5c42 -->\n    <div class=\"hero-bg-slider\">\n        <!-- \u66ff\u6362\u4e3a\u4f60\u5b9e\u9645\u7684\u80cc\u666f\u56fe\u7247\u94fe\u63a5\uff0c\u53ef\u4ee5\u65e0\u9650\u5f80\u4e0b\u52a0 -->\n        <div class=\"bg-slide active\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/beijing-scaled.jpg');\"><\/div>\n        <div class=\"bg-slide\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/morecity_suzhou.jpg');\"><\/div>\n        <div class=\"bg-slide\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/beijing_lunbo_3.jpg');\"><\/div>\n    <\/div>\n\n    <div class=\"hero-overlay\"><\/div>\n\n    <div class=\"hero-container\">\n        <div class=\"hero-text\">\n           \n<h1>\u4e2d\u534e\u6587\u5316\u7814\u5b66\u5b9a\u5236\u670d\u52a1<\/h1>\n <h3>\u6eaf\u6e90\u534e\u590f<\/h3>\n<h3>\u5728\u6dec\u70bc\u4e2d\u62d3\u5bbd\u89c6\u91ce\uff0c\u5728\u611f\u609f\u4e2d\u4f20\u627f\u6587\u660e<\/h3>\n            <p>\u4f9d\u6258\u5e7f\u88a4\u4e2d\u534e\u4eba\u6587\u5730\u7406\uff0c\u6211\u4eec\u901a\u8fc7\u5b9a\u5236\u5316\u6df1\u5ea6\u884c\u8d70\uff0c\u52a9\u529b\u63a2\u7d22\u8005\u9886\u7565\u6587\u5316\u7cbe\u9ad3\uff0c\u6784\u5efa\u6df1\u539a\u7684\u4eba\u6587\u5e95\u8574\u3002<\/p>\n        <\/div>\n\n        <div class=\"hero-card\">\n            <div class=\"card-price\">\u79c1\u4eab <strong>\u4e13\u4e1a\u5b9a\u5236<\/strong>\u670d\u52a1<\/div>\n            <div class=\"card-details\">\n                \n                <p>\u2713 \u9876\u5c16\u540d\u6821\u63a2\u8bbf<\/p>\n<p>\u2713 \u524d\u6cbf\u79d1\u521b\u8bfe\u5802<\/p>\n<p>\u2713 \u975e\u9057\u6587\u5316\u6c89\u6d78<\/p>\n<p>\u2713 \u53cc\u8bed\u5bfc\u5e08\u968f\u884c<\/p>\n<p>\u2713 \u4ea4\u901a\u4f4f\u5bbf\u65e0\u5fe7<\/p>\n            <\/div>\n            <a href=\"\/index.php\/register\/\" class=\"btn-primary\" target=\"_blank\">\u9a6c\u4e0a\u62a5\u540d<\/a>\n            <a href=\"\/index.php\/contact-us\/\" class=\"btn-secondary\" target=\"_blank\">\u8054\u7cfb\u6211\u4eec<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    let bgIndex = 0;\n    const bgSlides = document.querySelectorAll('.bg-slide');\n    let bgTimer = null;\n\n    function updateBgPhoto() {\n        \/\/ \u6e05\u9664\u4e0a\u4e00\u5f20\u7684 active\n        bgSlides[bgIndex].classList.remove('active');\n        \n        \/\/ \u79fb\u5411\u4e0b\u4e00\u5f20\uff0c\u5982\u679c\u662f\u6700\u540e\u4e00\u5f20\u5219\u56de\u5230\u7b2c\u4e00\u5f20\n        bgIndex = (bgIndex + 1) % bgSlides.length;\n        \n        \/\/ \u7ed9\u65b0\u7684\u4e00\u5f20\u6dfb\u52a0 active\n        bgSlides[bgIndex].classList.add('active');\n    }\n\n    \/\/ \u542f\u52a8\u81ea\u52a8\u8f6e\u64ad\uff0c\u8fd9\u91cc\u8bbe\u7f6e 6000 \u6beb\u79d2\uff086\u79d2\uff09\u5207\u6362\u4e00\u6b21\n    function startBgLoop() {\n        bgTimer = setInterval(updateBgPhoto, 6000); \n    }\n\n    \/\/ \u53ea\u8981\u80cc\u666f\u56fe\u591a\u4e8e 1 \u5f20\uff0c\u624d\u542f\u52a8\u8f6e\u64ad\n    if(bgSlides.length > 1) {\n        startBgLoop();\n    }\n})();\n<\/script>\n\n\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column my-sticky-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style data-wp-block-html=\"css\">\n.wp-block-column:has(.quick-nav-box), \n\n.left-fixed-nav-container {\n\n    background-color: transparent !important; \/* \u5f3a\u5236\u80cc\u666f\u900f\u660e *\/\n\n    border: none !important;                  \/* \u53bb\u6389\u5916\u6846 *\/\n\n    box-shadow: none !important;              \/* \u53bb\u6389\u5916\u9634\u5f71 *\/\n\n    padding-top: 0 !important;                \/* \u53bb\u6389\u9876\u90e8\u591a\u4f59\u7a7a\u9699 *\/\n\n}\n\n\n\/* --- \u7b2c\u4e8c\u6b65\uff1a\u8bbe\u7f6e\u5185\u5c42\u5bfc\u822a\u680f\u6837\u5f0f (\u552f\u4e00\u7684\u89c6\u89c9\u6846) --- *\/\n\n.quick-nav-box {\n\n    \/* 1. \u6838\u5fc3\u5b9a\u4f4d\uff1aSticky \u5438\u9644 *\/\n\n    position: -webkit-sticky; \/* \u517c\u5bb9 Safari *\/\n\n    position: sticky;\n\n    top: 100px; \/* \u8ddd\u79bb\u6d4f\u89c8\u5668\u9876\u90e8 100px \u65f6\u5f00\u59cb\u5438\u9644 *\/\n\n    z-index: 10; \/* \u4fdd\u8bc1\u5c42\u7ea7 *\/\n\n\n    \n\n    \n\n    \/* 3. \u5bbd\u5ea6\u63a7\u5236 *\/\n\n    width: 100%; \n\n    box-sizing: border-box;\n\n}\n\n\n\/* --- \u7b2c\u4e09\u6b65\uff1a\u5217\u8868\u6837\u5f0f\u5fae\u8c03 (\u53ef\u9009) --- *\/\n\n.quick-nav-box h3 {\n\n    margin-top: 0;\n\n    margin-bottom: 20px;\n\n    font-size: 18px;\n\n    font-weight: bold;\n\n    color: #333;\n\n}\n\n\n.quick-nav-box ul {\n\n    list-style: none;\n\n    padding: 0;\n\n    margin: 0;\n\n}\n\n\n.quick-nav-box li {\n\n    margin-bottom: 12px;\n\n}\n\n\n.quick-nav-box a {\n\n    text-decoration: none;\n\n    color: #555;\n\n    display: block;\n\n    padding: 8px 0;\n\n    transition: color 0.3s;\n\n}\n\n\n.quick-nav-box a:hover {\n\n    color: #007bff; \/* \u60ac\u505c\u989c\u8272 *\/\n\n    font-weight: 500;\n\n}\n<\/style>\n\n<div class=\"wp-block-column\" style=\"flex-basis: 33.33%;\">\n    <div class=\"quick-nav-box sticky-sidebar\">\n        <h3>\u5feb\u901f\u5bfc\u822a<\/h3>\n        <ul>\n            <li><a href=\"#overview\">\u9879\u76ee\u7b80\u4ecb<\/a><\/li>\n            <li><a href=\"#profile\">\u5b66\u5458\u753b\u50cf<\/a><\/li>\n            <li><a href=\"#idea\">\u8bbe\u8ba1\u7406\u5ff5<\/a><\/li>\n            <li><a href=\"#trip\">\u884c\u7a0b\u793a\u4f8b<\/a><\/li>\n\t\t\t<li><a href=\"#destination\">\u63a2\u7d22\u6211\u7684\u76ee\u7684\u5730<\/a><\/li>\n            <li><a href=\"#service\">\u670d\u52a1\u4e0e\u4fdd\u969c<\/a><\/li>\n\t\t\t<li><a href=\"#feedback\">\u5bb6\u957f\u7684\u53cd\u9988<\/a><\/li>\n            <li><a href=\"#contactus\">\u8054\u7cfb\u6211\u4eec<\/a><\/li>\n\t\t<\/ul>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.67%\">\n<style>\n\/* --- \u5546\u52a1\u8003\u5bdf\u5361\u7247\u6837\u5f0f (\u5b57\u4f53\u4f18\u5316\u7248) Start --- *\/\n\n\/* 1. \u9488\u5bf9\u6bcf\u4e00\u4e2a\u201c\u5217\u201d\u5bb9\u5668\uff08\u5373\u90a34\u4e2a\u683c\u5b50\u7684\u5916\u6846\uff09 *\/\n.wp-block-columns .wp-block-column {\n    background-color: #ffffff !important; \/* \u7eaf\u767d\u80cc\u666f *\/\n    border-radius: 16px !important;       \/* \u5706\u89d2\u5927\u5c0f *\/\n    \n    \/* \ud83d\udc47 \u5185\u8fb9\u8ddd\uff1a\u4e0a\u4e0b20px\uff0c\u5de6\u53f320px\uff08\u4fdd\u6301\u7d27\u51d1\uff09 *\/\n    padding: 20px !important;       \n    \n    \/* \u6838\u5fc3\u7075\u9b42\uff1a\u67d4\u548c\u7684\u9634\u5f71 *\/\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; \n    \n    \/* \u589e\u52a0\u4e00\u70b9\u8fc7\u6e21\u52a8\u753b *\/\n    transition: all 0.3s ease; \n    border: 1px solid #f0f0f0 !important; \/* \u6781\u6de1\u7684\u8fb9\u6846 *\/\n}\n\n\/* 2. \u9f20\u6807\u60ac\u505c\u6548\u679c *\/\n.wp-block-columns .wp-block-column:hover {\n    transform: translateY(-5px); \/* \u5fae\u5fae\u4e0a\u6d6e *\/\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1) !important; \n}\n\n\/* 3. \ud83d\udc47 \u91cd\u70b9\u4fee\u6539\uff1a\u4f18\u5316\u5185\u90e8\u6587\u5b57\u6392\u7248\uff08\u89e3\u51b3\u5b57\u592a\u5927\u7684\u95ee\u9898\uff09 *\/\n\n\/* \u6807\u9898\u6837\u5f0f (\u4fdd\u6301\u4e0d\u53d8) *\/\n.wp-block-column h3, \n.wp-block-column h4 {\n    margin-top: 0 !important;      \n    margin-bottom: 8px !important; \n    color: #1a1a1a;                \n    font-weight: 700 !important;   \n    font-size: 20px !important;    \n    line-height: 1.3 !important;\n}\n\n\/* \ud83d\udc47 \u8fd9\u91cc\u52a0\u4e86 ul \u548c li\uff0c\u8ba9\u5217\u8868\u548c\u6bb5\u843d\u90fd\u53d8\u6210\u7070\u8272 *\/\n.wp-block-column p,\n.wp-block-column ul,\n.wp-block-column li {\n    margin-bottom: 0 !important;   \n    color: #666666 !important;     \/* \u5f3a\u5236\u7edf\u4e00\u4e3a\u6df1\u7070\u8272 *\/               \n    line-height: 1.5;              \n    font-size: 14px !important;    \n}\n\n\/* \u989d\u5916\u4f18\u5316\uff1a\u53bb\u6389\u5217\u8868\u9ed8\u8ba4\u7684\u5927\u7f29\u8fdb\uff0c\u8ba9\u5b83\u5728\u5361\u7247\u91cc\u66f4\u6574\u9f50 *\/\n.wp-block-column ul {\n    padding-left: 20px !important; \/* \u4fdd\u7559\u4e00\u70b9\u70b9\u7f29\u8fdb\u663e\u793a\u5706\u70b9 *\/\n    margin-top: 0 !important;\n}\n\n\/* 4. \u624b\u673a\u7aef\u9002\u914d *\/\n@media (max-width: 768px) {\n    .wp-block-columns .wp-block-column {\n        margin-bottom: 20px !important;\n        padding: 15px !important; \/* \u624b\u673a\u4e0a\u5185\u8fb9\u8ddd\u518d\u5c0f\u4e00\u70b9 *\/\n    }\n    \n    \/* \u624b\u673a\u4e0a\u6807\u9898\u4e5f\u53ef\u4ee5\u518d\u5c0f\u4e00\u70b9\u70b9 *\/\n    .wp-block-column h3, \n    .wp-block-column h4 {\n        font-size: 18px !important;\n    }\n}\n\/* --- End --- *\/\n<\/style>\n\n\n\n<h2 id=\"overview\" class=\"wp-block-heading\"><strong>\u53bb\u611f\u53d7\u4e2d\u56fd<\/strong><\/h2>\n\n\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ================= \u53bb\u611f\u53d7\u4e2d\u56fd \u6a21\u5757\u6837\u5f0f\uff08\u7d27\u51d1\u81ea\u9002\u5e94\u7248\uff09 ================= *\/\n\n\/* \u6574\u4f53\u5916\u6846\u4e0e\u80cc\u666f *\/\n.ee-exp-section {\n  padding: 35px 20px; \/* \u7f29\u51cf\u4e0a\u4e0b\u5916\u8fb9\u8ddd\uff0c\u539f 50px *\/\n  background-color: transparent;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.ee-exp-container {\n  max-width: 1140px;\n  margin: 0 auto;\n}\n\n\/* \u5934\u90e8\u6807\u9898\u533a\uff1a\u7f29\u51cf\u4e0b\u65b9\u95f4\u8ddd *\/\n.ee-exp-header {\n  margin-bottom: 20px; \/* \u539f 30px *\/\n}\n\n.ee-exp-header h2 {\n  font-size: 32px; \/* \u6807\u9898\u5fae\u8c03\u66f4\u7cbe\u81f4 *\/\n  font-weight: 800;\n  color: #2c333e;\n  margin: 0 0 8px 0;\n  letter-spacing: -0.5px;\n}\n\n.ee-exp-header p {\n  font-size: 14px;\n  color: #667085;\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* 2x2 \u7f51\u683c\u5e03\u5c40\uff1aCSS Grid \u9ed8\u8ba4\u8ba9\u540c\u4e00\u884c\u7684\u5361\u7247\u7b49\u9ad8 *\/\n.ee-exp-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px; \/* \u7f29\u51cf\u5361\u7247\u4e4b\u95f4\u7684\u95f4\u8ddd\uff0c\u539f 24px *\/\n}\n\n\/* \u5361\u7247\u57fa\u7840\u6837\u5f0f\uff1a\u7f29\u5c0f\u7559\u767d\u4e0e\u4e0a\u4e0b\u9ad8\u5ea6 *\/\n.ee-exp-card {\n  background: #ffffff;\n  padding: 18px 22px; \/* \u6838\u5fc3\u8c03\u6574\uff1a\u7f29\u5c0f\u56db\u5468\u7559\u767d\uff0c\u7279\u522b\u5927\u5e45\u7f29\u5c0f\u4e86\u4e0a\u4e0b\u9ad8\u5ea6\uff08\u539f 32px 30px\uff09 *\/\n  border-radius: 16px; \/* \u5fae\u8c03\u5706\u89d2\u5c3a\u5bf8 *\/\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);\n  border: 1px solid rgba(0, 0, 0, 0.04);\n  \n  \/* \u5f39\u6027\u5e03\u5c40\uff1a\u786e\u4fdd\u6587\u5b57\u957f\u77ed\u4e0d\u4e00\u65f6\uff0c\u5361\u7247\u5185\u90e8\u7ed3\u6784\u4e5f\u80fd\u5b8c\u7f8e\u81ea\u9002\u5e94\u62c9\u4f38 *\/\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  \n  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), \n              box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n  cursor: pointer;\n}\n\n\/* \u60ac\u505c\u6548\u679c *\/\n.ee-exp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);\n}\n\n\/* \u5361\u7247\u6807\u9898\uff1a\u7f29\u5c0f\u6807\u9898\u4e0b\u8fb9\u8ddd *\/\n.ee-exp-card h3 {\n  font-size: 18px; \/* \u5b57\u53f7\u5fae\u8c03\uff0c\u539f 20px *\/\n  font-weight: 700;\n  color: #101828;\n  margin: 0 0 6px 0; \/* \u7f29\u51cf\u6807\u9898\u4e0e\u6b63\u6587\u95f4\u8ddd\uff0c\u539f 12px *\/\n}\n\n\/* \u5361\u7247\u6b63\u6587 *\/\n.ee-exp-card p {\n  font-size: 13.5px;\n  color: #475467;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* \u79fb\u52a8\u7aef\u81ea\u9002\u5e94 *\/\n@media (max-width: 768px) {\n  .ee-exp-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n  .ee-exp-header h2 {\n    font-size: 24px;\n  }\n  .ee-exp-card {\n    padding: 16px 18px;\n  }\n}\n<\/style>\n\n<section class=\"ee-exp-section\">\n  <div class=\"ee-exp-container\">\n    \n    <!-- \u5934\u90e8\u6807\u9898\u533a -->\n    <div class=\"ee-exp-header\">\n     \n      <p>\u8e0f\u4e0a\u8fd9\u6bb5\u7814\u5b66\u4e4b\u65c5\uff0c\u60a8\u5c06\u4e0d\u518d\u662f\u65c1\u89c2\u8005\uff0c\u800c\u662f\u4e2d\u534e\u6587\u5316\u7684\u6df1\u5ea6\u63a2\u7d22\u8005\uff0c\u60a8\u5c06\u83b7\u5f97\u4ee5\u4e0b\u73cd\u8d35\u4f53\u9a8c\uff1a<\/p>\n    <\/div>\n\n    <!-- 2x2 \u5361\u7247\u7f51\u683c -->\n    <div class=\"ee-exp-grid\">\n      \n      <!-- \u5361\u7247 1 -->\n      <div class=\"ee-exp-card\">\n        <h3>\u6df1\u5ea6\u6d1e\u5bdf\uff0c\u975e\u51e1\u89c6\u89d2<\/h3>\n        <p>\u62d2\u7edd\u8d70\u9a6c\u89c2\u82b1\u5f0f\u7684\u6253\u5361\uff0c\u6df1\u5165\u63a2\u8bbf\u5730\u9053\u751f\u6d3b\u573a\u666f\uff0c\u4ee5\u6c89\u6d78\u5f0f\u89c6\u89d2\u611f\u609f\u535a\u5927\u7cbe\u6df1\u7684\u53e4\u6587\u660e\u8109\u7edc<\/p>\n      <\/div>\n\n      <!-- \u5361\u7247 2 -->\n      <div class=\"ee-exp-card\">\n        <h3>\u53e4\u4eca\u8f89\u6620\uff0c\u65f6\u4ee3\u8109\u52a8<\/h3>\n        <p>\u6f2b\u6b65\u4e8e\u627f\u8f7d\u5343\u8f7d\u5386\u53f2\u7684\u53e4\u97f5\u8857\u533a\uff0c\u540c\u6b65\u89c1\u8bc1\u9ad8\u901f\u94c1\u8def\u4e0e\u524d\u6cbf\u4eba\u5de5\u667a\u80fd\u5e26\u6765\u7684\u79d1\u6280\u98de\u8dc3\uff0c\u611f\u53d7\u53e4\u8001\u4e0e\u73b0\u4ee3\u7684\u5171\u751f\u4e4b\u7f8e<\/p>\n      <\/div>\n\n      <!-- \u5361\u7247 3 -->\n      <div class=\"ee-exp-card\">\n        <h3>\u56db\u65f6\u6709\u5e8f\uff0c\u98ce\u571f\u4e4b\u5473<\/h3>\n        <p>\u7504\u9009\u968f\u5b63\u8282\u6d41\u8f6c\u7684\u81f3\u81fb\u65f6\u4ee4\u7f8e\u98df\uff0c\u878d\u5165\u5f53\u5730\u5730\u9053\u7684\u8282\u65e5\u5e86\u5178\uff0c\u5728\u56db\u5b63\u8f6e\u8f6c\u4e2d\u89e3\u9501\u6700\u7eaf\u6b63\u7684\u5730\u57df\u6587\u5316<\/p>\n      <\/div>\n\n      <!-- \u5361\u7247 4 -->\n      <div class=\"ee-exp-card\">\n        <h3>\u5b89\u5fc3\u65e0\u5fe7\uff0c\u81f3\u81fb\u4fbf\u6377<\/h3>\n        <p>\u63d0\u4f9b\u4ece\u7b7e\u8bc1\u54a8\u8be2\u3001\u4e13\u4e1a\u4e2d\u6587\u5728\u5730\u5411\u5bfc\uff0c\u5230\u591a\u822a\u70b9\u76f4\u98de\u7684\u4e00\u7ad9\u5f0f\u65e0\u5fe7\u4fdd\u969c\uff0c\u4e3a\u60a8\u5f00\u542f\u6781\u81f4\u6d41\u7545\u7684\u65c5\u7a0b<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<h2 id=\"profile\" class=\"wp-block-heading\">\u8c01\u9002\u5408\u8fd9\u8d9f\u6df1\u5ea6\u4e4b\u65c5<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n \/* \u5916\u90e8\u5927\u5bb9\u5668 *\/\n\n.baoming_1-container {\n\n    max-width: 100%;\n\n    margin: 20px auto;\n\n    font-family: sans-serif; \/* \u4fdd\u6301\u5b57\u4f53\u6574\u6d01 *\/\n\n}\n\n\n.baoming_1-title {\n\n    text-align: center;\n\n    margin-bottom: 20px;\n\n    font-size: 1.2rem;\n\n    color: #333;\n\n}\n\n\n\/* --- \u5173\u952e\u5e03\u5c40\u4ee3\u7801 --- *\/\n\n.baoming_1-grid {\n\n    display: flex;          \/* \u542f\u7528\u5f39\u6027\u5e03\u5c40 *\/\n\n    flex-wrap: wrap;        \/* \u3010\u6700\u91cd\u8981\u3011\u5141\u8bb8\u6362\u884c\uff0c\u8fd9\u6837\u5c31\u80fd\u53d8\u6210\u591a\u884c\u591a\u5217 *\/\n\n    justify-content: space-between; \/* \u5361\u7247\u4e4b\u95f4\u5747\u5300\u5206\u5e03 *\/\n\n    gap: 15px;              \/* \u5361\u7247\u4e4b\u95f4\u7684\u95f4\u8ddd *\/\n\n}\n\n\n\/* \u5355\u4e2a\u5361\u7247\u6837\u5f0f *\/\n\n.baoming_1-card {\n\n    \/* \u8ba1\u7b97\u5bbd\u5ea6\uff1a(100% - \u4e24\u4e2a\u95f4\u8ddd) \/ 2 *\/\n\n    width: calc((100% - 30px) \/ 2); \n\n    background: #fff;\n\n    border: 1px solid #eaeaea;\n\n    border-radius: 8px;     \/* \u5706\u89d2 *\/\n\n    padding: 15px;\n\n    box-sizing: border-box; \/* \u786e\u4fddpadding\u4e0d\u6491\u5927\u5bbd\u5ea6 *\/\n\n    display: flex;          \/* \u5361\u7247\u5185\u90e8\u4e5f\u662f\u5de6\u53f3\u5e03\u5c40\uff08\u56fe\u6807+\u6587\u5b57\uff09 *\/\n\n    align-items: center;    \/* \u5782\u76f4\u5c45\u4e2d *\/\n\n    \n\n    \/* === \u65b0\u589e\uff1a\u60ac\u6d6e\u52a8\u753b\u57fa\u7840\u8bbe\u7f6e === *\/\n\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05); \/* \u521d\u59cb\u72b6\u6001\uff1a\u8f7b\u5fae\u7684\u9634\u5f71 *\/\n\n    transition: all 0.3s ease;              \/* \u5173\u952e\uff1a\u8ba9\u6240\u6709\u53d8\u5316\u57280.3\u79d2\u5185\u5e73\u6ed1\u8fc7\u6e21 *\/\n\n    cursor: pointer;                        \/* \u9f20\u6807\u79fb\u5165\u65f6\u53d8\u6210\u5c0f\u624b\uff0c\u63d0\u793a\u53ef\u4ea4\u4e92 *\/\n\n}\n\n\n\/* === \u65b0\u589e\uff1a\u9f20\u6807\u60ac\u6d6e\u65f6\u7684\u72b6\u6001 === *\/\n\n.baoming_1-card:hover {\n\n    transform: translateY(-5px);            \/* \u5411\u4e0a\u79fb\u52a8 5 \u50cf\u7d20 *\/\n\n    box-shadow: 0 10px 20px rgba(0,0,0,0.1); \/* \u9634\u5f71\u52a0\u6df1\u5e76\u6269\u6563\uff0c\u5236\u9020\u7acb\u4f53\u6d6e\u8d77\u611f *\/\n\n    border-color: #d0d7de;                  \/* \u8fb9\u6846\u7a0d\u5fae\u52a0\u6df1\uff0c\u589e\u52a0\u8d28\u611f\uff08\u53ef\u9009\uff09 *\/\n\n}\n\n\n\/* \u54cd\u5e94\u5f0f\u9002\u914d\uff1a\u5982\u679c\u5c4f\u5e55\u592a\u7a84\uff08\u6bd4\u5982\u624b\u673a\uff09\uff0c\u81ea\u52a8\u53d8\u6210\u4e00\u5217\u6216\u4e24\u5217\uff0c\u9632\u6b62\u6324\u538b *\/\n\n@media (max-width: 768px) {\n\n    .baoming_1-card {\n\n        width: calc((100% - 15px) \/ 2); \/* \u5e73\u677f\u53d8\u4e24\u5217 *\/\n\n    }\n\n}\n\n@media (max-width: 480px) {\n\n    .baoming_1-card {\n\n        width: 100%; \/* \u624b\u673a\u53d8\u4e00\u5217 *\/\n\n    }\n\n}\n\n\n\/* \u56fe\u6807\u533a\u57df *\/\n\n.baoming_1-icon {\n\n    width: 40px;\n\n    height: 40px;\n\n    background-color: #f0f4ff; \/* \u6d45\u84dd\u8272\u80cc\u666f *\/\n\n    border-radius: 50%;        \/* \u5706\u5f62\u80cc\u666f *\/\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    font-size: 20px;\n\n    margin-right: 15px;        \/* \u56fe\u6807\u548c\u6587\u5b57\u7684\u95f4\u8ddd *\/\n\n    flex-shrink: 0;            \/* \u9632\u6b62\u56fe\u6807\u88ab\u538b\u7f29 *\/\n\n}\n\n\n\/* \u6587\u5b57\u533a\u57df *\/\n\n.baoming_1-text {\n\n    display: flex;\n\n    flex-direction: column;\n\n}\n\n\n.baoming_1-text strong {\n\n    font-size: 16px;\n\n    color: #333;\n\n    margin-bottom: 4px;\n\n}\n\n\n.baoming_1-text span {\n\n    font-size: 12px;\n\n    color: #666;\n\n    line-height: 1.4;\n\n} \n<\/style>\n\n<div class=\"baoming_1-container\">\n    \n    \n    <!-- \u6838\u5fc3\u5bb9\u5668\uff1a\u4f7f\u7528 Grid \u5e03\u5c40\u5b9e\u73b0\u6a2a\u5411\u6392\u5217 -->\n    <div class=\"baoming_1-grid\">\n        \n        <!-- 1. \u6162\u884c\u63a2\u5bfb\u8005 -->\n        <div class=\"baoming_1-card\">\n            <div class=\"baoming_1-icon\">\u23f3<\/div>\n            <div class=\"baoming_1-text\">\n                <strong>\u6162\u884c\u63a2\u5bfb\u8005<\/strong>\n                <span>\u544a\u522b\u201c\u6253\u5361\u5f0f\u201d\u65c5\u6e38\uff0c\u4ee5\u4ece\u5bb9\u8282\u594f\u9886\u609f\u6587\u660e\u808c\u7406<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- 2. \u6587\u5316\u5171\u8bfb\u5bb6\u5ead -->\n        <div class=\"baoming_1-card\">\n            <div class=\"baoming_1-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/div>\n            <div class=\"baoming_1-text\">\n                <strong>\u6587\u5316\u5171\u8bfb\u5bb6\u5ead<\/strong>\n                <span>\u5171\u8d74\u6df1\u5ea6\u7814\u5b66\uff0c\u5206\u4eab\u542f\u8499\u4f53\u9a8c\uff0c\u6c89\u6dc0\u6210\u957f\u56de\u5fc6<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- 3. \u804c\u573a\u7cbe\u82f1 -->\n        <div class=\"baoming_1-card\">\n            <div class=\"baoming_1-icon\">\ud83d\udcbc<\/div>\n            <div class=\"baoming_1-text\">\n                <strong>\u804c\u573a\u7cbe\u82f1<\/strong>\n                <span>\u5efa\u7acb\u7a33\u56fa\u4e2d\u56fd\u8fde\u63a5\uff0c\u5728\u9ad8\u6548\u7814\u5b66\u4e2d\u62d3\u5c55\u5e7f\u9614\u89c6\u91ce<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- 4. \u8d44\u6df1\u6587\u5316\u8fbe\u4eba -->\n        <div class=\"baoming_1-card\">\n            <div class=\"baoming_1-icon\">\ud83c\udfa8<\/div>\n            <div class=\"baoming_1-text\">\n                <strong>\u8d44\u6df1\u6587\u5316\u8fbe\u4eba<\/strong>\n                <span>\u6df1\u8015\u4f20\u7edf\u827a\u672f\u4e0e\u53e4\u5efa\u4e4b\u7f8e\uff0c\u63a2\u7d22\u6587\u5316\u6df1\u5c42\u5965\u4e49<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<h2 id=\"idea\" class=\"wp-block-heading\">\u6211\u4eec\u7684\u65c5\u884c\u8bbe\u8ba1\u7406\u5ff5<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* --- \u6574\u4f53\u5bb9\u5668\u4e0e\u6807\u9898 --- *\/\n.travel-philosophy-container {\n    max-width: 1100px;\n    margin-top: 10px;     \/* \u3010\u6838\u5fc3\u3011\u8ba9\u5bb9\u5668\u5411\u4e0a\u9760\u62e2 *\/\n    margin-bottom: 10px;  \/* \u4fdd\u6301\u4e0b\u65b9\u4f9d\u7136\u6709\u8db3\u591f\u7684\u95f4\u8ddd *\/\n    margin-left: auto;    \/* \u5c45\u4e2d *\/\n    margin-right: auto;   \/* \u5c45\u4e2d *\/\n    padding: 40px 20px;\n    background-color: #ffffff; \/* \u6539\u4e3a\u7eaf\u767d\uff0c\u5339\u914d\u4f60\u7684\u5361\u7247\u5e95\u8272 *\/\n    font-family: sans-serif;\n    color: #333333;\n}\n\n.philosophy-title {\n    text-align: center;\n    font-size: 2.2rem;\n    font-weight: bold;\n    margin-bottom: 60px;\n    color: #0b1b3d; \/* \u6df1\u6d77\u519b\u84dd\uff0c\u547c\u5e94\u201c\u670d\u52a1\u4e0e\u4fdd\u969c\u201d\u5b57\u4f53\u989c\u8272 *\/\n}\n\n\/* --- \u4e09\u5217\u4e3b\u5e03\u5c40 --- *\/\n.philosophy-layout {\n    display: flex;\n    justify-content: center;\n    align-items: stretch;\n    gap: 40px;\n}\n\n\/* --- \u5de6\u53f3\u6587\u672c\u533a\u57df --- *\/\n.philosophy-text-col {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around; \n    padding: 20px 0;\n}\n\n.left-col {\n    text-align: right; \n}\n\n.right-col {\n    text-align: left;  \n}\n\n.text-block h3 {\n    font-size: 1.25rem;\n    font-weight: bold;\n    margin-bottom: 10px;\n    color: #1a365d; \/* \u4eae\u84dd\u8272\uff0c\u547c\u5e94\u4f60\u56fe\u91cc\u7684\u84dd\u8272\u56fe\u6807\u548c\u526f\u6807\u9898 *\/\n}\n\n.text-block p {\n    font-size: 0.95rem;\n    line-height: 1.6;\n    color: #666666; \/* \u7070\u9ed1\u8272\u6b63\u6587\uff0c\u4fdd\u8bc1\u9605\u8bfb\u6e05\u6670\u5ea6 *\/\n    margin: 0;\n}\n\n\/* --- \u4e2d\u95f4\u73af\u5f62\u533a\u57df --- *\/\n.philosophy-ring-col {\n    flex: 0 0 280px; \n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.css-ring-diagram {\n    position: relative;\n    width: 260px;\n    height: 260px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: 1fr 1fr;\n    gap: 8px; \n}\n\n\/* \u5355\u4e2a\u6247\u5f62\u7684\u57fa\u7840\u6837\u5f0f *\/\n.ring-piece {\n    border: 1px solid #e2e8f0; \/* \u6d45\u7070\u84dd\u8272\u8fb9\u6846\uff0c\u663e\u5f97\u5e72\u51c0 *\/\n    position: relative;\n    background-color: #ffffff;\n    transition: all 0.3s ease;\n    cursor: pointer;\n}\n\n\/* \u9f20\u6807\u60ac\u6d6e\u65f6\u7684\u72b6\u6001\uff1a\u6d45\u84dd\u5e95\u8272 + \u4eae\u84dd\u8fb9\u6846 *\/\n.ring-piece:hover {\n    background-color: #f0f4ff; \/* \u6781\u6d45\u7684\u4eae\u84dd\u8272\u80cc\u666f *\/\n    border-color: #0056b3;     \/* \u8fb9\u6846\u53d8\u84dd\u52a0\u5f3a\u4e92\u52a8\u611f *\/\n    transform: scale(1.02);\n    z-index: 2;\n    box-shadow: 0 4px 12px rgba(0, 86, 179, 0.1); \/* \u5fae\u5fae\u7684\u84dd\u8272\u9634\u5f71 *\/\n}\n\n\/* \u5706\u89d2\u5207\u5272 *\/\n.ring-piece.tl { border-radius: 100% 4px 4px 4px; } \n.ring-piece.tr { border-radius: 4px 100% 4px 4px; } \n.ring-piece.bl { border-radius: 4px 4px 4px 100%; } \n.ring-piece.br { border-radius: 4px 4px 100% 4px; } \n\n\/* \u56fe\u6807\u989c\u8272\u540c\u6b65\u4e3a\u4eae\u84dd\u8272 *\/\n.ring-piece .icon {\n    position: absolute;\n    font-size: 24px;\n    color: #0056b3; \n}\n.ring-piece.tl .icon { bottom: 30px; right: 30px; }\n.ring-piece.tr .icon { bottom: 30px; left: 30px; }\n.ring-piece.bl .icon { top: 30px; right: 30px; }\n.ring-piece.br .icon { top: 30px; left: 30px; }\n\n\/* \u4e2d\u5fc3\u6316\u7a7a\u906e\u7f69 *\/\n.ring-mask {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 90px;\n    height: 90px;\n    background-color: #ffffff; \/* \u5fc5\u987b\u548c\u5916\u5c42\u5bb9\u5668\u80cc\u666f\u8272\u4fdd\u6301\u7eaf\u767d\u4e00\u81f4 *\/\n    border-radius: 50%;\n    z-index: 1;\n}\n\n\/* --- \u54cd\u5e94\u5f0f\u9002\u914d --- *\/\n@media (max-width: 900px) {\n    .philosophy-layout {\n        flex-direction: column; \n        align-items: center;\n        gap: 30px;\n    }\n    \n    .philosophy-ring-col {\n        order: -1; \n        margin-bottom: 20px;\n    }\n\n    .philosophy-text-col {\n        text-align: center; \n        gap: 25px;\n        padding: 0;\n    }\n    \n    .left-col, .right-col {\n        text-align: center; \n    }\n}\n<\/style>\n\n<div class=\"travel-philosophy-container\">\n   \n    <div class=\"philosophy-layout\">\n        <div class=\"philosophy-text-col left-col\">\n            <div class=\"text-block\">\n                <h3>\u7cbe\u54c1\u5c0f\u56e2<\/h3>\n                <p>\u4e25\u683c\u63a7\u5236\u4eba\u6570\uff0c\u4e0a\u9650\u4e0d\u8d85\u8fc715\u4eba\uff0c\u4e3a\u60a8\u63d0\u4f9b\u66f4\u4eb2\u5bc6\u3001\u66f4\u7cbe\u81f4\u7684\u6e38\u5b66\u4f53\u9a8c\u3002<\/p>\n            <\/div>\n            <div class=\"text-block\">\n                <h3>\u5b9a\u5236\u884c\u7a0b<\/h3>\n                <p>\u6bcf\u4e00\u4efd\u884c\u7a0b\u7686\u53ef\u8fdb\u884c\u6df1\u5ea6\u6c9f\u901a\u4e0e\u7075\u6d3b\u8c03\u6574\uff0c\u7cbe\u51c6\u5951\u5408\u60a8\u7684\u4e2a\u4eba\u504f\u597d\u4e0e\u9700\u6c42\u3002<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"philosophy-ring-col\">\n            <div class=\"css-ring-diagram\">\n                <div class=\"ring-piece tl\">\n                    <span class=\"icon\">\ud83d\udc64<\/span>\n                <\/div>\n                <div class=\"ring-piece tr\">\n                    <span class=\"icon\">\u270b<\/span>\n                <\/div>\n                <div class=\"ring-piece bl\">\n                    <span class=\"icon\">\ud83d\udcac<\/span>\n                <\/div>\n                <div class=\"ring-piece br\">\n                    <span class=\"icon\">\ud83e\udded<\/span>\n                <\/div>\n                <div class=\"ring-mask\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"philosophy-text-col right-col\">\n            <div class=\"text-block\">\n                <h3>\u6c89\u6d78\u4f53\u9a8c<\/h3>\n                <p>\u53c2\u4e0e\u5236\u9676\u3001\u63a2\u8bbf\u53e4\u6751\u843d\u3001\u8046\u542c\u6668\u95f4\u5bfa\u949f\u7b49\u539f\u6c41\u539f\u5473\u7684\u5f53\u5730\u6d3b\u52a8\uff0c\u6df1\u5ea6\u611f\u53d7\u6587\u5316\u8109\u7edc\u3002<\/p>\n            <\/div>\n            <div class=\"text-block\">\n                <h3>\u5730\u9053\u8282\u594f<\/h3>\n                <p>\u907f\u5f00\u62e5\u6324\u7684\u5e38\u89c4\u6e38\u5ba2\u70b9\uff0c\u5165\u4f4f\u5bcc\u6709\u5728\u5730\u6587\u5316\u8bbe\u8ba1\u611f\u7684\u7cbe\u54c1\u9152\u5e97\uff0c\u4e0e\u57ce\u5e02\u540c\u9891\u5171\u632f\u3002<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<h2 id=\"trip\" class=\"wp-block-heading\">\u884c\u7a0b\u793a\u4f8b<\/h2>\n\n\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   \u7b2c\u4e00\u90e8\u5206\uff1a\u8f6e\u64ad\u5916\u5c42\u5bb9\u5668\u4e0e\u63a7\u5236\u533a (\u52a8\u6001\u6807\u9898\u4e0e\u5de6\u53f3\u6309\u94ae)\n========================================================= *\/\n\n.itinerary-slider-wrapper {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    max-width: 800px; \/* \u6cbf\u7528\u4f60\u8bbe\u5b9a\u7684 800px \u7d27\u51d1\u5bbd\u5ea6 *\/\n    margin: 40px auto;\n    padding: 10px;\n}\n\n\/* \u9876\u90e8\u6807\u9898\u4e0e\u6309\u94ae\u5bb9\u5668 *\/\n.slider-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 25px; \/* \u5339\u914d\u4f60\u539f\u6765\u6807\u9898\u7684\u5e95\u90e8\u95f4\u8ddd *\/\n    padding-bottom: 15px;\n    border-bottom: 1px solid #e2e8f0;\n}\n\n\/* \u52a8\u6001\u66ff\u6362\u7684\u6807\u9898\u6837\u5f0f (\u5b8c\u7f8e\u7ee7\u627f\u4f60\u4e4b\u524d\u7684 H3\/\u6807\u9898 \u8272\u503c\u4e0e\u5b57\u53f7) *\/\n.slider-header h2 {\n    color: #1a365d !important;\n    font-size: 24px !important; \n    font-weight: bold !important;\n    margin: 0 !important;\n    letter-spacing: 1px;\n    transition: opacity 0.3s ease;\n}\n\n\/* \u5de6\u53f3\u5207\u6362\u6309\u94ae\u533a *\/\n.slider-controls {\n    display: flex;\n    gap: 12px;\n}\n\n.nav-btn {\n    background-color: #ffffff;\n    border: 1px solid #cbd5e1;\n    color: #64748b;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    font-size: 18px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n    padding: 0;\n}\n\n\/* \u60ac\u6d6e\u65f6\u53d8\u6210\u4e0e\u4f60\u5706\u5708\u547c\u5e94\u7684\u6a59\u8272 *\/\n.nav-btn:hover {\n    background-color: #fff7ed; \n    border-color: #ff7f00; \n    color: #ff7f00; \n}\n\n\/* \u5e7b\u706f\u7247\u9690\u85cf\u4e0e\u663e\u793a\u903b\u8f91\u53ca\u6de1\u5165\u52a8\u753b *\/\n.itinerary-slide {\n    display: none; \n    animation: slideFadeIn 0.5s ease forwards;\n}\n\n.itinerary-slide.active {\n    display: block; \n}\n\n@keyframes slideFadeIn {\n    from {\n        opacity: 0;\n        transform: translateY(15px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\n\/* =========================================================\n   \u7b2c\u4e8c\u90e8\u5206\uff1a\u539f\u6c41\u539f\u5473\u7684\u65f6\u95f4\u8f74\u6837\u5f0f (\u4f60\u63d0\u4f9b\u7684\u7d27\u51d1\u7248 CSS)\n========================================================= *\/\n\n.timeline-container {\n    width: 100%;\n}\n\n\/* \u6bcf\u4e00\u4e2a\u8282\u70b9\u5bb9\u5668 (\u62c9\u8fd1\u6bcf\u4e00\u5929\u4e4b\u95f4\u7684\u8ddd\u79bb) *\/\n.timeline-node {\n    position: relative;\n    padding-left: 60px; \/* \u539f\u4e3a75px\uff0c\u8ba9\u6587\u5b57\u66f4\u9760\u8fd1\u5706\u5708 *\/\n    padding-bottom: 20px; \/* \u539f\u4e3a35px\uff0c\u5927\u5e45\u7f29\u51cf\u6bcf\u5929\u7684\u4e0a\u4e0b\u95f4\u8ddd *\/\n}\n\n\/* \u5de6\u4fa7\u7684\u7ad6\u7ebf *\/\n.timeline-node::before {\n    content: '';\n    position: absolute;\n    top: 40px; \/* \u8d34\u5408\u65b0\u5706\u5708\u7684\u5e95\u90e8 *\/\n    left: 19px; \/* \u5b9a\u4f4d\u5728\u65b0\u5706\u5708\u6b63\u4e2d\u95f4 (40px\u5bbd\u7684\u4e00\u534a - 1px) *\/\n    bottom: -5px;\n    width: 2px;\n    background-color: #cbd5e1;\n}\n\n\/* \u9690\u85cf\u6700\u540e\u4e00\u4e2a\u8282\u70b9\u7684\u5411\u4e0b\u8fde\u7ebf *\/\n.timeline-node:last-child::before {\n    display: none;\n}\n\n\/* \u5de6\u4fa7\u7684\u6a59\u8272\u6570\u5b57\u5706\u5708 (\u6574\u4f53\u7f29\u5c0f\u4e00\u5708) *\/\n.node-icon {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 40px; \/* \u539f\u4e3a50px *\/\n    height: 40px; \/* \u539f\u4e3a50px *\/\n    background-color: #ff7f00;\n    color: #ffffff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px; \/* \u7f29\u5c0f\u6570\u5b57\u5b57\u53f7 *\/\n    font-weight: bold;\n    box-shadow: 0 4px 10px rgba(255, 127, 0, 0.3); \/* \u9634\u5f71\u4e5f\u76f8\u5e94\u6536\u655b *\/\n    z-index: 2;\n}\n\n\/* \u53f3\u4fa7\u5185\u5bb9\u533a\u57df *\/\n.node-content {\n    padding-top: 6px; \/* \u539f\u4e3a10px\uff0c\u8ba9\u6807\u9898\u548c\u7f29\u5c0f\u7684\u5706\u5708\u5bf9\u9f50 *\/\n}\n\n\/* \u6bcf\u4e00\u5929\u7684\u6807\u9898 (\u51cf\u5c0f\u5b57\u53f7\u548c\u4e0b\u65b9\u95f4\u8ddd) *\/\n.node-content h3 {\n    color: #1a365d !important;\n    font-size: 18px !important; \/* \u539f\u4e3a20px *\/\n    font-weight: bold !important;\n    margin: 0 0 8px 0 !important; \/* \u539f\u4e3a15px *\/\n}\n\n\/* \u6bcf\u4e00\u5929\u7684\u5177\u4f53\u6d3b\u52a8\u6587\u5b57 (\u6781\u7b80\u7d27\u51d1\u6392\u7248) *\/\n.node-content p {\n    color: #64748b !important;\n    margin: 0 0 6px 0 !important; \/* \u539f\u4e3a12px\uff0c\u5927\u5e45\u7f29\u77ed\u6bb5\u843d\u95f4\u8ddd *\/\n    font-size: 14px !important; \/* \u7a0d\u5fae\u7f29\u5c0f\u5b57\u53f7 *\/\n    line-height: 1.4 !important; \/* \u539f\u4e3a1.6\uff0c\u8ba9\u884c\u8ddd\u53d8\u7d27\u51d1 *\/\n}\n\n\/* =========================================================\n   \u7b2c\u4e09\u90e8\u5206\uff1a\u624b\u673a\u7aef\u7efc\u5408\u9002\u914d (\u517c\u987e\u9876\u90e8\u63a7\u5236\u6309\u94ae\u4e0e\u65f6\u95f4\u8f74\u7f29\u653e)\n========================================================= *\/\n@media (max-width: 600px) {\n    .slider-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 15px;\n    }\n    .slider-controls {\n        align-self: flex-end; \/* \u624b\u673a\u7aef\u8ba9\u6309\u94ae\u9760\u53f3 *\/\n    }\n    .timeline-node { padding-left: 45px; padding-bottom: 15px; }\n    .node-icon { width: 30px; height: 30px; font-size: 14px; left: 0; }\n    .timeline-node::before { left: 14px; top: 30px; }\n    .node-content h3 { font-size: 16px !important; margin-bottom: 6px !important;}\n    .node-content p { font-size: 13px !important; margin-bottom: 4px !important;}\n}\n<\/style>\n\n<div class=\"itinerary-slider-wrapper\">\n    <div class=\"slider-header\">\n        <h2 id=\"dynamic-slider-title\">\u6837\u4f8b\u884c\u7a0b<\/h2>\n        <div class=\"slider-controls\">\n            <button class=\"nav-btn prev-btn\" onclick=\"changeSlide(-1)\">\u276e<\/button>\n            <button class=\"nav-btn next-btn\" onclick=\"changeSlide(1)\">\u276f<\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"slides-container\">\n        \n        <!-- \u6ce8\u610f\u770b\u8fd9\u91cc\uff1a\u628a\u6587\u5b57\u62c6\u5206\u6210\u4e86\u7eaf\u6587\u672c\u7684 data-orange \u548c data-blue\uff0c\u6ca1\u6709\u4efb\u4f55 HTML \u6807\u7b7e -->\n        <div class=\"itinerary-slide active\" data-orange=\"\u5317\u4eac\" data-blue=\" \u5e1d\u90fd\u5386\u53f2\u00b7\u540d\u6821\u63a2\u79d8\u00b7\u524d\u6cbf\u79d1\u6280\">\n            <div class=\"timeline-container\">\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">1<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 1 \u2014 \u521d\u8bc6\u5e1d\u90fd \u00b7 \u542f\u822a<\/h3>\n                        <p>\u62b5\u8fbe\u5317\u4eac\uff0c\u529e\u7406\u5165\u4f4f<\/p>\n                        <p>\u9879\u76ee\u7814\u5b66\u8bf4\u660e\u4f1a\u3001\u7834\u51b0\u4e0e\u56e2\u5efa\u6d3b\u52a8<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">2<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 2 \u2014 \u9876\u5c16\u5b66\u5e9c \u00b7 \u7b51\u68a6\u6e05\u5317<\/h3>\n                        <p>\u6e05\u534e\/\u5317\u5927\u7b49\u9876\u5c16\u540d\u6821\u6df1\u5ea6\u8bbf\u5b66<\/p>\n                        <p>\u72b6\u5143\u5b66\u957f\u9762\u5bf9\u9762\uff1a\u5b66\u6daf\u89c4\u5212\u4e0e\u6a21\u62df\u8bfe\u5802<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">3<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 3 \u2014 \u79d1\u6280\u5f3a\u56fd \u00b7 \u521b\u65b0\u672a\u6765<\/h3>\n                        <p>\u4e2d\u5173\u6751\u79d1\u6280\u4f01\u4e1a\/\u4e2d\u56fd\u79d1\u6280\u9986\u524d\u6cbf\u4e92\u52a8\u8bfe<\/p>\n                        <p>\u5c0f\u7ec4\u4eba\u5de5\u667a\u80fd\uff08AI\uff09\u4e0e\u673a\u5668\u4eba\u521b\u65b0\u6311\u6218<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">4<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 4 \u2014 \u534e\u590f\u6eaf\u6e90 \u00b7 \u5386\u53f2\u56de\u54cd<\/h3>\n                        <p>\u6545\u5bab\u535a\u7269\u9662\/\u4e07\u91cc\u957f\u57ce\u6df1\u5ea6\u6587\u5316\u8d70\u8bfb<\/p>\n                        <p>\u4f20\u7edf\u4eac\u5267\u9762\u8c31\u6216\u666f\u6cf0\u84dd\u624b\u5de5\u827a\u5236\u4f5c\u4f53\u9a8c<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">5<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 5 \u2014 \u57ce\u5e02\u63a2\u7d22 \u00b7 \u5b9e\u8df5\u5e94\u7528<\/h3>\n                        <p>\u5965\u6797\u5339\u514b\u516c\u56ed\/798\u827a\u672f\u533a\u57ce\u5e02\u5b9a\u5411\u6311\u6218<\/p>\n                        <p>\u5c0f\u7ec4\u7814\u7a76\u6210\u679c\u5c55\u793a\u51c6\u5907<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">6<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 6 \u2014 \u6210\u679c\u5c55\u793a \u00b7 \u7ed3\u8425\u4eea\u5f0f<\/h3>\n                        <p>\u7814\u5b66\u6210\u679c\u5c55\u793a\u4e0e\u8bfe\u9898\u7b54\u8fa9<\/p>\n                        <p>\u542f\u7a0b\u8fd4\u7a0b<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"itinerary-slide\" data-orange=\"\u897f\u5b89\" data-blue=\" \u5343\u5e74\u957f\u5b89\u00b7\u5386\u53f2\u6eaf\u6e90\u00b7\u4e1d\u8def\u6587\u5316\">\n            <div class=\"timeline-container\">\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">1<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 1 \u2014 \u68a6\u56de\u957f\u5b89 \u00b7 \u542f\u822a<\/h3>\n                        <p>\u62b5\u8fbe\u897f\u5b89\uff0c\u529e\u7406\u5165\u4f4f<\/p>\n                        <p>\u9879\u76ee\u7814\u5b66\u8bf4\u660e\u4f1a\u3001\u7834\u51b0\u4e0e\u56e2\u5efa\u6d3b\u52a8<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">2<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 2 \u2014 \u767e\u5e74\u540d\u6821 \u00b7 \u5b66\u5e9c\u6c89\u6d78<\/h3>\n                        <p>\u897f\u5b89\u4ea4\u901a\u5927\u5b66\/\u897f\u5317\u5de5\u4e1a\u5927\u5b66\u6df1\u5ea6\u8bbf\u5b66<\/p>\n                        <p>\u6c89\u6d78\u5f0f\u53c2\u89c2\u56fd\u5bb6\u91cd\u70b9\u5b9e\u9a8c\u5ba4\u4e0e\u9ad8\u6821\u8bfe\u5802<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">3<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 3 \u2014 \u5730\u4e0b\u5947\u8ff9 \u00b7 \u5386\u53f2\u56de\u54cd<\/h3>\n                        <p>\u79e6\u59cb\u7687\u5e1d\u9675\u535a\u7269\u9662\uff08\u5175\u9a6c\u4fd1\uff09\u6df1\u5ea6\u8d70\u8bfb<\/p>\n                        <p>\u4f20\u7edf\u624b\u5de5\u6ce5\u5851\uff1a\u4eb2\u624b\u4fee\u590d\u201c\u5175\u9a6c\u4fd1\u201d\u4f53\u9a8c<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">4<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 4 \u2014 \u4e1d\u8def\u6eaf\u6e90 \u00b7 \u53e4\u57ce\u98ce\u534e<\/h3>\n                        <p>\u897f\u5b89\u53e4\u57ce\u5899\u9a91\u884c\u5f92\u6b65\u4e0e\u5927\u5510\u4e0d\u591c\u57ce\u8d70\u8bfb<\/p>\n                        <p>\u5927\u660e\u5bab\u56fd\u5bb6\u9057\u5740\u516c\u56ed\u8003\u53e4\u5fae\u4f53\u9a8c<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">5<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 5 \u2014 \u57ce\u5e02\u63a2\u7d22 \u00b7 \u5b9e\u8df5\u5e94\u7528<\/h3>\n                        <p>\u56de\u6c11\u8857\/\u6c38\u5174\u574a\u996e\u98df\u6587\u5316\u5b9a\u5411\u4efb\u52a1\u6311\u6218<\/p>\n                        <p>\u5c0f\u7ec4\u7814\u7a76\u6210\u679c\u5c55\u793a\u51c6\u5907<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">6<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 6 \u2014 \u6210\u679c\u5c55\u793a \u00b7 \u7ed3\u8425\u4eea\u5f0f<\/h3>\n                        <p>\u7814\u5b66\u6210\u679c\u6c47\u62a5\u4e0e\u201c\u957f\u5b89\u8bb2\u575b\u201d\u5206\u4eab<\/p>\n                        <p>\u542f\u7a0b\u8fd4\u7a0b<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"itinerary-slide\" data-orange=\"\u53a6\u95e8\" data-blue=\" \u6700\u7f8e\u5b66\u5e9c\u00b7\u95fd\u5357\u975e\u9057\u00b7\u6d77\u6d0b\u751f\u6001\">\n            <div class=\"timeline-container\">\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">1<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 1 \u2014 \u9e6d\u5c9b\u521d\u89c1 \u00b7 \u542f\u822a<\/h3>\n                        <p>\u62b5\u8fbe\u53a6\u95e8\uff0c\u529e\u7406\u5165\u4f4f<\/p>\n                        <p>\u9879\u76ee\u7814\u5b66\u8bf4\u660e\u4f1a\u3001\u7834\u51b0\u4e0e\u56e2\u5efa\u6d3b\u52a8<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">2<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 2 \u2014 \u6700\u7f8e\u5b66\u5e9c \u00b7 \u6587\u5316\u6c89\u6d78<\/h3>\n                        <p>\u53a6\u95e8\u5927\u5b66\u6df1\u5ea6\u8bbf\u5b66\uff0c\u63a2\u5bfb\u5609\u5e9a\u5efa\u7b51\u7cbe\u9ad3<\/p>\n                        <p>\u53a6\u5927\u4f18\u79c0\u5b66\u5b50\u9762\u5bf9\u9762\uff1a\u6210\u957f\u52b1\u5fd7\u8bb2\u5ea7<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">3<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 3 \u2014 \u6d77\u6d0b\u79d1\u5b66 \u00b7 \u751f\u6001\u521b\u65b0<\/h3>\n                        <p>\u6d77\u6d0b\u79d1\u6280\u9986\/\u7ea2\u6811\u6797\u6e7f\u5730\u751f\u6001\u4e92\u52a8\u8bfe<\/p>\n                        <p>\u5c0f\u7ec4\u8de8\u5b66\u79d1\u6d77\u6d0b\u751f\u6001\u4fdd\u62a4\u6311\u6218\u4efb\u52a1<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">4<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 4 \u2014 \u975e\u9057\u4f20\u627f \u00b7 \u95fd\u5357\u6eaf\u6e90<\/h3>\n                        <p>\u9f13\u6d6a\u5c7f\u4e07\u56fd\u5efa\u7b51\u535a\u89c8\u6df1\u5ea6\u4e2d\u897f\u6587\u5316\u8d70\u8bfb<\/p>\n                        <p>\u95fd\u5357\u4f20\u7edf\u6f06\u7ebf\u96d5\u6216\u60e0\u5b89\u5973\u6728\u96d5\u624b\u5de5\u827a\u4f53\u9a8c<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">5<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 5 \u2014 \u57ce\u5e02\u63a2\u7d22 \u00b7 \u5b9e\u8df5\u5e94\u7528<\/h3>\n                        <p>\u66fe\u539d\u57b5\/\u73af\u5c9b\u8def\u6d77\u5c9b\u5b9a\u5411\u4efb\u52a1\u6311\u6218<\/p>\n                        <p>\u5c0f\u7ec4\u7814\u7a76\u6210\u679c\u5c55\u793a\u51c6\u5907<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-node\">\n                    <div class=\"node-icon\">6<\/div>\n                    <div class=\"node-content\">\n                        <h3>Day 6 \u2014 \u6210\u679c\u5c55\u793a \u00b7 \u7ed3\u8425\u4eea\u5f0f<\/h3>\n                        <p>\u7814\u5b66\u8bfe\u9898\u6210\u679c\u521b\u610f\u5c55\u793a<\/p>\n                        <p>\u542f\u7a0b\u8fd4\u7a0b<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n<!-- \u589e\u52a0\u4e00\u4e2a\u9690\u5f62\u7684\u5360\u4f4d\u7b26\uff0c\u5f3a\u5236\u622a\u65ad\u53ef\u80fd\u5b58\u5728\u7684\u5e03\u5c40\u6ea2\u51fa\uff0c\u4fdd\u62a4\u5e95\u4e0b\u5206\u680f -->\n<div style=\"clear: both; display: block; height: 0;\"><\/div>\n\n<script>\n    let slideIndex = 0;\n    const allSlides = document.querySelectorAll('.itinerary-slide');\n    const titleText = document.getElementById('dynamic-slider-title');\n\n    \/\/ \u63d0\u53d6\u6587\u5b57\u5e76\u62fc\u63a5\u6837\u5f0f\u7684\u51fd\u6570 (\u7531JS\u5b89\u5168\u5904\u7406\u989c\u8272)\n    function renderTitle(slide) {\n        const orangePart = slide.getAttribute('data-orange') || '';\n        const bluePart = slide.getAttribute('data-blue') || '';\n        return `<span style='color:#ff7f00;'>${orangePart}<\/span>${bluePart}`;\n    }\n\n    \/\/ \u9875\u9762\u52a0\u8f7d\u65f6\uff0c\u521d\u59cb\u5316\u7b2c\u4e00\u4e2a\u6807\u9898\n    document.addEventListener('DOMContentLoaded', () => {\n        if (allSlides.length > 0) {\n            titleText.innerHTML = renderTitle(allSlides[0]);\n        }\n    });\n\n    \/\/ \u6838\u5fc3\u5207\u6362\u903b\u8f91\n    function changeSlide(direction) {\n        slideIndex += direction;\n\n        if (slideIndex >= allSlides.length) {\n            slideIndex = 0;\n        } else if (slideIndex < 0) {\n            slideIndex = allSlides.length - 1;\n        }\n\n        allSlides.forEach(slide => {\n            slide.classList.remove('active');\n        });\n\n        const targetSlide = allSlides[slideIndex];\n        targetSlide.classList.add('active');\n\n        titleText.style.opacity = '0';\n        setTimeout(() => {\n            \/\/ \u4f7f\u7528\u65b0\u903b\u8f91\u751f\u6210\u6807\u9898\n            titleText.innerHTML = renderTitle(targetSlide);\n            titleText.style.opacity = '1';\n        }, 150);\n    }\n<\/script>\n\n\n\n<h2 id=\"destination\" class=\"wp-block-heading\">\u63a2\u7d22\u6211\u7684\u76ee\u7684\u5730<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* --- \u7edf\u4e00\u54c1\u724c\u6837\u5f0f --- *\/\n:root {\n    --brand-gray: #4b5563; \/* \u7edf\u4e00\u54c1\u724c\u7070\u8272 *\/\n}\n\n\/* --- \u76ee\u7684\u5730\u5bb9\u5668 --- *\/\n.destinations-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n    margin: 30px 0;\n}\n\n\/* --- \u5361\u7247\u57fa\u7840\u6837\u5f0f --- *\/\n.dest-card {\n    position: relative;\n    display: block;\n    height: 200px; \n    border-radius: 10px;\n    overflow: hidden;\n    text-decoration: none;\n    transition: transform 0.3s ease;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n}\n\n.dest-card:hover {\n    transform: translateY(-5px);\n}\n\n\/* --- \u56fe\u7247\u6548\u679c --- *\/\n.dest-card-img {\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.5s ease;\n}\n\n.dest-card:hover .dest-card-img {\n    transform: scale(1.05);\n}\n\n\/* --- \u8986\u76d6\u5c42\uff1a\u4fee\u6539\u4e3a\u3010\u5de6\u4e0a\u89d2\u3011\u5e03\u5c40 --- *\/\n.dest-card-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 20px;\n    display: flex;\n    justify-content: flex-start; \/* \u6539\u4e3a\u5de6\u5bf9\u9f50 *\/\n    align-items: flex-start;     \/* \u4fdd\u6301\u9876\u90e8\u5bf9\u9f50 *\/\n    background: linear-gradient(to bottom, var(--brand-gray) 0%, transparent 60%);\n    text-align: left;            \/* \u6587\u5b57\u5de6\u5bf9\u9f50 *\/\n}\n\n\/* --- \u6587\u5b57\u6837\u5f0f --- *\/\n.dest-card-overlay h3 {\n    margin: 0 !important;\n    padding: 0 !important;\n    font-size: 22px !important;    \n    font-weight: 600 !important;   \n    color: #ffffff !important;     \n    line-height: 1.2;\n}\n\n\/* --- \u5168\u5c40\u6807\u9898\u989c\u8272 --- *\/\nh2, .section-title {\n    color: var(--brand-gray) !important;\n}\n\n\/* --- \u54cd\u5e94\u5f0f\u9002\u914d --- *\/\n@media (max-width: 768px) {\n    .destinations-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 480px) {\n    .destinations-grid { grid-template-columns: repeat(1, 1fr); }\n}\n<\/style>\n\n<div class=\"destinations-grid\">\n    <a href=\"\/index.php\/zh\/beijing-2\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('https:\/\/eagleedutour.com\/wp-content\/uploads\/2026\/07\/beijing-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>\u5317\u4eac<\/h3><\/div>\n    <\/a>\n    \n    <a href=\"\/index.php\/zh\/xian-2\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('https:\/\/eagleedutour.com\/wp-content\/uploads\/2026\/07\/xian-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>\u897f\u5b89<\/h3><\/div>\n    <\/a>\n    \n    <a href=\"\/index.php\/zh\/xiamen-2\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('https:\/\/eagleedutour.com\/wp-content\/uploads\/2026\/07\/xiamen-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>\u53a6\u95e8<\/h3><\/div>\n    <\/a>\n\n    <a href=\"\/index.php\/zh\/shanghai-2\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('https:\/\/eagleedutour.com\/wp-content\/uploads\/2026\/07\/shanghai1-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>\u4e0a\u6d77<\/h3><\/div>\n    <\/a>\n\n    <a href=\"\/index.php\/zh\/chengdu-2\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('https:\/\/eagleedutour.com\/wp-content\/uploads\/2026\/07\/chengdu-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>\u6210\u90fd<\/h3><\/div>\n    <\/a>\n\n    <a href=\"\/index.php\/zh\/morecity\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('https:\/\/eagleedutour.com\/wp-content\/uploads\/2026\/07\/dalian-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>\u66f4\u591a\u57ce\u5e02<\/h3><\/div>\n    <\/a>\n<\/div>\n\n\n\n<h2 id=\"service\" class=\"wp-block-heading\"><strong>\u670d\u52a1\u4e0e\u4fdd\u969c<\/strong><\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* --- \u5de6\u53f3\u53cc\u680f\u670d\u52a1\u4fdd\u969c\u5361\u7247\u6837\u5f0f --- *\/\n.business-service-container {\n    background: #ffffff;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 25px rgba(0,0,0,0.08);\n    margin-bottom: 30px;\n    display: flex; \n    flex-direction: row; \n    max-width: 1000px;\n    margin: 0 auto 30px auto;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n\/* \u9f20\u6807\u60ac\u505c\u7279\u6548 *\/\n.business-service-container:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 6px 30px rgba(0,0,0,0.12);\n}\n\n\/* \u5de6\u4fa7\u56fe\u7247\u533a\u57df\uff1a\u7cbe\u51c6\u8c03\u6574\u4e3a 40% \u5bbd\u5ea6 (\u5b9e\u73b0 4:6 \u6bd4\u4f8b) *\/\n.business-service-image {\n    flex: 0 0 40%; \n    position: relative;\n    min-height: 480px;\n}\n\n.business-service-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* \u53f3\u4fa7\u6587\u5b57\u5185\u5bb9\u533a\uff1a\u81ea\u52a8\u586b\u6ee1\u5269\u4f59\u7684 60% \u5bbd\u5ea6 *\/\n.business-service-content {\n    flex: 1;\n    padding: 35px 40px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n}\n\n\/* \u4e3b\u6807\u9898 *\/\n.business-service-content h3 {\n    font-size: 1.55rem !important;\n    color: #1e3a8a !important; \n    margin: 0 0 6px 0 !important;\n    font-weight: bold !important;\n}\n\n\/* \u526f\u6807\u9898 *\/\n.service-subtitle {\n    color: #4b5563 !important;\n    font-size: 1rem !important;\n    margin: 0 0 25px 0 !important;\n}\n\n\/* \u5217\u8868\u4e3b\u4f53 *\/\n.service-list {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 0 25px 0 !important;\n}\n\n.service-list li {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 18px;\n}\n\n.service-list li:last-child {\n    margin-bottom: 0;\n}\n\n\/* \u5217\u8868\u4eae\u84dd\u8272\u56fe\u6807 *\/\n.service-icon {\n    width: 22px;\n    height: 22px;\n    margin-right: 14px;\n    flex-shrink: 0;\n    color: #2563eb; \n    margin-top: 2px;\n}\n\n\/* \u5217\u8868\u6587\u672c *\/\n.list-text strong {\n    font-size: 1.05rem !important;\n    color: #1f2937 !important;\n    display: block;\n    margin-bottom: 3px;\n}\n\n.list-text p {\n    color: #6b7280 !important;\n    font-size: 0.95rem !important;\n    margin: 0 !important;\n    line-height: 1.5 !important;\n}\n\n\/* \u5e95\u90e8\u63d0\u793a\u6846\uff1a\u5339\u914d\u65f6\u95f4\u8f74\u4eae\u6a59\u8272(#ff7a00) + \u7eaf\u767d\u5b57 *\/\n.service-info-bar {\n    background-color: #ff7a00 !important; \n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n    color: #ffffff !important; \n    font-size: 0.92rem;\n    line-height: 1.4;\n    font-weight: 500;\n}\n\n.service-info-bar svg {\n    width: 18px;\n    height: 18px;\n    margin-right: 10px;\n    flex-shrink: 0;\n    color: #ffffff !important; \n}\n\n\/* --- \u79fb\u52a8\u7aef\u5b8c\u7f8e\u9002\u914d --- *\/\n@media (max-width: 768px) {\n    .business-service-container {\n        flex-direction: column;\n    }\n    .business-service-image {\n        flex: none;\n        width: 100%;\n        min-height: 260px;\n    }\n    .business-service-content {\n        padding: 25px 20px;\n    }\n    .business-service-content h3 {\n        font-size: 1.35rem !important;\n    }\n}\n<\/style>\n\n<!-- \u670d\u52a1\u4e0e\u4fdd\u969c \u5de6\u53f3\u53cc\u680f\u5bb9\u5668 -->\n<div class=\"business-service-container\">\n    \n    <!-- \u5de6\u4fa7\u56fe\u7247\u533a -->\n    <div class=\"business-service-image\">\n        <img decoding=\"async\" src=\"https:\/\/eagleedutour.com\/wp-content\/uploads\/2026\/07\/tourgoupr1-scaled.jpg\" alt=\"\u5168\u65b9\u4f4d\u5b89\u5168\u4fdd\u969c\">\n    <\/div>\n\n    <!-- \u53f3\u4fa7\u6587\u5b57\u5185\u5bb9\u533a -->\n    <div class=\"business-service-content\">\n        <h3>\u5168\u65b9\u4f4d\u5b89\u5168\u4fdd\u969c<\/h3>\n        <p class=\"service-subtitle\">\u6211\u4eec\u63d0\u4f9b\u4ee5\u4e0b\u7684\u4e13\u4e1a\u670d\u52a1\u6765\u4fdd\u969c\u56e2\u5458\u7684\u5168\u9762\u5b89\u5168\uff1a<\/p>\n        \n        <!-- \u7279\u8272\u5217\u8868 -->\n        <ul class=\"service-list\">\n            <li>\n                <!-- \u56fe\u6807\uff1a\u5e08\u8d44\/\u5bfc\u5e08 -->\n                <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path><path d=\"M6 12v5c0 2 2 3 6 3s6-1 6-3v-5\"><\/path><\/svg>\n                <div class=\"list-text\">\n                    <strong>\u5145\u5206\u7684\u5e08\u8d44\u914d\u6bd4<\/strong>\n                    <p>1:8\u7684\u5e08\u751f\u914d\u6bd4\uff0c\u914d\u5907\u4e2d\u6587\u5bfc\u5e08\u5168\u7a0b\u5f15\u5bfc\uff0c\u786e\u4fdd\u6bcf\u4f4d\u5b66\u5458\u5f97\u5230\u5145\u5206\u5173\u6ce8<\/p>\n                <\/div>\n            <\/li>\n            <li>\n                <!-- \u56fe\u6807\uff1a\u4fdd\u9669\u8986\u76d6 -->\n                <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><polyline points=\"9 11 11 13 15 9\"><\/polyline><\/svg>\n                <div class=\"list-text\">\n                    <strong>\u5168\u9762\u4fdd\u9669\u8986\u76d6<\/strong>\n                    <p>\u6b63\u89c4\u5883\u5916\u65c5\u884c\u4fdd\u9669\u8986\u76d6\u8425\u671f\u5168\u7a0b\uff0c\u5e94\u5bf9\u5404\u7c7b\u7a81\u53d1\u60c5\u51b5<\/p>\n                <\/div>\n            <\/li>\n            <li>\n                <!-- \u56fe\u6807\uff1a\u4f4f\u5bbf\u9910\u996e -->\n                <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\n                <div class=\"list-text\">\n                    <strong>\u6807\u51c6\u5316\u4f4f\u5bbf\u9910\u996e<\/strong>\n                    <p>\u9009\u62e9\u5b89\u5168\u8212\u9002\u7684\u4f4f\u5bbf\u73af\u5883\uff0c\u63d0\u4f9b\u8425\u517b\u5747\u8861\u7684\u914d\u9910<\/p>\n                <\/div>\n            <\/li>\n            <li>\n                <!-- \u56fe\u6807\uff1a\u4e13\u4e1a\u51c6\u5907 -->\n                <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 11 12 14 22 4\"><\/polyline><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg>\n                <div class=\"list-text\">\n                    <strong>\u5145\u5206\u7684\u884c\u524d\u51c6\u5907<\/strong>\n                    <p>\u56e2\u961f\u4f1a\u8fdb\u884c\u5408\u89c4\u53c2\u8bbf\u7533\u8bf7\u4e0e\u80cc\u666f\u8c03\u7814\uff0c\u5e76\u5411\u5ba2\u6237\u63d0\u4f9b\u884c\u524d\u7b80\u62a5\u548c\u8be6\u7ec6\u7684\u65c5\u884c\u6307\u5357\u3002<\/p>\n                <\/div>\n            <\/li>\n            <li>\n                <!-- \u56fe\u6807\uff1a\u5bb6\u957f\u6c9f\u901a -->\n                <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\n                <div class=\"list-text\">\n                    <strong>\u5bb6\u957f\u6c9f\u901a\u673a\u5236<\/strong>\n                    <p>\u4e0e\u5408\u89c4\u3001\u7a33\u5b9a\u7684\u673a\u6784\u5408\u4f5c\uff1b\u9488\u5bf9\u6e38\u5b66\u7fa4\u4f53\uff0c\u7279\u522b\u5efa\u7acb\u4e86\u6bcf\u65e5\u5411\u5bb6\u957f\u63a8\u9001\u6d3b\u52a8\u7167\u7247\u7684\u673a\u5236\uff0c\u4ee5\u53ca\u7d27\u6025\u8054\u7edc\u54cd\u5e94\u673a\u5236\u3002<\/p>\n                <\/div>\n            <\/li>\n        <\/ul>\n\n        <!-- \u5e95\u90e8\u63d0\u793a\u6846\uff08\u5df2\u5b8c\u7f8e\u5339\u914d\u56fe\u7247\u4e2d\u7684\u4eae\u6a59\u8272 + \u7eaf\u767d\u5b57\uff09 -->\n        <div class=\"service-info-bar\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n            <span>\u6240\u6709\u5e26\u961f\u8001\u5e08\u5747\u7ecf\u8fc7\u4e13\u4e1a\u57f9\u8bad\uff0c\u5e76\u7531\u719f\u6089\u4e2d\u56fd\u76ee\u7684\u5730\u5f53\u5730\u73af\u5883\u7684\u8001\u5e08\u914d\u5408\u5e76\u5b8c\u5584\u5e94\u6025\u5904\u7406\u80fd\u529b\u3002<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 id=\"feedback\" class=\"wp-block-heading\">\u6765\u81ea\u5bb6\u957f\u7684\u53cd\u9988<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* --- \u5bb6\u957f\u89c1\u8bc1\u8f6e\u64ad\u6574\u4f53\u5e03\u5c40 --- *\/\n.testimonial-carousel-wrapper {\n    max-width: 850px;\n    margin: 40px auto;\n    padding: 0 20px;\n}\n\n.testimonial-carousel-container {\n    position: relative;\n    background: #ffffff;\n    border-radius: 12px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); \n    border: 1px solid #f3f4f6;\n    min-height: 220px;\n    overflow: hidden;\n}\n\n\/* \u5361\u7247\u57fa\u7840\u4e0e\u6de1\u5165\u5207\u6362\u52a8\u753b *\/\n.testimonial-card {\n    display: none;\n    padding: 35px 40px;\n    box-sizing: border-box;\n    animation: t_fadeIn 0.5s ease-in-out;\n}\n\n.testimonial-card.active {\n    display: block;\n}\n\n@keyframes t_fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n\/* \u7528\u6237\u4fe1\u606f\u533a\u57df\u5e03\u5c40 *\/\n.testimonial-user-info {\n    display: flex;\n    align-items: center;\n    margin-bottom: 25px;\n}\n\n\/* \u91d1\u8272\u53cc\u73af\u5934\u50cf\u6846 *\/\n.testimonial-avatar-box {\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    border: 2px solid #d4af37; \n    padding: 2px;\n    background: #fff;\n    box-sizing: border-box;\n    margin-right: 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.testimonial-user-meta {\n    display: flex;\n    flex-direction: column;\n}\n\n.testimonial-user-meta .user-name {\n    font-size: 1.1rem;\n    font-weight: bold;\n    color: #1f2937;\n    margin-bottom: 2px;\n}\n\n.testimonial-user-meta .user-tag {\n    font-size: 0.88rem;\n    color: #6b7280;\n}\n\n\/* \u8bc4\u4ef7\u4e3b\u6587\u672c *\/\n.testimonial-quote {\n    font-size: 1.15rem !important;\n    font-style: italic;\n    color: #4b5563 !important;\n    line-height: 1.6 !important;\n    margin: 0 0 25px 0 !important;\n}\n\n\/* \u53f3\u4e0b\u89d2\u7f72\u540d *\/\n.testimonial-signature {\n    text-align: right;\n    font-size: 0.92rem;\n    color: #6b7280;\n}\n\n\/* \u5e95\u90e8\u5c0f\u5706\u70b9\u63a7\u5236\u533a *\/\n.testimonial-dots {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 20px;\n    gap: 8px;\n}\n\n.testimonial-dots .dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: #d1d5db !important; \n    cursor: pointer;\n    display: inline-block;\n    transition: background-color 0.3s ease;\n}\n\n\/* \u6fc0\u6d3b\u5706\u70b9\u72b6\u6001 *\/\n.testimonial-dots .dot.active {\n    background-color: #ff7a00 !important; \n}\n\n\/* \u79fb\u52a8\u7aef\u9002\u914d *\/\n@media (max-width: 640px) {\n    .testimonial-card {\n        padding: 25px 20px;\n    }\n    .testimonial-quote {\n        font-size: 1rem !important;\n    }\n}\n<\/style>\n\n<div class=\"testimonial-carousel-wrapper\">\n    <div class=\"testimonial-carousel-container\">\n        \n        <div class=\"testimonial-card active\">\n            <div class=\"testimonial-user-info\">\n                <div class=\"testimonial-avatar-box\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:75%; height:75%;\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n                <\/div>\n                <div class=\"testimonial-user-meta\">\n                    <span class=\"user-name\">Tan \u5148\u751f<\/span>\n                    <span class=\"user-tag\">\u5317\u4eac\u7814\u5b66\u56e2\u5bb6\u957f<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201c\u5317\u4eac\u7814\u5b66\u4e4b\u65c5\u8d85\u51fa\u4e86\u6211\u7684\u9884\u671f\u3002\u5b69\u5b50\u6df1\u5ea6\u63a2\u8bbf\u4e86\u6e05\u534e\u5317\u5927\uff0c\u56de\u6765\u540e\u5bf9AI\u79d1\u6280\u521b\u65b0\u5c55\u73b0\u51fa\u4e86\u524d\u6240\u672a\u6709\u7684\u70ed\u60c5\u30021:8\u7684\u5e08\u751f\u6bd4\u771f\u7684\u5f88\u6709\u4fdd\u969c\uff0c\u5373\u4f7f\u6211\u4eec\u5728\u65b0\u52a0\u5761\uff0c\u4e5f\u80fd\u968f\u65f6\u6536\u5230\u8be6\u7ec6\u7684\u6bcf\u65e5\u6d3b\u52a8\u7b80\u8baf\uff0c\u975e\u5e38\u5b89\u5fc3\u3002\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Tan \u5148\u751f\uff0c\u6765\u81ea\u65b0\u52a0\u5761<\/div>\n        <\/div>\n\n        <div class=\"testimonial-card\">\n            <div class=\"testimonial-user-info\">\n                <div class=\"testimonial-avatar-box\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:75%; height:75%;\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M19 16v6M16 19h6\"><\/path><\/svg>\n                <\/div>\n                <div class=\"testimonial-user-meta\">\n                    <span class=\"user-name\">Lim \u5973\u58eb<\/span>\n                    <span class=\"user-tag\">\u897f\u5b89\u7814\u5b66\u56e2\u5bb6\u957f<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201c\u897f\u5b89\u7684\u884c\u7a0b\u5145\u6ee1\u4e86\u6587\u5316\u9707\u64bc\u3002\u5bf9\u4e8e\u5728\u65b0\u52a0\u5761\u957f\u5927\u7684\u5b69\u5b50\u6765\u8bf4\uff0c\u8fd9\u662f\u89e6\u6478\u4e94\u5343\u5e74\u5386\u53f2\u7684\u6700\u4f73\u65b9\u5f0f\u3002\u8bb2\u89e3\u975e\u5e38\u751f\u52a8\uff0c\u5b69\u5b50\u56de\u6765\u540e\u7adf\u4e3b\u52a8\u7ffb\u9605\u5386\u53f2\u4e66\u7c4d\uff0c\u8fd9\u79cd\u5b66\u4e60\u4e3b\u52a8\u6027\u7684\u63d0\u5347\u662f\u6211\u4eec\u6700\u770b\u91cd\u7684\u3002\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Lim \u5973\u58eb\uff0c\u6765\u81ea\u65b0\u52a0\u5761<\/div>\n        <\/div>\n\n        <div class=\"testimonial-card\">\n            <div class=\"testimonial-user-info\">\n                <div class=\"testimonial-avatar-box\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:75%; height:75%;\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n                <\/div>\n                <div class=\"testimonial-user-meta\">\n                    <span class=\"user-name\">Goh \u5148\u751f<\/span>\n                    <span class=\"user-tag\">\u53a6\u95e8\u7814\u5b66\u56e2\u5bb6\u957f<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201c\u53a6\u95e8\u4e4b\u884c\u5c06\u81ea\u7136\u751f\u6001\u4e0e\u4eba\u6587\u6559\u80b2\u7ed3\u5408\u5f97\u975e\u5e38\u68d2\u3002\u5b69\u5b50\u4eec\u5728\u7ea2\u6811\u6797\u63a2\u7d22\u6d77\u6d0b\u77e5\u8bc6\uff0c\u53c8\u5728\u53a6\u5927\u611f\u53d7\u4e86\u9876\u5c16\u5b66\u5e9c\u7684\u6c1b\u56f4\u3002\u884c\u7a0b\u8282\u594f\u5f20\u5f1b\u6709\u5ea6\uff0c\u4e0d\u4ec5\u5b69\u5b50\u73a9\u5f97\u5f00\u5fc3\uff0c\u66f4\u5b66\u5230\u4e86\u5f88\u591a\u4e66\u672c\u4e0a\u6ca1\u6709\u7684\u5b9e\u8df5\u77e5\u8bc6\u3002\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Goh \u5148\u751f\uff0c\u6765\u81ea\u65b0\u52a0\u5761<\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"testimonial-dots\">\n        <span class=\"dot active\" onclick=\"customMoveSlide(0)\"><\/span>\n        <span class=\"dot\" onclick=\"customMoveSlide(1)\"><\/span>\n        <span class=\"dot\" onclick=\"customMoveSlide(2)\"><\/span>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    let index = 0;\n    const cards = document.querySelectorAll('.testimonial-card');\n    const dots = document.querySelectorAll('.testimonial-dots .dot');\n    let timer = null;\n\n    if(cards.length === 0) return;\n\n    function change(targetIndex) {\n        if (targetIndex >= cards.length) index = 0;\n        else if (targetIndex < 0) index = cards.length - 1;\n        else index = targetIndex;\n\n        for(let i=0; i<cards.length; i++) {\n            cards[i].classList.remove('active');\n            if(dots[i]) dots[i].classList.remove('active');\n        }\n        cards[index].classList.add('active');\n        if(dots[index]) dots[index].classList.add('active');\n    }\n\n    window.customMoveSlide = function(i) {\n        change(i);\n        clearInterval(timer);\n        start();\n    }\n\n    function start() {\n        timer = setInterval(function() {\n            change(index + 1);\n        }, 4000); \n    }\n\n    start();\n})();\n<\/script>\n\n\n\n<h2 id=\"contactus\" class=\"wp-block-heading\">\u8054\u7cfb\u6211\u4eec<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* --- \u5916\u90e8\u5927\u5bb9\u5668 --- *\/\n.lianxifangshi-container {\n    max-width: 960px;\n    margin: 40px auto; \n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    padding: 0 20px; \/* \u9632\u6b62\u5c0f\u5c4f\u5e55\u8d34\u8fb9 *\/\n    box-sizing: border-box;\n}\n\n.lianxifangshi-title {\n    text-align: center;\n    margin-bottom: 25px;\n    font-size: 1.5rem;\n    color: #333;\n    font-weight: bold;\n}\n\n\/* --- \u6838\u5fc3\u7f51\u683c\u5e03\u5c40 --- *\/\n.lianxifangshi-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 20px;\n    margin-bottom: 30px; \/* \u589e\u52a0\u7f51\u683c\u548c\u5e95\u90e8\u6309\u94ae\u7684\u95f4\u8ddd *\/\n}\n\n\/* --- \u9488\u5bf9\u524d\u4e09\u4e2a\u5361\u7247\u9650\u5236\u5bbd\u5ea6 --- *\/\n.lianxifangshi-card:not(.wechat-card) {\n    width: calc((100% - 40px) \/ 3); \n    max-width: 300px;\n}\n\n\/* --- \u5355\u4e2a\u5361\u7247\u5171\u7528\u57fa\u7840\u6837\u5f0f --- *\/\n.lianxifangshi-card {\n    background: #fff;\n    border: 1px solid #eaeaea;\n    border-radius: 12px;\n    padding: 20px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    text-decoration: none;\n    color: inherit;\n}\n\n\/* \u60ac\u6d6e\u6548\u679c *\/\n.lianxifangshi-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n    border-color: #d0d0d0;\n}\n\n\/* --- \u56fe\u6807\u901a\u7528\u6837\u5f0f --- *\/\n.lianxifangshi-icon {\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: 15px;\n    flex-shrink: 0;\n}\n\n\/* \u56fe\u6807\u989c\u8272\u533a\u5206 *\/\n.icon-blue { background-color: #e3f2fd; color: #1976d2; }\n.icon-green { background-color: #e8f5e9; color: #2e7d32; }\n.icon-whatsapp { background-color: #e8f5e9; color: #25D366; }\n.icon-wechat { background-color: #e8f5e9; color: #07C160; }\n\n\/* --- \u6587\u5b57\u533a\u57df --- *\/\n.lianxifangshi-text {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.4;\n}\n\n.lianxifangshi-text strong {\n    font-size: 15px;\n    color: #333;\n    margin-bottom: 4px;\n    font-weight: 600;\n}\n\n.lianxifangshi-text span {\n    font-size: 13px;\n    color: #666;\n}\n\n\/* --- \u7279\u6b8a\u5904\u7406\uff1a\u7b2c\u56db\u4e2a\u5fae\u4fe1\u5361\u7247 --- *\/\n.wechat-card {\n    width: 100%; \n    max-width: 400px;\n    margin: 0 auto;\n    flex-direction: column; \n    align-items: center;\n    text-align: center;\n    padding: 30px 20px;\n    box-sizing: border-box; \n}\n\n.wechat-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.wechat-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 15px;\n}\n\n.wechat-header strong {\n    font-size: 16px;\n    color: #333;\n    margin-left: 10px; \n}\n\n.wechat-header .lianxifangshi-icon {\n    margin-right: 0; \n}\n\n.wechat-qrcode-box {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.qr-img {\n    width: 140px; \n    height: 140px;\n    object-fit: cover;\n    border: 1px solid #eee;\n    padding: 5px;\n    border-radius: 8px;\n    margin-bottom: 10px;\n    background: #f9f9f9;\n}\n\n.qr-tip {\n    font-size: 12px;\n    color: #999;\n}\n\n\/* --- \u5e95\u90e8\u6309\u94ae\u533a\u57df (\u91cd\u70b9\u4fee\u590d\u90e8\u5206) --- *\/\n.lianxifangshi-action {\n    margin-top: 30px; \n    display: flex;\n    flex-direction: row; \/* \u5f3a\u5236\u6c34\u5e73\u6392\u5217 *\/\n    justify-content: center;\n    align-items: center;\n    gap: 20px;\n    flex-wrap: wrap; \n}\n\n.btn-primary,\n.btn-secondary {\n    display: inline-flex; \/* \u4f7f\u7528 flex \u5e03\u5c40\u5185\u90e8\u5143\u7d20 *\/\n    align-items: center;\n    justify-content: center;\n    padding: 12px 32px; \n    border-radius: 6px;\n    text-decoration: none;\n    font-size: 16px;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    box-sizing: border-box;\n    \n    \/* \u5173\u952e\u4fee\u590d\uff1a\u9632\u6b62\u6309\u94ae\u88ab\u62c9\u4f38 *\/\n    flex: 0 0 auto; \n    white-space: nowrap; \/* \u9632\u6b62\u6587\u5b57\u6362\u884c *\/\n    min-width: 140px;\n}\n\n.btn-primary {\n    background: #e67e22; \n    color: white !important; \/* \u5f3a\u5236\u767d\u8272\uff0c\u9632\u6b62\u4e3b\u9898\u8986\u76d6 *\/\n    border: 1px solid #e67e22;\n    box-shadow: 0 4px 6px rgba(230, 126, 34, 0.2);\n}\n\n.btn-primary:hover {\n    background: #d35400; \n    border-color: #d35400;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 10px rgba(230, 126, 34, 0.3);\n}\n\n.btn-secondary {\n    background: #ffffff;\n    color: #333333 !important;\n    border: 1px solid #dcdcdc;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.03);\n}\n\n.btn-secondary:hover {\n    color: #e67e22 !important;\n    border-color: #e67e22;\n    background: #fffaf5;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 10px rgba(230, 126, 34, 0.15);\n}\n\n\/* --- \u54cd\u5e94\u5f0f\u9002\u914d --- *\/\n@media (max-width: 900px) {\n    .lianxifangshi-card:not(.wechat-card) {\n        width: calc((100% - 20px) \/ 2);\n        max-width: none;\n    }\n}\n\n@media (max-width: 600px) {\n    .lianxifangshi-card:not(.wechat-card) {\n        width: 100%;\n    }\n    \n    \/* \u624b\u673a\u7aef\u6309\u94ae\u4f18\u5316 *\/\n    .lianxifangshi-action {\n        gap: 10px;\n    }\n    \n    .btn-primary, .btn-secondary {\n        flex: 1 1 auto;\n        width: 100%;\n        max-width: 200px;\n    }\n}\n<\/style>\n\n <div class=\"lianxifangshi-container\">\n\n    <h3 class=\"lianxifangshi-title\">\u8054\u7cfb\u6211\u4eec<\/h3>\n\n    \n\n    <!-- \u6838\u5fc3\u5bb9\u5668 -->\n\n    <div class=\"lianxifangshi-grid\">\n\n        \n\n        <!-- 1. \u5546\u52a1\u90ae\u7bb1 -->\n\n        <div class=\"lianxifangshi-card\">\n\n            <div class=\"lianxifangshi-icon icon-blue\">\n\n                <!-- \u90ae\u7bb1 SVG \u56fe\u6807 -->\n\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n\n            <\/div>\n\n            <div class=\"lianxifangshi-text\">\n\n                <strong>\u5546\u52a1\u90ae\u7bb1<\/strong>\n\n                <span>contact@eagleedutour.com<\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 2. \u8054\u7cfb\u7535\u8bdd -->\n\n        <div class=\"lianxifangshi-card\">\n\n            <div class=\"lianxifangshi-icon icon-green\">\n\n                <!-- \u7535\u8bdd SVG \u56fe\u6807 -->\n\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n\n            <\/div>\n\n            <div class=\"lianxifangshi-text\">\n\n                <strong>\u8054\u7cfb\u7535\u8bdd<\/strong>\n\n                <span>+65 93450527<\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 3. WhatsApp -->\n\n        <div class=\"lianxifangshi-card\">\n\n            <div class=\"lianxifangshi-icon icon-whatsapp\">\n\n                <!-- WhatsApp SVG \u56fe\u6807 -->\n\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n\n            <\/div>\n\n            <div class=\"lianxifangshi-text\">\n\n                <strong>WhatsApp<\/strong>\n\n                <span>+65 93450527<\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 4. \u5fae\u4fe1\u54a8\u8be2 (\u7279\u6b8a\u6837\u5f0f\uff1a\u5305\u542b\u4e8c\u7ef4\u7801) -->\n\n        <div class=\"lianxifangshi-card wechat-card\">\n\n            <div class=\"wechat-content\">\n\n                <div class=\"wechat-header\">\n\n                    <div class=\"lianxifangshi-icon icon-wechat\">\n\n                        <!-- \u5fae\u4fe1 SVG \u56fe\u6807 -->\n\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n\n                    <\/div>\n\n                    <strong>\u5fae\u4fe1\u54a8\u8be2<\/strong>\n\n                <\/div>\n\n                \n\n                <div class=\"wechat-qrcode-box\">\n\n                    <img decoding=\"async\" src=\"https:\/\/eagleedutour.com\/wp-content\/uploads\/2026\/07\/weixin-erweima-e1783226367846.jpg\" alt=\"\u5fae\u4fe1\u4e8c\u7ef4\u7801\" class=\"qr-img\">\n\n                    <span class=\"qr-tip\">\u626b\u7801\u6dfb\u52a0\u5ba2\u670d\u5fae\u4fe1<\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n    \n\n    <!-- \u5e95\u90e8\u6309\u94ae\u533a\u57df\uff1a\u53cc\u6309\u94ae\u6392\u7248 -->\n\n    <div class=\"lianxifangshi-action\">\n\n        <!-- \u65b0\u589e\uff1a\u4e00\u952e\u53d1\u9001\u6d88\u606f\u6309\u94ae\uff08\u53ef\u5c06 href \u66ff\u6362\u4e3a\u4f60\u7684\u5b9e\u9645\u6d88\u606f\u9875\u9762\u94fe\u63a5\uff09 -->\n\n        <a href=\"\/index.php\/zh\/contact-us\/\" class=\"btn-primary\">\u53d1\u9001\u6d88\u606f<\/a>\n\n        <!-- \u6211\u8981\u62a5\u540d\u6309\u94ae -->\n\n        <a href=\"\/index.php\/register\/\" class=\"btn-primary\">\u6211\u8981\u62a5\u540d<\/a>\n\n    <\/div>\n\n<\/div> \n\n\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4e2d\u534e\u6587\u5316\u7814\u5b66\u5b9a\u5236\u670d\u52a1 \u6eaf\u6e90\u534e\u590f \u5728\u6dec\u70bc\u4e2d\u62d3\u5bbd\u89c6\u91ce\uff0c\u5728\u611f\u609f\u4e2d\u4f20\u627f\u6587\u660e \u4f9d\u6258\u5e7f\u88a4\u4e2d\u534e\u4eba\u6587\u5730\u7406\uff0c\u6211\u4eec\u901a\u8fc7\u5b9a\u5236\u5316\u6df1\u5ea6\u884c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":278,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"fullwidth-page.php","meta":{"footnotes":""},"class_list":["post-746","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/pages\/746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/comments?post=746"}],"version-history":[{"count":15,"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/pages\/746\/revisions"}],"predecessor-version":[{"id":1039,"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/pages\/746\/revisions\/1039"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/media\/278"}],"wp:attachment":[{"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/media?parent=746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}