<!-- RemoteIp Debug: 216.73.216.151 -->
<!-- API Debug: HTTP 200, Error:  -->
<!-- API Success: Data loaded for ap.9funban.com -->
<!-- System Settings API Call: https://trustprod.youbon.com/TrustService.php/SystemSettingApi/SystemSettingCenter -->
<!-- System Settings Params: {&quot;status&quot;:&quot;GetAllSystemSettings&quot;,&quot;LogUUid&quot;:&quot;2025111422275176cffa&quot;,&quot;Uid&quot;:&quot;SYSTEM&quot;,&quot;Company_Uuid&quot;:&quot;C677282790999976697&quot;,&quot;Pgid&quot;:&quot;none&quot;} -->
<!-- System Settings API Debug: HTTP 200, Error:  -->
<!-- System Settings Raw Response:     {&quot;returnCode&quot;:&quot;0000&quot;,&quot;returnMessage&quot;:&quot;\u53d6\u5f97\u6240\u6709\u7cfb\u7d71\u8a2d\u5b9a\u6210\u529f&quot;,&quot;data&quot;:{&quot;carousel&quot;:[{&quot;System_Carousel_Sernum&quot;:24,&quot;Company_Uuid&quot;:&quot;C677282790999976697&quot;,&quot;Carousel_Title&quot;:&quot;2025\u590f\u5b63\u9ad4\u9a57\u6d3b\u52d5&quot;,&quot;Carousel_Subtitle&quot;:&quot;\u5347\u7d1a\u300c\u6d77\u2027\u9678\u2027\u7a7a\u300d\u5168\u65b9\u4f4d\u9ad4\u9a57\uff0c\u63a2\u7d22\u5468\u906d\u7684\u8df3\u5cf6\u4e4b\u65c5\uff01&quot;,&quot;Carousel_Link&quot;:&quot;https:\/\/www.archipelago.com.tw\/news-detail\/the_activities\/&quot;,&quot;Carousel_Button_Text&quot;:&quot;\u4e86\u89e3\u66f4\u591a&quot;,&quot;Carousel_Image_Path&quot;:&quot;https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/fff491bd75432ac7f9c3cc78a144446e0af9c4d494811a559a6012704b1d25c4.jpg&quot;,&quot;Carousel_Order&quot;:1,&quot;Carousel_Status&quot;:&quot;active&quot;,&quot;System_Carousel_Create_Time&quot;:&quot;2025-08-20 14:36:22&quot;,&quot;System_Carousel_Modify_Time&quot;:&quot;2025-08-22 08:23:46&quot;}],&quot;about_us&quot;:{&quot;System_About_Us_Sernum&quot;:2,&quot;Company_Uuid&quot;:&quot;C677282790999976697&quot;,&quot;About_Title&quot;:&quot;\u95dc\u65bc\u6211\u5011&quot;,&quot;About_Subtitle&quot;:&quot;\u5275\u9020\u7f8e\u597d\u56de\u61b6\uff0c\u4eab\u53d7\u96e3\u5fd8\u9ad4\u9a57&quot;,&quot;About_Content&quot;:&quot;&lt;p&gt;\u6b61\u8fce\u4f86\u5230\u51f1\u6e21\u5ee3\u5834\u9152\u5e97\u9810\u7d04\u7cfb\u7d71\uff0c\u6211\u5011\u81f4\u529b\u65bc\u70ba\u60a8\u63d0\u4f9b\u6700\u512a\u8cea\u7684\u5ea6\u5047\u9ad4\u9a57...&lt;\/p&gt;&quot;,&quot;About_Image_Path&quot;:&quot;https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/693d744bd5e59367105032c6dd72cfdd4f265e37cf054875bc0511a5430f4eb7.png&quot;,&quot;About_Status&quot;:&quot;active&quot;,&quot;System_About_Us_Create_Time&quot;:&quot;2025-07-30 10:17:52&quot;,&quot;System_About_Us_Modify_Time&quot;:&quot;2025-08-21 17:30:09&quot;},&quot;system_settings&quot;:{&quot;System_Settings_Sernum&quot;:2,&quot;Company_Uuid&quot;:&quot;C677282790999976697&quot;,&quot;Site_Name&quot;:&quot;\u51f1\u6e21\u5ee3\u5834\u9152\u5e97&quot;,&quot;Site_Slogan&quot;:&quot;\u5275\u9020\u7f8e\u597d\u56de\u61b6\uff0c\u4eab\u53d7\u96e3\u5fd8\u9ad4\u9a57&quot;,&quot;Site_Description&quot;:&quot;\u5c08\u696d\u7684\u5ea6\u5047\u9ad4\u9a57\u9810\u7d04\u5e73\u53f0\uff0c\u63d0\u4f9b\u672c\u9928\u5468\u908a\u6d77\u3001\u9678\u3001\u7a7a\u5404\u7a2e\u6d3b\u52d5\u9810\u7d04\u7b49\u5168\u65b9\u4f4d\u591a\u5143\u5316\u670d\u52d9&quot;,&quot;Site_Keywords&quot;:&quot;\u5ea6\u5047,\u9ad4\u9a57,\u9810\u7d04,\u65c5\u904a,\u6eab\u6cc9,\u6232\u6c34,\u6d77\u4e0a\u6d3b\u52d5,\u9678\u4e0a\u6d3b\u52d5&quot;,&quot;Logo_Main_Path&quot;:&quot;https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/088b0533c3a0b3ae1d590a4a6271df656452ee5a310c86cfdae1fa83ed1d9a78.png&quot;,&quot;Logo_Mobile_Path&quot;:&quot;https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/64026f3cb59676df55188c1939d3a01e9d053e601ffa79508f97154514c2f668.png&quot;,&quot;Favicon_Path&quot;:&quot;https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/00cc6411b12f918a4dec6ad3ff96b2490656c7c2f95962b12e8d447cdf6c2cbb.png&quot;,&quot;Contact_Phone&quot;:&quot;03-977-1166&quot;,&quot;Contact_Mobile&quot;:&quot;-&quot;,&quot;Contact_Email&quot;:&quot;fo.ap@archipelago.com.tw&quot;,&quot;Contact_Address&quot;:&quot;\u5b9c\u862d\u7e23\u982d\u57ce\u93ae\u70cf\u77f3\u6e2f\u8def300\u865f&quot;,&quot;Business_Hours&quot;:&quot;\u9031\u4e00\u81f3\u9031\u65e5 09:00-18:00&quot;,&quot;Special_Notice&quot;:&quot;&quot;,&quot;Meta_Title&quot;:&quot;\u51f1\u6e21\u5ee3\u5834\u9152\u5e97\u9810\u7d04\u7cfb\u7d71&quot;,&quot;Meta_Description&quot;:&quot;\u51f1\u6e21\u5ee3\u5834\u9152\u5e97\u9810\u7d04\u7cfb\u7d71\u63d0\u4f9b\u6eab\u6cc9\u3001\u6232\u6c34\u3001\u7528\u9910\u7b49\u591a\u5143\u5316\u670d\u52d9\uff0c\u8b93\u60a8\u4eab\u53d7\u6700\u512a\u8cea\u7684\u5ea6\u5047\u9ad4\u9a57&quot;,&quot;Meta_Keywords&quot;:&quot;\u5ea6\u5047,\u9ad4\u9a57,\u9810\u7d04,\u65c5\u904a,\u6eab\u6cc9,\u6232\u6c34,\u9a0e\u99ac&quot;,&quot;Google_Analytics_ID&quot;:&quot;&quot;,&quot;Google_Site_Verification&quot;:&quot;&quot;,&quot;Facebook_Pixel_ID&quot;:&quot;&quot;,&quot;Site_URL&quot;:&quot;https:\/\/www.archipelago.com.tw\/&quot;,&quot;Shop_URL&quot;:&quot;https:\/\/archipelago.9funban.com\/&quot;,&quot;Facebook_URL&quot;:&quot;https:\/\/www.facebook.com\/share\/1C4gUWq4ks\/?mibextid=wwXIfr&quot;,&quot;Instagram_URL&quot;:&quot;https:\/\/www.instagram.com\/_thearchipelago_?utm_source=ig_web_button_share_sheet&amp;igsh=a2JuMmdwYWliY2g4&quot;,&quot;Twitter_URL&quot;:&quot;&quot;,&quot;TikTok_URL&quot;:&quot;&quot;,&quot;YouTube_URL&quot;:&quot;https:\/\/www.youtube.com\/@_thearchipelago_&quot;,&quot;LINE_URL&quot;:&quot;https:\/\/lin.ee\/MFWrhpQ&quot;,&quot;Support_Email&quot;:&quot;fo.ap@archipelago.com.tw&quot;,&quot;Fax_Number&quot;:&quot;03-977-1137&quot;,&quot;Settings_Status&quot;:&quot;active&quot;,&quot;EC_Invoice_Info&quot;:&quot;{\&quot;POSID\&quot;: \&quot;7\&quot;, \&quot;POSSN\&quot;: \&quot;b790b88397810e722127\&quot;, \&quot;Identifier\&quot;: \&quot;42766836\&quot;, \&quot;SellerName\&quot;: \&quot;\u51f1\u6e21\u5ee3\u5834\u9152\u5e97\&quot;, \&quot;Invoice_Rule_Url\&quot;: \&quot;http:\/\/xml.iotnet.com.tw\/\&quot;, \&quot;Invoice_Rule_Code\&quot;: \&quot;Mirle\&quot;}&quot;,&quot;System_Settings_Create_Time&quot;:&quot;2025-07-30 10:17:52&quot;,&quot;System_Settings_Modify_Time&quot;:&quot;2025-11-07 08:01:55&quot;}}} -->
<!-- System Settings Success: Data stored to SESSION -->
<!-- System Settings Data Structure: {&quot;carousel&quot;:[{&quot;System_Carousel_Sernum&quot;:24,&quot;Company_Uuid&quot;:&quot;C677282790999976697&quot;,&quot;Carousel_Title&quot;:&quot;2025\u590f\u5b63\u9ad4\u9a57\u6d3b\u52d5&quot;,&quot;Carousel_Subtitle&quot;:&quot;\u5347\u7d1a\u300c\u6d77\u2027\u9678\u2027\u7a7a\u300d\u5168\u65b9\u4f4d\u9ad4\u9a57\uff0c\u63a2\u7d22\u5468\u906d\u7684\u8df3\u5cf6\u4e4b\u65c5\uff01&quot;,&quot;Carousel_Link&quot;:&quot;https:\/\/www.archipelago.com.tw\/news-detail\/the_activities\/&quot;,&quot;Carousel_Button_Text&quot;:&quot;\u4e86\u89e3\u66f4\u591a&quot;,&quot;Carousel_Image_Path&quot;:&quot;https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/fff491bd75432ac7f9c3cc78a144446e0af9c4d494811a559a6012704b1d25c4.jpg&quot;,&quot;Carousel_Order&quot;:1,&quot;Carousel_Status&quot;:&quot;active&quot;,&quot;System_Carousel_Create_Time&quot;:&quot;2025-08-20 14:36:22&quot;,&quot;System_Carousel_Modify_Time&quot;:&quot;2025-08-22 08:23:46&quot;}],&quot;about_us&quot;:{&quot;System_About_Us_Sernum&quot;:2,&quot;Company_Uuid&quot;:&quot;C677282790999976697&quot;,&quot;About_Title&quot;:&quot;\u95dc\u65bc\u6211\u5011&quot;,&quot;About_Subtitle&quot;:&quot;\u5275\u9020\u7f8e\u597d\u56de\u61b6\uff0c\u4eab\u53d7\u96e3\u5fd8\u9ad4\u9a57&quot;,&quot;About_Content&quot;:&quot;&lt;p&gt;\u6b61\u8fce\u4f86\u5230\u51f1\u6e21\u5ee3\u5834\u9152\u5e97\u9810\u7d04\u7cfb\u7d71\uff0c\u6211\u5011\u81f4\u529b\u65bc\u70ba\u60a8\u63d0\u4f9b\u6700\u512a\u8cea\u7684\u5ea6\u5047\u9ad4\u9a57...&lt;\/p&gt;&quot;,&quot;About_Image_Path&quot;:&quot;https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/693d744bd5e59367105032c6dd72cfdd4f265e37cf054875bc0511a5430f4eb7.png&quot;,&quot;About_Status&quot;:&quot;active&quot;,&quot;System_About_Us_Create_Time&quot;:&quot;2025-07-30 10:17:52&quot;,&quot;System_About_Us_Modify_Time&quot;:&quot;2025-08-21 17:30:09&quot;},&quot;system_settings&quot;:{&quot;System_Settings_Sernum&quot;:2,&quot;Company_Uuid&quot;:&quot;C677282790999976697&quot;,&quot;Site_Name&quot;:&quot;\u51f1\u6e21\u5ee3\u5834\u9152\u5e97&quot;,&quot;Site_Slogan&quot;:&quot;\u5275\u9020\u7f8e\u597d\u56de\u61b6\uff0c\u4eab\u53d7\u96e3\u5fd8\u9ad4\u9a57&quot;,&quot;Site_Description&quot;:&quot;\u5c08\u696d\u7684\u5ea6\u5047\u9ad4\u9a57\u9810\u7d04\u5e73\u53f0\uff0c\u63d0\u4f9b\u672c\u9928\u5468\u908a\u6d77\u3001\u9678\u3001\u7a7a\u5404\u7a2e\u6d3b\u52d5\u9810\u7d04\u7b49\u5168\u65b9\u4f4d\u591a\u5143\u5316\u670d\u52d9&quot;,&quot;Site_Keywords&quot;:&quot;\u5ea6\u5047,\u9ad4\u9a57,\u9810\u7d04,\u65c5\u904a,\u6eab\u6cc9,\u6232\u6c34,\u6d77\u4e0a\u6d3b\u52d5,\u9678\u4e0a\u6d3b\u52d5&quot;,&quot;Logo_Main_Path&quot;:&quot;https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/088b0533c3a0b3ae1d590a4a6271df656452ee5a310c86cfdae1fa83ed1d9a78.png&quot;,&quot;Logo_Mobile_Path&quot;:&quot;https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/64026f3cb59676df55188c1939d3a01e9d053e601ffa79508f97154514c2f668.png&quot;,&quot;Favicon_Path&quot;:&quot;https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/00cc6411b12f918a4dec6ad3ff96b2490656c7c2f95962b12e8d447cdf6c2cbb.png&quot;,&quot;Contact_Phone&quot;:&quot;03-977-1166&quot;,&quot;Contact_Mobile&quot;:&quot;-&quot;,&quot;Contact_Email&quot;:&quot;fo.ap@archipelago.com.tw&quot;,&quot;Contact_Address&quot;:&quot;\u5b9c\u862d\u7e23\u982d\u57ce\u93ae\u70cf\u77f3\u6e2f\u8def300\u865f&quot;,&quot;Business_Hours&quot;:&quot;\u9031\u4e00\u81f3\u9031\u65e5 09:00-18:00&quot;,&quot;Special_Notice&quot;:&quot;&quot;,&quot;Meta_Title&quot;:&quot;\u51f1\u6e21\u5ee3\u5834\u9152\u5e97\u9810\u7d04\u7cfb\u7d71&quot;,&quot;Meta_Description&quot;:&quot;\u51f1\u6e21\u5ee3\u5834\u9152\u5e97\u9810\u7d04\u7cfb\u7d71\u63d0\u4f9b\u6eab\u6cc9\u3001\u6232\u6c34\u3001\u7528\u9910\u7b49\u591a\u5143\u5316\u670d\u52d9\uff0c\u8b93\u60a8\u4eab\u53d7\u6700\u512a\u8cea\u7684\u5ea6\u5047\u9ad4\u9a57&quot;,&quot;Meta_Keywords&quot;:&quot;\u5ea6\u5047,\u9ad4\u9a57,\u9810\u7d04,\u65c5\u904a,\u6eab\u6cc9,\u6232\u6c34,\u9a0e\u99ac&quot;,&quot;Google_Analytics_ID&quot;:&quot;&quot;,&quot;Google_Site_Verification&quot;:&quot;&quot;,&quot;Facebook_Pixel_ID&quot;:&quot;&quot;,&quot;Site_URL&quot;:&quot;https:\/\/www.archipelago.com.tw\/&quot;,&quot;Shop_URL&quot;:&quot;https:\/\/archipelago.9funban.com\/&quot;,&quot;Facebook_URL&quot;:&quot;https:\/\/www.facebook.com\/share\/1C4gUWq4ks\/?mibextid=wwXIfr&quot;,&quot;Instagram_URL&quot;:&quot;https:\/\/www.instagram.com\/_thearchipelago_?utm_source=ig_web_button_share_sheet&amp;igsh=a2JuMmdwYWliY2g4&quot;,&quot;Twitter_URL&quot;:&quot;&quot;,&quot;TikTok_URL&quot;:&quot;&quot;,&quot;YouTube_URL&quot;:&quot;https:\/\/www.youtube.com\/@_thearchipelago_&quot;,&quot;LINE_URL&quot;:&quot;https:\/\/lin.ee\/MFWrhpQ&quot;,&quot;Support_Email&quot;:&quot;fo.ap@archipelago.com.tw&quot;,&quot;Fax_Number&quot;:&quot;03-977-1137&quot;,&quot;Settings_Status&quot;:&quot;active&quot;,&quot;EC_Invoice_Info&quot;:&quot;{\&quot;POSID\&quot;: \&quot;7\&quot;, \&quot;POSSN\&quot;: \&quot;b790b88397810e722127\&quot;, \&quot;Identifier\&quot;: \&quot;42766836\&quot;, \&quot;SellerName\&quot;: \&quot;\u51f1\u6e21\u5ee3\u5834\u9152\u5e97\&quot;, \&quot;Invoice_Rule_Url\&quot;: \&quot;http:\/\/xml.iotnet.com.tw\/\&quot;, \&quot;Invoice_Rule_Code\&quot;: \&quot;Mirle\&quot;}&quot;,&quot;System_Settings_Create_Time&quot;:&quot;2025-07-30 10:17:52&quot;,&quot;System_Settings_Modify_Time&quot;:&quot;2025-11-07 08:01:55&quot;}} -->
 <!DOCTYPE html>
