{"id":1088,"date":"2026-07-28T14:39:37","date_gmt":"2026-07-28T06:39:37","guid":{"rendered":"https:\/\/eagleedutour.com\/?page_id=1088"},"modified":"2026-08-21T10:52:00","modified_gmt":"2026-08-21T02:52:00","slug":"shanghai_en","status":"publish","type":"page","link":"https:\/\/eagleedutour.com\/index.php\/en\/shanghai_en\/","title":{"rendered":"Shanghai"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* --- \u5bb9\u5668\u8bbe\u7f6e\uff1a\u8bbe\u7f6e\u80cc\u666f\u56fe --- *\/\n\n\/* --- \u5bb9\u5668\u8bbe\u7f6e\uff1a\u4fee\u6539\u9ad8\u5ea6\u903b\u8f91 --- *\/\n.hero-banner {\n    position: relative;\n    width: 100%;\n    \/* \u4f7f\u7528 min-height \u800c\u4e0d\u662f\u56fa\u5b9a\u7684 height *\/\n    min-height: 500px; \n    \/* \u5173\u952e\uff1a\u589e\u52a0 padding\uff0c\u4ee3\u66ff\u56fa\u5b9a\u9ad8\u5ea6\u6765\u6491\u5f00\u5bb9\u5668 *\/\n    padding: 60px 0; \n    \/* \u5c06\u539f\u672c\u7684 height: 500px \u6539\u4e3a auto\uff0c\u8ba9\u5185\u5bb9\u51b3\u5b9a\u9ad8\u5ea6 *\/\n    height: auto; \n    \n    background-image: url('https:\/\/eagleedutour.com\/wp-content\/uploads\/2026\/07\/beijing-scaled.jpg');\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* \u5176\u4ed6\u4ee3\u7801\u4fdd\u6301\u4e0d\u53d8... *\/\n\n\n\/* \u9ed1\u8272\u534a\u900f\u660e\u906e\u7f69 *\/\n\n.hero-overlay {\n\n    position: absolute;\n\n    top: 0; left: 0; width: 100%; height: 100%;\n\n    background: rgba(0, 0, 0, 0.4);\n\n}\n\n\n\/* \u5de6\u53f3\u5206\u680f\u5e03\u5c40 *\/\n\n.hero-container {\n\n    position: relative;\n\n    z-index: 1;\n\n    width: 90%;\n\n    max-width: 1100px;\n\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: center;\n\n    color: white;\n\n}\n\n\n\/* --- \u5de6\u4fa7\u6587\u5b57\uff08\u5df2\u6269\u5927\u5230 66.67%\uff09 --- *\/\n.hero-text { width: 66.67%; }\n\n.hero-text h1 { font-size: 48px; margin-bottom: 20px; }\n\n\n\/* \u53f3\u4fa7\u5361\u7247 *\/\n\n.hero-card {\n\n    background: white;\n\n    color: #333;\n\n    padding: 30px;\n\n    border-radius: 12px;\n\n    width: 300px;\n\n    box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n\n}\n\n\n.btn-primary, .btn-secondary {\n    display: block;\n    width: 100%;\n    padding: 10px 0; \/* \u51cf\u5c0f padding\uff0c\u6309\u94ae\u4f1a\u53d8\u7626 *\/\n    border-radius: 6px;\n    cursor: pointer;\n    text-align: center;\n    text-decoration: none;\n    font-size: 15px; \/* \u5b57\u4f53\u7a0d\u5fae\u8c03\u5c0f\u4e00\u70b9 *\/\n    transition: 0.3s;\n}\n\n\/* \u4e3b\u6309\u94ae\uff1a\u5f3a\u8c03\u8272 *\/\n.btn-primary {\n    background: #e67e22;\n    color: white;\n    border: none;\n}\n\n\/* \u6b21\u7ea7\u6309\u94ae\uff1a\u8c03\u6574\u95f4\u8ddd\u548c\u6837\u5f0f *\/\n.btn-secondary {\n    background: transparent; \/* \u900f\u660e\u80cc\u666f *\/\n    color: #e67e22;          \/* \u6587\u5b57\u989c\u8272\u4e0e\u4e3b\u8272\u8c03\u547c\u5e94 *\/\n    border: 1px solid #e67e22; \/* \u6dfb\u52a0\u8fb9\u6846 *\/\n    margin-top: 15px;        \/* \u5173\u952e\uff1a\u8fd9\u4e00\u884c\u62c9\u5f00\u4e86\u4e24\u4e2a\u6309\u94ae\u7684\u5782\u76f4\u8ddd\u79bb *\/\n}\n\n\/* \u9f20\u6807\u60ac\u505c\u6548\u679c\uff08\u53ef\u9009\uff0c\u589e\u52a0\u4ea4\u4e92\u611f\uff09 *\/\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\n@media (max-width: 768px) {\n\n    .hero-container { flex-direction: column; text-align: center; }\n\n    .hero-text { width: 100%; margin-bottom: 30px; }\n\n    .hero-card { width: 100%; }\n\n}\n<\/style>\n\n<section class=\"hero-banner\">\n    <div class=\"hero-overlay\"><\/div>\n\n    <div class=\"hero-container\">\n        <div class=\"hero-text\">\n            <h1>Shanghai Haipai Culture Immersive Study Tour<\/h1>\n           <p>Based in Shanghai, we turn history into living classrooms. From Shikumen alleys to Lujiazui\u2019s skyline, our study tours go beyond sightseeing to cultivate a global mindset through Haipai culture.<\/p>\n        <\/div>\n\n        <!-- \u53f3\u4fa7\u5361\u7247\u5df2\u9690\u85cf -->\n        <!--\n        <div class=\"hero-card\">\n            <div class=\"card-price\">Exclusive <strong>Bespoke Service<\/strong><\/div>\n            <div class=\"card-details\">\n                <p>\u2713 Selected Star-Rated Hotels<\/p>\n                <p>\u2713 Entry Tickets to Key Historic Sites<\/p>\n                <p>\u2713 Professional Study Mentors<\/p>\n                <p>\u2713 Dedicated Private Transfers<\/p>\n            <\/div>\n            <a href=\"\/index.php\/en\/registeren\/\" class=\"btn-primary\" target=\"_blank\">Register Now<\/a>\n            <a href=\"\/index.php\/en\/contactus\/\" class=\"btn-secondary\" target=\"_blank\">Contact Us<\/a>\n        <\/div>\n        -->\n    <\/div>\n<\/section>\n\n\n\n<h1 class=\"wp-block-heading has-text-color has-link-color wp-elements-1\" style=\"color:#050327\"><strong>Trace Chinese roots, broaden horizons, and pass on culture.<\/strong><\/h1>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-2 wp-block-paragraph\" style=\"color:#615d5d\"><strong>Based in Shanghai, we turn history into living classrooms. From Shikumen alleys to Lujiazui&#8217;s skyline, our study tours go beyond sightseeing to cultivate a global mindset through Haipai culture.<\/strong><\/p>\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>Quick Navigation<\/h3>\n        <ul>\n            <li><a href=\"#overview\">Program Overview<\/a><\/li>\n            <li><a href=\"#trip\">Sample Itinerary<\/a><\/li>\n            <li><a href=\"#destination\">Explore Other Destinations<\/a><\/li>\n            <li><a href=\"#review\">Past Highlights<\/a><\/li>\n            <li><a href=\"#feedback\">Parent Feedback<\/a><\/li>\n            <li><a href=\"#contactus\">Contact Us<\/a><\/li>\n        <\/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.66%\">\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>Experience Shanghai<\/strong><\/h2>\n\n\n\n\n\n<style data-wp-block-html=\"css\">\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    <!-- Header -->\n    <div class=\"ee-exp-header\">\n      <p>Embark on this Shanghai study tour to experience a century of transformation. Amid historic Shikumen alleys and modern skyscrapers, discover an inspiring urban journey of learning and exploration:<\/p>\n    <\/div>\n\n    <!-- 2x2 Grid -->\n    <div class=\"ee-exp-grid\">\n      \n      <!-- Card 1 -->\n      <div class=\"ee-exp-card\">\n        <h3>Deep Insights &#038; Unique Perspectives<\/h3>\n        <p>Go beyond sightseeing. Read modern history along the Bund, feel the financial pulse in Lujiazui, visit prestigious universities like Fudan or SJTU, and explore tech hubs in Zhangjiang. Turn textbook knowledge into real-world discovery.<\/p>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div class=\"ee-exp-card\">\n        <h3>Past Meets Future<\/h3>\n        <p>Experience timeless heritage alongside cutting-edge innovation. Stroll through historic Shikumen alleyways and Yu Garden, then explore Shanghai Disneyland and AI Innovation Hubs where tradition and modernity coexist.<\/p>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"ee-exp-card\">\n        <h3>Seasonal Living &#038; Local Culture<\/h3>\n        <p>Immerse in Shanghai&#8217;s seasonal lifestyle philosophy\u2014from Wukang Road citywalks and Suzhou Creek night cruises to vibrant temple fairs. Experience authentic Eastern aesthetics and local culture throughout the year.<\/p>\n      <\/div>\n\n      <!-- Card 4 -->\n      <div class=\"ee-exp-card\">\n        <h3>Seamless &#038; Safe Travel<\/h3>\n        <p>Enjoy worry-free learning guided by bilingual team leaders and expert historians. With eco-friendly transport and itineraries adhering to strict educational safety standards, you can focus fully on your immersive experience.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n\n\n\n\n\n\n\n\n<h2 id=\"trip\" class=\"wp-block-heading\">Sample Itinerary<\/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\">Sample Itinerary<\/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    <!-- Slide 1: Shanghai (FinTech & Academics) -->\n    <div class=\"itinerary-slide active\" data-orange=\"Shanghai\" data-blue=\" | Top Universities &#038; FinTech\">\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 Arrival &#038; Orientation<\/h3>\n                    <p>Arrival in Shanghai &#038; Check-in<\/p>\n                    <p>Program orientation, icebreaker &#038; team building<\/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 Top Universities &#038; Academic Excellence<\/h3>\n                    <p>Campus tours of top universities like Fudan or SJTU<\/p>\n                    <p>Student sharing: Academic insights &#038; micro-research workshop<\/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 Financial Heart &#038; Market Dynamics<\/h3>\n                    <p>Explore Lujiazui Financial City, SSE, or Bank Museum<\/p>\n                    <p>Financial literacy: Simulated trading &#038; Young Financier workshop<\/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 Tech Frontiers &#038; Smart Future<\/h3>\n                    <p>Visit Zhangjiang Hi-Tech Park or Shanghai Science &#038; Tech Museum<\/p>\n                    <p>AI Workshop: Hands-on coding &#038; robotics challenge<\/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 Urban Challenge &#038; Project Research<\/h3>\n                    <p>City orienteering: Nanjing Road to Xujiahui<\/p>\n                    <p>Team project preparation for tech &#038; finance research<\/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 Project Pitch &#038; Closing Ceremony<\/h3>\n                    <p>Final project presentation, Q&#038;A &#038; Team Awards<\/p>\n                    <p>Certificate presentation &#038; Departure<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 2: Shanghai (Haipai Culture & Art) -->\n    <div class=\"itinerary-slide\" data-orange=\"Shanghai\" data-blue=\" | Haipai Culture &#038; Arts\">\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 Arrival &#038; Cultural Kickoff<\/h3>\n                    <p>Arrival in Shanghai &#038; Check-in<\/p>\n                    <p>Aesthetic handbook distribution &#038; &#8220;Old Shanghai&#8221; icebreaker<\/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 Ancient Roots &#038; Cultural Origins<\/h3>\n                    <p>Explore Guangfulin Heritage Site to uncover Shanghai&#8217;s roots<\/p>\n                    <p>Yu Garden walk: Classical architecture &#038; garden aesthetics<\/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 Architectural History &#038; Modern Alleys<\/h3>\n                    <p>Architecture walk along the Bund: Reading history through buildings<\/p>\n                    <p>Shikumen alleys &#038; Xintiandi: Blending tradition with modernity<\/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 Contemporary Aesthetics &#038; West Bund<\/h3>\n                    <p>Visit West Bund Art Zone or China Art Museum<\/p>\n                    <p>Art research, sketching &#038; creative photography challenge<\/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 Heritage Craft &#038; Curation Practice<\/h3>\n                    <p>Master workshop: Experience paper-cutting, Qipao buttons, or weaving<\/p>\n                    <p>&#8220;Mobile Art Gallery&#8221; team curation &#038; exhibition setup<\/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 Art Exhibition &#038; Closing Ceremony<\/h3>\n                    <p>&#8220;Reimagining Haipai Culture&#8221; creative art showcase<\/p>\n                    <p>Certificate presentation &#038; Departure<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 3: Shanghai (Innovation & Future Leaders) -->\n    <div class=\"itinerary-slide\" data-orange=\"Shanghai\" data-blue=\" | Innovation &#038; Global Leadership\">\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 Leader Gathering &#038; Orientation<\/h3>\n                    <p>Arrival in Shanghai &#038; Check-in<\/p>\n                    <p>Youth Summit Opening, team formation &#038; CEO elections<\/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 Global Universities &#038; Design Thinking<\/h3>\n                    <p>Visit NYU Shanghai or Tongji College of Design &#038; Innovation<\/p>\n                    <p>Design Thinking workshop with professors and mentors<\/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 Corporate Headquarters &#038; Business Insights<\/h3>\n                    <p>Field trip to Tesla Gigafactory or MNC headquarters<\/p>\n                    <p>Business Model Canvas (BMC) training &#038; market analysis<\/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 Free Trade &#038; Global Supply Chains<\/h3>\n                    <p>Explore Lingang Special Area or Yangshan Deep-Water Port<\/p>\n                    <p>Global supply chain simulation &#038; economic case studies<\/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 Business Simulation &#038; BP Pitch<\/h3>\n                    <p>Macroeconomics &#038; business decision-making competition<\/p>\n                    <p>Bilingual Business Plan (BP) pitch &#038; judge review<\/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 Future Vision &#038; Closing Ceremony<\/h3>\n                    <p>&#8220;Letter to the Future&#8221; personal growth session<\/p>\n                    <p>Leadership certificate presentation &#038; Departure<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n<\/div>\n\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    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    document.addEventListener('DOMContentLoaded', () => {\n        if (allSlides.length > 0) {\n            titleText.innerHTML = renderTitle(allSlides[0]);\n        }\n    });\n\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            titleText.innerHTML = renderTitle(targetSlide);\n            titleText.style.opacity = '1';\n        }, 150);\n    }\n<\/script>\n\n\n\n<h2 id=\"review\" class=\"wp-block-heading\">Highlights<\/h2>\n\n\n\n\n\n\n\n<style data-wp-block-html=\"css\">\n\/* \u5bb9\u5668\u6837\u5f0f\uff0c\u4e0e\u89c1\u8bc1\u8f6e\u64ad\u98ce\u683c\u4fdd\u6301\u4e00\u81f4 *\/\n.photo-carousel-wrapper {\n    max-width: 850px;\n    margin: 40px auto;\n    padding: 0 20px;\n}\n\n.photo-carousel-container {\n    position: relative;\n    width: 100%;\n    height: 450px; \/* \u8bbe\u7f6e\u56fa\u5b9a\u9ad8\u5ea6\uff0c\u786e\u4fdd\u7edf\u4e00 *\/\n    background: #f3f4f6;\n    border-radius: 12px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n    border: 1px solid #e5e7eb;\n    overflow: hidden;\n}\n\n\/* \u56fe\u7247\u6837\u5f0f *\/\n.photo-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    transition: opacity 0.6s ease-in-out;\n}\n\n.photo-slide.active {\n    opacity: 1;\n}\n\n.photo-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover; \/* \u81ea\u52a8\u88c1\u526a\u4ee5\u586b\u5145\u5bb9\u5668\uff0c\u4fdd\u6301\u7f8e\u89c2 *\/\n}\n\n\/* \u5e95\u90e8\u5706\u70b9\u63a7\u5236\u533a\uff0c\u5ef6\u7eed\u54c1\u724c\u8272 *\/\n.photo-dots {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 20px;\n    gap: 10px;\n}\n\n.photo-dots .dot {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background-color: #d1d5db;\n    cursor: pointer;\n    transition: background-color 0.3s;\n}\n\n.photo-dots .dot.active {\n    background-color: #ff7a00; \/* \u4e0e\u89c1\u8bc1\u8f6e\u64ad\u7684\u4e3b\u8272\u8c03\u4e00\u81f4 *\/\n}\n\n\/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\n@media (max-width: 640px) {\n    .photo-carousel-container { height: 250px; }\n}\n<\/style>\n\n<div class=\"photo-carousel-wrapper\">\n    <div class=\"photo-carousel-container\">\n        <div class=\"photo-slide active\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/highlight_xm_01.jpg\" alt=\"\u7814\u5b66\u6d3b\u52a8\u7167\u72471\">\n        <\/div>\n        <div class=\"photo-slide\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/highlight_xm_02.jpg\" alt=\"\u7814\u5b66\u6d3b\u52a8\u7167\u72472\">\n        <\/div>\n        <div class=\"photo-slide\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/highlight_xm_03.jpg\" alt=\"\u7814\u5b66\u6d3b\u52a8\u7167\u72473\">\n        <\/div>\n        <div class=\"photo-slide\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/highlight_xm_04.jpg\" alt=\"\u7814\u5b66\u6d3b\u52a8\u7167\u72474\">\n        <\/div>\n        <div class=\"photo-slide\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/highlight_xm_05.jpg\" alt=\"\u7814\u5b66\u6d3b\u52a8\u7167\u72475\">\n        <\/div>\n\t\t <div class=\"photo-slide\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/highlight_xm_06.jpg\" alt=\"\u7814\u5b66\u6d3b\u52a8\u7167\u72475\">\n        <\/div>\n\t\t <div class=\"photo-slide\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/highlight_xm_07.jpg\" alt=\"\u7814\u5b66\u6d3b\u52a8\u7167\u72475\">\n        <\/div>\n\t\t <div class=\"photo-slide\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/highlight_xm_08.jpg\" alt=\"\u7814\u5b66\u6d3b\u52a8\u7167\u72475\">\n        <\/div>\n        \n    <\/div>\n\n    <!-- \u5706\u70b9\u5bb9\u5668\uff0c\u5185\u5bb9\u7531JS\u81ea\u52a8\u586b\u5145 -->\n    <div class=\"photo-dots\">\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    let pIndex = 0;\n    const slides = document.querySelectorAll('.photo-slide');\n    const dotsContainer = document.querySelector('.photo-dots');\n    let pTimer = null;\n    let dots = [];\n\n    \/\/ 1. \u6839\u636e\u56fe\u7247\u6570\u91cf\u81ea\u52a8\u751f\u6210\u5bf9\u5e94\u6570\u91cf\u7684\u5706\u70b9\n    slides.forEach((slide, i) => {\n        const dot = document.createElement('span');\n        dot.className = i === 0 ? 'dot active' : 'dot';\n        dot.onclick = () => movePhoto(i);\n        dotsContainer.appendChild(dot);\n        dots.push(dot);\n    });\n\n    \/\/ 2. \u66f4\u65b0\u56fe\u7247\u548c\u5706\u70b9\u72b6\u6001\n    function updatePhoto(targetIndex) {\n        if (targetIndex >= slides.length) pIndex = 0;\n        else if (targetIndex < 0) pIndex = slides.length - 1;\n        else pIndex = targetIndex;\n\n        slides.forEach((slide, i) => {\n            slide.classList.remove('active');\n            if (dots[i]) dots[i].classList.remove('active');\n        });\n        \n        slides[pIndex].classList.add('active');\n        if (dots[pIndex]) dots[pIndex].classList.add('active');\n    }\n\n    \/\/ 3. \u70b9\u51fb\u5706\u70b9\u5207\u6362\u56fe\u7247\n    window.movePhoto = function(i) {\n        updatePhoto(i);\n        clearInterval(pTimer);\n        startPhotoLoop();\n    }\n\n    \/\/ 4. \u81ea\u52a8\u8f6e\u64ad\n    function startPhotoLoop() {\n        pTimer = setInterval(function() {\n            updatePhoto(pIndex + 1);\n        }, 5000); \n    }\n\n    startPhotoLoop();\n})();\n<\/script>\n\n\n\n<h2 id=\"destination\" class=\"wp-block-heading\">Other Destinations<\/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\/en\/guangzhou-3\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/guangzhou-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>GuangZhou<\/h3><\/div>\n    <\/a>\n    \n    <a href=\"\/index.php\/en\/beijing-3\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/beijing-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>Beijing<\/h3><\/div>\n    <\/a>\n    \n    <a href=\"\/index.php\/en\/chongqing-2\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/morecity_chongqing.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>Chongqing<\/h3><\/div>\n    <\/a>\n\n    <a href=\"\/index.php\/en\/chengdu-3\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/chengdu-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>Chengdu<\/h3><\/div>\n    <\/a>\n\n\t<a href=\"\/index.php\/en\/xiamen-3\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/xiamen-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>Xiamen<\/h3><\/div>\n    <\/a>\n\n    <a href=\"\/index.php\/en\/morecities\/\" class=\"dest-card\">\n        <div class=\"dest-card-img\" style=\"background-image: url('\/wp-content\/uploads\/2026\/07\/dalian-scaled.jpg');\"><\/div>\n        <div class=\"dest-card-overlay\"><h3>Explore more Cities<\/h3><\/div>\n    <\/a>\n\t\n\n\t\n<\/div>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 id=\"feedback\" class=\"wp-block-heading\">Feedback<\/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        <!-- 1. Beijing -->\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\">Mr. Tan<\/span>\n                    <span class=\"user-tag\">Parent (Beijing Tour)<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201cThe Beijing trip exceeded my expectations. Visiting Tsinghua and Peking University sparked my child&#8217;s passion for AI innovation. The 1:8 mentor ratio and daily updates gave us complete peace of mind.\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Mr. Tan, Singapore<\/div>\n        <\/div>\n\n        <!-- 2. Xi'an -->\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\">Ms. Lim<\/span>\n                    <span class=\"user-tag\">Parent (Xi&#8217;an Tour)<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201cXi&#8217;an was a rich cultural journey and the best way for a Singapore-raised child to connect with 5,000 years of history. The engaging guides inspired my child to start reading history books voluntarily.\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Ms. Lim, Singapore<\/div>\n        <\/div>\n\n        <!-- 3. Xiamen -->\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\">Mr. Goh<\/span>\n                    <span class=\"user-tag\">Parent (Xiamen Tour)<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201cXiamen beautifully combined ecology with education. Exploring mangroves and Xiamen University provided valuable hands-on knowledge beyond textbooks in a well-balanced itinerary.\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Mr. Goh, Singapore<\/div>\n        <\/div>\n\n        <!-- 4. Chengdu -->\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\">Ms. Wang<\/span>\n                    <span class=\"user-tag\">Parent (Chengdu Tour)<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201cSeeing giant pandas and discovering Sanxingdui made this trip unforgettable. Learning on the go and enjoying local heritage experiences made it a truly inspiring journey.\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Ms. Wang, Singapore<\/div>\n        <\/div>\n\n        <!-- 5. Chongqing -->\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\">Mr. Chen<\/span>\n                    <span class=\"user-tag\">Parent (Chongqing Tour)<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201cChongqing&#8217;s unique terrain felt like a giant classroom. From historic sites to night views at Hongyadong, the mentors seamlessly connected geography with local culture.\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Mr. Chen, Singapore<\/div>\n        <\/div>\n\n        <!-- 6. Suzhou -->\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\">Ms. Lee<\/span>\n                    <span class=\"user-tag\">Parent (Suzhou Tour)<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201cSuzhou&#8217;s classical gardens offered a deep taste of Eastern aesthetics. The hands-on silk crafting activity planted a lasting appreciation for Chinese tradition in my child.\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Ms. Lee, Singapore<\/div>\n        <\/div>\n\n        <!-- 7. Guangzhou -->\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\">Mr. Zhang<\/span>\n                    <span class=\"user-tag\">Parent (Guangzhou Tour)<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201cGuangzhou seamlessly blended Lingnan heritage with modern tech innovation. From tech hubs to authentic Yum Cha, it truly broadened my child&#8217;s global perspective.\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Mr. Zhang, Singapore<\/div>\n        <\/div>\n\n        <!-- 8. Guilin -->\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\">Ms. Ng<\/span>\n                    <span class=\"user-tag\">Parent (Guilin Tour)<\/span>\n                <\/div>\n            <\/div>\n            <p class=\"testimonial-quote\">\n                \u201cGuilin&#8217;s karst landscape was breathtaking. Studying geological formations in nature brought geography textbooks to life\u2014a remarkably vivid learning experience.\u201d\n            <\/p>\n            <div class=\"testimonial-signature\">\u2014 Ms. Ng, Singapore<\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- 8 Dots -->\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        <span class=\"dot\" onclick=\"customMoveSlide(3)\"><\/span>\n        <span class=\"dot\" onclick=\"customMoveSlide(4)\"><\/span>\n        <span class=\"dot\" onclick=\"customMoveSlide(5)\"><\/span>\n        <span class=\"dot\" onclick=\"customMoveSlide(6)\"><\/span>\n        <span class=\"dot\" onclick=\"customMoveSlide(7)\"><\/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<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 id=\"contactus\" class=\"wp-block-heading\">Contact Us<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* --- \u5916\u90e8\u5927\u5bb9\u5668 --- *\/\n.lianxifangshi-container {\n    max-width: 700px;\n    margin: 40px auto; \n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    padding: 0 20px;\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;\n}\n\n\/* --- \u6240\u6709\u5361\u7247\u57fa\u7840\u6837\u5f0f --- *\/\n.lianxifangshi-card {\n    width: calc(50% - 10px); \n    background: #fff;\n    border: 1px solid #eaeaea;\n    border-radius: 12px;\n    padding: 25px 15px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center; \n    justify-content: center; \/* \u4fdd\u8bc1\u56fe\u6807+\u6587\u5b57\u6574\u4f53\u5728\u5361\u7247\u5185\u6c34\u5e73\u5c45\u4e2d *\/\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.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.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 (\u4fee\u6539\u91cd\u70b9\uff1a\u4fdd\u6301\u884c\u5de6\u5bf9\u9f50) --- *\/\n.lianxifangshi-text {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start; \/* \u786e\u4fdd\u591a\u884c\u6587\u5b57\u5728\u5de6\u4fa7\u9f50\u5e73 *\/\n    text-align: left; \/* \u6bcf\u884c\u6587\u5b57\u5de6\u5bf9\u9f50 *\/\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    word-break: break-all;\n}\n\n\/* --- WhatsApp \u548c \u5fae\u4fe1\u5361\u7247 --- *\/\n.whatsapp-card, \n.wechat-card {\n    flex-direction: column; \n    align-items: center;\n    text-align: center;\n    padding: 30px 20px;\n}\n\n.social-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n}\n\n.social-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 15px;\n    justify-content: center;\n}\n\n.social-header strong {\n    font-size: 16px;\n    color: #333;\n    margin-left: 10px; \n}\n\n.social-header .lianxifangshi-icon {\n    margin-right: 0; \n}\n\n.social-qrcode-box {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.qr-img {\n    width: 110px;\n    height: 110px;\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 --- *\/\n.lianxifangshi-action {\n    margin-top: 30px; \n    display: flex;\n    flex-direction: row;\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;\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    flex: 0 0 auto; \n    white-space: nowrap;\n    min-width: 140px;\n}\n\n.btn-primary {\n    background: #e67e22; \n    color: white !important;\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: 768px) {\n    .lianxifangshi-card {\n        width: 100%;\n    }\n    \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\">We welcome you to connect with us via any of the following channels.<\/h3>\n\n    <!-- Core Container -->\n    <div class=\"lianxifangshi-grid\">\n\n        <!-- 1. Business Email (Row 1, Left) -->\n        <div class=\"lianxifangshi-card\">\n            <div class=\"lianxifangshi-icon icon-blue\">\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            <\/div>\n            <div class=\"lianxifangshi-text\">\n                <strong>Business Email<\/strong>\n                <span>contact@eagleedutour.com<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- 2. Phone Number (Row 1, Right) -->\n        <div class=\"lianxifangshi-card\">\n            <div class=\"lianxifangshi-icon icon-green\">\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            <\/div>\n            <div class=\"lianxifangshi-text\">\n                <strong>Contact Number<\/strong>\n                <span>+65 93450527<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- 3. WhatsApp (Row 2, Left) -->\n        <div class=\"lianxifangshi-card whatsapp-card\">\n            <div class=\"social-content\">\n                <div class=\"social-header\">\n                    <div class=\"lianxifangshi-icon icon-whatsapp\">\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                    <\/div>\n                    <strong>WhatsApp<\/strong>\n                <\/div>\n                \n                <div class=\"social-qrcode-box\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/WhatsApp-e1785239410511.jpg\" alt=\"WhatsApp QR Code\" class=\"qr-img\">\n                    <span class=\"qr-tip\">Scan to chat on WhatsApp<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 4. WeChat (Row 2, Right) - \u5df2\u66f4\u65b0\u72ec\u7acb\u5fae\u4fe1\u53cc\u6c14\u6ce1\u56fe\u6807 -->\n        <div class=\"lianxifangshi-card wechat-card\">\n            <div class=\"social-content\">\n                <div class=\"social-header\">\n                    <div class=\"lianxifangshi-icon icon-wechat\">\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=\"M7 17l-3 1 1-2.5C4.3 14.5 3.5 13.3 3.5 12c0-3 3.1-5.5 7-5.5s7 2.5 7 5.5-3.1 5.5-7 5.5c-.8 0-1.6-.1-2.3-.35L7 17z\"><\/path><path d=\"M16 11c2.5 0 4.5-1.8 4.5-4s-2-4-4.5-4-4.5 1.8-4.5 4c0 .8.3 1.5.9 2.1L12 11l1.8-.6c.7.4 1.4.6 2.2.6z\"><\/path><\/svg>\n                    <\/div>\n                    <strong>WeChat<\/strong>\n                <\/div>\n                \n                <div class=\"social-qrcode-box\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/weixin-e1785239377319.jpg\" alt=\"WeChat QR Code\" class=\"qr-img\">\n                    <span class=\"qr-tip\">Scan to add Customer Service<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- Action Buttons -->\n    <div class=\"lianxifangshi-action\">\n        <a href=\"\/index.php\/en\/contactus\/\" class=\"btn-primary\">Contact Us<\/a>\n        <a href=\"\/index.php\/en\/registeren\/\" class=\"btn-primary\">Register Now<\/a>\n    <\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Shanghai Haipai Culture Immersive Study Tour Based in S [&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-1088","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/pages\/1088","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=1088"}],"version-history":[{"count":11,"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/pages\/1088\/revisions"}],"predecessor-version":[{"id":1394,"href":"https:\/\/eagleedutour.com\/index.php\/wp-json\/wp\/v2\/pages\/1088\/revisions\/1394"}],"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=1088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}