{"id":3547,"date":"2025-11-25T08:11:13","date_gmt":"2025-11-25T08:11:13","guid":{"rendered":"https:\/\/call2destiny.com\/?page_id=3547"},"modified":"2025-11-25T11:48:58","modified_gmt":"2025-11-25T11:48:58","slug":"design","status":"publish","type":"page","link":"https:\/\/call2destiny.com\/index.php\/design\/","title":{"rendered":"\u6587\u521b"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u6587\u5275\u5c55\u793a<\/title>\n    <!-- Font Awesome -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n    <!-- AOS Animation Library -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/aos@2.3.4\/dist\/aos.css\" rel=\"stylesheet\">\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/aos@2.3.4\/dist\/aos.js\"><\/script>\n    \n    <style>\n        \/* \u989c\u8272\u53d8\u91cf\u53d8\u91cf\u5b9a\u4e49\uff0c\u63d0\u9ad8\u4f18\u5148\u7ea7 *\/\n        :root {\n            --primary-color: #eb592b !important;\n            --accent-color: #eb592b !important;\n            --text-color: #333 !important;\n            --light-bg: #f8f9fa !important;\n            --border-color: #e9ecef !important;\n        }\n\n        \/* \u57fa\u7840\u6837\u5f0f\u91cd\u7f6e *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;\n            color: var(--text-color);\n            background-color: var(--light-bg);\n            line-height: 1.6;\n        }\n        \n        \/* \u52a8\u753b\u6548\u679c *\/\n        .fade-in {\n            animation: fadeIn 0.8s ease-in-out;\n        }\n        \n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \n        \/* \u5bfc\u822a\u680f\u6eda\u52a8\u6548\u679c *\/\n        .navbar-scrolled {\n            background-color: white !important;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n        }\n        \n        \/* \u4ea7\u54c1\u5361\u7247\u60ac\u505c\u6548\u679c *\/\n        .product-card {\n            transition: all 0.4s ease;\n        }\n        \n        .product-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n        \n        \/* \u6309\u94ae\u6837\u5f0f *\/\n        .btn-primary {\n            background-color: #eb592b;\n            color: white;\n            transition: all 0.3s ease;\n        }\n        \n        .btn-primary:hover {\n            background-color: #d44a1e;\n            transform: translateY(-2px);\n            box-shadow: 0 10px 15px -3px rgba(235, 89, 43, 0.3);\n        }\n        \n        .btn-outline {\n            border: 2px solid #eb592b;\n            color: #eb592b;\n            transition: all 0.3s ease;\n        }\n        \n        .btn-outline:hover {\n            background-color: #eb592b;\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 10px 15px -3px rgba(235, 89, 43, 0.3);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-lightBg text-text\">\n\n\n    <main>\n        <!-- \u82f1\u96c4\u533a -->\n        <section id=\"hero\" class=\"pt-28 md:pt-0 min-h-screen flex items-center relative overflow-hidden\">\n            <div class=\"absolute inset-0 z-0\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/clock-design.png\" alt=\"\u85dd\u8853\u5275\u610f\u6728\u88fd\u9418\u9336\" class=\"w-full h-full object-cover opacity-20\">\n                <div class=\"absolute inset-0 bg-gradient-to-r from-white to-lightBg opacity-90\"><\/div>\n            <\/div>\n            \n            <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24 relative z-10\">\n                <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n                    <div class=\"fade-in\">\n                        <h1 class=\"text-[clamp(2.5rem,5vw,4rem)] font-bold leading-tight text-text mb-6\">\n                            <span class=\"text-primary\">Call to Destiny<\/span><br>\n                            \u6587\u5275\u5c55\u793a\n                        <\/h1>\n                        <p class=\"text-lg md:text-xl text-gray-600 mb-8 max-w-lg\">\n                       \u56de\u61c9\u795e\u7684\u547c\u53ec\uff0c\u73fe\u5728\u6b63\u662f\u95dc\u9375\u6642\u523b\uff01<br>\n\u8b93\u6211\u5011\u5f9e\u751f\u6d3b\u7684\u7e41\u5fd9\u4e2d\u5206\u5225\u70ba\u8056\uff0c\u9075\u5b88\u8036\u548c\u83ef\u7bc0\u671f\uff0c\u9019\u662f\u8207\u5275\u9020\u4e3b\u9023\u7d50\u7684\u9470\u5319\u3002\u900f\u904e\u5728\u5bb6\u5ead\u8207\u6559\u6703\u4e2d\u5efa\u7acb\u796d\u58c7\uff0c\u6211\u5011\u91cd\u65b0\u78ba\u7acb\u795e\u5728\u6211\u5011\u751f\u547d\u4e2d\u7684\u4e3b\u6b0a\uff0c\u8b93\u79b1\u544a\u7684\u99a8\u9999\u4e4b\u6c23\u76f4\u9054\u5929\u969b\u3002\u7576\u6211\u5011\u9806\u670d\u795e\u7684\u6642\u9593\u8868\uff0c\u6211\u5011\u7684\u751f\u547d\u5c0d\u9f4a\u3001\u6642\u9593\u5c0d\u9f4a\u3002\u9019\u6703\u9032\u4e00\u6b65\u8f49\u8b8a\u6211\u5011\u7684\u773c\u5149\uff0c\u5efa\u7acb\u6b63\u78ba\u7684\u570b\u5ea6\u89c0\uff0c\u4e0d\u518d\u88ab\u5730\u4e0a\u7684\u4e8b\u52d9\u6346\u7d81\uff0c\u800c\u662f\u5b9a\u775b\u65bc\u795e\u6c38\u6046\u7684\u65e8\u610f\u3002\u6700\u7d42\uff0c\u9019\u4e00\u5207\u7684\u5c0d\u9f4a\u8207\u9806\u670d\uff0c\u5c07\u70ba\u6211\u5011\u6253\u958b\u547d\u5b9a\uff0c\u4f7f\u6211\u5011\u6d3b\u51fa\u795e\u5275\u9020\u6211\u5011\u7684\u76ee\u7684\u8207\u8c50\u76db\u3002\n                        <\/p>\n                        <div class=\"flex flex-wrap gap-4\">\n                            <a href=\"#products\" class=\"btn-primary px-8 py-3 rounded-full font-medium btn-transition\">\n                                \u5e74\u6703\u79ae\u7269\u5b9a\u5236\n                            <\/a>\n                            <a href=\"#about\" class=\"btn-outline px-8 py-3 rounded-full font-medium btn-transition\">\n                                \u5927\u6578\u91cf\u5b9a\u5236\u54a8\u8a62\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hidden md:block fade-in\" style=\"animation-delay: 0.3s\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/clock-design.png\" alt=\"Natural Cosmetics Collection\" class=\"rounded-lg shadow-2xl hover-scale\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"absolute bottom-8 left-1\/2 transform -translate-x-1\/2 animate-bounce\">\n                <a href=\"#products\" class=\"text-primary hover:text-accent transition-colors duration-300\">\n                    <i class=\"fa fa-angle-down text-3xl\" aria-hidden=\"true\"><\/i>\n                <\/a>\n            <\/div>\n        <\/section>\n\n        <!-- \u4ea7\u54c1\u5c55\u793a\u533a -->\n        <section id=\"products\" class=\"py-20 bg-white\">\n            <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-16 fade-in\">\n                    <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold mb-4\">Our Natural Collection<\/h2>\n                    <p class=\"text-gray-600 max-w-2xl mx-auto\">Handcrafted with love using only the finest natural ingredients. Paraben-free, cruelty-free, and eco-friendly.<\/p>\n                <\/div>\n                \n                <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n                    <!-- \u4ea7\u54c11 -->\n                    <div class=\"product-card bg-lightBg rounded-xl overflow-hidden shadow-md\">\n                        <div class=\"h-64 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/106\/500\/500\" alt=\"Natural Facial Serum\" class=\"w-full h-full object-cover hover:scale-110 transition-transform duration-500\">\n                        <\/div>\n                        <div class=\"p-6\">\n                            <h3 class=\"font-bold text-xl mb-2\">Organic Facial Serum<\/h3>\n                            <p class=\"text-gray-600 mb-4\">Hydrating serum with aloe vera and vitamin E<\/p>\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-primary font-bold text-xl\">$29.99<\/span>\n                                <a href=\"#\" class=\"btn-primary px-4 py-2 rounded-full text-sm btn-transition\">\n                                    SHOP NOW\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- \u4ea7\u54c12 -->\n                    <div class=\"product-card bg-lightBg rounded-xl overflow-hidden shadow-md\">\n                        <div class=\"h-64 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/177\/500\/500\" alt=\"Herbal Face Wash\" class=\"w-full h-full object-cover hover:scale-110 transition-transform duration-500\">\n                        <\/div>\n                        <div class=\"p-6\">\n                            <h3 class=\"font-bold text-xl mb-2\">Herbal Face Wash<\/h3>\n                            <p class=\"text-gray-600 mb-4\">Gentle cleanser with cucumber extract<\/p>\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-primary font-bold text-xl\">$19.99<\/span>\n                                <a href=\"#\" class=\"btn-primary px-4 py-2 rounded-full text-sm btn-transition\">\n                                    SHOP NOW\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- \u4ea7\u54c13 -->\n                    <div class=\"product-card bg-lightBg rounded-xl overflow-hidden shadow-md\">\n                        <div class=\"h-64 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/214\/500\/500\" alt=\"Citrus Body Lotion\" class=\"w-full h-full object-cover hover:scale-110 transition-transform duration-500\">\n                        <\/div>\n                        <div class=\"p-6\">\n                            <h3 class=\"font-bold text-xl mb-2\">Citrus Body Lotion<\/h3>\n                            <p class=\"text-gray-600 mb-4\">Refreshing lotion with lemon and orange oils<\/p>\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-primary font-bold text-xl\">$24.99<\/span>\n                                <a href=\"#\" class=\"btn-primary px-4 py-2 rounded-full text-sm btn-transition\">\n                                    SHOP NOW\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"text-center mt-12\">\n                    <a href=\"#shop\" class=\"btn-outline px-8 py-3 rounded-full font-medium btn-transition inline-block\">\n                        VIEW ALL PRODUCTS\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u4e13\u9898\u677f\u5757 -->\n        <section id=\"blue-tonic\" class=\"py-20 bg-lightBg\">\n            <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n                    <div class=\"hidden md:block fade-in\">\n                        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/116\/600\/800\" alt=\"Blue Tonic Collection\" class=\"rounded-lg shadow-2xl hover-scale\">\n                    <\/div>\n                    <div class=\"fade-in\" style=\"animation-delay: 0.3s\">\n                        <span class=\"text-primary font-semibold uppercase tracking-wider\">Exclusive Collection<\/span>\n                        <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold mt-2 mb-6\">BLUE TONIC<\/h2>\n                        <p class=\"text-gray-600 mb-6 text-lg\">\n                            Our signature Blue Tonic line combines the power of natural sea ingredients with botanical extracts to revitalize and refresh your skin. Perfect for all skin types, especially sensitive skin.\n                        <\/p>\n                        <p class=\"text-gray-600 mb-8\">\n                            Each product in the Blue Tonic collection is carefully formulated to provide deep hydration, reduce inflammation, and promote a healthy, glowing complexion. Free from harsh chemicals and artificial fragrances.\n                        <\/p>\n                        <a href=\"#shop\" class=\"btn-primary px-8 py-3 rounded-full font-medium btn-transition inline-block\">\n                            EXPLORE COLLECTION\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u4fc3\u9500\u533a -->\n        <section id=\"promotion\" class=\"py-20 bg-primary relative overflow-hidden\">\n            <div class=\"absolute inset-0 z-0\">\n                <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/129\/1920\/1080\" alt=\"Promotion Background\" class=\"w-full h-full object-cover opacity-20\">\n                <div class=\"absolute inset-0 bg-gradient-to-r from-primary\/90 to-primary\/80\"><\/div>\n            <\/div>\n            \n            <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n                <div class=\"max-w-3xl mx-auto text-center text-white fade-in\">\n                    <span class=\"inline-block bg-white\/20 text-white px-4 py-2 rounded-full text-sm font-semibold mb-4\">LIMITED TIME OFFER<\/span>\n                    <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold mb-4\">THE MUST HAVE 2025<\/h2>\n                    <p class=\"text-white\/90 text-lg mb-8\">\n                        50% OFF ONLY ONLINE 24H &#8211; Don&#8217;t miss our exclusive offer on our best-selling natural beauty products. Stock is limited, so act fast!\n                    <\/p>\n                    \n                    <!-- \u5012\u8ba1\u65f6 -->\n                    <div class=\"flex justify-center space-x-4 md:space-x-8 mb-10\">\n                        <div class=\"bg-white\/20 rounded-lg p-4 w-20 md:w-24\">\n                            <div class=\"text-3xl md:text-4xl font-bold\" id=\"days\">24<\/div>\n                            <div class=\"text-sm uppercase tracking-wider\">Hours<\/div>\n                        <\/div>\n                        <div class=\"bg-white\/20 rounded-lg p-4 w-20 md:w-24\">\n                            <div class=\"text-3xl md:text-4xl font-bold\" id=\"hours\">00<\/div>\n                            <div class=\"text-sm uppercase tracking-wider\">Mins<\/div>\n                        <\/div>\n                        <div class=\"bg-white\/20 rounded-lg p-4 w-20 md:w-24\">\n                            <div class=\"text-3xl md:text-4xl font-bold\" id=\"minutes\">00<\/div>\n                            <div class=\"text-sm uppercase tracking-wider\">Secs<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <a href=\"#shop\" class=\"bg-white text-primary px-8 py-3 rounded-full font-medium btn-transition inline-block hover:bg-white\/90\">\n                        SHOP NOW BEFORE IT&#8217;S GONE\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u54c1\u724c\u4f18\u52bf -->\n        <section id=\"benefits\" class=\"py-20 bg-white\">\n            <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-16 fade-in\">\n                    <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold mb-4\">Why Choose Our Natural Cosmetics<\/h2>\n                    <p class=\"text-gray-600 max-w-2xl mx-auto\">We are committed to providing high-quality, natural products that are good for you and the environment.<\/p>\n                <\/div>\n                \n                <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-8\">\n                    <!-- \u4f18\u52bf1 -->\n                    <div class=\"text-center p-6 bg-lightBg rounded-xl hover-scale\">\n                        <div class=\"w-16 h-16 bg-primary\/10 rounded-full flex items-center justify-center mx-auto mb-6\">\n                            <i class=\"fa fa-leaf text-primary text-2xl\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-xl mb-3\">100% Natural<\/h3>\n                        <p class=\"text-gray-600\">Made with organic ingredients sourced from sustainable farms<\/p>\n                    <\/div>\n                    \n                    <!-- \u4f18\u52bf2 -->\n                    <div class=\"text-center p-6 bg-lightBg rounded-xl hover-scale\">\n                        <div class=\"w-16 h-16 bg-primary\/10 rounded-full flex items-center justify-center mx-auto mb-6\">\n                            <i class=\"fa fa-ban text-primary text-2xl\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-xl mb-3\">Cruelty-Free<\/h3>\n                        <p class=\"text-gray-600\">Never tested on animals, certified by PETA<\/p>\n                    <\/div>\n                    \n                    <!-- \u4f18\u52bf3 -->\n                    <div class=\"text-center p-6 bg-lightBg rounded-xl hover-scale\">\n                        <div class=\"w-16 h-16 bg-primary\/10 rounded-full flex items-center justify-center mx-auto mb-6\">\n                            <i class=\"fa fa-recycle text-primary text-2xl\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-xl mb-3\">Eco-Friendly<\/h3>\n                        <p class=\"text-gray-600\">Packaged in recyclable and biodegradable materials<\/p>\n                    <\/div>\n                    \n                    <!-- \u4f18\u52bf4 -->\n                    <div class=\"text-center p-6 bg-lightBg rounded-xl hover-scale\">\n                        <div class=\"w-16 h-16 bg-primary\/10 rounded-full flex items-center justify-center mx-auto mb-6\">\n                            <i class=\"fa fa-check-circle text-primary text-2xl\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-xl mb-3\">Safe Formulas<\/h3>\n                        <p class=\"text-gray-600\">Free from parabens, sulfates, and artificial fragrances<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <!-- JavaScript -->\n    <script>\n        \/\/ \u5bfc\u822a\u680f\u6eda\u52a8\u6548\u679c\n        window.addEventListener('scroll', function() {\n            const navbar = document.getElementById('navbar');\n            if (window.scrollY > 50) {\n                navbar.classList.add('navbar-scrolled');\n            } else {\n                navbar.classList.remove('navbar-scrolled');\n            }\n        });\n        \n        \/\/ \u79fb\u52a8\u7aef\u83dc\u5355\u5207\u6362\n        const mobileMenuButton = document.getElementById('mobile-menu-button');\n        const mobileMenu = document.getElementById('mobile-menu');\n        \n        mobileMenuButton.addEventListener('click', function() {\n            mobileMenu.classList.toggle('hidden');\n        });\n        \n        \/\/ \u5e73\u6ed1\u6eda\u52a8\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                \n                const targetId = this.getAttribute('href');\n                if (targetId === '#') return;\n                \n                const targetElement = document.querySelector(targetId);\n                if (targetElement) {\n                    window.scrollTo({\n                        top: targetElement.offsetTop - 80,\n                        behavior: 'smooth'\n                    });\n                    \n                    \/\/ \u5173\u95ed\u79fb\u52a8\u7aef\u83dc\u5355\n                    if (!mobileMenu.classList.contains('hidden')) {\n                        mobileMenu.classList.add('hidden');\n                    }\n                }\n            });\n        });\n        \n        \/\/ \u5012\u8ba1\u65f6\u529f\u80fd\n        function updateCountdown() {\n            const now = new Date();\n            const endDate = new Date(now);\n            endDate.setHours(now.getHours() + 24); \/\/ 24\u5c0f\u65f6\u540e\u7ed3\u675f\n            \n            const diff = endDate - now;\n            const hours = Math.floor(diff \/ (1000 * 60 * 60));\n            const minutes = Math.floor((diff % (1000 * 60 * 60)) \/ (1000 * 60));\n            const seconds = Math.floor((diff % (1000 * 60)) \/ 1000);\n            \n            document.getElementById('days').textContent = hours.toString().padStart(2, '0');\n            document.getElementById('hours').textContent = minutes.toString().padStart(2, '0');\n            document.getElementById('minutes').textContent = seconds.toString().padStart(2, '0');\n        }\n        \n        \/\/ \u521d\u59cb\u5316\u5012\u8ba1\u65f6\u5e76\u6bcf\u79d2\u66f4\u65b0\n        updateCountdown();\n        setInterval(updateCountdown, 1000);\n        \n        \/\/ \u5143\u7d20\u6eda\u52a8\u52a8\u753b\n        const fadeElements = document.querySelectorAll('.fade-in');\n        \n        const fadeInOnScroll = function() {\n            fadeElements.forEach(element => {\n                const elementTop = element.getBoundingClientRect().top;\n                const elementVisible = 150;\n                \n                if (elementTop < window.innerHeight - elementVisible) {\n                    element.style.opacity = '1';\n                    element.style.transform = 'translateY(0)';\n                }\n            });\n        };\n        \n        \/\/ \u521d\u59cb\u8bbe\u7f6e\n        fadeElements.forEach(element => {\n            element.style.opacity = '0';\n            element.style.transform = 'translateY(20px)';\n            element.style.transition = 'opacity 0.8s ease-in-out, transform 0.8s ease-in-out';\n        });\n        \n        \/\/ \u9875\u9762\u52a0\u8f7d\u548c\u6eda\u52a8\u65f6\u89e6\u53d1\n        window.addEventListener('load', fadeInOnScroll);\n        window.addEventListener('scroll', fadeInOnScroll);\n    <\/script>\n\n    <!-- \u81ea\u5b9a\u4e49\u5de5\u5177\u7c7b -->\n    <style type=\"text\/tailwindcss\">\n        @layer utilities {\n            .content-auto {\n                content-visibility: auto;\n            }\n            .text-shadow {\n                text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            }\n            .hover-scale {\n                transition: transform 0.3s ease;\n            }\n            .hover-scale:hover {\n                transform: scale(1.03);\n            }\n            .btn-transition {\n                transition: all 0.3s ease;\n            }\n        }\n    <\/style>\n    <!-- Tailwind \u914d\u7f6e -->\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                   \n                    fontFamily: {\n                        sans: ['Inter', 'system-ui', 'sans-serif'],\n                    },\n                }\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u6587\u5275\u5c55\u793a Call to Destiny \u6587\u5275\u5c55\u793a \u56de\u61c9\u795e\u7684\u547c\u53ec\uff0c\u73fe\u5728\u6b63\u662f\u95dc\u9375\u6642\u523b\uff01 \u8b93\u6211\u5011\u5f9e\u751f\u6d3b\u7684\u7e41\u5fd9\u4e2d\u5206\u5225 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":34,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3547","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/call2destiny.com\/index.php\/wp-json\/wp\/v2\/pages\/3547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/call2destiny.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/call2destiny.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/call2destiny.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/call2destiny.com\/index.php\/wp-json\/wp\/v2\/comments?post=3547"}],"version-history":[{"count":8,"href":"https:\/\/call2destiny.com\/index.php\/wp-json\/wp\/v2\/pages\/3547\/revisions"}],"predecessor-version":[{"id":3637,"href":"https:\/\/call2destiny.com\/index.php\/wp-json\/wp\/v2\/pages\/3547\/revisions\/3637"}],"wp:attachment":[{"href":"https:\/\/call2destiny.com\/index.php\/wp-json\/wp\/v2\/media?parent=3547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}