<html lang="zh-TW" data-theme="modern">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <!-- SEO Meta Tags -->
        <meta name="description" content="度假,體驗,預約,旅遊,溫泉,戲水,海上活動,陸上活動" />
    <meta name="keywords" content="購物,商品,優惠,限時搶購,凱渡廣場酒店">
    <meta name="author" content="凱渡廣場酒店">
    <meta name="robots" content="index, follow">
    <meta name="googlebot" content="index, follow">
    <link rel="canonical" href="https://ap.9funban.com/index.php" />
    
    <!-- Performance resource hints -->
    <link rel="preconnect" href="https://images-9funban.s3.ap-northeast-1.amazonaws.com" crossorigin>
    <link rel="dns-prefetch" href="//images-9funban.s3.ap-northeast-1.amazonaws.com">
    <link rel="preconnect" href="https://code.jquery.com" crossorigin>
    <link rel="dns-prefetch" href="//code.jquery.com">
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net">
    <link rel="preconnect" href="https://unpkg.com" crossorigin>
    <link rel="dns-prefetch" href="//unpkg.com">
    <link rel="preconnect" href="https://static.line-scdn.net" crossorigin>
    <link rel="dns-prefetch" href="//static.line-scdn.net">
    <link rel="preconnect" href="https://trustprod.youbon.com" crossorigin>
    <link rel="dns-prefetch" href="//trustprod.youbon.com">
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="凱渡廣場酒店" />
    <meta property="og:image" content="https://images-9funban.s3.ap-northeast-1.amazonaws.com/images/088b0533c3a0b3ae1d590a4a6271df656452ee5a310c86cfdae1fa83ed1d9a78.png" />
    <meta property="og:description" content="度假,體驗,預約,旅遊,溫泉,戲水,海上活動,陸上活動" />
    <meta property="og:url" content="https://ap.9funban.com" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="凱渡廣場酒店" />
    <meta property="og:locale" content="zh_TW" />
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="凱渡廣場酒店">
    <meta name="twitter:description" content="度假,體驗,預約,旅遊,溫泉,戲水,海上活動,陸上活動">
    <meta name="twitter:image" content="https://images-9funban.s3.ap-northeast-1.amazonaws.com/images/088b0533c3a0b3ae1d590a4a6271df656452ee5a310c86cfdae1fa83ed1d9a78.png">
    
    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json" nonce="ZmvbfRKaLEwARezeCOlu+Q==">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "凱渡廣場酒店",
        "url": "https://ap.9funban.com",
        "logo": "https://images-9funban.s3.ap-northeast-1.amazonaws.com/images/088b0533c3a0b3ae1d590a4a6271df656452ee5a310c86cfdae1fa83ed1d9a78.png",
        "description": "度假,體驗,預約,旅遊,溫泉,戲水,海上活動,陸上活動"
    }
    </script>
    
    <!-- 台灣時區設定 -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==">
        // 確保使用台灣時間 (UTC+8)
        // 所有日期操作都應該使用本地時間
        window.TAIWAN_TIMEZONE_OFFSET = 8 * 60; // 台灣時區偏移分鐘數
        (function(){
            var isDev = /(localhost|127\.0\.0\.1|dev|test|stage|staging|preview|ngrok)/i.test(location.hostname);
            if (isDev) { try { console.log('🇹🇼 台灣時間系統已啟用 (UTC+8)'); } catch(e){} }
        })();
    </script>
    
    <title>凱渡廣場酒店</title>
    
    <!-- Favicon -->
            <link href="https://images-9funban.s3.ap-northeast-1.amazonaws.com/images/00cc6411b12f918a4dec6ad3ff96b2490656c7c2f95962b12e8d447cdf6c2cbb.png" rel="icon">
    
    <!-- CSS Libraries from CDN -->
    <!-- Bootstrap 5.3 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome 6 -->
    <link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css" rel="stylesheet">
    <!-- Animate.css -->
    <link href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css" rel="stylesheet">
    <!-- AOS (Animate on Scroll) -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <!-- Swiper -->
    <link href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" rel="stylesheet">
    
    <!-- 新架構 CSS - 模組化載入 -->
    <!-- UD專屬主題 - 最優先載入 -->
    <link href="css/ud-theme.css?v=20251114" rel="stylesheet">
    
    <!-- 度假村風格主題 -->
    <link href="css/pages/resort-style.css?v=20251114" rel="stylesheet">
    
    <!-- 全站共用樣式 -->
    <link href="css/01-variables.css?v=20251114" rel="stylesheet">
    
    <!-- 組件樣式 - Header 和 Footer -->
    <!-- header 樣式已整合在其他 CSS 檔案中 -->
    <link href="css/components/footer.css?v=1763130471" rel="stylesheet">
    <link href="css/components/navbar.css?v=1763130471" rel="stylesheet">
    <link href="css/components/navbar-overrides.css?v=1763130471" rel="stylesheet">
    <link href="css/components/mobile-bottom-nav.css?v=1763130471" rel="stylesheet">
    <link href="css/components/badges.css?v=1763130471" rel="stylesheet">
    <link href="css/components/flash-sale.css?v=1763130471" rel="stylesheet">
    <link href="css/components/hot-products.css?v=1763130471" rel="stylesheet">
    <link href="css/components/browsing-history.css?v=1763130471" rel="stylesheet">
    
    <!-- 頁面專用樣式 - 只在對應頁面載入 -->
        
    <!-- 舊版相容性樣式 - 逐步淘汰 -->
    <link href="css/shop20-modern.css?v=20251114" rel="stylesheet">
    <link href="css/shop20-v2.css?v=20251114" rel="stylesheet">
    <link href="css/themes.css?v=20251114" rel="stylesheet">
    <link href="css/flash-sale-badges.css?v=20251114" rel="stylesheet">
    
    <!-- JavaScript Libraries - 只載入基礎庫 -->
    <!-- jQuery - 最優先載入 -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <!-- Sync XHR detector (Report-only) -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==">
        (function(){
            try {
                var origOpen = XMLHttpRequest.prototype.open;
                XMLHttpRequest.prototype.open = function(method, url, async){
                    if (arguments.length >= 3 && async === false) {
                        try { console.warn('[CSP Notice] Detected sync XHR to', url); } catch(e){}
                    }
                    return origOpen.apply(this, arguments);
                };
            } catch(e) {}
        })();
    </script>
    <!-- Bootstrap JS - 依賴jQuery -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Handlebars.js - 模板引擎 -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" src="https://cdn.jsdelivr.net/npm/handlebars@4.7.8/dist/handlebars.min.js"></script>
    <!-- AOS - 動畫效果 -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <!-- Swiper - 輪播組件 -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <!-- LINE LIFF SDK - 第三方服務 -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" charset="utf-8" src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
