桑给巴尔浪漫求婚设置|海滩求婚规划与避风港步道</桑给巴尔浪漫求婚设置|海滩求婚规划与避风港步道婚，包括定制海滩或悬崖顶布置、鲜花、蜡烛、摄影和两人庆祝晚宴。"> <meta nam与 Haven Trails Adventures 一起在桑给巴尔策划完美求婚，包括定制海滩或悬崖顶布置、鲜花、蜡烛、摄影和两人庆祝晚宴。meta name="googlebot" content="ind桑给巴尔求婚设置、桑给巴尔海滩求婚、桑给巴尔订婚求婚、浪漫求婚规划、避风港小径探险rrer" content="strict-origin-when-cross-origin"> <meta name="format-detection" content="telephone=yes"> <meta name="theme-color" content="#ffffff"> <meta name="color-scheme" content="light"> <meta name="application-name" content="避风港小径冒险"> <meta name=避风港小径冒险apable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-title" content="避风港小径"> <meta name="mobile-web-app-capable" content="yes"> <meta name="msapplication-TileColor" c避风港小径冒险 name="msapplication-TileImage" content="https://www.haventrails.com/img/ms-icon-144x144.webp"> <meta name="msapplication-config" content="https://www.haventrails.com/browserconfig.xml"> <m避风港小径o.region" content="TZ-09"> <meta name="geo.placename" content="Zanzibar, Tanzania"> <meta name="geo.position" content="-6.1659;39.2026"> <meta name="ICBM" content="-6.1659, 39.2026"> <meta name="rating" content="general"> <meta name="distribution" content="global"> <meta name="revisit-after" content="7 days"> <meta name="language" content="Simplified Chinese"> <link rel="canonical" href="https://www.haventrails.com/zh/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="en" href="https://www.haventrails.com/zh/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="da" href="https://www.haventrails.com/da/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="de" href="https://www.haventrails.com/de/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="es" href="https://www.haventrails.com/es/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="fr" href="https://www.haventrails.com/fr/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="it" href="https://www.haventrails.com/it/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="ko" href="https://www.haventrails.com/ko/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="nl" href="https://www.haventrails.com/nl/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="pl" href="https://www.haventrails.com/pl/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="ru" href="https://www.haventrails.com/ru/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="sv" href="https://www.haventrails.com/sv/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="pt-BR" href="https://www.haventrails.com/pt/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="ja" href="https://www.haventrails.com/ja/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="tr" href="https://www.haventrails.com/tr/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="zh-Hans" href="https://www.haventrails.com/zh/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="zh-TW" href="https://www.haventrails.com/zh-tw/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="zh-HK" href="https://www.haventrails.com/zh-hk/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="ar" href="https://www.haventrails.com/ar/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="no" href="https://www.haventrails.com/no/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="fi" href="https://www.haventrails.com/fi/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="he" href="https://www.haventrails.com/he/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="hi" href="https://www.haventrails.com/hi/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="th" href="https://www.haventrails.com/th/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="id" href="https://www.haventrails.com/id/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="cs" href="https://www.haventrails.com/cs/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="hu" href="https://www.haventrails.com/hu/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="el" href="https://www.haventrails.com/el/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="sk" href="https://www.haventrails.com/sk/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="uk" href="https://www.haventrails.com/uk/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="ro" href="https://www.haventrails.com/ro/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="vi" href="https://www.haventrails.com/vi/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="tl" href="https://www.haventrails.com/tl/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="kk" href="https://www.haventrails.com/kk/romantic-proposal-setup-zanzibar"> <link rel="alternate" hreflang="x-default" href="https://www.haventrails.com/zh/romantic-proposal-setup-zanzibar"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.haventrails.com/img/apple-icon-180x180.webp"> <link rel="icon" type="image/webp" sizes="32x32" href="https://www.haventrails.com/img/favicon-32x32.webp"> <link rel="icon" type="image/webp" sizes="16x16" href="https://www.haventrails.com/img/favicon-16x16.webp"> <link rel="mask-icon" href="https://www.haventrails.com/img/logo.png" color="#c9a227"> <link rel="manifest" href="https://www.haventrails.com/manifest.json"> <link rel="preload" as="image" href="https://www.haventrails.com/img/romantic-proposal-setup-zanzibar-hero.webp"> <link rel="prefetch" href="https://www.haventrails.com/zh/blog"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//cdnjs.cloudflare.com"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <meta property="og:title" content="桑给巴尔浪漫求婚设置|海滩求婚规划与避风港步道"> <meta property="og:description" content="与 Haven Trails Adventures 一起在桑给巴尔策划完美求婚，包括定制海滩或悬崖顶布置、鲜花、蜡烛、摄影和两人庆祝晚宴。"> <meta property="og:image" content="https://www.haventrails.com/img/romantic-proposal-setup-zanzibar-hero.webp"> <meta property="og:url" content="https://www.haventrails.com/zh/romantic-proposal-setup-zanzibar"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="桑给巴尔浪漫求婚设置|海滩求婚规划与避风港步道"> <meta name="twitter:description" content="与 Haven Trails Adventures 一起在桑给巴尔策划完美求婚，包括定制海滩或悬崖顶布置、鲜花、蜡烛、摄影和两人庆祝晚宴。"> <meta name="twit避风港小径冒险ps://www.haventrails.com/img/romantic-proposal-setup-zanzibar-hero.webp"> <meta name="twitter:image:alt" content="在桑给巴尔与 Haven Trails Adventures 进行浪漫求婚"> <meta name="twitter:site" co在桑给巴尔与 Haven Trails Adventures 进行浪漫求婚entrails"> <script type="application/ld+json"> { "@context": "https:\/\/schema.org", "@graph桑给巴尔浪漫求婚设置|海滩求婚规划与避风港步道ls.com\/#organization", "name": "避风港小径冒与 Haven Trails Adventures 一起在桑给巴尔策划完美求婚，包括定制海滩或悬崖顶布置、鲜花、蜡烛、摄影和两人庆祝晚宴。th": 300, "height": 150 }, "image": "https:\/\/www.haventrails.com\/img\/logo.png", "telephone": "+255713334154", "email": "在桑给巴尔与 Haven Trails Adventures 进行浪漫求婚s": { "@type": "PostalAddress", "streetAddress": "Moshi Kilimanjaro Town", "addressLocality": "Moshi", "addressRegion": "Kilimanjaro Region", "postalCode": "25101", "addressCountry": "TZ" }, "description": "安全无缝地探索非洲文化与自然的史诗交响曲", "areaServed":避风港小径冒险untry", "name": "坦桑尼亚" }, "contactPoint": { "@type": "ContactPoint", "telephone": "+255713334154", "contactType": "客户支持", "availableLanguage": ["英文"] } }, { "@type": "WebPage", "@id": "https:\/\/www.haventrails.com\/zh\/romantic-proposal-setup-zanzibar#webpage", "url": "https:\/\/www.haventrails.com\/zh\/romantic-proposal-setup-zanzibar", "name": "桑给巴尔浪漫求婚设置|海滩求婚规划与避风港步道", "description": "与 Haven Trails Adventures 一起在桑给巴尔策划完美求婚，包括定制海滩或悬崖顶布置、鲜花、蜡烛、摄影和两人庆祝晚宴。", "inLanguage": "zh-Hans", "breadcrumb": { "@id": "https:\/\/www.haventrails.com\/zh\/roman安全无缝地探索非洲文化与自然的史诗交响曲www.haventrails.com\/zh\/romantic-proposal-setup-zanzibar#tour" } 坦桑尼亚 "@type": ["TouristTrip","Service"], "@id": "https:\/\/www.haventrails.com\/zh\/romantic-proposal-setup-zanzibar#tour"客户支持"桑给巴尔浪漫求婚仪式", "description":英文en Trails Adventures 一起在桑给巴尔策划完美求婚，包括定制海滩或悬崖顶布置、鲜花、蜡烛、摄影和两人庆祝晚宴。", "url": "https:\/\/www.haventrails.com\/zh\/romantic-proposal-setup-zanzibar", "image": "https:\/\/www.haventrails.com\/img\/romantic-proposal-setup-zanzibar-hero.桑给巴尔浪漫求婚设置|海滩求婚规划与避风港步道" }, "areaServed": 与 Haven Trails Adventures 一起在桑给巴尔策划完美求婚，包括定制海滩或悬崖顶布置、鲜花、蜡烛、摄影和两人庆祝晚宴。proposal-setup-zanzibar#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "避风港小径冒险", "item": "https:\/\/www.haventrails.com\/" }, { "@type": "ListItem", "position": 2, "name": "桑给巴尔之旅", "item": "https:\/\/www.haventrails.com\/zanzibar-tours" }, { "@type": "ListItem", "position": 3, "name": "桑给巴尔浪漫求婚仪式", "item": "https:\/\/www.haventrails.com\/ro桑给巴尔浪漫求婚设置 ] }, { 与 Haven Trails Adventures 一起在桑给巴尔策划完美求婚，包括定制海滩或悬崖顶布置、鲜花、蜡烛、摄影和两人庆祝晚宴。antic-proposal-setup-zanzibar-hero.webp", "caption": "在桑给巴尔与 Haven Trails Adventures 进行浪漫求婚" } ] } </script> <meta name="copyright" content="© 2026 避风港小径探险公司。版权所有。" /> <script> (function () { window.dataLayer = window.dataLayer || []; window.gtag = window.gtag || function(){ dataLayer.push(arguments); }; gtag('js', new Date()); function loadAnalytics() { if (window.htAnalyticsLoaded) return; window.htAnalyticsLoaded = true; var ga = document.createElement('script'); ga.async = true; ga.src = 'https://www.googletagmanager.com/gtag/js?id=G-R33EGM75P5'; document.head.appendChild(ga); gtag('config', 'G-R33EGM75P5', { transport_type: 'beacon' }); var ahrefs = document.createElement('script'); ahrefs.async = true; ahrefs.src = 'https://analytics.ahrefs.com/analytics.js'; ahrefs.setAttribute('data-key', 'SCUmhQdQwhUqUq9b0IHtLw'); document.head.appendChild(ahrefs); } var interactionEvents = ['pointerdown', 'keydown', 'scroll', 'touchstart']; interactionEvents.forEach(function(eventName) { window.addEventListener(eventName, loadAnalytics, { once: true, passive: true }); }); window.addEventListener('load', function(){ window.setTimeout(loadAnalytics, 4500); }, { once: true }); })(); </script> <link rel="apple-touch-icon" sizes="57x57" href="https://www.haventrails.com/img/apple-icon-57x57.webp"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.haventrails.com/img/apple-icon-60x60.webp"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.haventrails.com/img/apple-icon-72x72.webp"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.haventrails.com/img/apple-icon-76x76.webp"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.haventrails.com/img/apple-icon-114x114.webp"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.haventrails.com/img/apple-icon-120x120.webp"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.haventrails.com/img/apple-icon-144x144.webp"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.haventrails.com/img/apple-icon-152x152.webp"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.haventrails.com/img/apple-icon-180x180.webp"> <link rel="icon" type="image/webp" sizes="192x192" href="https://www.haventrails.com/img/android-icon-192x192.webp"> <link rel="icon" type="image/webp" sizes="32x32" href="https://www.haventrails.com/img/favicon-32x32.webp"> <link rel="icon" type="image/webp" sizes="96x96" href="https://www.haventrails.com/img/favicon-96x96.webp"> <link rel="icon" type="image/webp" sizes="16x16" href="https://www.haventrails.com/img/favicon-16x16.webp"> <link rel="manifest" href="https://www.haventrails.com/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://www.haventrails.com/img/ms-icon-144x144.webp"> <meta name="theme-color" content="#ffffff"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="dns-prefetch" href="https://flagcdn.com"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600;700&family=Jost:wght@300;400;500;600;700&family=Marcellus&family=Outfit:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600;700&family=Jost:wght@300;400;500;600;700&family=Marcellus&family=Outfit:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700&display=swap"></noscript> <link rel="stylesheet" href="../fontawesome/css/all.swap.min.css"> <link rel="stylesheet" href="../assetss/css/bootstrap.min.css"> <link rel="preload" href="../assetss/css/swiper-bundle.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="../assetss/css/swiper-bundle.min.css"></noscript> <link rel="preload" href="../assetss/css/magnific-popup.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="../assetss/css/magnific-popup.min.css"></noscript> <link rel="stylesheet" href="../assetss/css/main.min.css"> <style id="ht-fontawesome-guard"> .fa, .fa-solid, .fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; } .fa-regular, .far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; } .fa-brands, .fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; } </style> <style> :root { --ht-gold: #c9a227; --ht-gold-light: #e0b82e; --ht-gold-dark: #a8851e; --ht-dark: #1a1a1a; --ht-dark-2: #2a1f0a; --ht-light: #ffffff; --ht-gray: #6b7280; --ht-gray-100: #f9f7f2; --ht-gray-200: #efe8d8; --ht-font-main: 'Jost', 'Poppins', sans-serif; --ht-font-serif: 'Cormorant Garamond', 'Playfair Display', serif; --header-h: 72px; --header-h-mob: 60px; --safe-bottom: env(safe-area-inset-bottom, 0px); --safe-left: env(safe-area-inset-left, 0px); --safe-right: env(safe-area-inset-right, 0px); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { padding-top: var(--header-h); overflow-x: hidden; } .ht-header { position: fixed; top: 0; left: 0; right: 0; height: var(--header-h); z-index: 9999; background: rgba(255,255,255,0.97); backdrop-filter: blur(24px) saturate(1.6); -webkit-backdrop-filter: blur(24px) saturate(1.6); border-bottom: 1px solid var(--ht-gray-200); transition: box-shadow 0.3s ease, background 0.3s ease; } .ht-header--scrolled { background: #fff; box-shadow: 0 4px 32px rgba(26,26,26,0.10); border-bottom-color: transparent; } .ht-header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--ht-gold-dark), var(--ht-gold), var(--ht-gold-light), var(--ht-gold)); } .ht-header__container { max-width: 1380px; margin: 0 auto; padding: 0 1.75rem; padding-left: calc(1.75rem + var(--safe-left)); padding-right: calc(1.75rem + var(--safe-right)); height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .ht-logo { display: flex; align-items: center; gap: 0; text-decoration: none; flex-shrink: 0; } .ht-logo__text { display: flex; flex-direction: column; } .ht-logo__title { font-family: var(--ht-font-serif); font-size: 1.4rem; font-weight: 700; color: var(--ht-dark); line-height: 1; letter-spacing: 0.01em; } .ht-logo__tagline { font-size: 0.58rem; color: var(--ht-gold-dark); text-transform: uppercase; letter-spacing: 0.22em; font-weight: 700; margin-top: 4px; } .ht-nav { display: flex; align-items: center; gap: 0; flex: 1; justify-content: center; } @media (max-width: 1200px) { .ht-nav { display: none; } } .ht-nav__item { position: relative; } .ht-nav__link { display: flex; align-items: center; gap: 5px; padding: 0.55rem 0.95rem; color: var(--ht-dark); text-decoration: none; font-weight: 600; font-size: 0.875rem; letter-spacing: 0.01em; border-radius: 8px; transition: color 0.2s ease, background 0.2s ease; cursor: pointer; border: none; background: transparent; font-family: inherit; white-space: nowrap; position: relative; } .ht-nav__link::after { content: ''; position: absolute; bottom: 3px; left: 50%; right: 50%; height: 2px; background: var(--ht-gold); border-radius: 2px; transition: left 0.25s ease, right 0.25s ease; } .ht-nav__item:hover .ht-nav__link::after { left: 0.95rem; right: 0.95rem; } .ht-nav__item:hover .ht-nav__link { color: var(--ht-gold-dark); } .ht-nav__chevron { font-size: 0.6rem; color: var(--ht-gold-dark); opacity: 0.75; transition: transform 0.28s ease, opacity 0.2s ease; margin-left: 1px; } .ht-nav__item:hover .ht-nav__chevron { transform: rotate(180deg); opacity: 1; } .ht-mega { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%) translateY(6px); background: #fff; border-radius: 16px; padding: 1.375rem; box-shadow: 0 16px 48px rgba(26,26,26,0.13), 0 2px 10px rgba(26,26,26,0.06); opacity: 0; visibility: hidden; transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s; border: 1px solid var(--ht-gray-200); z-index: 1000; max-width: min(92vw, 760px); } .ht-mega::before { content: ''; position: absolute; top: 0; left: 1.5rem; right: 1.5rem; height: 2px; background: linear-gradient(90deg, transparent, var(--ht-gold), transparent); border-radius: 0 0 2px 2px; } .ht-nav__item:hover .ht-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .ht-mega--safari { display: grid; grid-template-columns: 210px 1fr; gap: 1.375rem; width: 580px; } .ht-mega--kili { display: grid; grid-template-columns: 1fr 1fr; gap: 1.375rem; width: 560px; } .ht-mega--zanzibar { display: grid; grid-template-columns: 1fr 1fr; gap: 1.375rem; width: 560px; } .ht-mega--daytrips { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; width: 620px; } .ht-mega--about { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.375rem; width: 480px; } .ht-mega__title { font-family: var(--ht-font-serif); font-size: 0.875rem; font-weight: 700; color: var(--ht-dark); margin-bottom: 0.75rem; padding-bottom: 6px; border-bottom: 2px solid var(--ht-gold); display: block; letter-spacing: 0.02em; text-transform: uppercase; } .ht-mega-link { display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0.75rem; border-radius: 10px; text-decoration: none; color: var(--ht-dark); transition: background 0.16s ease, transform 0.16s ease; margin-bottom: 0.25rem; } .ht-mega-link:last-child { margin-bottom: 0; } .ht-mega-link:hover { background: var(--ht-gray-100); transform: translateX(3px); color: var(--ht-gold-dark); } .ht-mega-link__icon { width: 34px; height: 34px; flex-shrink: 0; background: linear-gradient(135deg, #fef3c7, #fde68a); border-radius: 9px; display: flex; align-items: center; justify-content: center; color: var(--ht-gold-dark); font-size: 0.875rem; } .ht-mega-link h4 { font-size: 0.875rem; font-weight: 700; margin-bottom: 1px; line-height: 1.2; } .ht-mega-link p { font-size: 0.76rem; color: var(--ht-gray); margin: 0; line-height: 1.3; } .ht-dest-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; } .ht-dest-card { position: relative; border-radius: 10px; overflow: hidden; aspect-ratio: 4/3; display: flex; align-items: flex-end; padding: 0.5rem; text-decoration: none; transition: transform 0.28s ease; } .ht-dest-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.75) 0%, transparent 60%); z-index: 1; } .ht-dest-card:hover { transform: translateY(-2px); } .ht-dest-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .ht-dest-card:hover img { transform: scale(1.06); } .ht-dest-card span { position: relative; z-index: 2; color: #fff; font-weight: 700; font-size: 0.8rem; } .ht-route-list { display: flex; flex-direction: column; gap: 0.5rem; } .ht-route-item { display: flex; align-items: center; justify-content: space-between; padding: 0.7rem 0.875rem; background: var(--ht-gray-100); border-radius: 10px; text-decoration: none; color: var(--ht-dark); transition: border-color 0.2s, background 0.2s, transform 0.2s; border: 1.5px solid transparent; } .ht-route-item:hover { border-color: var(--ht-gold); background: #fff; transform: translateX(3px); } .ht-route-item h5 { font-size: 0.84rem; font-weight: 700; margin-bottom: 1px; } .ht-route-item > div > span { font-size: 0.73rem; color: var(--ht-gray); } .ht-route-badge { background: var(--ht-gold); color: #1a1a1a; padding: 2px 8px; border-radius: 20px; font-size: 0.6rem; font-weight: 800; text-transform: uppercase; white-space: nowrap; } .ht-zanzibar-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; } .ht-zan-card { background: var(--ht-gray-100); border: 1.5px solid var(--ht-gray-200); border-radius: 12px; padding: 0.875rem 0.75rem; text-align: center; text-decoration: none; color: var(--ht-dark); transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s; } .ht-zan-card:hover { transform: translateY(-3px); border-color: var(--ht-gold); box-shadow: 0 6px 16px rgba(201,162,39,.12); } .ht-zan-card i { font-size: 1.35rem; color: var(--ht-gold); margin-bottom: 0.35rem; display: block; } .ht-zan-card h5 { font-size: 0.82rem; font-weight: 700; margin-bottom: 1px; } .ht-zan-card p { font-size: 0.72rem; color: var(--ht-gray); margin: 0; line-height: 1.3; } .ht-daytrip-col { background: var(--ht-gray-100); border-radius: 12px; padding: 1rem; } .ht-daytrip-col h4 { font-family: var(--ht-font-serif); font-size: 0.9rem; margin-bottom: 0.75rem; color: var(--ht-dark); display: flex; align-items: center; gap: 0.5rem; } .ht-daytrip-col h4 i { color: var(--ht-gold); font-size: 0.875rem; } .ht-daytrip-list { list-style: none; } .ht-daytrip-list li { margin-bottom: 0.375rem; } .ht-daytrip-list a { color: var(--ht-gray); text-decoration: none; font-size: 0.82rem; font-weight: 500; display: flex; align-items: center; gap: 0.4rem; transition: color 0.18s, padding-left 0.18s; } .ht-daytrip-list a:hover { color: var(--ht-gold-dark); padding-left: 3px; } .ht-daytrip-list a::before { content: '›'; color: var(--ht-gold); font-weight: 900; font-size: 1rem; line-height: 1; } .ht-lang { position: relative; } .ht-lang__toggle { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--ht-gray-100); border-radius: 50px; cursor: pointer; transition: all 0.2s ease; border: 1.5px solid var(--ht-gray-200); font-family: inherit; font-size: 0.84rem; font-weight: 600; color: var(--ht-dark); } .ht-lang__toggle:hover, .ht-lang__toggle.active { border-color: var(--ht-gold); background: #fff; } .ht-lang__flag { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; } .ht-lang__code { font-weight: 700; } .ht-lang__chevron { font-size: 0.52rem; color: var(--ht-gray); transition: transform 0.3s ease; } .ht-lang__toggle.active .ht-lang__chevron { transform: rotate(180deg); } .ht-lang__dropdown { position: absolute; top: calc(100% + 10px); right: 0; background: #fff; border-radius: 16px; padding: 0.5rem; width: 270px; max-height: 380px; overflow-y: auto; box-shadow: 0 16px 48px rgba(26,26,26,.14); opacity: 0; visibility: hidden; transform: translateY(8px); transition: all 0.22s ease; border: 1px solid var(--ht-gray-200); z-index: 1001; scrollbar-width: thin; scrollbar-color: var(--ht-gray-200) transparent; } .ht-lang__dropdown::-webkit-scrollbar { width: 4px; } .ht-lang__dropdown::-webkit-scrollbar-track { background: transparent; } .ht-lang__dropdown::-webkit-scrollbar-thumb { background: var(--ht-gray-200); border-radius: 4px; } .ht-lang__dropdown.active { opacity: 1; visibility: visible; transform: translateY(0); } .ht-lang__search { padding: 0.35rem; margin-bottom: 0.35rem; border-bottom: 1px solid var(--ht-gray-100); } .ht-lang__search input { width: 100%; padding: 0.45rem 0.75rem; border: 1.5px solid var(--ht-gray-200); border-radius: 8px; font-size: 0.84rem; font-family: inherit; outline: none; } .ht-lang__search input:focus { border-color: var(--ht-gold); } .ht-lang__option { display: flex; align-items: center; gap: 0.6rem; padding: 0.5rem 0.625rem; border-radius: 9px; text-decoration: none; color: var(--ht-dark); transition: background 0.14s; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; background: transparent; width: 100%; font-family: inherit; } .ht-lang__option:hover, .ht-lang__option.active { background: rgba(201,162,39,.08); color: var(--ht-gold-dark); } .ht-lang__option img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } .ht-lang__option-info { display: flex; flex-direction: column; text-align: left; } .ht-lang__option-name { font-weight: 600; font-size: 0.84rem; line-height: 1.2; } .ht-lang__option-native { font-size: 0.7rem; color: var(--ht-gray); } .ht-actions { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; } .ht-btn { display: inline-flex; align-items: center; gap: 6px; padding: 0.65rem 1.2rem; border-radius: 50px; font-weight: 700; font-size: 0.84rem; text-decoration: none; transition: all 0.2s ease; cursor: pointer; border: none; font-family: inherit; white-space: nowrap; } .ht-btn--outline { color: var(--ht-dark); background: transparent; border: 1.5px solid var(--ht-gray-200); } .ht-btn--outline:hover { border-color: var(--ht-gold); color: var(--ht-gold-dark); background: rgba(201,162,39,.05); } .ht-btn--primary { background: linear-gradient(135deg, var(--ht-gold) 0%, var(--ht-gold-dark) 100%); color: #1a1a1a; box-shadow: 0 4px 16px rgba(201,162,39,.35); position: relative; overflow: hidden; } .ht-btn--primary::before { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent); transition: left 0.5s ease; } .ht-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(201,162,39,.45); color: #1a1a1a; } .ht-btn--primary:hover::before { left: 150%; } .ht-mobile-toggle { display: none; width: 42px; height: 42px; background: var(--ht-gray-100); border: 1.5px solid var(--ht-gray-200); border-radius: 11px; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 5px; z-index: 10001; transition: border-color 0.2s, background 0.2s; -webkit-tap-highlight-color: transparent; } .ht-mobile-toggle:hover { border-color: var(--ht-gold); background: #fff; } .ht-mobile-toggle span { display: block; width: 20px; height: 2px; background: var(--ht-dark); border-radius: 2px; transition: all 0.3s ease; } .ht-mobile-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .ht-mobile-toggle.active span:nth-child(2) { opacity: 0; width: 0; } .ht-mobile-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); } .ht-mobile-flags { display: none; align-items: center; position: relative; } .ht-mobile-flags__trigger { display: flex; align-items: center; gap: 5px; padding: 5px 9px; background: var(--ht-gray-100); border: 1.5px solid var(--ht-gray-200); border-radius: 50px; cursor: pointer; transition: all 0.2s ease; font-family: inherit; -webkit-tap-highlight-color: transparent; } .ht-mobile-flags__trigger:hover, .ht-mobile-flags__trigger.active { border-color: var(--ht-gold); background: #fff; } .ht-mobile-flags__flag { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; border: 1.5px solid var(--ht-gray-200); } .ht-mobile-flags__code { font-size: 0.72rem; font-weight: 700; color: var(--ht-dark); } .ht-mobile-flags__chevron { font-size: 0.48rem; color: var(--ht-gray); transition: transform 0.3s ease; } .ht-mobile-flags__trigger.active .ht-mobile-flags__chevron { transform: rotate(180deg); } .ht-mobile-flags__panel { position: absolute; top: calc(100% + 10px); right: 0; background: #fff; border-radius: 18px; padding: 0.875rem; width: min(300px, calc(100vw - 1.5rem)); box-shadow: 0 16px 48px rgba(26,26,26,.18), 0 4px 16px rgba(26,26,26,.08); border: 1px solid var(--ht-gray-200); opacity: 0; visibility: hidden; transform: translateY(8px) scale(0.97); transform-origin: top right; transition: all 0.25s cubic-bezier(.4,0,.2,1); z-index: 10002; max-height: 70vh; overflow-y: auto; } .ht-mobile-flags__panel::before { content: ''; position: absolute; top: 0; left: 1rem; right: 1rem; height: 2px; background: linear-gradient(90deg, transparent, var(--ht-gold), transparent); border-radius: 2px; } .ht-mobile-flags__panel.active { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .ht-mobile-flags__title { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: var(--ht-gray); margin-bottom: 0.625rem; } .ht-mobile-flags__list { display: flex; flex-direction: column; gap: 2px; } .ht-mobile-flag-btn { display: flex; align-items: center; gap: 0.6rem; padding: 0.55rem 0.625rem; border-radius: 10px; background: transparent; border: 1.5px solid transparent; cursor: pointer; transition: all 0.16s ease; font-family: inherit; -webkit-tap-highlight-color: transparent; width: 100%; text-align: left; text-decoration: none; color: inherit; } .ht-mobile-flag-btn:hover { background: var(--ht-gray-100); border-color: var(--ht-gray-200); } .ht-mobile-flag-btn.active { background: rgba(201,162,39,.1); border-color: var(--ht-gold); } .ht-mobile-flag-btn img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 2px solid var(--ht-gray-200); flex-shrink: 0; transition: border-color 0.16s; } .ht-mobile-flag-btn:hover img, .ht-mobile-flag-btn.active img { border-color: var(--ht-gold); } .ht-mobile-flag-btn__info { display: flex; flex-direction: column; flex: 1; min-width: 0; } .ht-mobile-flag-btn__name { font-size: 0.84rem; font-weight: 700; color: var(--ht-dark); line-height: 1.2; } .ht-mobile-flag-btn__native { font-size: 0.7rem; color: var(--ht-gray); } .ht-mobile-flag-btn.active .ht-mobile-flag-btn__name { color: var(--ht-gold-dark); } .ht-mobile-flag-btn__check { font-size: 0.7rem; color: var(--ht-gold); opacity: 0; flex-shrink: 0; } .ht-mobile-flag-btn.active .ht-mobile-flag-btn__check { opacity: 1; } @media (max-width: 1200px) { .ht-mobile-toggle { display: flex; } .ht-lang { display: none; } .ht-btn--outline { display: none; } .ht-actions .ht-btn--primary { display: none; } .ht-mobile-flags { display: flex; } } .ht-mobile-overlay { position: fixed; inset: 0; background: rgba(26,26,26,.65); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .ht-mobile-overlay.active { opacity: 1; visibility: visible; } .ht-mobile-menu { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; max-width: 400px; background: #fff; z-index: 9999; transform: translateX(0); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.28s ease, visibility 0.28s ease; box-shadow: -8px 0 48px rgba(26,26,26,.18); display: flex; flex-direction: column; overflow: hidden; } .ht-mobile-menu.active { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); } .ht-mobile-menu__header { padding: 0.875rem 1.125rem; border-bottom: 1px solid var(--ht-gray-200); display: flex; align-items: center; justify-content: space-between; background: linear-gradient(180deg, var(--ht-gray-100) 0%, #fff 100%); position: relative; flex-shrink: 0; } .ht-mobile-menu__header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--ht-gold-dark), var(--ht-gold)); } .ht-mobile-menu__close { width: 42px; height: 42px; border-radius: 11px; border: 1.5px solid var(--ht-gray-200); background: #fff; color: var(--ht-dark); font-size: 1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; flex-shrink: 0; -webkit-tap-highlight-color: transparent; } .ht-mobile-menu__close:hover { background: var(--ht-dark); color: #fff; border-color: var(--ht-dark); transform: rotate(90deg); } .ht-mobile-menu__content { flex: 1; overflow-y: auto; padding: 1.125rem; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .ht-mobile-trust { background: linear-gradient(135deg, var(--ht-dark) 0%, var(--ht-dark-2) 100%); border-radius: 14px; padding: 1rem 1.125rem; margin-bottom: 1.125rem; display: flex; align-items: center; justify-content: space-between; gap: 6px; border: 1px solid rgba(201,162,39,.25); } .ht-mobile-trust-stat { text-align: center; } .ht-mobile-trust-stat strong { display: block; font-family: var(--ht-font-serif); font-size: 1.15rem; color: var(--ht-gold); font-weight: 700; line-height: 1; } .ht-mobile-trust-stat span { font-size: 0.65rem; color: rgba(255,255,255,.6); margin-top: 3px; display: block; text-transform: uppercase; letter-spacing: 0.05em; } .ht-mobile-trust-div { width: 1px; height: 30px; background: rgba(255,255,255,.12); flex-shrink: 0; } .ht-mobile-item { border-radius: 13px; overflow: hidden; background: var(--ht-gray-100); margin-bottom: 5px; border: 1.5px solid transparent; transition: border-color 0.2s, background 0.2s; } .ht-mobile-item.active { background: #fff; border-color: var(--ht-gray-200); } .ht-mobile-item__header { display: flex; align-items: center; justify-content: space-between; padding: 0.875rem 1rem; cursor: pointer; min-height: 54px; -webkit-tap-highlight-color: transparent; } .ht-mobile-item__title { display: flex; align-items: center; gap: 0.75rem; font-size: 0.95rem; font-weight: 700; color: var(--ht-dark); } .ht-mobile-item__title .fa, .ht-mobile-item__title .fas, .ht-mobile-item__title .far, .ht-mobile-item__title .fab { color: var(--ht-gold); font-size: 1rem; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: rgba(201,162,39,.12); border-radius: 8px; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .ht-mobile-item.active .ht-mobile-item__title .fa, .ht-mobile-item.active .ht-mobile-item__title .fas, .ht-mobile-item.active .ht-mobile-item__title .far, .ht-mobile-item.active .ht-mobile-item__title .fab { background: var(--ht-gold); color: #1a1a1a; } .ht-mobile-item__toggle { width: 30px; height: 30px; border-radius: 7px; background: #fff; display: flex; align-items: center; justify-content: center; color: var(--ht-gray); transition: all 0.28s ease; border: 1.5px solid var(--ht-gray-200); font-size: 0.7rem; flex-shrink: 0; } .ht-mobile-item.active .ht-mobile-item__toggle { background: var(--ht-gold); color: #1a1a1a; border-color: var(--ht-gold); transform: rotate(180deg); } .ht-mobile-item__content { max-height: 0; overflow: hidden; transition: max-height 0.38s ease; } .ht-mobile-item.active .ht-mobile-item__content { max-height: 600px; } .ht-mobile-item__links { padding: 0 0.875rem 0.875rem; display: flex; flex-direction: column; gap: 2px; } .ht-mobile-link { display: flex; align-items: center; gap: 0.7rem; padding: 0.75rem 0.875rem; color: var(--ht-gray); text-decoration: none; font-size: 0.9rem; font-weight: 500; border-radius: 9px; transition: all 0.16s ease; min-height: 46px; -webkit-tap-highlight-color: transparent; } .ht-mobile-link:hover { background: var(--ht-gray-100); color: var(--ht-gold-dark); transform: translateX(3px); } .ht-mobile-link .fa, .ht-mobile-link .fas, .ht-mobile-link .far { color: var(--ht-gold); width: 16px; text-align: center; font-size: 0.875rem; flex-shrink: 0; display: inline-block; } .ht-mobile-lang { margin-top: 1.125rem; padding-top: 1.125rem; border-top: 1.5px solid var(--ht-gray-200); } .ht-mobile-lang__title { font-size: 0.68rem; color: var(--ht-gray); text-transform: uppercase; letter-spacing: 0.12em; font-weight: 700; margin-bottom: 0.75rem; } .ht-mobile-lang__scroll { max-height: 260px; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--ht-gray-200) transparent; border: 1px solid var(--ht-gray-200); border-radius: 12px; padding: 0.375rem; } .ht-mobile-lang__scroll::-webkit-scrollbar { width: 4px; } .ht-mobile-lang__scroll::-webkit-scrollbar-track { background: transparent; } .ht-mobile-lang__scroll::-webkit-scrollbar-thumb { background: var(--ht-gray-200); border-radius: 4px; } .ht-drawer-lang-btn { display: flex; align-items: center; gap: 0.65rem; padding: 0.55rem 0.625rem; border-radius: 9px; width: 100%; background: transparent; border: 1.5px solid transparent; cursor: pointer; transition: all 0.15s ease; font-family: inherit; -webkit-tap-highlight-color: transparent; text-align: left; text-decoration: none; color: inherit; margin-bottom: 2px; } .ht-drawer-lang-btn:last-child { margin-bottom: 0; } .ht-drawer-lang-btn:hover { background: var(--ht-gray-100); border-color: var(--ht-gray-200); } .ht-drawer-lang-btn.active { background: rgba(201,162,39,.1); border-color: var(--ht-gold); } .ht-drawer-lang-btn img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; border: 2px solid var(--ht-gray-200); flex-shrink: 0; transition: border-color 0.15s; } .ht-drawer-lang-btn:hover img, .ht-drawer-lang-btn.active img { border-color: var(--ht-gold); } .ht-drawer-lang-btn__info { display: flex; flex-direction: column; flex: 1; min-width: 0; } .ht-drawer-lang-btn__name { font-size: 0.84rem; font-weight: 700; color: var(--ht-dark); line-height: 1.2; } .ht-drawer-lang-btn__native { font-size: 0.69rem; color: var(--ht-gray); } .ht-drawer-lang-btn.active .ht-drawer-lang-btn__name { color: var(--ht-gold-dark); } .ht-drawer-lang-btn__check { font-size: 0.7rem; color: var(--ht-gold); opacity: 0; flex-shrink: 0; } .ht-drawer-lang-btn.active .ht-drawer-lang-btn__check { opacity: 1; } .ht-mobile-cta { padding: 0.875rem 1.125rem; padding-bottom: calc(1.125rem + var(--safe-bottom)); background: linear-gradient(180deg, #fff 0%, var(--ht-gray-100) 100%); border-top: 1px solid var(--ht-gray-200); display: flex; flex-direction: column; gap: 0.5rem; flex-shrink: 0; } .ht-mobile-cta .ht-btn { width: 100%; justify-content: center; padding: 0.9rem; font-size: 0.9rem; border-radius: 13px; } .ht-mobile-cta .ht-btn--outline { border-color: var(--ht-gray-200); display: flex !important; } @media (max-width: 1360px) { .ht-mega--safari { width: 520px; } .ht-mega--kili { width: 500px; } .ht-mega--zanzibar { width: 500px; } .ht-mega--daytrips { width: 560px; } .ht-mega--about { width: 440px; } } @media (max-width: 768px) { body { padding-top: var(--header-h-mob); } .ht-header { height: var(--header-h-mob); } .ht-header__container { padding: 0 1rem; gap: 0.625rem; } .ht-logo__title { font-size: 1.15rem; } .ht-logo__tagline { display: none; } .ht-mobile-menu { max-width: 100%; } } </style> <style id="ht-global-mobile-safety"> @media (max-width: 768px) { html, body { max-width: 100%; overflow-x: hidden; } img, video, canvas, iframe { max-width: 100%; height: auto; } [class*="grid"], [class*="cards"], [class*="row"], [class*="columns"] { min-width: 0; } .container, .htc, .wrapper, .section-inner, .content, main, section { max-width: 100%; } .tour-card, .blog-card, .dest-card, .package-card, .review-card, .card { max-width: 100%; } .tabs, .tab-nav, .ht-tab-nav, .blog-tab-nav, [class*="tab"] { max-width: 100%; } .ht-tab-nav, .blog-tab-nav, .tabs-nav, .tab-buttons { overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; } table { max-width: 100%; display: block; overflow-x: auto; } } </style> </head> <body> <header class="ht-header" id="mainHeader"> <div class="ht-header__container"> <a href="https://www.haventrails.com/zh/" class="ht-logo"> <picture><source type="image/webp" srcset="https://www.haventrails.com/img/logo-150.webp 1x, https://www.haventrails.com/img/logo-300.webp 2x"><img src="https://www.haventrails.com/img/havenkili1-640.webp" width="150" height="36" data-retina="true" alt="哈文步道探险" class="logo_normal" loading="eager" decoding="async"></picture> </a> <nav class="ht-nav" aria-label="Main navigation"> <div class="ht-nav__item"> <a href="https://www.haventrails.com/zh/" class="ht-nav__link">首页</a> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> 野生动物园之旅 <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--safari" role="region"> <div> <h3 class="ht-mega__title">野生动物园类型</h3> <a href="https://www.haventrails.com/zh/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-paw" aria-hidden="true"></i></div> <div><h4>野生动物探险</h4><p>五巨头与大迁徙</p></div> </a> <a href="https://www.haventrails.com/zh/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-heart" aria-hidden="true"></i></div> <div><h4>蜜月旅行</h4><p>浪漫奢华的逃离</p></div> </a> <a href="https://www.haventrails.com/zh/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-users" aria-hidden="true"></i></div> <div><h4>家庭狩猎之旅</h4><p>适合儿童的冒险</p></div> </a> <a href="https://www.haventrails.com/zh/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-binoculars" aria-hidden="true"></i></div> <div><h4>野生动物观赏</h4><p>专家指导的游戏驱动器</p></div> </a> </div> <div> <h3 class="ht-mega__title">热门目的地</h3> <div class="ht-dest-grid"> <a href="https://www.haventrails.com/zh/serengeti-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari28.webp" alt="Serengeti" loading="lazy"> <span>塞伦盖蒂</span> </a> <a href="https://www.haventrails.com/zh/ngorongoro-crater" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari14.webp" alt="Ngorongoro" loading="lazy"> <span>恩戈罗恩戈罗</span> </a> <a href="https://www.haventrails.com/zh/tarangire-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havenmain1.webp" alt="Tarangire" loading="lazy"> <span>塔兰吉雷</span> </a> <a href="https://www.haventrails.com/zh/lake-manyara-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari4.webp" alt="Lake Manyara" loading="lazy"> <span>马尼亚拉湖</span> </a> </div> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> 乞力马扎罗山 <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--kili" role="region"> <div> <h3 class="ht-mega__title">热门航线</h3> <div class="ht-route-list"> <a href="https://www.haventrails.com/zh/lemosho-route" class="ht-route-item"> <div><h5>莱莫绍路线</h5><span>8 天 • 最佳适应期</span></div> <span class="ht-route-badge">最受好评</span> </a> <a href="https://www.haventrails.com/zh/machame-route" class="ht-route-item"> <div><h5>马切姆路线</h5><span>7 天 • 最受欢迎</span></div> <span class="ht-route-badge">热门</span> </a> <a href="https://www.haventrails.com/zh/marangu-route" class="ht-route-item"> <div><h5>马兰古路线</h5><span>5 天 • 小屋住宿</span></div> <span class="ht-route-badge">经典</span> </a> </div> </div> <div> <h3 class="ht-mega__title">规划资源</h3> <a href="https://www.haventrails.com/zh/kilimanjaro-packing-list" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-suitcase" aria-hidden="true"></i></div> <div><h4>装箱单</h4><p>必要的装备和设备</p></div> </a> <a href="https://www.haventrails.com/zh/kilimanjaro-climbing-guide" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-book" aria-hidden="true"></i></div> <div><h4>登山指南</h4><p>完整路线对比</p></div> </a> <a href="https://www.haventrails.com/zh/best-time-to-climb-kilimanjaro" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-calendar-days" aria-hidden="true"></i></div> <div><h4>最佳登山时间</h4><p>天气和季节指南</p></div> </a> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> 桑给巴尔 <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--zanzibar" role="region"> <div> <h3 class="ht-mega__title">岛屿体验</h3> <div class="ht-zanzibar-grid"> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-zan-card"><i class="fas fa-umbrella-beach" aria-hidden="true"></i><h5>海滩假期</h5><p>白色的沙滩和碧绿的海水</p></a> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-zan-card"><i class="fas fa-landmark" aria-hidden="true"></i><h5>石头城</h5><p>联合国教科文组织世界遗产</p></a> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-zan-card"><i class="fas fa-seedling" aria-hidden="true"></i><h5>香料之旅</h5><p>参观芳香种植园</p></a> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-zan-card"><i class="fas fa-ship" aria-hidden="true"></i><h5>狩猎蓝</h5><p>单桅帆船航行和浮潜</p></a> </div> </div> <div> <h3 class="ht-mega__title">热门旅游团</h3> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-mega-link"> <div class="ht-mega-link__icon" style="background:#fce7f3;color:#be185d;"><i class="fas fa-heart" aria-hidden="true"></i></div> <div><h4>蜜月套餐</h4><p>浪漫的海滩度假胜地</p></div> </a> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-mega-link"> <div class="ht-mega-link__icon" style="background:#dbeafe;color:#1d4ed8;"><i class="fas fa-users" aria-hidden="true"></i></div> <div><h4>家庭假期</h4><p>适合所有年龄段的乐趣</p></div> </a> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-mega-link"> <div class="ht-mega-link__icon" style="background:#d1fae5;color:#047857;"><i class="fas fa-map-location-dot" aria-hidden="true"></i></div> <div><h4>所有桑给巴尔旅游</h4><p>浏览每条行程</p></div> </a> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> 一日游 <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--daytrips" role="region"> <div class="ht-daytrip-col"> <h4><i class="fas fa-mountain" aria-hidden="true"></i> 乞力马扎罗山斜坡</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/zh/materuni-waterfall-day-trip">马特鲁尼瀑布和咖啡</a></li> <li><a href="https://www.haventrails.com/zh/mount-kilimanjaro-day-trip">乞力马扎罗山一日徒步</a></li> <li><a href="https://www.haventrails.com/zh/materuni-waterfall-day-trip">马兰古瀑布</a></li> <li><a href="https://www.haventrails.com/zh/olpopongi-maasai-village-day-trip">奥尔波蓬吉马赛村</a></li> </ul> </div> <div class="ht-daytrip-col"> <h4><i class="fas fa-paw" aria-hidden="true"></i> 野生动物与自然</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/zh/arusha-national-park-day-trip">阿鲁沙国家公园</a></li> <li><a href="https://www.haventrails.com/zh/tarangire-day-trip">塔兰吉雷一日游</a></li> <li><a href="https://www.haventrails.com/zh/lake-challa-day-trip">查拉湖火山口湖</a></li> <li><a href="https://www.haventrails.com/zh/chemka-kikuletwa-day-trip">彻姆卡温泉</a></li> </ul> </div> <div class="ht-daytrip-col"> <h4><i class="fas fa-landmark" aria-hidden="true"></i> 文化与历史</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/zh/daytrip-tours">莫西镇之旅</a></li> <li><a href="https://www.haventrails.com/zh/daytrip-tours">查加文化体验</a></li> <li><a href="https://www.haventrails.com/zh/daytrip-tours">当地市场参观</a></li> <li><a href="https://www.haventrails.com/zh/serval-wildlife-day-trip">薮猫野生动物中心</a></li> </ul> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> 关于 <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--about" role="region"> <div> <h3 class="ht-mega__title">公司简介</h3> <a href="https://www.haventrails.com/zh/about-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-building" aria-hidden="true"></i></div> <div><h4>我们的故事</h4><p>15年以上的卓越表现</p></div> </a> <a href="https://www.haventrails.com/zh/about-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-comments" aria-hidden="true"></i></div> <div><h4>客户故事</h4><p>真实的旅行者体验</p></div> </a> <a href="https://www.haventrails.com/zh/contact-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-envelope" aria-hidden="true"></i></div> <div><h4>联系我们</h4><p>与我们的团队联系</p></div> </a> </div> <div> <h3 class="ht-mega__title">资源</h3> <a href="https://www.haventrails.com/zh/tanzania-safari-guide" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-map" aria-hidden="true"></i></div> <div><h4>旅游指南</h4><p>签证、健康和安全信息</p></div> </a> <a href="https://www.haventrails.com/zh/blog" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-newspaper" aria-hidden="true"></i></div> <div><h4>旅游博客</h4><p>提示、新闻和灵感</p></div> </a> <a href="https://www.haventrails.com/zh/faq" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-question-circle" aria-hidden="true"></i></div> <div><h4>常见问题解答</h4><p>常见问题解答</p></div> </a> </div> </div> </div> </nav> <div class="ht-actions"> <div class="ht-lang" id="langSwitcher"> <button class="ht-lang__toggle" onclick="toggleLang()" aria-label="Select language" aria-expanded="false"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified" class="ht-lang__flag"> <span class="ht-lang__code">ZH</span> <i class="fas fa-chevron-down ht-lang__chevron" aria-hidden="true"></i> </button> <div class="ht-lang__dropdown" id="langDropdown" role="listbox" aria-label="语言选项"> <div class="ht-lang__search"> <input type="text" placeholder="搜索语言..." onkeyup="filterLang(this.value)" aria-label="搜索语言"> </div> <div id="langGrid"> <a href="https://www.haventrails.com/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="en"> <img src="https://flagcdn.com/w80/us.png" alt="英文"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">英文</span> <span class="ht-lang__option-native">英文</span> </div> </a> <a href="https://www.haventrails.com/da/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="da"> <img src="https://flagcdn.com/w80/dk.png" alt="Danish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Danish</span> <span class="ht-lang__option-native">Dansk</span> </div> </a> <a href="https://www.haventrails.com/de/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="de"> <img src="https://flagcdn.com/w80/de.png" alt="German"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">German</span> <span class="ht-lang__option-native">Deutsch</span> </div> </a> <a href="https://www.haventrails.com/es/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="es"> <img src="https://flagcdn.com/w80/es.png" alt="Spanish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Spanish</span> <span class="ht-lang__option-native">Espanol</span> </div> </a> <a href="https://www.haventrails.com/fr/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="fr"> <img src="https://flagcdn.com/w80/fr.png" alt="French"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">French</span> <span class="ht-lang__option-native">Francais</span> </div> </a> <a href="https://www.haventrails.com/it/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="it"> <img src="https://flagcdn.com/w80/it.png" alt="Italian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Italian</span> <span class="ht-lang__option-native">Italiano</span> </div> </a> <a href="https://www.haventrails.com/ko/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="ko"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Korean</span> <span class="ht-lang__option-native">Korean</span> </div> </a> <a href="https://www.haventrails.com/nl/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="nl"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Dutch</span> <span class="ht-lang__option-native">Nederlands</span> </div> </a> <a href="https://www.haventrails.com/pl/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="pl"> <img src="https://flagcdn.com/w80/pl.png" alt="Polish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Polish</span> <span class="ht-lang__option-native">Polski</span> </div> </a> <a href="https://www.haventrails.com/ru/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="ru"> <img src="https://flagcdn.com/w80/ru.png" alt="Russian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Russian</span> <span class="ht-lang__option-native">Russian</span> </div> </a> <a href="https://www.haventrails.com/sv/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="sv"> <img src="https://flagcdn.com/w80/se.png" alt="Swedish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Swedish</span> <span class="ht-lang__option-native">Svenska</span> </div> </a> <a href="https://www.haventrails.com/pt/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="pt-BR"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (巴西)"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Portuguese (巴西)</span> <span class="ht-lang__option-native">Portugues</span> </div> </a> <a href="https://www.haventrails.com/ja/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="ja"> <img src="https://flagcdn.com/w80/jp.png" alt="Japanese"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Japanese</span> <span class="ht-lang__option-native">Japanese</span> </div> </a> <a href="https://www.haventrails.com/tr/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="tr"> <img src="https://flagcdn.com/w80/tr.png" alt="Turkish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Turkish</span> <span class="ht-lang__option-native">Turkce</span> </div> </a> <a href="https://www.haventrails.com/zh/romantic-proposal-setup-zanzibar" class="ht-lang__option active" data-lang="zh-Hans"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Chinese Simplified</span> <span class="ht-lang__option-native">简体中文</span> </div> </a> <a href="https://www.haventrails.com/zh-tw/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="zh-TW"> <img src="https://flagcdn.com/w80/tw.png" alt="Chinese Traditional (Taiwan)"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Chinese Traditional (Taiwan)</span> <span class="ht-lang__option-native">繁体中文 (Taiwan)</span> </div> </a> <a href="https://www.haventrails.com/zh-hk/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="zh-HK"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Chinese Traditional (Hong Kong)</span> <span class="ht-lang__option-native">繁体中文 (Hong Kong)</span> </div> </a> <a href="https://www.haventrails.com/ar/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="ar"> <img src="https://flagcdn.com/w80/sa.png" alt="Arabic"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Arabic</span> <span class="ht-lang__option-native">Arabic</span> </div> </a> <a href="https://www.haventrails.com/no/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="no"> <img src="https://flagcdn.com/w80/no.png" alt="Norwegian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Norwegian</span> <span class="ht-lang__option-native">Norsk</span> </div> </a> <a href="https://www.haventrails.com/fi/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="fi"> <img src="https://flagcdn.com/w80/fi.png" alt="Finnish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Finnish</span> <span class="ht-lang__option-native">Suomi</span> </div> </a> <a href="https://www.haventrails.com/he/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="he"> <img src="https://flagcdn.com/w80/il.png" alt="Hebrew"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Hebrew</span> <span class="ht-lang__option-native">Hebrew</span> </div> </a> <a href="https://www.haventrails.com/hi/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="hi"> <img src="https://flagcdn.com/w80/in.png" alt="Hindi"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Hindi</span> <span class="ht-lang__option-native">Hindi</span> </div> </a> <a href="https://www.haventrails.com/th/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="th"> <img src="https://flagcdn.com/w80/th.png" alt="Thai"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Thai</span> <span class="ht-lang__option-native">Thai</span> </div> </a> <a href="https://www.haventrails.com/id/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="id"> <img src="https://flagcdn.com/w80/id.png" alt="Indonesian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Indonesian</span> <span class="ht-lang__option-native">Bahasa Indonesia</span> </div> </a> <a href="https://www.haventrails.com/cs/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="cs"> <img src="https://flagcdn.com/w80/cz.png" alt="Czech"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Czech</span> <span class="ht-lang__option-native">Cestina</span> </div> </a> <a href="https://www.haventrails.com/hu/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="hu"> <img src="https://flagcdn.com/w80/hu.png" alt="Hungarian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Hungarian</span> <span class="ht-lang__option-native">Magyar</span> </div> </a> <a href="https://www.haventrails.com/el/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="el"> <img src="https://flagcdn.com/w80/gr.png" alt="Greek"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Greek</span> <span class="ht-lang__option-native">Greek</span> </div> </a> <a href="https://www.haventrails.com/sk/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="sk"> <img src="https://flagcdn.com/w80/sk.png" alt="Slovak"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Slovak</span> <span class="ht-lang__option-native">Slovencina</span> </div> </a> <a href="https://www.haventrails.com/uk/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="uk"> <img src="https://flagcdn.com/w80/ua.png" alt="Ukrainian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Ukrainian</span> <span class="ht-lang__option-native">Ukrainian</span> </div> </a> <a href="https://www.haventrails.com/ro/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="ro"> <img src="https://flagcdn.com/w80/ro.png" alt="Romanian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Romanian</span> <span class="ht-lang__option-native">Romana</span> </div> </a> <a href="https://www.haventrails.com/vi/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="vi"> <img src="https://flagcdn.com/w80/vn.png" alt="Vietnamese"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Vietnamese</span> <span class="ht-lang__option-native">Tieng Viet</span> </div> </a> <a href="https://www.haventrails.com/tl/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="tl"> <img src="https://flagcdn.com/w80/ph.png" alt="Filipino/Tagalog"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Filipino/Tagalog</span> <span class="ht-lang__option-native">Filipino</span> </div> </a> <a href="https://www.haventrails.com/kk/romantic-proposal-setup-zanzibar" class="ht-lang__option" data-lang="kk"> <img src="https://flagcdn.com/w80/kz.png" alt="Kazakh"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Kazakh</span> <span class="ht-lang__option-native">Kazakh</span> </div> </a> </div> </div> </div> <a href="tel:+255713334154" class="ht-btn ht-btn--outline" aria-label="Call us"> <i class="fas fa-phone" aria-hidden="true"></i> <span>致电我们</span> </a> <a href="https://www.haventrails.com/zh/planning-my-trip" class="ht-btn ht-btn--primary"> <i class="fas fa-calendar-check" aria-hidden="true"></i> <span>开始规划</span> </a> <div class="ht-mobile-flags" id="mobileFlagSwitcher"> <button class="ht-mobile-flags__trigger" onclick="toggleMobileFlags()" aria-label="Select language" aria-expanded="false" id="mobileFlagsBtn"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified" class="ht-lang__flag"> <span class="ht-mobile-flags__code" id="mobileFlagCode">ZH</span> <i class="fas fa-chevron-down ht-mobile-flags__chevron" aria-hidden="true"></i> </button> <div class="ht-mobile-flags__panel" id="mobileFlagsPanel" role="listbox" aria-label="Select language"> <div class="ht-mobile-flags__title">选择您的语言</div> <div class="ht-mobile-flags__list"> <a href="https://www.haventrails.com/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="en" aria-label="英文"> <img src="https://flagcdn.com/w80/us.png" alt="英文"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">英文</span> <span class="ht-mobile-flag-btn__native">英文</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/da/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="da" aria-label="Danish"> <img src="https://flagcdn.com/w80/dk.png" alt="Danish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Danish</span> <span class="ht-mobile-flag-btn__native">Dansk</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/de/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="de" aria-label="German"> <img src="https://flagcdn.com/w80/de.png" alt="German"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">German</span> <span class="ht-mobile-flag-btn__native">Deutsch</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/es/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="es" aria-label="Spanish"> <img src="https://flagcdn.com/w80/es.png" alt="Spanish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Spanish</span> <span class="ht-mobile-flag-btn__native">Espanol</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fr/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="fr" aria-label="French"> <img src="https://flagcdn.com/w80/fr.png" alt="French"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">French</span> <span class="ht-mobile-flag-btn__native">Francais</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/it/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="it" aria-label="Italian"> <img src="https://flagcdn.com/w80/it.png" alt="Italian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Italian</span> <span class="ht-mobile-flag-btn__native">Italiano</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ko/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="ko" aria-label="Korean"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Korean</span> <span class="ht-mobile-flag-btn__native">Korean</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/nl/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="nl" aria-label="Dutch"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Dutch</span> <span class="ht-mobile-flag-btn__native">Nederlands</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pl/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="pl" aria-label="Polish"> <img src="https://flagcdn.com/w80/pl.png" alt="Polish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Polish</span> <span class="ht-mobile-flag-btn__native">Polski</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ru/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="ru" aria-label="Russian"> <img src="https://flagcdn.com/w80/ru.png" alt="Russian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Russian</span> <span class="ht-mobile-flag-btn__native">Russian</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sv/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="sv" aria-label="Swedish"> <img src="https://flagcdn.com/w80/se.png" alt="Swedish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Swedish</span> <span class="ht-mobile-flag-btn__native">Svenska</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pt/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="pt-BR" aria-label="Portuguese (巴西)"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (巴西)"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Portuguese (巴西)</span> <span class="ht-mobile-flag-btn__native">Portugues</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ja/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="ja" aria-label="Japanese"> <img src="https://flagcdn.com/w80/jp.png" alt="Japanese"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Japanese</span> <span class="ht-mobile-flag-btn__native">Japanese</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tr/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="tr" aria-label="Turkish"> <img src="https://flagcdn.com/w80/tr.png" alt="Turkish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Turkish</span> <span class="ht-mobile-flag-btn__native">Turkce</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn active" data-lang="zh-Hans" aria-label="Chinese Simplified"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Chinese Simplified</span> <span class="ht-mobile-flag-btn__native">简体中文</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-tw/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="zh-TW" aria-label="Chinese Traditional (Taiwan)"> <img src="https://flagcdn.com/w80/tw.png" alt="Chinese Traditional (Taiwan)"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Chinese Traditional (Taiwan)</span> <span class="ht-mobile-flag-btn__native">繁体中文 (Taiwan)</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-hk/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="zh-HK" aria-label="Chinese Traditional (Hong Kong)"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Chinese Traditional (Hong Kong)</span> <span class="ht-mobile-flag-btn__native">繁体中文 (Hong Kong)</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ar/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="ar" aria-label="Arabic"> <img src="https://flagcdn.com/w80/sa.png" alt="Arabic"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Arabic</span> <span class="ht-mobile-flag-btn__native">Arabic</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/no/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="no" aria-label="Norwegian"> <img src="https://flagcdn.com/w80/no.png" alt="Norwegian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Norwegian</span> <span class="ht-mobile-flag-btn__native">Norsk</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fi/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="fi" aria-label="Finnish"> <img src="https://flagcdn.com/w80/fi.png" alt="Finnish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Finnish</span> <span class="ht-mobile-flag-btn__native">Suomi</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/he/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="he" aria-label="Hebrew"> <img src="https://flagcdn.com/w80/il.png" alt="Hebrew"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Hebrew</span> <span class="ht-mobile-flag-btn__native">Hebrew</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hi/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="hi" aria-label="Hindi"> <img src="https://flagcdn.com/w80/in.png" alt="Hindi"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Hindi</span> <span class="ht-mobile-flag-btn__native">Hindi</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/th/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="th" aria-label="Thai"> <img src="https://flagcdn.com/w80/th.png" alt="Thai"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Thai</span> <span class="ht-mobile-flag-btn__native">Thai</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/id/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="id" aria-label="Indonesian"> <img src="https://flagcdn.com/w80/id.png" alt="Indonesian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Indonesian</span> <span class="ht-mobile-flag-btn__native">Bahasa Indonesia</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/cs/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="cs" aria-label="Czech"> <img src="https://flagcdn.com/w80/cz.png" alt="Czech"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Czech</span> <span class="ht-mobile-flag-btn__native">Cestina</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hu/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="hu" aria-label="Hungarian"> <img src="https://flagcdn.com/w80/hu.png" alt="Hungarian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Hungarian</span> <span class="ht-mobile-flag-btn__native">Magyar</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/el/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="el" aria-label="Greek"> <img src="https://flagcdn.com/w80/gr.png" alt="Greek"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Greek</span> <span class="ht-mobile-flag-btn__native">Greek</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sk/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="sk" aria-label="Slovak"> <img src="https://flagcdn.com/w80/sk.png" alt="Slovak"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Slovak</span> <span class="ht-mobile-flag-btn__native">Slovencina</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/uk/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="uk" aria-label="Ukrainian"> <img src="https://flagcdn.com/w80/ua.png" alt="Ukrainian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Ukrainian</span> <span class="ht-mobile-flag-btn__native">Ukrainian</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ro/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="ro" aria-label="Romanian"> <img src="https://flagcdn.com/w80/ro.png" alt="Romanian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Romanian</span> <span class="ht-mobile-flag-btn__native">Romana</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/vi/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="vi" aria-label="Vietnamese"> <img src="https://flagcdn.com/w80/vn.png" alt="Vietnamese"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Vietnamese</span> <span class="ht-mobile-flag-btn__native">Tieng Viet</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tl/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="tl" aria-label="Filipino/Tagalog"> <img src="https://flagcdn.com/w80/ph.png" alt="Filipino/Tagalog"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Filipino/Tagalog</span> <span class="ht-mobile-flag-btn__native">Filipino</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/kk/romantic-proposal-setup-zanzibar" class="ht-mobile-flag-btn" data-lang="kk" aria-label="Kazakh"> <img src="https://flagcdn.com/w80/kz.png" alt="Kazakh"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Kazakh</span> <span class="ht-mobile-flag-btn__native">Kazakh</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> </div> </div> </div> <button class="ht-mobile-toggle" id="mobileToggle" onclick="toggleMobileMenu()" aria-label="打开导航菜单" aria-expanded="false"> <span></span> <span></span> <span></span> </button> </div> </div> </header> <div class="ht-mobile-overlay" id="mobileOverlay" onclick="closeMobileMenu()"></div> <div class="ht-mobile-menu" id="mobileMenu" role="dialog" aria-modal="true" aria-label="导航菜单"> <div class="ht-mobile-menu__header"> <a href="https://www.haventrails.com/zh/" class="ht-logo" style="transform:scale(.88);transform-origin:left;"> <picture><source type="image/webp" srcset="https://www.haventrails.com/img/logo-150.webp 1x, https://www.haventrails.com/img/logo-300.webp 2x"><img src="https://www.haventrails.com/img/havensafari5.webp" width="150" height="36" data-retina="true" alt="哈文步道探险" class="logo_normal" loading="eager" decoding="async"></picture> </a> <button class="ht-mobile-menu__close" onclick="closeMobileMenu()" aria-label="Close navigation menu"> <i class="fas fa-times" aria-hidden="true"></i> </button> </div> <div class="ht-mobile-menu__content"> <div class="ht-mobile-trust" aria-label="我们的资质"> <div class="ht-mobile-trust-stat"><strong>15+</strong><span>年</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>98.5%</strong><span>峰会</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>5<i class="fa-solid fa-star" aria-hidden="true"></i></strong><span>额定</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>4,000+</strong><span>嘉宾</span></div> </div> <nav class="ht-mobile-nav" aria-label="Mobile navigation"> <div class="ht-mobile-item"> <a href="https://www.haventrails.com/zh/" class="ht-mobile-item__header" style="text-decoration:none;"> <span class="ht-mobile-item__title"><i class="fas fa-home" aria-hidden="true"></i> 首页</span> </a> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-paw" aria-hidden="true"></i> 野生动物园之旅</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/zh/safari-tours" class="ht-mobile-link"><i class="fas fa-binoculars" aria-hidden="true"></i> 野生动物探险</a> <a href="https://www.haventrails.com/zh/safari-tours" class="ht-mobile-link"><i class="fas fa-heart" aria-hidden="true"></i> 蜜月旅行</a> <a href="https://www.haventrails.com/zh/safari-tours" class="ht-mobile-link"><i class="fas fa-users" aria-hidden="true"></i> 家庭狩猎之旅</a> <a href="https://www.haventrails.com/zh/serengeti-national-park" class="ht-mobile-link"><i class="fas fa-map-marker-alt" aria-hidden="true"></i> 塞伦盖蒂</a> <a href="https://www.haventrails.com/zh/ngorongoro-crater" class="ht-mobile-link"><i class="fas fa-mountain" aria-hidden="true"></i> 恩戈罗恩戈罗</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-mountain" aria-hidden="true"></i> 乞力马扎罗山</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/zh/lemosho-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> 莱莫绍路线</a> <a href="https://www.haventrails.com/zh/machame-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> 马切姆路线</a> <a href="https://www.haventrails.com/zh/marangu-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> 马兰古路线</a> <a href="https://www.haventrails.com/zh/kilimanjaro-packing-list" class="ht-mobile-link"><i class="fas fa-suitcase" aria-hidden="true"></i> 装箱单</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-umbrella-beach" aria-hidden="true"></i> 桑给巴尔</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-sun" aria-hidden="true"></i> 海滩假期</a> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-landmark" aria-hidden="true"></i> 石头城</a> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-seedling" aria-hidden="true"></i> 香料之旅</a> <a href="https://www.haventrails.com/zh/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-ship" aria-hidden="true"></i> 狩猎蓝</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-clock" aria-hidden="true"></i> 一日游</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/zh/materuni-waterfall-day-trip" class="ht-mobile-link"><i class="fas fa-water" aria-hidden="true"></i> 马特鲁尼瀑布</a> <a href="https://www.haventrails.com/zh/arusha-national-park-day-trip" class="ht-mobile-link"><i class="fas fa-paw" aria-hidden="true"></i> 阿鲁沙国家公园</a> <a href="https://www.haventrails.com/zh/chemka-kikuletwa-day-trip" class="ht-mobile-link"><i class="fas fa-hot-tub-person" aria-hidden="true"></i> 彻姆卡温泉</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-info-circle" aria-hidden="true"></i> 关于</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/zh/about-us" class="ht-mobile-link"><i class="fas fa-building" aria-hidden="true"></i> 我们的故事</a> <a href="https://www.haventrails.com/zh/about-us" class="ht-mobile-link"><i class="fas fa-comments" aria-hidden="true"></i> 评论</a> <a href="https://www.haventrails.com/zh/blog" class="ht-mobile-link"><i class="fas fa-newspaper" aria-hidden="true"></i> 博客</a> <a href="https://www.haventrails.com/zh/faq" class="ht-mobile-link"><i class="fas fa-question-circle" aria-hidden="true"></i> 常见问题解答</a> <a href="https://www.haventrails.com/zh/contact-us" class="ht-mobile-link"><i class="fas fa-envelope" aria-hidden="true"></i> 联系方式</a> </div> </div> </div> </nav> <div class="ht-mobile-lang"> <div class="ht-mobile-lang__title">选择语言</div> <div class="ht-mobile-lang__scroll" id="drawerLangGrid"> <a href="https://www.haventrails.com/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="en"> <img src="https://flagcdn.com/w80/us.png" alt="英文"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">英文</span> <span class="ht-drawer-lang-btn__native">英文</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/da/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="da"> <img src="https://flagcdn.com/w80/dk.png" alt="Danish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Danish</span> <span class="ht-drawer-lang-btn__native">Dansk</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/de/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="de"> <img src="https://flagcdn.com/w80/de.png" alt="German"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">German</span> <span class="ht-drawer-lang-btn__native">Deutsch</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/es/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="es"> <img src="https://flagcdn.com/w80/es.png" alt="Spanish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Spanish</span> <span class="ht-drawer-lang-btn__native">Espanol</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fr/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="fr"> <img src="https://flagcdn.com/w80/fr.png" alt="French"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">French</span> <span class="ht-drawer-lang-btn__native">Francais</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/it/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="it"> <img src="https://flagcdn.com/w80/it.png" alt="Italian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Italian</span> <span class="ht-drawer-lang-btn__native">Italiano</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ko/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="ko"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Korean</span> <span class="ht-drawer-lang-btn__native">Korean</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/nl/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="nl"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Dutch</span> <span class="ht-drawer-lang-btn__native">Nederlands</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pl/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="pl"> <img src="https://flagcdn.com/w80/pl.png" alt="Polish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Polish</span> <span class="ht-drawer-lang-btn__native">Polski</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ru/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="ru"> <img src="https://flagcdn.com/w80/ru.png" alt="Russian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Russian</span> <span class="ht-drawer-lang-btn__native">Russian</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sv/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="sv"> <img src="https://flagcdn.com/w80/se.png" alt="Swedish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Swedish</span> <span class="ht-drawer-lang-btn__native">Svenska</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pt/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="pt-BR"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (巴西)"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Portuguese (巴西)</span> <span class="ht-drawer-lang-btn__native">Portugues</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ja/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="ja"> <img src="https://flagcdn.com/w80/jp.png" alt="Japanese"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Japanese</span> <span class="ht-drawer-lang-btn__native">Japanese</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tr/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="tr"> <img src="https://flagcdn.com/w80/tr.png" alt="Turkish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Turkish</span> <span class="ht-drawer-lang-btn__native">Turkce</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn active" data-lang="zh-Hans"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Chinese Simplified</span> <span class="ht-drawer-lang-btn__native">简体中文</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-tw/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="zh-TW"> <img src="https://flagcdn.com/w80/tw.png" alt="Chinese Traditional (Taiwan)"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Chinese Traditional (Taiwan)</span> <span class="ht-drawer-lang-btn__native">繁体中文 (Taiwan)</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-hk/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="zh-HK"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Chinese Traditional (Hong Kong)</span> <span class="ht-drawer-lang-btn__native">繁体中文 (Hong Kong)</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ar/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="ar"> <img src="https://flagcdn.com/w80/sa.png" alt="Arabic"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Arabic</span> <span class="ht-drawer-lang-btn__native">Arabic</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/no/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="no"> <img src="https://flagcdn.com/w80/no.png" alt="Norwegian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Norwegian</span> <span class="ht-drawer-lang-btn__native">Norsk</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fi/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="fi"> <img src="https://flagcdn.com/w80/fi.png" alt="Finnish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Finnish</span> <span class="ht-drawer-lang-btn__native">Suomi</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/he/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="he"> <img src="https://flagcdn.com/w80/il.png" alt="Hebrew"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Hebrew</span> <span class="ht-drawer-lang-btn__native">Hebrew</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hi/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="hi"> <img src="https://flagcdn.com/w80/in.png" alt="Hindi"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Hindi</span> <span class="ht-drawer-lang-btn__native">Hindi</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/th/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="th"> <img src="https://flagcdn.com/w80/th.png" alt="Thai"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Thai</span> <span class="ht-drawer-lang-btn__native">Thai</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/id/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="id"> <img src="https://flagcdn.com/w80/id.png" alt="Indonesian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Indonesian</span> <span class="ht-drawer-lang-btn__native">Bahasa Indonesia</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/cs/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="cs"> <img src="https://flagcdn.com/w80/cz.png" alt="Czech"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Czech</span> <span class="ht-drawer-lang-btn__native">Cestina</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hu/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="hu"> <img src="https://flagcdn.com/w80/hu.png" alt="Hungarian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Hungarian</span> <span class="ht-drawer-lang-btn__native">Magyar</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/el/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="el"> <img src="https://flagcdn.com/w80/gr.png" alt="Greek"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Greek</span> <span class="ht-drawer-lang-btn__native">Greek</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sk/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="sk"> <img src="https://flagcdn.com/w80/sk.png" alt="Slovak"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Slovak</span> <span class="ht-drawer-lang-btn__native">Slovencina</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/uk/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="uk"> <img src="https://flagcdn.com/w80/ua.png" alt="Ukrainian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Ukrainian</span> <span class="ht-drawer-lang-btn__native">Ukrainian</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ro/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="ro"> <img src="https://flagcdn.com/w80/ro.png" alt="Romanian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Romanian</span> <span class="ht-drawer-lang-btn__native">Romana</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/vi/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="vi"> <img src="https://flagcdn.com/w80/vn.png" alt="Vietnamese"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Vietnamese</span> <span class="ht-drawer-lang-btn__native">Tieng Viet</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tl/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="tl"> <img src="https://flagcdn.com/w80/ph.png" alt="Filipino/Tagalog"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Filipino/Tagalog</span> <span class="ht-drawer-lang-btn__native">Filipino</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/kk/romantic-proposal-setup-zanzibar" class="ht-drawer-lang-btn" data-lang="kk"> <img src="https://flagcdn.com/w80/kz.png" alt="Kazakh"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Kazakh</span> <span class="ht-drawer-lang-btn__native">Kazakh</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> </div> </div> <div class="ht-mobile-cta"> <a href="tel:+255713334154" class="ht-btn ht-btn--outline"><i class="fas fa-phone" aria-hidden="true"></i> 致电我们</a> <a href="https://www.haventrails.com/zh/planning-my-trip" class="ht-btn ht-btn--primary"><i class="fas fa-calendar-check" aria-hidden="true"></i> 开始规划</a> </div> </div> <script> const header = document.getElementById('mainHeader'); window.addEventListener('scroll', () => { header.classList.toggle('ht-header--scrolled', window.pageYOffset > 50); }, { passive: true }); function toggleLang() { const dropdown = document.getElementById('langDropdown'); const toggle = document.querySelector('.ht-lang__toggle'); const isOpen = dropdown.classList.toggle('active'); toggle.classList.toggle('active', isOpen); toggle.setAttribute('aria-expanded', isOpen); } function filterLang(query) { const q = query.toLowerCase(); document.querySelectorAll('.ht-lang__option').forEach(opt => { opt.style.display = opt.textContent.toLowerCase().includes(q) ? '' : 'none'; }); } document.addEventListener('click', e => { const langSwitcher = document.getElementById('langSwitcher'); if (langSwitcher && !langSwitcher.contains(e.target)) { document.getElementById('langDropdown').classList.remove('active'); document.querySelector('.ht-lang__toggle')?.classList.remove('active'); } const mobileFlags = document.getElementById('mobileFlagSwitcher'); if (mobileFlags && !mobileFlags.contains(e.target)) { closeMobileFlags(); } }); function toggleMobileFlags() { const panel = document.getElementById('mobileFlagsPanel'); const btn = document.getElementById('mobileFlagsBtn'); const isOpen = panel.classList.toggle('active'); btn.classList.toggle('active', isOpen); btn.setAttribute('aria-expanded', isOpen); } function closeMobileFlags() { document.getElementById('mobileFlagsPanel')?.classList.remove('active'); const btn = document.getElementById('mobileFlagsBtn'); btn?.classList.remove('active'); btn?.setAttribute('aria-expanded', 'false'); } function toggleMobileMenu() { const menu = document.getElementById('mobileMenu'); const overlay = document.getElementById('mobileOverlay'); const toggle = document.getElementById('mobileToggle'); const isOpen = menu.classList.toggle('active'); overlay.classList.toggle('active', isOpen); toggle.classList.toggle('active', isOpen); toggle.setAttribute('aria-expanded', isOpen); document.body.style.overflow = isOpen ? 'hidden' : ''; if (isOpen) closeMobileFlags(); } function closeMobileMenu() { const menu = document.getElementById('mobileMenu'); const overlay = document.getElementById('mobileOverlay'); const toggle = document.getElementById('mobileToggle'); menu.classList.remove('active'); overlay.classList.remove('active'); toggle.classList.remove('active'); toggle.setAttribute('aria-expanded', 'false'); document.body.style.overflow = ''; } function toggleAccordion(headerEl) { const item = headerEl.parentElement; const isActive = item.classList.contains('active'); document.querySelectorAll('.ht-mobile-item').forEach(i => i.classList.remove('active')); if (!isActive) item.classList.add('active'); headerEl.setAttribute('aria-expanded', !isActive); } document.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { if (e.target.getAttribute('role') === 'button') { e.preventDefault(); e.target.click(); } } if (e.key === 'Escape') { if (document.getElementById('mobileMenu')?.classList.contains('active')) closeMobileMenu(); if (document.getElementById('langDropdown')?.classList.contains('active')) toggleLang(); if (document.getElementById('mobileFlagsPanel')?.classList.contains('active')) closeMobileFlags(); } }); </script> </div> <div id="has-smooth"> <div id="has-smooth-wrap"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> <style> :root{--gold:#C9A84C;--gold-light:#E8C97A;--dark:#0D0D0D;--dark-2:#161616;--dark-3:#1E1E1E;--white:#FFFFFF;--text:#E8E8E8;--text-muted:#A0A0A0;--font-d:'Cormorant Garamond',Georgia,serif;--font-b:'Jost',sans-serif;--hh:72px;--r:4px;--t:0.3s ease;} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} .hero{position:relative;height:88vh;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;} .hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a0d 35%,#0d1a0d 65%,#0a0f0d 100%);} .hero-mt{position:absolute;bottom:0;left:0;right:0;height:65%;} .hero-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,13,.96) 0%,rgba(13,13,13,.5) 40%,rgba(13,13,13,.1) 70%,transparent 100%);} .stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;} .star{position:absolute;background:#fff;border-radius:50%;animation:tw 3s infinite;} @keyframes tw{0%,100%{opacity:.6}50%{opacity:.1}} .hc{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%;padding:0 32px 64px;} .hbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,.9);border:1px solid rgba(201,168,76,.3);color:white;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:100px;margin-bottom:20px;} .hero h1{font-family:var(--font-d);font-size:clamp(42px,7vw,88px);font-weight:700;line-height:1;color:var(--white);margin-bottom:8px;} .hero h1 em{font-style:italic;color:var(--gold);} .hero-sub{font-size:clamp(14px,2vw,18px);color:white;font-weight:300;margin-bottom:32px;max-width:560px;} .hstats{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:32px;} .sv{font-family:var(--font-d);font-size:28px;font-weight:700;color:var(--gold);line-height:1;} .sl{font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;} .sdiv{width:1px;height:36px;background:rgba(255,255,255,.1);} .hact{display:flex;gap:14px;flex-wrap:wrap;} .btn-p{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--dark);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:var(--r);transition:all var(--t);} .btn-p:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,.3);} .btn-s{display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--white);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:var(--r);border:1px solid rgba(255,255,255,.2);transition:all var(--t);} .btn-s:hover{border-color:var(--gold);color:var(--gold);} .bc{background:#4a2e01;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 0;} .bci{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);} .bci a:hover{color:var(--gold);} .bci .sep{color:#444;} .pl{max-width:1280px;margin:0 auto;padding:60px 32px;display:grid;grid-template-columns:1fr 300px;gap:40px;} .slbl{font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:8px;} .stit{font-family:var(--font-d);font-size:clamp(26px,4vw,40px);font-weight:700;color: #4a2e01;line-height:1.15;margin-bottom:20px;} .stit em{font-style:italic;color:var(--gold);} .divdr{width:48px;height:2px;background:var(--gold);margin-bottom:24px;} .prose{color:var(--text-muted);line-height:1.8;font-weight:300;font-size:15px;} .prose p+p{margin-top:16px;} .prose strong{color:var(--text);font-weight:500;} .qf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0;} .fc{background:#e5e6e1;border:1px solid #4a2e01;border-radius:var(--r);padding:18px 14px;text-align:center;transition:border-color var(--t),transform var(--t);} .fc:hover{border-color:rgba(201,168,76,.3);transform:translateY(-2px);} .fi{width:38px;height:38px;border-radius:50%;background:rgba(201,168,76,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--gold);font-size:15px;} .fv{font-family:var(--font-d);font-size:20px;font-weight:700;color:#4a2e01;line-height:1.1;margin-bottom:4px;} .fl{font-size:11px;color:black;letter-spacing:.08em;text-transform:uppercase;} .pcg{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;} .pro,.con{background:#e5e6e1;border-radius:var(--r);padding:22px;border:1px solid;} .pro{border-color:rgba(76,201,130,.15);} .con{border-color:rgba(201,76,76,.15);} .pct{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;} .pro .pct{color:#4CC982;} .con .pct{color:#CC5555;} .pcl{list-style:none;display:flex;flex-direction:column;gap:9px;} .pcl li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:black;line-height:1.5;} .pcl li i{margin-top:2px;flex-shrink:0;font-size:11px;} .pro .pcl li i{color:#4CC982;} .con .pcl li i{color:#CC5555;} .gg{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:10px;margin:28px 0;} .gi{border-radius:var(--r);overflow:hidden;position:relative;background:var(--dark-3);aspect-ratio:4/3;} .gi:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:unset;} .gsvg{width:100%;height:100%;display:block;} .gov{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background var(--t);} .gi:hover .gov{background:rgba(0,0,0,.35);} .gov i{color:transparent;font-size:24px;transition:color var(--t);} .gi:hover .gov i{color:var(--white);} .ec{background:var(--dark-3);border:1px solid rgba(201,168,76,.1);border-radius:var(--r);padding:24px;overflow:hidden;} .ec svg{width:100%;height:auto;display:block;} .ith{ display:flex; background: #e5e6e1; border:1px solid rgba(201,168,76,.15); border-radius:var(--r); overflow:hidden; margin-bottom:24px; position:sticky; top:72px; z-index:40; } .itb{flex:1;padding:16px 20px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--t);position:relative;display:flex;flex-direction:column;gap:3px;} .itb+.itb{border-left:1px solid rgba(255,255,255,.07);} .itb .td{font-family:var(--font-d);font-size:22px;font-weight:700;color: black;line-height:1;transition:color var(--t);} .itb .tl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:black;transition:color var(--t);} .itb .tr{font-size:11px;color:black;display:flex;align-items:center;gap:5px;margin-top:2px;transition:color var(--t);} .itb .trec{font-size:10px;color:#4CC982;letter-spacing:.06em;margin-top:2px;opacity:0;transition:opacity var(--t);} .itb.active{background: #4a2e01;} .itb.active .td{color:var(--gold);} .itb.active .tl{color:var(--text);} .itb.active .tr{color:var(--gold-light);} .itb.active .trec{opacity:1;} .itb::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;} .itb.active::after{transform:scaleX(1);} .itp{display:none;} .itp.active{display:block;animation:pin .3s ease;} @keyframes pin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} .dc{background: #e5e6e1;border:1px solid #4a2e01;border-radius:var(--r);overflow:hidden;margin-bottom:10px;transition:border-color var(--t);} .dc:hover{border-color:rgba(201,168,76,.2);} .dh{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;user-select:none;} .dn{flex-shrink:0;width:36px;height:36px;border-radius:50%;background: #4a2e01;border:1px solid rgba(201,168,76,.25);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:16px;font-weight:700;color: white;} .di{flex:1;min-width:0;} .dt{font-size:18px;font-weight:500;color:#4a2e01;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dm{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:black;} .dm span{display:flex;align-items:center;gap:4px;white-space:nowrap;} .dtog{color:var(--gold);font-size:12px;transition:transform var(--t);flex-shrink:0;} .dc.open .dtog{transform:rotate(180deg);} .db{max-height:0;overflow:hidden;transition:max-height .45s ease;} .dc.open .db{max-height:600px;} .dbi{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.05);} .dbi p{font-size:15px;color: black;line-height:1.75;margin-bottom:12px;} .dbi p:first-of-type{margin-top:14px;} .dhi{display:flex;gap:8px;flex-wrap:wrap;} .ht{display:inline-flex;align-items:center;gap:5px;background:#4a2e01;border:1px solid rgba(201,168,76,.2);color:var(--gold-light);font-size:11px;padding:4px 10px;border-radius:100px;} .dc.ac{border-color:rgba(76,201,130,.2);} .dc.ac .dn{background:rgba(76,201,130,.1);border-color:rgba(76,201,130,.3);color:#4CC982;} .acb{display:inline-flex;align-items:center;gap:7px;background:rgba(76,201,130,.08);border:1px solid rgba(76,201,130,.2);color:black;font-size:11px;font-weight:600;letter-spacing:.06em;padding:5px 12px;border-radius:100px;margin:14px 0 10px;} .ct{width:100%;border-collapse:collapse;font-size:15px;margin:20px 0;} .ct th{background:#e5e6e1;color:#4a2e01;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:11px 14px;text-align:left;font-weight:600;border-bottom:1px solid rgba(201,168,76,.2);} .ct td{padding:12px 14px;color:black;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top;} .ct tr:hover td{background:white;color:black;} .cn{color:#4a2e01;font-weight:500;} .ep{background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.15);color:#4a2e01;font-size:11px;padding:2px 8px;border-radius:100px;white-space:nowrap;} .rg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} .rc{background:#4a2e01;border:1px solid rgba(255,255,255,.06);border-radius:var(--r);padding:18px 14px;text-align:center;transition:all var(--t);} .rc:hover{border-color:rgba(201,168,76,.25);} .rc.feat{border-color:var(--gold);background:rgba(201,168,76,.05);} .rcn{font-family:var(--font-d);font-size:17px;font-weight:700;color:var(--white);margin-bottom:4px;} .rc.feat .rcn{color:var(--gold);} .rcd{font-size:12px;color:var(--text-muted);margin-bottom:10px;} .db2{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;} .de{background:rgba(76,201,130,.1);color:#4CC982;border:1px solid rgba(76,201,130,.2);} .dm2{background:rgba(255,180,50,.1);color:#FFB432;border:1px solid rgba(255,180,50,.2);} .dh2{background:rgba(201,76,76,.1);color:#CC5555;border:1px solid rgba(201,76,76,.2);} .sr{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--white);line-height:1;} .srl{font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;} .fqi{border-bottom:1px solid rgba(255,255,255,.06);} .fqq{padding:16px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:17px;color:#4a2e01;transition:color var(--t);gap:16px;} .fqq:hover{color:var(--gold);} .fqq i{color:var(--gold);font-size:12px;transition:transform var(--t);flex-shrink:0;} .fqi.open .fqq i{transform:rotate(180deg);} .fqa{max-height:0;overflow:hidden;transition:max-height .4s ease;} .fqi.open .fqa{max-height:400px;} .fqai{padding:0 0 16px;font-size:15px;color:black;line-height:1.8;} .sb{position: static;min-width:0;} .bkc{background:#4a2e01;border:1px solid rgba(201,168,76,.2);border-radius:var(--r);padding:26px;margin-bottom:20px;} .bkct{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--white);margin-bottom:4px;} .bkcs{font-size:15px;color:var(--text-muted);margin-bottom:18px;} .pr{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;} .pfr{font-size:12px;color:var(--text-muted);} .pv{font-family:var(--font-d);font-size:36px;font-weight:700;color:var(--gold);line-height:1;} .ppp{font-size:12px;color:var(--text-muted);} .pn{font-size:11px;color:var(--text-muted);margin-bottom:18px;} .bkf{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06);} .bkf li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-muted);} .bkf li i{color:var(--gold);font-size:11px;width:14px;text-align:center;} .bf{width:100%;padding:14px;background:var(--gold);color:var(--dark);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:var(--r);cursor:pointer;transition:background var(--t);margin-bottom:10px;display:block;text-align:center;} .bf:hover{background:var(--gold-light);} .bfo{width:100%;padding:12px;background:transparent;color:var(--text);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.15);border-radius:var(--r);cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center;gap:8px;} .bfo:hover{border-color:var(--gold);color:var(--gold);} .ic{background:#4a2e01;border:1px solid rgba(255,255,255,.06);border-radius:var(--r);padding:20px;margin-bottom:14px;} .ict{font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:7px;} .ir{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:10px;} .ir:last-child{border-bottom:none;} .ik{font-size:14px;color:var(--text-muted);flex-shrink:0;} .iv{font-size:13px;color:var(--text);text-align:right;font-weight:500;} .str{display:flex;gap:3px;color:var(--gold);font-size:14px;margin-bottom:6px;} .rsc{font-family:var(--font-d);font-size:30px;font-weight:700;color:var(--white);line-height:1;margin-bottom:3px;} .rsm{font-size:12px;color:var(--text-muted);} .rbs{margin-top:14px;display:flex;flex-direction:column;gap:8px;} .rbr{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);} .rbl{width:70px;flex-shrink:0;} .rbt{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;} .rbf{height:100%;background:var(--gold);border-radius:2px;} .orl{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;color:var(--text-muted);transition:color var(--t);} .orl:last-child{border-bottom:none;} .orl:hover{color:var(--gold);} .orl span{font-size:11px;background:rgba(201,168,76,.1);color:var(--gold);padding:2px 8px;border-radius:100px;} .waf{position:fixed;bottom:28px;right:28px;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:26px;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:500;transition:transform var(--t);} .waf:hover{transform:scale(1.1);} @media(max-width:768px){ .pl{grid-template-columns:1fr;} .sb{position:static !important;} .ith{position:static !important;} .topbar{display:none;} .rg{grid-template-columns:repeat(2,1fr);} .ft{grid-template-columns:1fr 1fr;} } @media(max-width:640px){ :root{--hh:60px;} .sb{position:static !important;} .ith{position:static !important;} .hi{padding:0 20px;} .btn-bk{display:none;} .hbg{display:flex;} .hc{padding:0 20px 44px;} .hstats{gap:16px;} .sv{font-size:22px;} .pl{padding:36px 20px;gap:28px;} .qf{grid-template-columns:repeat(2,1fr);} .pcg{grid-template-columns:1fr;} .rg{grid-template-columns:repeat(2,1fr);} .gg{grid-template-columns:1fr 1fr;} .gi:first-child{grid-column:span 2;} .ft{grid-template-columns:1fr;gap:28px;} .fb{flex-direction:column;text-align:center;} .bci{padding:0 20px;} .itb{padding:14px;} .dt{font-size:13px;} .dm{gap:8px;} } @media(max-width:480px){ .qf,.rg{grid-template-columns:1fr 1fr;} .gg{grid-template-columns:1fr;} .gi:first-child{grid-column:span 1;} .hero h1{font-size:36px;} .itb .td{font-size:18px;} .pl{grid-template-columns:1fr;} .sb{position:static;} } @media (max-width: 768px) { html, body { width: 100%; max-width: 100%; overflow-x: hidden; } .hero, .wrap, .hero__inner, .subnav__inner, .footer__inner, .hc, .pl, .bci { max-width: 100%; } .wrap, .hero__inner, .subnav__inner, .footer__inner { padding-left: 16px !important; padding-right: 16px !important; } .hc { padding-left: 16px !important; padding-right: 16px !important; } .bci { padding-left: 16px !important; padding-right: 16px !important; } .pl { padding: 36px 16px !important; gap: 28px; } .pl { grid-template-columns: 1fr !important; } .pcg { grid-template-columns: 1fr !important; } .qf { grid-template-columns: repeat(2, 1fr) !important; } .gg { grid-template-columns: 1fr 1fr !important; } .rg { grid-template-columns: repeat(2, 1fr) !important; } .ft { grid-template-columns: 1fr 1fr !important; } .sb { position: static !important; } .ith { position: static !important; } .hero { min-height: 480px; } .hero h1 { font-size: 2rem; } .hstats, .hero__ctas, .cta-btns, .safari-card__ctas, .footer__links { flex-wrap: wrap !important; width: 100%; } .hstats > * { flex: 1 1 45% !important; border-right: 0 !important; } .safari-card, .intro__grid, .overview__grid, .faq-grid, .journey-steps { grid-template-columns: 1fr !important; } .safari-card--reverse { direction: ltr !important; } .safari-card__media { min-height: 240px !important; } .safari-card__body, .package-card__body, .related-card__body { padding: 24px 18px !important; } .safari-card__specs, .parks-grid, .zanzibar-grid, .packages-grid, .pillars-grid, .testimonials-grid, .months-grid, .zones-grid, .related-grid, .overview__pillars { grid-template-columns: 1fr !important; } .park-card, .zanzi-card { height: 230px !important; } .compare-table, table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .hero__title, .section-title, .safari-card__title, .package-card__title, .related-card__title { overflow-wrap: anywhere; } .itb { padding: 14px; } .dt { font-size: 13px; } .dm { gap: 8px; } .topbar { display: none; } .btn-bk { display: none; } .fb { flex-direction: column; text-align: center; } } @media (max-width: 500px) { .qf, .rg { grid-template-columns: 1fr 1fr !important; } .gg { grid-template-columns: 1fr !important; } .gi:first-child { grid-column: span 1 !important; } .hero h1 { font-size: 1.75rem; } .itb .td { font-size: 18px; } .ft { grid-template-columns: 1fr !important; gap: 28px; } } @media (max-width: 420px) { .wrap, .hero__inner, .subnav__inner, .footer__inner { padding-left: 14px !important; padding-right: 14px !important; } .hc { padding-left: 14px !important; padding-right: 14px !important; } .btn-p, .btn-s, .btn, .btn--primary, .btn--outline, .btn--cta-primary, .btn--cta-outline, a[class*="btn"] { width: 100%; justify-content: center; text-align: center; } } .bc { background-image: linear-gradient(90deg, rgba(26,16,8,.78), rgba(26,16,8,.44)), url('https://www.haventrails.com/img/serengeti-national-park-hero.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 768px) { .bc { background-position: center top; } .day-meta { display: none !important; } } </style> <style> @keyframes f坦桑尼亚from { opacity:0; } to { op计划订婚的情侣an-blue:#1a6a9a; --zan-teal:#0d8a7a; } .hl-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:24px 0; } .hl-card { background:linear-gradient(135deg,#f0f8ff,#e8f4ff); border:1px solid #c8e避风港小径冒险; padding:24px 18px; text-align:center; transition:transform .25s,box-shadow .25s; } .hl-card:hov桑给巴尔之旅:translateY(-4px); box-shadow:0 10px 28px rgba(26,106,154,.15); } .hl-icon { font-size:28px; color:var(--zan-bl桑给巴尔浪漫求婚设置l-num { font-size:18px; font-weight:900; color:#0a2a4a; line-height:1.3; } .hl-lbl { font-size:11px; color:#6a8a9a; margin-top:6px; text-transform:uppercase; letter-spacing:.8px; line-height:1.4; } .zan-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:16px 0; } .zs { background:#fff; border:1p在桑给巴尔与 Haven Trails Adventures 进行浪漫求婚ter; } .zs-v { font-size:16px; font-weight:800; color:var(--zan-blue); } .zs-l { font-size:10px; color:#88aabb; text-transform:uppercase; letter-spacing:.6px; margin-top:2px; } .zan-tag { display:inline-flex; align-items:center; gap:6px; background:rgba(26,106,154,.08); border:1px solid rgba(26,106,154,.2); color:#0a4a6a; font-size:11px; font-weight:600; padding:4px 12px; border-radius:20px; } details { display:block !important; } details[open] { display:block !important; } summary { display:flex !important; list-style:none !important; cursor:pointer !important; } summary::-webkit-details-marker { display:none !important; } summary::marker { display:none !important; } .day-card { border:1px solid #b8d8f0; border-radius:14px; margin-bottom:16px; background:#fff; box-shadow:0 2px 8px rgba(26,106,154,.06); } .day-card details { width:100% !important; display:block !important; } .day-card details summary { list-style:none !important; display:flex !important; align-items:center; gap:16px; padding:20px 24px; cursor:pointer !important; background:#fff; border-radius:14px; transition:background .2s; -webkit-user-select:none; user-select:none; } .day-card details summary::-webkit-details-marker { display:none !important; } .day-card details summary:hover { background:#f0f8ff; } .day-card details[open] summary { border-bottom:1px solid #d0e8f8; border-radius:14px 14px 0 0; background:linear-gradient(135deg,#f0f8ff,#e8f4ff); } .day-num { width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,rgba(26,106,154,.15),rgba(26,106,154,.08)); border:2px solid rgba(26,106,154,.4); display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:900; color:var(--zan-blue); flex-shrink:0; text-align:center; } .day-info { flex:1; } .day-title { font-size:16px; font-weight:800; color:#0a2a4a; margin-bottom:5px; } .day-meta { display:flex; gap:14px; flex-wrap:wrap; font-size:12px; color:#88aabb; } .day-meta span { display:flex; align-items:center; gap:5px; } .day-chevron { color:var(--zan-blue); transition:transform .3s; flex-shrink:0; } .day-card details[open] .day-chevron { transform:rotate(180deg); } .day-body { padding:18px 24px 24px; background:#fff; border-radius:0 0 14px 14px; } .day-highlights { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; } .dh-tag { background:rgba(26,106,154,.1); border:1px solid rgba(26,106,154,.2); color:#0a4a6a; font-size:11px; font-weight:600; padding:5px 12px; border-radius:20px; display:inline-flex; align-items:center; gap:6px; } .meal-plan { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:14px; padding:12px 16px; background:#f0f8ff; border-radius:6px; border:1px solid rgba(26,106,154,.2); } .mp-label { font-size:12px; font-weight:700; color:#0a2a4a; margin-right:4px; } .mp-item { font-size:11px; font-weight:600; padding:4px 10px; border-radius:20px; display:flex; align-items:center; gap:5px; } .mp-item.inc { background:#e8f8ec; color:#1a7a3a; border:1px solid #b0e0c0; } .mp-item.exc { background:#f8f0f0; color:#8a3a3a; border:1px solid #e0c0c0; } .ie-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:20px 0; } .ie-box { border-radius:8px; padding:20px; } .ie-box.inc { background:#f0fdf4; border:1px solid #a8e6c0; } .ie-box.exc { background:#fff8f8; border:1px solid #f0c0c0; } .ie-title { font-size:14px; font-weight:700; margin-bottom:12px; } .ie-box.inc .ie-title { color:#1a6a3a; } .ie-box.exc .ie-title { color:#8a1a1a; } .ie-list { list-style:none; padding:0; margin:0; } .ie-list li { font-size:13px; color:#444; padding:5px 0; border-bottom:1px solid rgba(0,0,0,.05); display:flex; align-items:flex-start; gap:8px; } .ie-list li:last-child { border-bottom:none; } .ie-list li i { margin-top:2px; flex-shrink:0; } .why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:8px 0 28px; } .why-card { background:#fff; border:1px solid #c8e0f0; border-radius:14px; padding:28px 24px; position:relative; transition:transform .25s,box-shadow .25s; overflow:hidden; } .why-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--zan-blue),transparent); opacity:0; transition:opacity .3s; } .why-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(26,106,154,.12); } .why-card:hover::after { opacity:1; } .why-num { font-size:42px; font-weight:900; color:rgba(26,106,154,.1); line-height:1; margin-bottom:8px; } .why-icon { font-size:24px; color:var(--zan-blue); margin-bottom:12px; } .why-title { font-size:14px; font-weight:800; color:#0a2a4a; margin-bottom:10px; } .why-desc { font-size:12.5px; color:#446a7a; line-height:1.7; margin:0; } .trust-strip { display:flex; flex-wrap:wrap; gap:0; background:linear-gradient(135deg,#0a2a4a,#1a4a6a); border-radius:14px; overflow:hidden; margin-top:28px; } .trust-item { display:flex; align-items:center; gap:10px; color:#fff; font-size:12px; font-weight:700; flex:1; min-width:140px; padding:18px 20px; border-right:1px solid rgba(255,255,255,.08); } .trust-item:last-child { border-right:none; } .trust-item i { color:#7dd4f8; font-size:18px; } .zan-good-know { display:flex; flex-wrap:wrap; background:linear-gradient(135deg,#f0f8ff,#e8f4ff); border:1px solid #b8d8f0; border-radius:14px; overflow:hidden; margin-top:24px; } .zan-gk-item { flex:1; min-width:120px; padding:14px 10px; text-align:center; border-right:1px solid #c8e0f0; } .zan-gk-item:last-child { border-right:none; } .zan-gk-item .ic { font-size:16px; color:var(--zan-blue); margin-bottom:4px; } .zan-gk-item .v { font-size:11px; font-weight:800; color:#0a2a4a; } .zan-gk-item .l { font-size:10px; color:#88aabb; text-transform:uppercase; letter-spacing:.5px; margin-top:2px; } @media(max-width:900px){ .why-grid{grid-template-columns:repeat(2,1fr);} } @media(max-width:768px){ .hl-grid{grid-template-columns:repeat(2,1fr);} .zan-stats{grid-template-columns:repeat(2,1fr);} .ie-grid{grid-template-columns:1fr;} .day-meta { display:none !important; } } @media(max-width:480px){ .hl-grid{grid-template-columns:1fr;} .why-grid{grid-template-columns:1fr;} .day-card details summary{padding:14px 16px !important;} .day-body{padding:14px 16px 18px;} } </style> <main> <section class="hero"> <div class="hero-bg" style="background-image: url('https://www.haventrails.com/img/zanzibarnew3.webp'); background-size:cover; background-position:center; background-repeat:no-repeat;"></div> <div class="stars" id="stars"></div> <div class="hero-ov" style="background:linear-gradient(180deg,rgba(10,42,74,.6) 0%,rgba(10,42,74,.4) 60%,rgba(10,42,74,.7) 100%);"></div> <div class="hc"> <div class="hbadge"><i class="fas fa-circle" style="color:#7dd4f8;font-size:6px;"></i>桑给巴尔浪漫体验</div> <h1><em>浪漫求婚</em>在桑给巴尔的设置</h1> <p class="hero-sub">在桑给巴尔的白色沙滩上精心设计的求婚时刻，配有鲜花盛开的小路、烛光、隐藏的摄影师和庆祝晚宴，以追随您一生中最大的肯定。</p> <div class="hstats"> <div><div class="sv">2-3 小时</div><div class="sl">持续时间</div></div> <div class="sdiv"></div> <div><div class="sv">完全定制</div><div class="sl">方案设计</div></div> <div class="sdiv"></div> <div><div class="sv">谨慎</div><div class="sl">包含摄影</div></div> <div class="sdiv"></div> <div><div class="sv">150 美元起</div><div class="sl">每对夫妇</div></div> </div> <div class="hact"> <a href="#book" class="btn-p" style="background:var(--zan-blue);border-color:var(--zan-blue);"><i class="fas fa-ring"></i>计划此提案</a> <a href="#itinerary" class="btn-s"><i class="fas fa-map"></i>查看时间表</a> </div> </div> </section> <div class="bc" style="--ht-breadcrumb-bg:url('https://www.haventrails.com/img/zanzibarnew3.webp')" > <div class="bci"> <a href="https://www.haventrails.com/">首页</a> <span class="sep"><i class="fas fa-chevron-right" style="font-size:9px;"></i></span> <a href="https://www.haventrails.com/zh/zanzibar-tours">桑给巴尔之旅</a> <span class="sep"><i class="fas fa-chevron-r桑给巴尔浪漫体验/i></span> <spaRomantic Proposalr(--t在桑给巴尔的设置/span> </div> </div> <div A fully designed proposal moment on Zanzibar's white sand, complete with a flower-lined path, candlelight, a hidden photographer and a celebration dinner to follow the biggest yes of your life.> <p>提出你一生中最大的问题应该有一个像答案一样令人难忘的环境。 Haven Trails 在2-3 小时崖顶和僻静的海湾上设计并悄悄执行完整的求持续时间一需要关注的就是时刻本身。</p> <p>从通往烛光拱门的鲜花大道，到隐藏的摄影师在谨慎的距离捕捉每一秒，每一个细节都是根据您完全定制景提前计划的，然后是私人庆祝晚宴，共同庆祝订方案设计div> <div class="hl-grid"> <div class="hl-card"><div clas谨慎on"><i class="fas fa-rPhotography Includedclass="hl-num">定制方案设计</div><div class="hl-lbl">鲜花、拱门、蜡烛和小路</div></div> 150 美元起div class="hl-card"><d每对夫妇hl-icon"><i class="fas fa-camera"></i></div><div class="hl-num">隐藏的摄影师</div><div class="hl-lbl">谨慎捕捉瞬间</div></div> <div class="hl-card"><div class="hl-icon"><i class="Plan This Proposal-dot"></i></div><div class="hl-num">位置侦察</div><div class="hl-lbl">海滩、悬崖顶查看时间表</div> <div class="hl-card"><div class="hl-icon"><i class="fas fa-champagne-glasses"></i></div><div class="hl-num">庆祝晚宴</div><div class="hl-lbl">私人晚宴遵循建议</div></div> <div class="hl-card">首页 class="hl-icon"><i class="fas fa-lock"></i></div><div class="hl-num">完全自由裁量权</div><div class="hl-lbl">合作伙伴到达时不知道计划是什么</div></div> <div class="hl-桑给巴尔之旅ss="hl-icon"><i class="fas fa-music"></i></div><div class="hl-num">可选附件</div><div class="hl-lbl">现场音乐家、无人机镜头、装饰升级</div></div> 桑给巴尔浪漫求婚设置know"> <div class="zan-gk-item"><div class="ic"><i class="fas fa-clock"></i></div><div class="v">2-3 小时（日落优先）</概述 class="l">持续时间</div></div> 围绕您的故事设计的提案lass="ic"><i class="fas fa-map-marker-alt"></i></div><div class="v">选择海滩、悬崖问你一生中最大的问题应该有一个像答案一样令人难忘的环境。 Haven Trails 在桑给巴尔的海滩、悬崖顶和僻静的海湾上设计并悄悄执行完整的求婚设置，因此您唯一需要关注的就是时刻本身。ass="v">简单，计划齐全<从通往烛光拱门的鲜花大道，到隐藏的摄影师在谨慎的距离捕捉每一秒，每一个细节都是根据您的伴侣的喜好和您自己的愿景提前计划的，然后是私人庆祝晚宴，共同庆祝订婚。ass="stit">规划它<em>不泄露它</em></h2> <div class="divdr"></div> <div class="prose"> <p>任何求婚中最困难的部分往往是保守秘密，这正是我们的策划团队的作用。我们会提前通过电话、电子邮件定制方案设计、选择地点并商定带您的伴侣前往该地点的可信理由，无论鲜花、拱门、蜡烛和小路当天，我们的团队会事先将整个场景设置在看不见的地方，谨慎地安排摄影师的位置，并为您提供一个简单的基于信号的协调计划，使揭晓自然而私密地进行，随后立即在附近安排庆祝晚宴，共同庆祝订婚。</p> </div> <di隐藏的摄影师 style="margin:28px 0;"> 谨慎捕捉瞬间ass="zs-v">100%</div><div class="zs-l">定制计划</div></div> <div class="zs"><div class="zs-v">谨慎</div><div class="zs-l">摄影报道地点侦察 <div class="zs"><div c海滩、悬崖顶或僻静的海湾选项时机</div></div> <div class="zs"><div class="zs-v">私人</div><div class="zs-l">庆祝晚宴</div></div> </div> <div style庆祝晚宴x-wrap:wrap;gap:8px;margin私人晚宴遵循建议tag"><i class="fas fa-ring"></i>方案设计</span> <span class="zan-tag"><i class="fas fa-camera"></i>隐藏摄影</span> 完全自由裁量权"zan-tag"><i class="fas fa合作伙伴到达时不知道计划是什么<span class="zan-tag"><i class="fas fa-champagne-glasses"></i>庆祝晚宴</span> <span class="zan-tag"><i class="fas可选附件全自由裁量权</span> <spa现场音乐家、无人机镜头、装饰升级i>个性化规划</span> </div> </section> <section id="itinerary" style="margin-bottom:52px;"> <div class="slbl">时间表</div> <h2 class="stit"2-3 小时（日落优先）<div class="divdr"></持续时间 <div class="day-card"> <details open> <summary> <div class="day-num">1</div> 选择海滩、悬崖或海湾 <div clas位置itle">提前规划通话</div> <div class="day-meta"> <span><i class="fas fa-phone"></i>抵达前</2 人 </div> 聚会规模/div> <i class="fas fa-chevron-down day-chevron"></i> </summary> <div class="day-bod简单，计划齐全在您旅行之前或入住初期，我们的团队会与您私难度择地点并就封面故事和揭晓时间达成一致。</p> <div class="day-highlights"> <span class="dh-tag"><i class="f准备订婚的情侣n> </div>非常适合 </div> </details> </div> <div class="day-card"> <details> <summary> 体验v class="day-num">2</div> 规划它 cla不泄露它 <div class="day-title">现场谨慎设置</div> <div class="day-meta"> 任何求婚中最困难的部分往往是保守秘密，这正是我们的策划团队的作用。我们会提前通过电话、电子邮件或 WhatsApp 与您私下合作，设计布置、选择地点并商定带您的伴侣前往该地点的可信理由，无论是日落散步、拍照还是简单的晚间漫步。class="dh-tag"><当天，我们的团队事先将整个场景设置在看不见的地方，谨慎地安排摄影师的位置，并为您提供一个简单的基于信号的协调计划，以便自然而私密地进行揭晓，随后立即在附近安排庆祝晚宴，共同庆祝订婚。 <div class="day-info"> <div class="day-title">揭示与问题</div> <div class="day-meta"> <span><i class定制计划></i>重要时刻</span> </div> </div谨慎 <i class="fas fa-c摄影报道ron"></i> </summary> <div class="da日落"> <p>你带着你的伴首选时机婚本身的设置就会被揭示，从开始到结束都被谨慎地记录在照片中。</p> <div cla私人-highlights"> 庆祝晚宴h-tag"><i class="fas fa-ring"></i>提案</span> <span class="dh-tag"><i class="fas fa-camera"></i>照片全覆盖</span> </div> </div方案设计ils> </div> <div class="day-card"> <details> 隐藏摄影 <div class="day-num">4</div> <div class="day-info"> 地点侦察lass="day-title">庆祝晚宴</div> <div class="day-meta"> 庆祝晚宴fas fa-champagne-glasses"></i>私人祝酒</span> </div> 完全自由裁量权 <i class="fas fa-chevron-down day-chevron"></i> 个性化规划 <div class="day-body"> <p>直接参加附近的私人庆祝晚宴，为订婚干杯，并作为新订婚的合作伙伴一起轻松用餐。</p> <div class="day-highli时间表 <span class="dh-t求婚日"fas时间轴pagne-glasses"></i>庆祝祝酒</span> </div> </div> </details> </div> </section> <section style="margin-bottom:52px;"> <div class="slbl">值得了解的信息</div> <h2 class="stit">包含 &<提前规划通话 <div class="divdr"></div> <div class="ie-grid"> <div class="ie-box inc"> 抵达前"ie-title"><i class="fas fa-circle-check" style="color:#1a6a3a;"></i>包含</div> <ul class="ie-list"> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>定Before your trip, or early in your stay, our team speaks with you privately to design the setup, choose the location and agree on the cover story and timing for the reveal.辑的照片</li> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>两人私人庆祝晚宴</li> <li><i私人策划通话style="color:#1a6a3a;"></i>提前规划咨询</li> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>24/7 Haven Trails 地面支持</li> </ul> </div> <div class="ie-box exc"> <div class="ie-title"><i class="fas fa-circle-xm现场谨慎设置"></i>不包括在内</div> <ul class="ie-list"> <li><i class="fas fa-times" style=装饰和摄影师安置 <li><i class="fas fa-times" style="color:#8a1a1a;"></i>无人机摄像（根据要求提供）</li> <li><i class="fas fa-times" style="color:#8a1a1a;"></i>现场音乐家（可选附加组件）</li> 当您在其他地方占据您的伴侣时，我们的团队会悄悄地设置所选场景，无论是沙滩上的鲜花和烛光拱门，还是简单优雅的悬崖顶布置，并将摄影师置于视线之外。 <h2 class="stit">为什么<em>避风港小径冒险</em></h2> <div class="divdr"></div> <div class="why-grid"> 场景设置s="why-card"><div class="why-num">01</div><div class="why-icon"><i class摄影师就位"></i></div><div class="why-title">位于坦桑尼亚当地</div><p class="why-desc">总部位于坦桑尼亚莫希，不是国外的预订平台。我们对桑给巴尔的海滩、悬崖和隐蔽的海湾了如指掌，因此我们可以建议一个真正适合您的故事的场景。</p></div> <div class="why-card"><div class="why-num">02</div><div class="why-icon"><i class="fas fa-user-check"揭示与问题y-title">经验丰富的提案策划师</div><p class="why-desc">我们的团队协调了全岛的提案，并了解如何在当天顺利执行每个细节的同时保持计划谨慎。</p></di重要时刻 class="why-card"><div class="why-num">03</div><div class="why-icon"><i class="fas fa-heart"></i></div><div class="why-title">完全个性化规划</div><p class="why-desc">无固定模板；每一个提案都是围绕您伴侣You bring your partner to the location following the agreed cover story, and the setup is revealed for the proposal itself, discreetly documented in photographs from start to finish.title">24/7 全程支持</div><p class="why-desc">在您入住桑给巴尔期间，您可以随时联系 Haven Trails 地面团队，以解决重要日子里的任何最后一刻的变更、问题或意外情况。</提案 <div class="why-card"><div class="why-num">05</div><div class="why-i照片全覆盖a-leaf"></i></div><div class="why-title">负责任的旅行</div><p class="why-desc">Haven Trails 优先考虑当地花店、餐饮服务商和摄影师。每次预订的一部分都会支持岛上的社区旅游活动。</p></div> <div class="why-card"><div class="why-num">06</div><div class="why-icon"><i class="fas fa-comments-dollar"></i庆祝晚宴"why-title">透明、公平的定价</div><p class="why-desc">没有隐藏的额外内容，没有最后一刻的追加销售。您在预订时看到的就是您所支付的费用，并且对可选附加项目（例如无人机镜头或现场Private Toast</div> </div> <div class="trust-strip"> <div class="trust-item"><i class="fas fa-id-card"></i>MNRT 授权运营商</div> <div class="trust-item"><i class="fas 直接参加附近的私人庆祝晚宴，为订婚干杯，并作为新订婚的合作伙伴一起轻松用餐。i class="fas fa-hand-holding-heart"></i>社区和珊瑚礁呈阳性</div> </div> </section> <section style="margin-bottom:5庆祝祝酒class="slbl">常见问题解答</div> <h2 class="stit">通用<em>问题</em></h2> <div class="divdr"></div> <div class="fqi open" id="faq1"> <div class="值得了解的信息="toggleFaq('faq1')">我们应该提前多久预包含 & fa-排除down"></i></div> <div class="fqa"><div class="fqai">我们建议您至少在旅行前几周联系我们，以便我们有时间规划设计、确保最佳位置并协调摄影师，尽管有时可以缩短通知时间。</div></div> </div> <div class="fqi" id="faq2"> <div class包含click="toggleFaq('faq2')">我的伴侣会怀疑什么吗？<i class="fas fa-chevron-down"></i></div> <div class="fqa"><定制提案场景设计和设置线之外，并有一个可信的理由将您的伴侣带到该地点，因此惊喜得到很好的保护。</div></div> </div> <div 鲜花、蜡烛和装饰 <div class="fqq" onclick="toggleFaq('faq3')">家人或朋友可以参与这一刻吗？<i class="谨慎的摄影师和编辑的照片<div class="fqa"><div class="fqai">是的，如果您希望亲人出席或随后参加庆祝活动，这可以作为规划过程的一部分进行安两人私人庆祝晚宴div class="fqi" id="faq4"> <div class="fqq" onclick="toggleFaq('f提前规划咨询"fas fa-chevron-down"></i></div> <div class="fqa"><div class="fqa24/7 Haven Trails 地面支持时间或合适的备份地点。</div></div> </div> <div class="fqi" id="faq5"> <div class="fqq" onclick="toggleFaq('faq5')">我们可以得到求婚的照片和视频吗？<i class="fas fa-che不包括在内i></div> <div class="fqa"><div class="fqai">是的，摄影作为标准配置包含在内，并且在规划过程中可以添加视频或无人机镜头作为可选的额外内容。</div><订婚戒指 </section> </main> <aside class="sb" id="book" style=" align-se无人机摄像（根据要求提供） <div class="bkct">Plan Your Proposal</div> <div class="bkcs">桑现场音乐家（可选附加组件）="pr"><span class="pfr">来自</span><span class="pv">$150</span><span class=员工小费</div> <ul class="bkf"> <li><i class="fas fa-check"></i>Custom proposal scene design</li><li><i class="fas fa-check"></为什么通过我们预订grapher included</li><li><i cl为什么"fas避风港小径冒险celebration dinner</li><li><i class="fas fa-check"></i>2-3小时体验</li><li><i class="fas fa-check"></i>24/7 地面支持</li> </ul><button type="button" class="bf" data-open-safari style="width:100%;border:none;cursor:pointer;f位于坦桑尼亚当地lass="fas fa-ring"></i>计划此总部位于坦桑尼亚莫希，不是国外的预订平台。我们对桑给巴尔的海滩、悬崖和隐蔽的海湾了如指掌，因此我们可以建议一个真正适合您的故事的场景。"ic"> <div class="ict"><i class="fas fa-circle-info"></i>体验详情</div> <div class="ir"><span class="ik">持续时间</span><span class="iv">2-3 小时（日落优先）<经验丰富的提案策划师="ir"><span class="ik">位置<我们的团队协调了全岛的提案，并了解如何在当天顺利执行每个细节的同时保持计划谨慎。ss="ir"><span class="ik">最佳时光</span><span class="iv">Year-round, Sunset Ideal</span></div> <div class="ir"><span class="ik">非常适合</span><span cl完全个性化规划v> </div> <div cl无固定模板；每一个提案都是围绕您伴侣的品味、您的预算和您想要讲述的故事而设计的，从简单、低调到详尽。a-star" style="color:var(--zan-blue);"></i><i class="fas fa-star" style="color:var(--zan-blue);"></i><i class="fas fa-star" style="color:var(--zan-blue);"></24/7 全程支持" style="color:var(--zan-bA Haven Trails ground team is reachable throughout your Zanzibar stay for any last-minute change, question or unexpected situation on the big day."></i>其他浪漫体验</div> <a href="https://www.haventrails.com/zh/private-romantic-beach-dinner-zanzibar" class="orl">私人浪漫海滩晚餐</负责任的旅行/www.haventrails.com/zh/zaHaven Trails 优先考虑当地花店、餐饮商和摄影师。每次预订的一部分都会支持岛上的社区旅游活动。/a><a href="https://www.haventrails.com/zh/zanzibar-honeymoon-dinner-under-the-stars" class="orl">星空下的蜜月晚餐</a> </div> </aside> </div> </main> 透明、公平的定价leFaq(id) { var el = d没有隐藏的额外内容，没有最后一刻的追加销售。您在预订时看到的就是您所支付的费用，并且对可选附加项目（例如无人机镜头或现场音乐）有清晰的说明。ctorAll('.day-card details').forEach(function(det) { var sum = det.querySelector('summary'); if (!sum) retMNRT 授权运营商Listener('click', function(e) { e.preventDefault(); 4.9/5 平均评分e('open')) { det.removeAttribute('open'); } else { det.setAtt24/7 地面支持} }); }); }); </script> <style> #safariModal { display: flex; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2147483647; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; visibility: hidden; opacity: 0; pointer-events: none; background: rgba(10,12,18,0.75); transition: opacity 0.28s ease, visibility 0.28s ease; } #safariModal.sm-open { visibility: visible; opacity: 1; pointer-events: auto; } .sm-card { background: #ffffff; border-radius: 20px; width: 100%; max-width: 600px; min-height: 200px; max-height: 92vh; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #e8d99a #f5f5f5; box-shadow: 0 28px 90px rgba(0,0,0,0.38), 0 0 0 1px rgba(201,168,76,0.22); transform: translateY(20px); transition: transform 0.34s cubic-bezier(0.22,1,0.36,1); flex-shrink: 0; position: relative; margin: auto; } #safariModal.sm-open .sm-card { transform: translateY(0); } .sm-card::before { content: ''; display: block; height: 4px; background: linear-gradient(90deg, #C9A84C, #f0d080 50%, #C9A84C); border-radius: 20px 20px 0 0; } .sm-hd { padding: 24px 28px 16px; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #f0f0f0; gap: 12px; } .sm-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #C9A84C; margin-bottom: 4px; } .sm-title { font-size: 20px; font-weight: 700; color: #1a1208; font-family: Georgia, serif; margin: 0 0 3px; line-height: 1.2; } .sm-sub { font-size: 12.5px; color: #888; } .sm-x { background: #f4f4f4; border: none; border-radius: 50%; width: 34px; height: 34px; font-size: 20px; line-height: 1; cursor: pointer; color: #666; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .sm-x:hover { background: #C9A84C; color: #fff; } .sm-bd { padding: 20px 28px 28px; } .sm-sec { font-size: 9.5px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: #C9A84C; margin: 20px 0 10px; display: flex; align-items: center; gap: 8px; } .sm-sec::before { content: ''; display: block; width: 14px; height: 1.5px; background: #C9A84C; border-radius: 2px; } .sm-sec:first-child { margin-top: 0; } .sm-f { margin-bottom: 14px; } .sm-lbl { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #555; margin-bottom: 5px; } .sm-req { color: #e05252; } .sm-inp, .sm-ta, .sm-sel { width: 100%; box-sizing: border-box; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 8px; padding: 11px 13px; font-size: 14px; color: #1a1208; font-family: inherit; outline: none; transition: border-color 0.2s, box-shadow 0.2s, background 0.2s; -webkit-appearance: none; appearance: none; } .sm-inp::placeholder, .sm-ta::placeholder { color: #bbb; } .sm-inp:focus, .sm-ta:focus, .sm-sel:focus { border-color: #C9A84C; background: #fffdf6; box-shadow: 0 0 0 3px rgba(201,168,76,0.13); } .sm-ta { resize: vertical; min-height: 78px; line-height: 1.55; } .sm-sel { cursor: pointer; background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: right 13px center; padding-right: 36px; } .sm-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .sm-badge { background: #fffbf0; border: 1.5px solid #e8d99a; border-left: 3px solid #C9A84C; border-radius: 8px; padding: 10px 13px; font-size: 13px; font-weight: 600; color: #7a5c10; display: flex; align-items: center; gap: 8px; } .sm-badge i { color: #C9A84C; font-size: 12px; } .sm-tier-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 0; } .sm-tier { position: relative; flex: 1; } .sm-tier input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } .sm-tier-lbl { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 14px 8px 12px; background: #f8f8f8; border: 2px solid #e4e4e4; border-radius: 10px; cursor: pointer; transition: all 0.2s; text-align: center; position: relative; overflow: hidden; } .sm-tier-lbl::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; opacity: 0; transition: opacity 0.2s; } .sm-tier.tier-silver .sm-tier-lbl::before { background: linear-gradient(90deg, #909090, #c0c0c0); } .sm-tier.tier-gold .sm-tier-lbl::before { background: linear-gradient(90deg, #C9A84C, #f0d080); } .sm-tier.tier-plat .sm-tier-lbl::before { background: linear-gradient(90deg, #3a2200, #C9A84C, #3a2200); } .sm-tier-icon { font-size: 20px; line-height: 1; } .sm-tier-name { font-size: 11px; font-weight: 800; color: #555; letter-spacing: 0.04em; line-height: 1.2; } .sm-tier-tag { font-size: 9px; font-weight: 600; color: #999; text-transform: uppercase; letter-spacing: 0.08em; } .sm-tier-check { position: absolute; top: 7px; right: 7px; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #ddd; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 8px; color: #fff; transition: all 0.18s; } .sm-tier.tier-silver input:checked + .sm-tier-lbl { background: #f5f5f5; border-color: #909090; box-shadow: 0 0 0 3px rgba(144,144,144,0.15); } .sm-tier.tier-silver input:checked + .sm-tier-lbl::before { opacity: 1; } .sm-tier.tier-silver input:checked + .sm-tier-lbl .sm-tier-name { color: #444; } .sm-tier.tier-silver input:checked + .sm-tier-lbl .sm-tier-check { background: #909090; border-color: #909090; } .sm-tier.tier-gold input:checked + .sm-tier-lbl { background: #fffbf0; border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.15); } .sm-tier.tier-gold input:checked + .sm-tier-lbl::before { opacity: 1; } .sm-tier.tier-gold input:checked + .sm-tier-lbl .sm-tier-name { color: #8a6010; } .sm-tier.tier-gold input:checked + .sm-tier-lbl .sm-tier-check { background: #C9A84C; border-color: #C9A84C; } .sm-tier.tier-plat input:checked + .sm-tier-lbl { background: linear-gradient(135deg, #1a0e00, #2e1a04); border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.2); } .sm-tier.tier-plat input:checked + .sm-tier-lbl::before { opacity: 1; } .sm-tier.tier-plat input:checked + .sm-tier-lbl .sm-tier-name { color: #f0d080; } .sm-tier.tier-plat input:checked + .sm-tier-lbl .sm-tier-tag { color: #C9A84C; } .sm-tier.tier-plat input:checked + .sm-tier-lbl .sm-tier-check { background: #C9A84C; border-color: #C9A84C; } .sm-tier-lbl:hover { border-color: #C9A84C; background: #fffdf6; } .sm-tier.tier-plat .sm-tier-lbl:hover { background: #1a1005; border-color: #C9A84C; } .sm-chips { display: flex; flex-wrap: wrap; gap: 7px; } .sm-chip { position: relative; } .sm-chip input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; } .sm-chip-lbl { display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 100px; font-size: 12px; font-weight: 600; color: #666; cursor: pointer; transition: all 0.18s; user-select: none; } .sm-chip-lbl i { font-size: 11px; color: #bbb; transition: color 0.18s; } .sm-chip input:checked + .sm-chip-lbl { background: #fffbf0; border-color: #C9A84C; color: #8a6010; box-shadow: 0 0 0 2px rgba(201,168,76,0.12); } .sm-chip input:checked + .sm-chip-lbl i { color: #C9A84C; } .sm-chip-lbl:hover { border-color: rgba(201,168,76,0.5); background: #fffdf6; } .sm-chip.wl input:checked + .sm-chip-lbl { background: #f0fff6; border-color: #4CC982; color: #1a6a3a; box-shadow: 0 0 0 2px rgba(76,201,130,0.1); } .sm-chip.wl input:checked + .sm-chip-lbl i { color: #4CC982; } .sm-counter { display: flex; align-items: center; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 8px; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; } .sm-counter:focus-within { border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.13); } .sm-cb { background: none; border: none; color: #C9A84C; font-size: 22px; font-weight: 300; width: 44px; height: 44px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s; flex-shrink: 0; line-height: 1; } .sm-cb:hover { background: #fff8e6; } .sm-cn { flex: 1; text-align: center; font-size: 16px; font-weight: 700; color: #1a1208; pointer-events: none; } .sm-contact { display: flex; gap: 8px; } .sm-co { flex: 1; position: relative; } .sm-co input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } .sm-cl { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 12px 6px; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 8px; cursor: pointer; transition: all 0.18s; text-align: center; } .sm-cl i { font-size: 18px; color: #bbb; transition: color 0.18s; } .sm-cl span { font-size: 11px; font-weight: 600; color: #999; transition: color 0.18s; } .sm-co input:checked + .sm-cl { background: #fffbf0; border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.12); } .sm-co input:checked + .sm-cl i { color: #C9A84C; } .sm-co input:checked + .sm-cl span { color: #8a6010; } .sm-co.sm-wa input:checked + .sm-cl { background: #f0fff6; border-color: #25D366; box-shadow: 0 0 0 3px rgba(37,211,102,0.1); } .sm-co.sm-wa input:checked + .sm-cl i { color: #25D366; } .sm-co.sm-wa input:checked + .sm-cl span { color: #1a8040; } .sm-btn { width: 100%; padding: 14px; background: #C9A84C; border: none; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; margin-top: 6px; transition: background 0.2s, box-shadow 0.2s, transform 0.15s; box-shadow: 0 4px 16px rgba(201,168,76,0.32); } .sm-btn:hover { background: #b8942e; box-shadow: 0 6px 22px rgba(201,168,76,0.42); transform: translateY(-1px); } .sm-btn:active { transform: translateY(0); } .sm-btn:disabled { opacity: 0.55; cursor: not-allowed; transform: none; box-shadow: none; } .sm-note { text-align: center; font-size: 11.5px; color: #aaa; margin-top: 12px; line-height: 1.5; } .sm-note a { color: #C9A84C; text-decoration: none; } .sm-div { height: 1px; background: #f0f0f0; margin: 4px 0 18px; } .sm-success { display: none; flex-direction: column; align-items: center; text-align: center; padding: 48px 32px 52px; gap: 12px; } .sm-ok { width: 64px; height: 64px; background: #f0fff6; border: 2px solid rgba(76,201,130,0.4); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; color: #4CC982; } .sm-success h3 { font-size: 21px; color: #1a1208; font-family: Georgia,serif; margin: 0; } .sm-success p { font-size: 14px; color: #777; max-width: 320px; margin: 0; line-height: 1.65; } .sm-sc { padding: 11px 32px; background: #f4f4f4; border: none; border-radius: 8px; color: #555; font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 4px; transition: background 0.2s; } .sm-sc:hover { background: #e8d99a; color: #7a5c10; } .sm-inp.sm-err, .sm-ta.sm-err, .sm-sel.sm-err { border-color: #e05252; box-shadow: 0 0 0 3px rgba(224,82,82,0.1); } .sm-tier-err { font-size: 11px; color: #e05252; margin-top: 5px; display: none; } .sm-tier-err.show { display: block; } @media (max-width: 600px) { #safariModal { padding: 0; align-items: flex-end; } .sm-card { max-width: 100%; border-radius: 20px 20px 0 0; max-height: 92vh; } .sm-row { grid-template-columns: 1fr; } .sm-hd, .sm-bd { padding-left: 20px; padding-right: 20px; } .sm-tier-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 400px) { .sm-tier-grid { grid-template-columns: 1fr; } } </style> <div id="safariModal" role="dialog" aria-modal="true" aria-labelledby="smTitle"> <div class="sm-card"> <div class="sm-hd"> <div> <div class="sm-eyebrow"><i class="fa-solid fa-paw" aria-hidden="true"></i> 哈文步道探险</div> <h2 class="sm-title" id="smTitle">Reserve 你的狩猎之旅</h2> <div class="sm-sub">No payment now · We reply within 24 hrs</div> </div> <button class="sm-x" id="smClose" aria-label="Close booking modal">×</button> </div> <div class="sm-bd"> <form id="safariBookingForm" action="safari-book.php" method="POST" novalidate> <input type="hidden" name="tourname" value="romantic-proposal-setup-zanzibar"> <input type="hidden" name="form_type" value="safari"> <div class="sm-f"> <div class="sm-lbl">Safari Tour</div> <div class="sm-badge"> <i class="fas fa-binoculars"></i> romantic-proposal-setup-zanzibar </div> </div> <div class="sm-sec">Choose Your Experience Level</div> <div class="sm-f"> <div class="sm-lbl">Package Tier <span class="sm-req">*</span></div> <div class="sm-tier-grid" role="group" aria-label="Select safari tier"> <label class="sm-tier tier-silver"> <input type="radio" name="safari_tier" value="Silver - Budgeted" required id="smTierSilver"> <div class="sm-tier-lbl"> <div class="sm-tier-check"><i class="fas fa-check"></i></div> <div class="sm-tier-icon"><i class="fa-solid fa-medal" aria-hidden="true"></i></div> <div class="sm-tier-name">Silver</div> <div class="sm-tier-tag">Budgeted</div> </div> </label> <label class="sm-tier tier-gold"> <input type="radio" name="safari_tier" value="Gold - 豪华" id="smTierGold"> <div class="sm-tier-lbl"> <div class="sm-tier-check"><i class="fas fa-check"></i></div> <div class="sm-tier-icon"><i class="fa-solid fa-medal" aria-hidden="true"></i></div> <div class="sm-tier-name">Gold</div> <div class="sm-tier-tag">豪华</div> </div> </label> <label class="sm-tier tier-plat"> <input type="radio" name="safari_tier" value="Platinum - Exclusive" id="smTierPlat"> <div class="sm-tier-lbl"> <div class="sm-tier-check"><i class="fas fa-check"></i></div> <div class="sm-tier-icon"><i class="fa-solid fa-gem" aria-hidden="true"></i></div> <div class="sm-tier-name">Platinum</div> <div class="sm-tier-tag">Exclusive</div> </div> </label> </div> <div class="sm-tier-err" id="smTierErr">Please select a package tier to continue.</div> </div> <div class="sm-sec">Your Details</div> <div class="sm-f"> <label class="sm-lbl" for="sm_nm">全名 <span class="sm-req">*</span></label> <input class="sm-inp" type="text" id="sm_nm" name="name" placeholder="e.g. Sarah Johnson" required autocomplete="name"> </div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_em">Email <span class="sm-req">*</span></label> <input class="sm-inp" type="email" id="sm_em" name="email" placeholder="sarah@example.com" required autocomplete="email"> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_ph">电话 / WhatsApp <span class="sm-req">*</span></label> <input class="sm-inp" type="tel" id="sm_ph" name="phone" placeholder="+1 555 000 0000" required autocomplete="tel"> </div> </div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_nat">Nationality <span class="sm-req">*</span></label> <input class="sm-inp" type="text" id="sm_nat" name="nationality" placeholder="e.g. American, British…" required autocomplete="country-name"> </div> </div> <div class="sm-sec">Safari Preferences</div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_dt">Preferred Start Date <span class="sm-req">*</span></label> <input class="sm-inp" type="date" id="sm_dt" name="dates" required> </div></div> <div class="sm-row"> <div class="sm-f"> <div class="sm-lbl">Adults <span class="sm-req">*</span></div> <div class="sm-counter"> <button type="button" class="sm-cb" data-t="sm-adults" data-a="dec" aria-label="Decrease adults">−</button> <div class="sm-cn" id="smAdD">1</div> <button type="button" class="sm-cb" data-t="sm-adults" data-a="inc" aria-label="Increase adults">+</button> <input type="hidden" id="smAdV" name="adults" value="1"> </div> </div> <div class="sm-f"> <div class="sm-lbl">Children <span style="font-weight:400;text-transform:none;letter-spacing:0;color:#aaa;">(under 12)</span></div> <div class="sm-counter"> <button type="button" class="sm-cb" data-t="sm-children" data-a="dec" aria-label="Decrease children">−</button> <div class="sm-cn" id="smChD">0</div> <button type="button" class="sm-cb" data-t="sm-children" data-a="inc" aria-label="Increase children">+</button> <input type="hidden" id="smChV" name="children" value="0"> </div> </div> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_diet">Dietary Requirements</label> <select class="sm-sel" id="sm_diet" name="dietary"> <option value="" disabled selected>Select if applicable…</option> <option value="None">None / No restrictions</option> <option value="Vegetarian">Vegetarian</option> <option value="Vegan">Vegan</option> <option value="Gluten-free">Gluten-free</option> <option value="Halal">Halal</option> <option value="Kosher">Kosher</option> <option value="Other">Other (please specify in notes)</option> </select> </div> <div class="sm-f"> <div class="sm-lbl">Preferred Contact Method <span class="sm-req">*</span></div> <div class="sm-contact"> <label class="sm-co sm-wa"> <input type="radio" name="contact_method" value="WhatsApp" checked> <div class="sm-cl"><i class="fab fa-whatsapp"></i><span>WhatsApp</span></div> </label> <label class="sm-co"> <input type="radio" name="contact_method" value="Email"> <div class="sm-cl"><i class="fas fa-envelope"></i><span>Email</span></div> </label> <label class="sm-co"> <input type="radio" name="contact_method" value="Phone"> <div class="sm-cl"><i class="fas fa-phone"></i><span>Phone</span></div> </label> </div> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_nt">Additional Notes</label> <textarea class="sm-ta" id="sm_nt" name="message" placeholder="Special occasions (honeymoon, anniversary, birthday), accessibility needs, specific lodges you have in mind, questions about the itinerary…"></textarea> </div> <div class="sm-div"></div> <button type="submit" class="sm-btn" id="smSubmitBtn"> <i class="fas fa-binoculars" style="margin-right:8px;"></i>Send Safari Enquiry </button> <div class="sm-note"> No payment or commitment at this stage. By submitting you agree to our <a href="https://www.haventrails.com/zh/privacy-policy">Privacy Policy</a>. </div> </form> <div class="sm-success" id="smSuccess"> <div class="sm-ok"><i class="fas fa-check"></i></div> <h3>Safari Request Sent!</h3> <p>Our safari specialists at 哈文步道探险 will reach out within 24 hours with your personalised proposal and pricing.</p> <button class="sm-sc" id="smSuccessClose">Close</button> </div> </div> </div> </div> <script> (function () { var modal = document.getElementById('safariModal'); var form = document.getElementById('safariBookingForm'); var success = document.getElementById('smSuccess'); var adD = document.getElementById('smAdD'); var chD = document.getElementById('smChD'); var adV = document.getElementById('smAdV'); var chV = document.getElementById('smChV'); if (modal.parentNode !== document.body) { document.body.appendChild(modal); } function openModal() { var dateEl = document.getElementById('sm_dt'); if (dateEl) dateEl.min = new Date().toISOString().split('T')[0]; modal.classList.add('sm-open'); document.body.style.overflow = 'hidden'; setTimeout(function(){ document.getElementById('smClose').focus(); }, 80); } function closeModal() { modal.classList.remove('sm-open'); document.body.style.overflow = ''; setTimeout(function () { form.reset(); form.style.display = ''; success.style.display = 'none'; adV.value = '1'; adD.textContent = '1'; chV.value = '0'; chD.textContent = '0'; form.querySelectorAll('.sm-err').forEach(function(el){ el.classList.remove('sm-err'); }); document.getElementById('smTierErr').classList.remove('show'); var btn = document.getElementById('smSubmitBtn'); btn.disabled = false; btn.innerHTML = '<i class="fas fa-binoculars" style="margin-right:8px;"></i>Send Safari Enquiry'; }, 320); } document.querySelectorAll('[data-open-booking], [data-open-safari]').forEach(function(el){ el.addEventListener('click', openModal); }); document.querySelectorAll('a[href="#book"]').forEach(function(el){ el.addEventListener('click', function(e){ e.preventDefault(); openModal(); }); }); document.getElementById('smClose').addEventListener('click', closeModal); document.getElementById('smSuccessClose').addEventListener('click', closeModal); modal.addEventListener('click', function(e){ if (e.target === modal) closeModal(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && modal.classList.contains('sm-open')) closeModal(); }); document.querySelectorAll('.sm-cb').forEach(function(btn){ btn.addEventListener('click', function(){ var t = btn.dataset.t, a = btn.dataset.a; var disp = t === 'sm-adults' ? adD : chD; var hid = t === 'sm-adults' ? adV : chV; var min = t === 'sm-adults' ? 1 : 0; var cur = parseInt(hid.value, 10); var nxt = a === 'inc' ? Math.min(cur + 1, 20) : Math.max(cur - 1, min); hid.value = nxt; disp.textContent = nxt; }); }); function validate() { var ok = true; form.querySelectorAll('.sm-err').forEach(function(el){ el.classList.remove('sm-err'); }); document.getElementById('smTierErr').classList.remove('show'); var tierSelected = form.querySelector('input[name="safari_tier"]:checked'); if (!tierSelected) { document.getElementById('smTierErr').classList.add('show'); ok = false; } form.querySelectorAll('[required]').forEach(function(el){ if (el.type === 'radio') return; if (!el.value.trim()) { el.classList.add('sm-err'); ok = false; } }); var emailEl = document.getElementById('sm_em'); if (emailEl && emailEl.value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailEl.value)) { emailEl.classList.add('sm-err'); ok = false; } return ok; } form.addEventListener('submit', function(e){ e.preventDefault(); if (!validate()) return; var btn = document.getElementById('smSubmitBtn'); btn.disabled = true; btn.innerHTML = '<i class="fas fa-spinner fa-spin" style="margin-right:8px;"></i>Sending…'; var data = new FormData(form); fetch('safari-book.php', { method: 'POST', body: data }) .then(function(res) { if (!res.ok) { return res.text().then(function(text) { throw new Error(text || '提交失败.'); }); } if (res.redirected) { window.location.href = res.url; } else { form.style.display = 'none'; success.style.display = 'flex'; } }) .catch(function(err) { btn.disabled = false; btn.innerHTML = '<i class="fas fa-binoculars" style="margin-right:8px;"></i>Send Safari Enquiry'; alert((err && err.message) ? err.message : 'Network error. 请重试 or WhatsApp us directly at +255 713 334 154.'); }); }); })(); </script> 星空下的蜜月晚餐石头城屋顶晚餐情侣日落单桅帆船巡游私人浪漫海滩晚餐其他浪漫体验客户评级准备订婚的情侣非常适合全年，日落理想最佳时光2 人聚会规模选择海滩、悬崖或海湾位置2-3 小时（日落优常见问题解答续时间体验详情在 WhatsApp 上聊天Plan This通用al24问题3小时体验私人庆祝晚宴Discreet photographer included定制提案场景设计来自桑给巴尔浪漫求婚设置规划您的提案是的，摄影是标准配置，并且在规划过程中可以添加视频或无人机镜头作为可选的额外内容。我们可以获得求婚的照片和视频吗？我们的团队密切监控天气我们应该提前多久预订？天气发生变化怎么办？是的，如果您希望亲人出席或随后参加庆祝活动，这可以作为规划过程的一部分进行安排。家人或朋友可以参与这一刻吗？我们的规划是围绕谨慎性进行的，将设置安排在We recommend contacting us at least a few weeks before your trip so we have time to plan the design, secure the best location and coordinate the photographer, though shorter notice can sometimes be accommodated.