</head>

<body class="theme-modern">
    <!-- 隱藏的系統元素供JavaScript使用 -->
    <img id="storeLogo" style="display:none;" />
    <div id="og_url" style="display:none;"></div>
    
    <!-- Navigation Header -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="navbarTop" 
         storeid="C677282790999976697"
         mls=""
         default_login="Line"
         mail_login="N"
         reg_phone_3D="Y"
         reg_address="N"
         vcc="N"
         referrer=""
         liffid=""
         uuid="">
        <div class="container">
            <!-- Brand Logo -->
            <a class="navbar-brand" href="index.php">
                                                <img src="https://images-9funban.s3.ap-northeast-1.amazonaws.com/images/088b0533c3a0b3ae1d590a4a6271df656452ee5a310c86cfdae1fa83ed1d9a78.png" alt="凱渡廣場酒店" class="me-2" style="height: 60px; width: 240px; object-fit: contain;" />
            </a>

            <!-- Mobile Toggle Button -->
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>

            <!-- Navigation Menu -->
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item">
                        <a class="nav-link active" href="index.php">首頁</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="about.php">關於我們</a>
                    </li>
                </ul>

                <!-- Right Side Menu -->
                <ul class="navbar-nav">
                    <!-- Language Selector -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button" data-bs-toggle="dropdown">
                            <i class="fas fa-globe"></i>
                            <span id="currentLang">繁中</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="#" data-lang="zh-TW">繁體中文</a></li>
                            <!-- <li><a class="dropdown-item" href="#" data-lang="en">English</a></li> -->
                            <!-- <li><a class="dropdown-item" href="#" data-lang="ja">日本語</a></li> -->
                        </ul>
                    </li>

                    <!-- Order Lookup Button -->
                    <li class="nav-item">
                        <a class="nav-link" href="order-lookup.php">
                            <i class="fas fa-search"></i>
                            <span>訂單查詢</span>
                        </a>
                    </li>


                    <!-- Ticket Wallet (登入後顯示 - 僅電腦版) -->
                    <li class="nav-item desktop-only" id="ticketWalletItem" style="display:none;">
                        <a class="nav-link position-relative" href="ticket_list.php">
                            <i class="fas fa-ticket-alt"></i>
                            <span>票夾</span>
                            <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-success" id="ticketCount" style="display:none;">
                                0
                            </span>
                        </a>
                    </li>

                    <!-- Shopping Cart -->
                    <li class="nav-item">
                        <a class="nav-link position-relative" href="cart.php">
                            <i class="fas fa-shopping-cart"></i>
                            <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" id="cartCount">
                                0
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav> 
<!-- Page overrides CSS (extracted from inline styles) -->
<link rel="stylesheet" href="css/pages/home-overrides.css?v=1763130471">

<!-- Main Content -->
<main class="main-content">
    <!-- Hero Section - SESSION輪播版 -->
    <section class="ud-hero-section hero-carousel-section" id="heroSection">
        <div id="heroCarousel" class="hero-carousel">
            <!-- 輪播圖將由 JavaScript 動態生成 -->
        </div>
        
        <!-- 輪播控制按鈕 -->
        <button class="hero-carousel-control hero-prev" id="heroPrev" style="display: none;">
            <i class="fas fa-chevron-left"></i>
        </button>
        <button class="hero-carousel-control hero-next" id="heroNext" style="display: none;">
            <i class="fas fa-chevron-right"></i>
        </button>
        
        <!-- 輪播導航點 -->
        <div class="hero-carousel-dots" id="heroDots">
            <!-- 導航點將由 JavaScript 動態生成 -->
        </div>
        
        <!-- 滾動提示 -->
        <div class="scroll-indicator" data-aos="fade-up" data-aos-delay="1000">
            <a href="#activities" class="scroll-down" style="display: none;">
                <i class="fas fa-chevron-down"></i>
            </a>
        </div>
    </section>

    <!-- JavaScript 輪播圖管理器 -->
    <script src="js/pages/home-carousel.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>


    <!-- Activity Categories Section -->
    <section class="ud-activities-section" id="activities">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2 class="ud-section-title" data-aos="fade-up">精彩活動體驗</h2>
                    <p class="text-center text-ud-secondary mb-5" data-aos="fade-up" data-aos-delay="100">
                        升級「海‧陸‧空」全方位體驗，打造一站式度假樂趣
                    </p>
                </div>
            </div>
            
            <!-- 活動分類導航 - 動態生成 -->
            <div class="row mb-5">
                <div class="col-12">
                    <div class="category-filter text-center" data-aos="fade-up" data-aos-delay="200">
                        <!-- 分類按鈕將透過UDProductManager動態載入 -->
                        <button class="filter-btn active" data-category="all">
                            <i class="fas fa-th me-2"></i>全部活動
                        </button>
                    </div>
                </div>
            </div>

            
            <!-- 海上活動商品 - 動態載入 -->
            <div class="row g-4 mb-5" id="oceanActivities">
                <!-- 商品將透過UDProductManager動態載入 -->
            </div>

            
            <!-- 陸地活動商品 - 動態載入 -->
            <div class="row g-4 mb-5" id="landActivities">
                <!-- 商品將透過UDProductManager動態載入 -->
            </div>

            
            <!-- 館內活動商品 - 動態載入 -->
            <div class="row g-4 mb-5" id="indoorActivities">
                <!-- 商品將透過UDProductManager動態載入 -->
            </div>
        </div>
    </section>

    <!-- Operating Hours - 暫時隱藏 -->
    <section class="operating-hours py-5" style="display: none;">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="bg-white p-4 rounded-3 shadow-sm text-center" data-aos="fade-up">
                        <h3 class="h4 mb-4 text-ud-primary">營業時間</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <h5>平日營業</h5>
                                <p class="text-ud-secondary">週一～週五<br>09:00 - 22:00</p>
                            </div>
                            <div class="col-md-6">
                                <h5>假日營業</h5>
                                <p class="text-ud-secondary">週六～週日<br>08:00 - 23:00</p>
                            </div>
                        </div>
                        <hr class="my-4">
                        <div class="contact-info">
                            <p class="mb-2"><i class="fas fa-phone me-2 text-ud-primary"></i>預約專線：02-2545-0000</p>
                            <p class="mb-0"><i class="fas fa-map-marker-alt me-2 text-ud-primary"></i>台北市松山區民權東路三段122號1樓</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Back to Top Button -->
    <div class="back-to-top" id="backToTop">
        <i class="fas fa-arrow-up"></i>
    </div>
</main>

    <!-- Footer -->
    <footer class="footer bg-dark text-white py-5">
        <div class="container">
            <div class="row">
                <!-- 第1欄：關於我們 -->
                <div class="col-md-3 mb-4">
                    <h5>關於我們</h5>
                    <div class="mb-3">
                        <h6 class="mb-1">凱渡廣場酒店</h6>
                        <p class="mb-0 text-white-50">度假,體驗,預約,旅遊,溫泉,戲水,海上活動,陸上活動</p>
                    </div>
                    <!-- 動態載入的公司資訊 -->
                    <div id="system_setting_footer_message" class="text-white-50 mb-3" style="white-space: pre-line;">
                        <!-- 內容由JavaScript從後端API動態載入，不顯示預設值 -->
                    </div>
                </div>
                
                <!-- 第2欄：預約服務 -->
                <div class="col-md-3 mb-4">
                    <h5>預約服務</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="index.php" class="text-white-50">首頁</a></li>
                        <li class="mb-2"><a href="about.php?id=bookingflow" class="text-white-50">預約流程</a></li>
                        <li class="mb-2"><a href="order-lookup.php" class="text-white-50">我的預約</a></li>
                    </ul>
                </div>
                
                <!-- 第3欄：客服資訊 -->
                <div class="col-md-3 mb-4">
                    <h5>客服資訊</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="about.php?id=qa" class="text-white-50">常見問題</a></li>
                        <li class="mb-2"><a href="about.php?id=principle" class="text-white-50" id="principle">隱私政策</a></li>
                        <li class="mb-2"><a href="about.php" class="text-white-50">關於我們</a></li>
                    </ul>
                </div>
                
                <!-- 第4欄：追蹤我們 + 網址資訊 -->
                <div class="col-md-3 mb-4">
                    <h5>追蹤我們</h5>
                    <div class="social-links mb-3">
                        <!-- 動態社群連結 -->
                        <a href="#" id="system_setting_fb" class="text-white me-3"><i class="fab fa-facebook-square fa-lg"></i></a>
                        <a href="#" id="system_setting_ig" class="text-white me-3"><i class="fab fa-instagram fa-lg"></i></a>
                        <a href="#" id="system_setting_twitter" class="text-white me-3"><i class="fab fa-twitter-square fa-lg"></i></a>
                        <a href="#" id="system_setting_tiktok" class="text-white me-3"><i class="fab fa-tiktok fa-lg"></i></a>
                        <a href="#" id="system_setting_youtube" class="text-white me-3"><i class="fab fa-youtube fa-lg"></i></a>
                        <a href="#" id="system_setting_line" class="text-white me-3"><i class="fab fa-line fa-lg"></i></a>
                    </div>
                    
                    <!-- 網址資訊 -->
                    <div class="website-links text-white-50" id="system_setting_websites">
                        <!-- 網址內容由JavaScript動態載入 -->
                    </div>
                </div>
            </div>
            
            <hr class="my-4">
            
            <!-- 資訊安全認證標章 -->
            <div class="text-center mb-3">
                <h6 class="text-white mb-3">資訊安全認證</h6>
                <div class="security-badges">
                    <div class="badge-item">
                        <i class="fas fa-shield-alt"></i>
                        <span>ISO 27001</span>
                        <small>資訊安全管理</small>
                    </div>
                    <div class="badge-item">
                        <i class="fas fa-user-shield"></i>
                        <span>ISO 27701</span>
                        <small>隱私資訊管理</small>
                    </div>
                    <div class="badge-item">
                        <i class="fas fa-lock"></i>
                        <span>SSL 加密</span>
                        <small>資料傳輸保護</small>
                    </div>
                    <div class="badge-item">
                        <i class="fas fa-search"></i>
                        <span>弱點掃描</span>
                        <small>定期安全檢測</small>
                    </div>
                </div>
            </div>
            
            <div class="text-center">
                <p class="mb-0">&copy; <span id="year"></span> <span id="company">凱渡廣場酒店</span> • <a class="text-muted" target="_blank" rel="nofollow" href="https://www.9funban.com">Powered by 9funban</a></p>
            </div>
        </div>
    </footer>

    <!-- 手機版底部浮動導航欄 -->
    <nav class="mobile-bottom-nav" id="mobileBottomNav">
        <div class="nav-container">
            <!-- 首頁 -->
            <a href="index.php" class="nav-item" id="nav-home">
                <i class="fas fa-home"></i>
                <span>首頁</span>
            </a>
            
            <!-- 購物車 -->
            <a href="cart.php" class="nav-item" id="nav-cart">
                <i class="fas fa-shopping-cart"></i>
                <span>購物車</span>
                <div class="cart-badge hidden" id="mobile-cart-badge">0</div>
            </a>
            
            <!-- 訂單查詢 -->
            <a href="order-lookup.php" class="nav-item" id="nav-order-lookup">
                <i class="fas fa-search"></i>
                <span>訂單查詢</span>
            </a>
        </div>
    </nav>

    <!-- Login Modal -->
    <div class="modal fade" id="loginModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">會員登入</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <!-- 錯誤訊息 -->
                    <div class="text-center mb-3" id="Error_message_login_modal"></div>
                    
                    <!-- 快速登入選項 -->
                                        <div class="mb-4">
                        <h6 class="text-center text-muted mb-3">快速登入</h6>
                        <div class="d-grid gap-2">
                                                        <button type="button" class="btn btn-success btn-lg member_ctrl quicklogin" link="LINE">
                                <i class="fab fa-line me-2"></i>LINE 快速登入
                            </button>
                                                        
                                                        
                                                    </div>
                        
                        <!-- 分隔線 -->
                        <div class="text-center my-4">
                            <div class="d-flex align-items-center">
                                <hr class="flex-grow-1">
                                <span class="px-3 text-muted">或</span>
                                <hr class="flex-grow-1">
                            </div>
                        </div>
                    </div>
                                        
                    <!-- 帳號密碼登入表單標題 -->
                    <div class="text-center mb-3">
                        <h6 class="text-muted">請輸入您的帳號與密碼</h6>
                    </div>
                    
                    <!-- 傳統帳號密碼登入表單 -->
                    <form name="ts-login-form" id="ts-login-form-modal">
                        <div class="mb-3">
                            <label for="login_username_quick" class="form-label">電子郵件</label>
                            <input type="email" class="form-control" id="login_username_quick" name="login_username_quick" required>
                        </div>
                        <div class="mb-3">
                            <label for="login_password_quick" class="form-label">密碼</label>
                            <input type="password" class="form-control" id="login_password_quick" name="login_password_quick" required>
                        </div>
                        <div class="mb-3 form-check">
                            <input type="checkbox" class="form-check-input" id="autoSave_quick" name="autoSave_quick">
                            <label class="form-check-label" for="autoSave_quick">記住我</label>
                        </div>
                    </form>
                    
                    <!-- 驗證碼區域（失敗次數過多時顯示） -->
                    <div class="form-group mb-3" id="captcha_area_modal" style="display:none">
                        <div class="row">
                            <div class="col-8">
                                <label for="login_valid_quick" class="form-label">驗證碼</label>
                                <input type="text" class="form-control" id="login_valid_quick" name="login_valid_quick">
                            </div>
                            <div class="col-4">
                                <img class="img-fluid" id="captcha_login_modal" alt="Shop20_Captcha" style="cursor: pointer;">
                            </div>
                        </div>
                    </div>
                    
                    <!-- 忘記密碼和重發驗證信連結 -->
                    <div class="d-flex justify-content-between mb-3">
                        <a href="#" id="forget_pw_modal" class="text-decoration-none">忘記密碼？</a>
                        <a href="#" id="resend_valid_modal" class="text-decoration-none">重發驗證信</a>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="login_submit_quick">登入</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Forget Password Modal -->
    <div class="modal fade" id="forgetPasswordModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">忘記密碼</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center mb-3" id="Error_message_forget_modal"></div>
                    <p class="text-muted mb-3">請輸入您的註冊信箱，我們將發送重設密碼連結給您</p>
                    
                    <form id="forget_form_modal">
                        <div class="mb-3">
                            <label for="forget_mail_modal" class="form-label">電子郵件</label>
                            <input type="email" class="form-control" id="forget_mail_modal" required>
                        </div>
                        
                        <!-- 驗證碼 -->
                        <div class="row mb-3">
                            <div class="col-8">
                                <label for="forget_valid_modal" class="form-label">驗證碼</label>
                                <input type="text" class="form-control" id="forget_valid_modal" required>
                            </div>
                            <div class="col-4">
                                <img class="img-fluid" id="captcha_forget_modal" alt="Shop20_Captcha" style="cursor: pointer;">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="forget_submit_modal">送出</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Resend Verification Modal -->
    <div class="modal fade" id="resendVerificationModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">重發驗證信</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center mb-3" id="Error_message_resend_modal"></div>
                    <p class="text-muted mb-3">請輸入您的註冊信箱，我們將重新發送驗證信給您</p>
                    <p class="text-danger small mb-3">*此功能僅用於未收到註冊驗證信使用，並非重設密碼。</p>
                    
                    <form id="resend_form_modal">
                        <div class="mb-3">
                            <label for="resend_mail_modal" class="form-label">電子郵件</label>
                            <input type="email" class="form-control" id="resend_mail_modal" required>
                        </div>
                        
                        <!-- 驗證碼 -->
                        <div class="row mb-3">
                            <div class="col-8">
                                <label for="resend_valid_modal" class="form-label">驗證碼</label>
                                <input type="text" class="form-control" id="resend_valid_modal" required>
                            </div>
                            <div class="col-4">
                                <img class="img-fluid" id="captcha_resend_modal" alt="Shop20_Captcha" style="cursor: pointer;">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="resend_submit_modal">送出</button>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 隱藏表單供登入後跳轉使用 -->
    <form id="nextPage_0" method="POST" style="display:none;"></form>

    <!-- Register Modal -->
    <div class="modal fade" id="registerModal" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">會員註冊</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center mb-3" id="Error_message_register_modal"></div>
                    
                    <!-- 快速登入綁定提示（第三方登入時顯示） -->
                    <div class="alert alert-info quicklogintext" style="display:none">
                        <strong><span class="login-type"></span>綁定成功！</strong>請繼續完成以下資料以完成註冊
                    </div>
                    
                    <p class="text-muted mb-4">請輸入基本資料</p>
                    
                    <form id="register_form_modal">
                        <!-- Email -->
                        <div class="mb-3">
                            <label for="reg_mail_modal" class="form-label">Email<span class="text-danger">*</span></label>
                            <input type="email" class="form-control form-control-lg" id="reg_mail_modal" required>
                            <div class="text-danger quickloginshow" style="display:none">*已綁定不可更換帳號</div>
                        </div>
                        
                        <!-- 密碼 -->
                        <div class="mb-3">
                            <label for="reg_password_modal" class="form-label">密碼<span class="text-danger">*</span></label>
                            <div class="input-group">
                            <input type="password" class="form-control form-control-lg" id="reg_password_modal" required>
                                <button class="btn btn-outline-secondary" type="button" id="togglePassword1">
                                    <i class="fas fa-eye" id="eyeIcon1"></i>
                                </button>
                            </div>
                        </div>
                        
                        <!-- 密碼確認 -->
                        <div class="mb-3">
                            <label for="reg_passwordCom_modal" class="form-label">密碼確認<span class="text-danger">*</span></label>
                            <div class="input-group">
                            <input type="password" class="form-control form-control-lg" id="reg_passwordCom_modal" required>
                                <button class="btn btn-outline-secondary" type="button" id="togglePassword2">
                                    <i class="fas fa-eye" id="eyeIcon2"></i>
                                </button>
                            </div>
                        </div>
                        
                        <!-- 姓名 + 性別 -->
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="reg_name_modal" class="form-label">姓名<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form-control-lg" id="reg_name_modal" required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">性別<span class="text-danger">*</span></label>
                                <div class="mt-2">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="gender_modal" id="male_modal" value="male" checked>
                                        <label class="form-check-label" for="male_modal">先生</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="gender_modal" id="female_modal" value="female">
                                        <label class="form-check-label" for="female_modal">小姐</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 手機號碼區域 (根據 Reg_Phone_3D 控制顯示) -->
                                                <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="AreaCode_modal" class="form-label">手機國碼</label>
                                <select class="form-select form-select-lg" id="AreaCode_modal">
                                    <option value="886" selected>🇹🇼 +886 台灣</option>
                                    <option value="86">🇨🇳 +86 中國</option>
                                    <option value="852">🇭🇰 +852 香港</option>
                                    <option value="853">🇲🇴 +853 澳門</option>
                                    <option value="65">🇸🇬 +65 新加坡</option>
                                    <option value="60">🇲🇾 +60 馬來西亞</option>
                                    <option value="66">🇹🇭 +66 泰國</option>
                                    <option value="84">🇻🇳 +84 越南</option>
                                    <option value="62">🇮🇩 +62 印尼</option>
                                    <option value="63">🇵🇭 +63 菲律賓</option>
                                    <option value="81">🇯🇵 +81 日本</option>
                                    <option value="82">🇰🇷 +82 韓國</option>
                                    <option value="91">🇮🇳 +91 印度</option>
                                    <option value="1">🇺🇸 +1 美國/加拿大</option>
                                    <option value="44">🇬🇧 +44 英國</option>
                                    <option value="33">🇫🇷 +33 法國</option>
                                    <option value="49">🇩🇪 +49 德國</option>
                                    <option value="39">🇮🇹 +39 意大利</option>
                                    <option value="34">🇪🇸 +34 西班牙</option>
                                    <option value="61">🇦🇺 +61 澳洲</option>
                                    <option value="64">🇳🇿 +64 紐西蘭</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="reg_phone_modal" class="form-label">手機號碼<span class="text-danger required_show">*</span></label>
                                <input type="tel" class="form-control form-control-lg" id="reg_phone_modal">
                                <small class="text-muted">*請填入正確手機以利驗證身分</small>
                            </div>
                        </div>
                        
                        <!-- 手機驗證碼 (根據 Verify_Code_Ctrl 控制顯示) -->
                                                                        
                        <!-- 收件地址區域 (根據 Reg_Address 控制顯示) -->
                                                
                        <!-- 同意條款 -->
                        <div class="mb-3 form-check">
                            <input type="checkbox" class="form-check-input" id="ProvisionCheckBox_modal" checked>
                            <label class="form-check-label" for="ProvisionCheckBox_modal">
                                我了解並同意《<a href="#" data-bs-toggle="collapse" data-bs-target="#Terms_Privacy_modal" class="text-danger">會員條款與隱私權政策</a>》
                            </label>
                        </div>
                        
                        <!-- 條款內容 (摺疊顯示) -->
                        <div class="collapse" id="Terms_Privacy_modal">
                            <div class="card card-body mt-3" id="regProvision_modal">
                                <!-- 條款內容將在這裡載入 -->
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-dark btn-lg px-5" id="register_submit_modal">註冊會員</button>
                                    </div>
            </div>
        </div>
    </div>

    <!-- 現代化工具庫 (JavaScript已在header載入，這裡只載入額外需要的庫) -->
    <!-- 已移除全站 QR Code 動態載入與本地備援（避免 404；需要時由頁面自行載入） -->
    
    <!-- PDF 生成 (升級 jsPDF) -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    
    <!-- HTML to Canvas (升級 html2canvas) -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
    
    <!-- 圖片延遲載入 (升級 lazyload) -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.8.5/dist/lazyload.min.js"></script>
    
    <!-- 台灣郵遞區號 (保持本地版本，因為是特殊需求) -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" src="js/libs/jquery.twzipcode.min.js"></script>
    
    <!-- 條碼生成 (升級為現代版本) -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==" src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script>
    
    <!-- 全域變數設定 - 必須在其他腳本載入前定義 -->
    <script nonce="ZmvbfRKaLEwARezeCOlu+Q==">
        // 關閉 console 輸出（正式環境且為指定網域）
        (function(){
            try {
                var isOpenHost = /^(www\.)?ud\.9funban\.com$/i.test(location.hostname);
                if (!isOpenHost) {
                    var methods = ['log','debug','info','table','warn'];
                    for (var i=0;i<methods.length;i++){
                        try{ console[methods[i]] = function(){} }catch(e){}
                    }
                }
            } catch(e) {}
        })();
        // 設定遠端IP（供 scroll.js 使用）
        var remoteip = '216.73.216.151';
        if (!remoteip) {
            remoteip = "Web Login";
        }
        // 關閉 checkout 的 SESSION 除錯（需要時可在開發機把它設為 true）
        window.ENABLE_SESSION_DEBUG = false;
        
        // 購物車UUID - 多人同時下單識別
        var cart_uuid = 'cart_20251114222751_781b10_944';
        
        // 系統設定資料 - 由PHP端在InitByDomain後載入
                window.systemSettings = {"carousel":[{"System_Carousel_Sernum":24,"Company_Uuid":"C677282790999976697","Carousel_Title":"2025夏季體驗活動","Carousel_Subtitle":"升級「海‧陸‧空」全方位體驗，探索周遭的跳島之旅！","Carousel_Link":"https:\/\/www.archipelago.com.tw\/news-detail\/the_activities\/","Carousel_Button_Text":"了解更多","Carousel_Image_Path":"https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/fff491bd75432ac7f9c3cc78a144446e0af9c4d494811a559a6012704b1d25c4.jpg","Carousel_Order":1,"Carousel_Status":"active","System_Carousel_Create_Time":"2025-08-20 14:36:22","System_Carousel_Modify_Time":"2025-08-22 08:23:46"}],"about_us":{"System_About_Us_Sernum":2,"Company_Uuid":"C677282790999976697","About_Title":"關於我們","About_Subtitle":"創造美好回憶，享受難忘體驗","About_Content":"<p>歡迎來到凱渡廣場酒店預約系統，我們致力於為您提供最優質的度假體驗...<\/p>","About_Image_Path":"https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/693d744bd5e59367105032c6dd72cfdd4f265e37cf054875bc0511a5430f4eb7.png","About_Status":"active","System_About_Us_Create_Time":"2025-07-30 10:17:52","System_About_Us_Modify_Time":"2025-08-21 17:30:09"},"system_settings":{"System_Settings_Sernum":2,"Company_Uuid":"C677282790999976697","Site_Name":"凱渡廣場酒店","Site_Slogan":"創造美好回憶，享受難忘體驗","Site_Description":"專業的度假體驗預約平台，提供本館周邊海、陸、空各種活動預約等全方位多元化服務","Site_Keywords":"度假,體驗,預約,旅遊,溫泉,戲水,海上活動,陸上活動","Logo_Main_Path":"https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/088b0533c3a0b3ae1d590a4a6271df656452ee5a310c86cfdae1fa83ed1d9a78.png","Logo_Mobile_Path":"https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/64026f3cb59676df55188c1939d3a01e9d053e601ffa79508f97154514c2f668.png","Favicon_Path":"https:\/\/images-9funban.s3.ap-northeast-1.amazonaws.com\/images\/00cc6411b12f918a4dec6ad3ff96b2490656c7c2f95962b12e8d447cdf6c2cbb.png","Contact_Phone":"03-977-1166","Contact_Mobile":"-","Contact_Email":"fo.ap@archipelago.com.tw","Contact_Address":"宜蘭縣頭城鎮烏石港路300號","Business_Hours":"週一至週日 09:00-18:00","Special_Notice":"","Meta_Title":"凱渡廣場酒店預約系統","Meta_Description":"凱渡廣場酒店預約系統提供溫泉、戲水、用餐等多元化服務，讓您享受最優質的度假體驗","Meta_Keywords":"度假,體驗,預約,旅遊,溫泉,戲水,騎馬","Google_Analytics_ID":"","Google_Site_Verification":"","Facebook_Pixel_ID":"","Site_URL":"https:\/\/www.archipelago.com.tw\/","Shop_URL":"https:\/\/archipelago.9funban.com\/","Facebook_URL":"https:\/\/www.facebook.com\/share\/1C4gUWq4ks\/?mibextid=wwXIfr","Instagram_URL":"https:\/\/www.instagram.com\/_thearchipelago_?utm_source=ig_web_button_share_sheet&igsh=a2JuMmdwYWliY2g4","Twitter_URL":"","TikTok_URL":"","YouTube_URL":"https:\/\/www.youtube.com\/@_thearchipelago_","LINE_URL":"https:\/\/lin.ee\/MFWrhpQ","Support_Email":"fo.ap@archipelago.com.tw","Fax_Number":"03-977-1137","Settings_Status":"active","EC_Invoice_Info":"{\"POSID\": \"7\", \"POSSN\": \"b790b88397810e722127\", \"Identifier\": \"42766836\", \"SellerName\": \"凱渡廣場酒店\", \"Invoice_Rule_Url\": \"http:\/\/xml.iotnet.com.tw\/\", \"Invoice_Rule_Code\": \"Mirle\"}","System_Settings_Create_Time":"2025-07-30 10:17:52","System_Settings_Modify_Time":"2025-11-07 08:01:55"}};
            </script>
    
    <!-- 🎯 優化後的 JavaScript 載入架構 - 嚴格按依賴順序載入 -->
    
    <!-- 🔧 第1層：核心配置與基礎函數 - 最優先載入 -->
    <script type="text/javascript" src="js/core/config.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
    <script type="text/javascript" src="js/core/sharefunction.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
    <script type="text/javascript" src="js/core/shop20-core.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
    
    <!-- 🛠️ 第2層：模板引擎輔助函數 - 依賴基礎函數 -->
    <script type="text/javascript" src="js/components/handlebars-helpers.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
    
    <!-- 📚 第3層：現代化庫指南 - 依賴配置 -->
    <script type="text/javascript" src="js/core/modern-libs-guide.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
    
    <!-- 🎯 第4層：系統核心腳本 - 依賴基礎函數 -->
    <script type="text/javascript" src="js/core/scroll.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
    
    <!-- 🧩 第5層：UI組件腳本 - 依賴核心功能 -->
    <script type="text/javascript" src="js/components/footer.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
    <script type="text/javascript" src="js/components/mobile-bottom-nav.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
    
    <!-- ⏰ 第6層：功能組件腳本 - 全站預設載入 -->
    <!-- 倒數計時功能：商品頁面、首頁、列表頁都需要 -->
    <script type="text/javascript" src="js/components/countdown.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
    <script type="text/javascript" src="js/components/shop20-countdown.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
    
    <!-- 📄 第7層：頁面專用腳本 - 已移至各頁面末尾載入，避免重複載入 -->
</body>
</html> 
<!-- Modal預約功能 -->
<link href="css/pages/product-booking-modal.css?v=1763130471" rel="stylesheet">
<script src="js/ud/cart-manager.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>
<script src="js/ud/product-booking-modal.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>

<!-- Cookie隱私通知系統 -->
<link href="css/components/privacy-notice.css?v=1763130471" rel="stylesheet">
<script src="js/components/privacy-notice.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>

<!-- 度假村活動功能 -->
<script src="js/resort-activities.js?v=20251114" nonce="ZmvbfRKaLEwARezeCOlu+Q=="></script>

<!-- Hero Carousel & Layout CSS -->
<style>
/* 統一頁面背景色 */
body {
    background: linear-gradient(45deg, var(--ud-bg-light), var(--ud-bg-section)) !important;
    margin: 0;
    padding: 0;
}

/* 確保 main 容器結構正常，但不影響其他內容 */
.main-content {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
}

/* 輪播區域專用容器重置 - 完全獨立 */
.main-content > .ud-hero-section.hero-carousel-section {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    border: none;
    outline: none;
    isolation: isolate;
}

/* 確保輪播後的內容有明確分隔 */
.ud-hero-section.hero-carousel-section + .ud-activities-section {
    margin-top: 0;
    padding-top: 60px;
}

/* 恢復 footer 正常顯示 */
footer.footer {
    display: block !important;
    position: relative;
    z-index: 10;
    width: 100%;
    clear: both;
}

/* 確保頁面整體佈局正常 */
html, body {
    height: auto !important;
    min-height: 100vh;
}

/* 手機版底部導航欄 */
.mobile-bottom-nav {
    z-index: 1020;
}

/* Hero輪播樣式 - 獨立區塊，不影響其他內容 */
.ud-hero-section.hero-carousel-section {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 50vh;
    min-height: 400px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
}

/* 輪播圖下方的內容區域 - 完全獨立 */
.ud-activities-section {
    position: relative;
    background: var(--ud-bg-light);
    padding: 60px 0;
    margin: 0;
    clear: both;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
}

.hero-carousel {
	margin-top: 50px;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    isolation: isolate;
}

.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-slide.active {
    opacity: 1;
}

/* 預設背景為沒有輪播資料時使用 */
.hero-slide.default-slide {
    background: linear-gradient(135deg, var(--ud-primary) 0%, var(--ud-secondary) 100%), 
                url('image/banner.jpg') center/cover;
}

.hero-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.hero-slide-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    max-width: 800px;
    padding: 0 20px;
}

.hero-slide-title {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.hero-slide-subtitle {
    font-size: 1.3rem;
    margin-bottom: 2rem;
    line-height: 1.6;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.hero-slide-button {
    display: inline-block;
    padding: 15px 30px;
    background: var(--ud-primary);
    color: white;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid var(--ud-primary);
}

.hero-slide-button:hover {
    background: transparent;
    color: var(--ud-primary);
    border-color: var(--ud-primary);
    transform: translateY(-2px);
}

/* 輪播控制按鈕 */
.hero-carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,0.2);
    border: 2px solid rgba(255,255,255,0.3);
    color: white;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 3;
    transition: all 0.3s ease;
}

.hero-carousel-control:hover {
    background: rgba(255,255,255,0.3);
    border-color: rgba(255,255,255,0.5);
}

.hero-prev {
    left: 30px;
}

.hero-next {
    right: 30px;
}

/* 輪播導航點 */
.hero-carousel-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 3;
}

.hero-carousel-dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.hero-carousel-dots .dot.active {
    background: white;
    transform: scale(1.2);
}

/* 滾動提示 */
.scroll-indicator {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.scroll-down {
    color: white;
    font-size: 24px;
    text-decoration: none;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* Back to Top 按鈕樣式 */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--ud-primary);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
}

.back-to-top:hover {
    background-color: var(--ud-primary-dark);
    transform: translateY(-2px);
}

/* 商品卡片樣式 */
.product-card {
    background: white;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: all 0.3s ease;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

/* 確保首頁產品卡片的價格結構樣式正確 */
.product-card .price-structure {
    background: #f8fffe;
    padding: 0.75rem;
    border-radius: 8px;
    border: 1px solid #e6f7f5;
    margin: 0.75rem;
}

.product-card .price-category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
    padding: 0.2rem 0;
    flex-wrap: wrap;
    gap: 6px;
    line-height: 1.25;
}

.product-card .price-category:last-child {
    margin-bottom: 0;
}

.product-card .price-label-soft {
    font-weight: 500;
    color: #5a7c7a;
    font-size: 0.8rem;
    min-width: 30px;
}

.product-card .price-range-soft {
    font-weight: 600;
    color: #2d5a57;
    font-size: 0.85rem;
    letter-spacing: 0.1px;
}

.product-card:hover .price-range-soft {
    color: #1e4441;
}

.product-card:hover .price-label-soft {
    color: #4a6b69;
}

/* 響應式設計 */
@media (max-width: 768px) {
    /* 手機版輪播圖調整 - 保持獨立區塊 */
    .ud-hero-section.hero-carousel-section {
        width: 100%;
        max-width: 100%;
        height: 45vh;
        min-height: 350px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    .hero-slide-title {
        font-size: 2.5rem;
    }
    
    .hero-slide-subtitle {
        font-size: 1.1rem;
    }
    
    .hero-carousel-control {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
    
    .hero-prev {
        left: 15px;
    }
    
    .hero-next {
        right: 15px;
    }
    
    .category-filter {
        text-align: left;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 10px;
    }
    
    .filter-btn {
        margin: 0.25rem 0;
        text-align: center;
    }
    
    /* 手機版價格結構調整 */
    .product-card .price-structure {
        margin: 0.5rem;
        padding: 0.6rem;
    }
    
    .product-card .price-category {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
        margin-bottom: 0.6rem;
    }
    
    .product-card .price-label-soft {
        min-width: auto;
        font-size: 0.78rem;
    }
    
    .product-card .price-range-soft {
        font-size: 0.9rem;
        font-weight: 600;
    }
    
    /* 手機版按鈕區域調整 - 確保收藏和了解更多在同一行 */
    .product-card .product-actions {
        flex-direction: row !important;
        gap: 6px;
        justify-content: space-between;
        margin-top: 0.75rem;
    }
    
    .product-card .product-actions .btn-primary {
        flex: 1;
        font-size: 0.8rem;
        padding: 8px 12px;
    }
    
    .product-card .favorite-btn {
        width: 45px;
        height: 38px;
        padding: 8px;
        margin-bottom: 0;
    }
    
    /* 首頁專用 - 強制所有價格使用溫和配色 */
    .product-card .price-amount,
    .product-card .price-value,
    .product-card .current-price,
    .product-card .original-price,
    .product-card span[class*="price"],
    .ud-service-card .price-amount,
    .ud-service-card .price-value,
    .ud-service-card .current-price,
    .ud-service-card .original-price,
    .ud-service-card span[class*="price"],
    .product-card .price-range-soft,
    .ud-service-card .price-range-soft {
        color: #2d5a57 !important;
        font-weight: 600 !important;
    }
    
    /* 確保價格標籤也使用溫和配色 */
    .product-card .price-label-soft,
    .ud-service-card .price-label-soft {
        color: #5a7c7a !important;
        font-weight: 500 !important;
    }
    
    /* 最強優先級 - 覆蓋任何可能的紅色價格 */
    .product-card *[class*="price"],
    .ud-service-card *[class*="price"],
    .product-card *[class*="amount"],
    .ud-service-card *[class*="amount"],
    .product-card *[class*="value"],
    .ud-service-card *[class*="value"] {
        color: #2d5a57 !important;
    }
}

/* 極小螢幕額外優化 */
@media (max-width: 480px) {
    .product-card .product-actions {
        gap: 4px !important;
    }
    
    .product-card .product-actions .btn-primary {
        font-size: 0.75rem;
        padding: 6px 8px;
    }
    
    .product-card .favorite-btn {
        width: 40px;
        height: 36px;
        padding: 6px;
    }
    
    /* 極小螢幕也確保溫和配色 */
    .product-card *[class*="price"],
    .ud-service-card *[class*="price"],
    .product-card *[class*="amount"],
    .ud-service-card *[class*="amount"] {
        color: #2d5a57 !important;
    }
}
</style>