{"id":216,"date":"2025-05-22T13:06:48","date_gmt":"2025-05-22T13:06:48","guid":{"rendered":"https:\/\/theexchain.com\/?page_id=216"},"modified":"2025-06-26T11:10:24","modified_gmt":"2025-06-26T03:10:24","slug":"%e9%8c%a2%e5%8c%85","status":"publish","type":"page","link":"https:\/\/theexchain.com\/zh\/%e9%8c%a2%e5%8c%85\/","title":{"rendered":"\u9322\u5305\u5373\u670d\u52d9"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"216\" class=\"elementor elementor-216\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f513a1f e-con-full e-flex e-con e-parent\" data-id=\"f513a1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70a319c elementor-widget elementor-widget-html\" data-id=\"70a319c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#6366f1',\n                        secondary: '#8b5cf6',\n                        dark: '#111827',\n                        light: '#f9fafb',\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                }\n            }\n        }\n\n        \/\/ FAQ Section JavaScript\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.faq-item');\n    \n    \/\/ Initialize FAQ items\n    faqItems.forEach((item, index) => {\n        const question = item.querySelector('.faq-question');\n        const answer = item.querySelector('.faq-answer');\n        const toggle = item.querySelector('.faq-toggle');\n        \n        \/\/ Open the first FAQ item by default\n        if (index === 0) {\n            item.classList.add('active');\n        }\n        \n        \/\/ Add click event to questions\n        question.addEventListener('click', () => {\n            toggleFaq(item);\n        });\n        \n        \/\/ Add click event to toggle buttons\n        if (toggle) {\n            toggle.addEventListener('click', (e) => {\n                e.stopPropagation();\n                toggleFaq(item);\n            });\n        }\n    });\n    \n    \/\/ Function to toggle FAQ items\n    function toggleFaq(clickedItem) {\n        \/\/ Get the current state\n        const isActive = clickedItem.classList.contains('active');\n        \n        \/\/ Close all items first (accordion style)\n        faqItems.forEach(item => {\n            item.classList.remove('active');\n            const toggle = item.querySelector('.faq-toggle i');\n            if (toggle) {\n                toggle.className = 'fas fa-plus';\n            }\n        });\n        \n        \/\/ If the clicked item wasn't active, open it\n        if (!isActive) {\n            clickedItem.classList.add('active');\n            const toggle = clickedItem.querySelector('.faq-toggle i');\n            if (toggle) {\n                toggle.className = 'fas fa-minus';\n            }\n        }\n    }\n    \n    \/\/ Add search functionality for FAQs\n    const addFaqSearch = () => {\n        const faqSection = document.getElementById('faq');\n        if (!faqSection) return;\n        \n        \/\/ Create search input\n        const searchContainer = document.createElement('div');\n        searchContainer.className = 'max-w-md mx-auto mb-8';\n        \n        const searchInput = document.createElement('input');\n        searchInput.type = 'text';\n        searchInput.placeholder = 'Search FAQs...';\n        searchInput.className = 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent';\n        \n        searchContainer.appendChild(searchInput);\n        \n        \/\/ Insert before the FAQ container\n        const faqContainer = faqSection.querySelector('.faq-container');\n        faqSection.querySelector('.text-center').after(searchContainer);\n        \n        \/\/ Add search functionality\n        searchInput.addEventListener('input', (e) => {\n            const searchTerm = e.target.value.toLowerCase();\n            \n            faqItems.forEach(item => {\n                const question = item.querySelector('.faq-question h3').textContent.toLowerCase();\n                const answer = item.querySelector('.faq-answer').textContent.toLowerCase();\n                \n                if (question.includes(searchTerm) || answer.includes(searchTerm)) {\n                    item.style.display = 'block';\n                } else {\n                    item.style.display = 'none';\n                }\n            });\n            \n            \/\/ Show a message if no results\n            let visibleItems = 0;\n            faqItems.forEach(item => {\n                if (item.style.display !== 'none') {\n                    visibleItems++;\n                }\n            });\n            \n            const noResultsMessage = document.getElementById('no-faq-results');\n            \n            if (visibleItems === 0 && searchTerm !== '') {\n                if (!noResultsMessage) {\n                    const message = document.createElement('p');\n                    message.id = 'no-faq-results';\n                    message.className = 'text-center text-gray-500 my-8';\n                    message.textContent = 'No matching FAQs found. Please try a different search term.';\n                    faqContainer.after(message);\n                }\n            } else if (noResultsMessage) {\n                noResultsMessage.remove();\n            }\n        });\n    };\n    \n    \/\/ Uncomment the line below to enable FAQ search\n    \/\/ addFaqSearch();\n    \n    \/\/ Add FAQ analytics tracking\n    const trackFaqInteractions = () => {\n        faqItems.forEach(item => {\n            item.addEventListener('click', () => {\n                const question = item.querySelector('.faq-question h3').textContent;\n                \n                \/\/ In a real implementation, this would send data to an analytics service\n                console.log(`FAQ clicked: ${question}`);\n                \n                \/\/ Example of how you might track this with Google Analytics\n                if (typeof gtag === 'function') {\n                    gtag('event', 'faq_interaction', {\n                        'event_category': 'FAQ',\n                        'event_label': question\n                    });\n                }\n            });\n        });\n    };\n    \n    \/\/ Track FAQ interactions if analytics is available\n    if (document.querySelector('.faq-item')) {\n        trackFaqInteractions();\n    }\n});\n\/\/ Main JavaScript file for ChainUp WaaS Landing Page\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Mobile Menu Toggle\n    const menuToggle = document.getElementById('menu-toggle');\n    const mobileMenu = document.getElementById('mobile-menu');\n    \n    if (menuToggle && mobileMenu) {\n        menuToggle.addEventListener('click', function() {\n            mobileMenu.classList.toggle('hidden');\n        });\n    }\n    \n    \/\/ Smooth scrolling for navigation links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            \n            if (mobileMenu && !mobileMenu.classList.contains('hidden')) {\n                mobileMenu.classList.add('hidden');\n            }\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        });\n    });\n    \n    \/\/ Feature tabs functionality\n    const tabButtons = document.querySelectorAll('.tab-btn');\n    const tabContents = document.querySelectorAll('.tab-content');\n    \n    tabButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            \/\/ Remove active class from all buttons and content\n            tabButtons.forEach(btn => btn.classList.remove('active'));\n            tabContents.forEach(content => content.classList.remove('active'));\n            \n            \/\/ Add active class to clicked button\n            button.classList.add('active');\n            \n            \/\/ Show corresponding content\n            const tabId = button.getAttribute('data-tab');\n            document.getElementById(tabId).classList.add('active');\n        });\n    });\n    \n    \/\/ Copy code snippet functionality\n    const copyButtons = document.querySelectorAll('.copy-btn');\n    \n    copyButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            \/\/ Find the code block to copy\n            const codeBlock = button.closest('.code-snippet').querySelector('code');\n            const textToCopy = codeBlock.textContent;\n            \n            \/\/ Create a temporary textarea element to copy from\n            const textarea = document.createElement('textarea');\n            textarea.value = textToCopy;\n            textarea.setAttribute('readonly', '');\n            textarea.style.position = 'absolute';\n            textarea.style.left = '-9999px';\n            document.body.appendChild(textarea);\n            \n            \/\/ Select and copy the text\n            textarea.select();\n            document.execCommand('copy');\n            \n            \/\/ Remove the textarea\n            document.body.removeChild(textarea);\n            \n            \/\/ Change button icon temporarily to indicate success\n            const originalIcon = button.innerHTML;\n            button.innerHTML = '<i class=\"fas fa-check\"><\/i>';\n            \n            \/\/ Revert back to original icon after a delay\n            setTimeout(() => {\n                button.innerHTML = originalIcon;\n            }, 2000);\n        });\n    });\n    \n    \/\/ Animate elements when they come into view\n    const animateOnScroll = function() {\n        const elements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right');\n        \n        elements.forEach(element => {\n            const elementPosition = element.getBoundingClientRect().top;\n            const windowHeight = window.innerHeight;\n            \n            \/\/ If element is in viewport\n            if (elementPosition < windowHeight - 100) {\n                \/\/ Get any custom delay attribute\n                const delay = element.getAttribute('data-delay') || 0;\n                \n                \/\/ Set the animation delay\n                element.style.animationDelay = delay + 's';\n                \n                \/\/ Add the animation class based on the element's class\n                if (element.classList.contains('fade-in')) {\n                    element.style.animation = 'fadeIn 1s ease forwards';\n                } else if (element.classList.contains('slide-in-left')) {\n                    element.style.animation = 'slideInLeft 1s ease forwards';\n                } else if (element.classList.contains('slide-in-right')) {\n                    element.style.animation = 'slideInRight 1s ease forwards';\n                }\n                \n                \/\/ Remove the element from the list to avoid re-animating\n                element.classList.remove('fade-in', 'slide-in-left', 'slide-in-right');\n            }\n        });\n    };\n    \n    \/\/ Run animation on page load\n    animateOnScroll();\n    \n    \/\/ Run animation on scroll\n    window.addEventListener('scroll', animateOnScroll);\n    \n    \/\/ Initialize service cards hover effect\n    const serviceCards = document.querySelectorAll('.service-card');\n    \n    serviceCards.forEach(card => {\n        card.addEventListener('mouseenter', () => {\n            card.style.transform = 'translateY(-10px)';\n            card.style.boxShadow = 'var(--shadow-lg)';\n        });\n        \n        card.addEventListener('mouseleave', () => {\n            card.style.transform = 'translateY(0)';\n            card.style.boxShadow = 'var(--shadow)';\n        });\n    });\n    \n    \/\/ Add active class to navigation links based on scroll position\n    const sections = document.querySelectorAll('section[id]');\n    const navLinks = document.querySelectorAll('.nav-link');\n    \n    function highlightNavOnScroll() {\n        const scrollPosition = window.scrollY + 100;\n        \n        sections.forEach(section => {\n            const sectionTop = section.offsetTop;\n            const sectionHeight = section.offsetHeight;\n            const sectionId = section.getAttribute('id');\n            \n            if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {\n                navLinks.forEach(link => {\n                    link.classList.remove('active');\n                    if (link.getAttribute('href') === '#' + sectionId) {\n                        link.classList.add('active');\n                    }\n                });\n            }\n        });\n    }\n    \n    window.addEventListener('scroll', highlightNavOnScroll);\n    \n    \/\/ Add dynamic interaction to demo UIs\n    const demoGasButtons = document.querySelectorAll('.demo-gas-btn');\n    \n    demoGasButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            demoGasButtons.forEach(btn => btn.classList.remove('active'));\n            button.classList.add('active');\n        });\n    });\n});\n\n    <\/script>\n\n\n<style>\n    \/* Base Styles and Animations *\/\n:root {\n  --primary: #6366f1;\n  --primary-light: #8b5cf6;\n  --primary-dark: #111827;\n  --secondary: #10B981;\n  --secondary-light: #A7F3D0;\n  --accent: #8B5CF6;\n  --accent-light: #C7D2FE;\n  --dark: #1F2937;\n  --gray-light: #F9FAFB;\n  --gray: #E5E7EB;\n  --gray-dark: #6B7280;\n  --success: #10B981;\n  --warning: #F59E0B;\n  --error: #EF4444;\n  --transition-normal: all 0.3s ease;\n  --transition-slow: all 0.5s ease;\n  --border-radius-sm: 0.25rem;\n  --border-radius: 0.5rem;\n  --border-radius-lg: 1rem;\n  --border-radius-xl: 1.5rem;\n  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n}\n\n\/* Scroll behavior *\/\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  font-family: 'Inter', sans-serif;\n  overflow-x: hidden;\n}\n\n\/* Buttons *\/\n.btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--primary);\n  color: white;\n  font-weight: 600;\n  padding: 0.75rem 1.5rem;\n  border-radius: var(--border-radius);\n  transition: var(--transition-normal);\n  border: none;\n  cursor: pointer;\n}\n\n.btn-primary:hover {\n  background-color: var(--primary-dark);\n  transform: translateY(-1px);\n  box-shadow: var(--shadow);\n}\n\n.btn-outline {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n  color: var(--dark);\n  font-weight: 600;\n  padding: 0.75rem 1.5rem;\n  border-radius: var(--border-radius);\n  transition: var(--transition-normal);\n  border: 2px solid var(--gray);\n  cursor: pointer;\n}\n\n.btn-outline:hover {\n  border-color: var(--primary);\n  color: var(--primary);\n}\n\n.btn-lg {\n  padding: 0.875rem 2rem;\n  font-size: 1.125rem;\n}\n\n.btn-sm {\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n}\n\n\/* Navigation *\/\n.nav-link {\n  font-weight: 500;\n  color: var(--dark);\n  transition: var(--transition-normal);\n  position: relative;\n  padding-bottom: 0.25rem;\n}\n\n.nav-link:hover {\n  color: var(--primary);\n}\n\n.nav-link::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 2px;\n  background-color: var(--primary);\n  transition: var(--transition-normal);\n}\n\n.nav-link:hover::after {\n  width: 100%;\n}\n\n\/* Section Styles *\/\n.section-title {\n  font-size: 2.5rem;\n  font-weight: 800;\n  line-height: 1.2;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.section-subtitle {\n  font-size: 1.25rem;\n  color: var(--gray-dark);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n\/* Text Gradient *\/\n.text-gradient {\n  background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n}\n\n\/* Hero Section *\/\n.hero-section {\n  position: relative;\n  overflow: hidden;\n}\n\n\n.hero-animation {\n  position: relative;\n  z-index: 1;\n}\n\n.blob-animation {\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  top: -100px;\n  right: -100px;\n  border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n  background: linear-gradient(45deg, var(--primary-light), var(--accent-light));\n  opacity: 0.3;\n  z-index: -1;\n  animation: blob-morph 10s ease-in-out infinite;\n}\n\n.blob-animation-alt {\n  position: absolute;\n  width: 400px;\n  height: 400px;\n  top: -50px;\n  left: -100px;\n  border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n  background: linear-gradient(45deg, var(--secondary-light), var(--primary-light));\n  opacity: 0.2;\n  z-index: -1;\n  animation: blob-morph-alt 15s ease-in-out infinite;\n}\n\n@keyframes blob-morph {\n  0% {\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n  }\n  25% {\n    border-radius: 50% 50% 30% 70% \/ 50% 50% 30% 70%;\n  }\n  50% {\n    border-radius: 70% 30% 50% 50% \/ 40% 60% 40% 60%;\n  }\n  75% {\n    border-radius: 40% 60% 70% 30% \/ 60% 30% 70% 40%;\n  }\n  100% {\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n  }\n}\n\n@keyframes blob-morph-alt {\n  0% {\n    border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n  }\n  25% {\n    border-radius: 40% 60% 60% 40% \/ 30% 70% 30% 70%;\n  }\n  50% {\n    border-radius: 30% 70% 40% 60% \/ 50% 50% 50% 50%;\n  }\n  75% {\n    border-radius: 70% 30% 30% 70% \/ 40% 60% 60% 40%;\n  }\n  100% {\n    border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n  }\n}\n\n\/* Value Card *\/\n.value-card {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n}\n\n.value-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-md);\n}\n\n.icon-circle {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.icon-circle i {\n  font-size: 1.5rem;\n}\n\n.value-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.value-description {\n  color: var(--gray-dark);\n  line-height: 1.6;\n}\n\n\/* Service Cards *\/\n.service-card {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.service-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 5px;\n  background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);\n  z-index: -1;\n}\n\n.service-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-md);\n}\n\n.service-icon {\n  width: 60px;\n  height: 60px;\n  border-radius: var(--border-radius);\n  background-color: var(--primary);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.service-icon i {\n  font-size: 1.5rem;\n}\n\n.service-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.service-description {\n  color: var(--gray-dark);\n  line-height: 1.6;\n  margin-bottom: 1.5rem;\n}\n\n.service-features {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n.service-features li {\n  margin-bottom: 0.5rem;\n  padding-left: 1.5rem;\n  position: relative;\n  color: var(--gray-dark);\n}\n\n.service-features li::before {\n  content: '\\f00c';\n  font-family: 'Font Awesome 5 Free';\n  font-weight: 900;\n  position: absolute;\n  left: 0;\n  top: 0;\n  color: var(--primary);\n  font-size: 0.875rem;\n}\n\n\/* Benefit Cards *\/\n.benefit-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.5rem;\n}\n\n.benefit-icon {\n  width: 50px;\n  height: 50px;\n  border-radius: var(--border-radius);\n  background-color: var(--primary);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.benefit-icon i {\n  font-size: 1.25rem;\n}\n\n.benefit-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n  color: var(--dark);\n}\n\n.benefit-description {\n  color: var(--gray-dark);\n  line-height: 1.6;\n}\n\n\/* Testimonial Slider *\/\n.testimonial-slider {\n  position: relative;\n  margin: 0 auto;\n  max-width: 900px;\n}\n\n.swiper-container {\n  overflow: hidden;\n  padding: 2rem 0;\n}\n\n.testimonial-slide {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.testimonial-quote {\n  font-size: 1.125rem;\n  line-height: 1.7;\n  color: var(--dark);\n  margin-bottom: 1.5rem;\n  flex-grow: 1;\n}\n\n.testimonial-author {\n  display: flex;\n  align-items: center;\n}\n\n.testimonial-avatar {\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  overflow: hidden;\n  margin-right: 1rem;\n}\n\n.testimonial-avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.testimonial-info h4 {\n  font-weight: 600;\n  margin: 0 0 0.25rem;\n}\n\n.testimonial-info p {\n  color: var(--gray-dark);\n  margin: 0;\n  font-size: 0.875rem;\n}\n\n.testimonial-prev,\n.testimonial-next {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: white;\n  color: var(--primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: var(--shadow);\n  border: none;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.testimonial-prev:hover,\n.testimonial-next:hover {\n  background-color: var(--primary);\n  color: white;\n}\n\n.client-logo {\n  opacity: 0.7;\n  transition: var(--transition-normal);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.client-logo:hover {\n  opacity: 1;\n}\n\n\/* Feature Tabs *\/\n.feature-tabs {\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n.tab-navigation {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-bottom: 2rem;\n  gap: 0.5rem;\n}\n\n.tab-btn {\n  padding: 0.75rem 1.5rem;\n  border: 2px solid var(--gray);\n  border-radius: var(--border-radius);\n  font-weight: 600;\n  color: var(--gray-dark);\n  background-color: transparent;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.tab-btn.active {\n  background-color: var(--primary);\n  color: white;\n  border-color: var(--primary);\n}\n\n.tab-btn:hover:not(.active) {\n\n  border-color: var(--primary);\n  color: #ffffff;\n}\n\n.tab-content-container {\n  position: relative;\n  overflow: hidden;\n}\n\n.tab-content {\n  display: none;\n  animation: fadeIn 0.5s ease forwards;\n}\n\n.tab-content.active {\n  display: block;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Feature Demo *\/\n.feature-demo-container {\n  background-color: #f5f7fa;\n  border-radius: var(--border-radius-lg);\n  padding: 1.5rem;\n  box-shadow: var(--shadow);\n}\n\n.feature-demo-screen {\n  background-color: white;\n  border-radius: var(--border-radius);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n}\n\n.demo-header {\n  background-color: #f1f5f9;\n  padding: 0.75rem 1rem;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--gray);\n}\n\n.demo-controls {\n  display: flex;\n  gap: 0.5rem;\n  margin-right: 1rem;\n}\n\n.demo-circle {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n}\n\n.demo-title {\n  font-weight: 600;\n  color: var(--gray-dark);\n  font-size: 0.875rem;\n  flex-grow: 1;\n  text-align: center;\n}\n\n.demo-content {\n  padding: 1.5rem;\n}\n\n.code-snippet {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  overflow: hidden;\n  border: 1px solid var(--gray);\n}\n\n.code-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75rem 1rem;\n  background-color: #f1f5f9;\n  border-bottom: 1px solid var(--gray);\n}\n\n.copy-btn {\n  background-color: transparent;\n  border: none;\n  color: var(--gray-dark);\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.copy-btn:hover {\n  color: #ffffff;\n}\n\n.code-block {\n  padding: 1rem;\n  margin: 0;\n  font-family: monospace;\n  font-size: 0.875rem;\n  line-height: 1.5;\n  color: #334155;\n  overflow-x: auto;\n}\n\n.feature-stat {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.stat-value {\n  font-size: 1.5rem;\n  font-weight: 700;\n  color: var(--primary);\n  margin-bottom: 0.25rem;\n}\n\n.stat-label {\n  font-size: 0.875rem;\n  color: var(--gray-dark);\n}\n\n\/* Demo Form Styles *\/\n.demo-form {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.demo-input-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.demo-input-group label {\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--dark);\n}\n\n.demo-input-group input,\n.demo-input-group select {\n  padding: 0.75rem;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  font-size: 0.875rem;\n}\n\n.demo-btn {\n  background-color: var(--primary);\n  color: white;\n  border: none;\n  border-radius: var(--border-radius);\n  padding: 0.75rem 1.5rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-btn:hover {\n  background-color: var(--primary-dark);\n}\n\n.demo-btn-sm {\n  background-color: white;\n  color: var(--primary);\n  border: 1px solid var(--primary);\n  border-radius: var(--border-radius);\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-btn-sm:hover {\n  background-color: var(--primary);\n  color: white;\n}\n\n.demo-result {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  padding: 1.5rem;\n  border: 1px dashed var(--primary-light);\n}\n\n.demo-success {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  color: var(--success);\n  margin-bottom: 1rem;\n  font-weight: 600;\n}\n\n.demo-success i {\n  font-size: 1.25rem;\n}\n\n.demo-details {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.demo-detail-item {\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.875rem;\n}\n\n.demo-detail-item span {\n  color: var(--gray-dark);\n}\n\n.demo-detail-item code {\n  background-color: white;\n  padding: 0.25rem 0.5rem;\n  border-radius: var(--border-radius-sm);\n  font-family: monospace;\n  color: var(--dark);\n}\n\n\/* Transaction Demo *\/\n.demo-transaction {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.demo-wallet-info {\n  display: flex;\n  justify-content: space-between;\n  background-color: #f8fafc;\n  padding: 0.75rem 1rem;\n  border-radius: var(--border-radius);\n}\n\n.demo-amount-input {\n  display: flex;\n  flex-direction: column;\n}\n\n.demo-amount-input .flex {\n  display: flex;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  overflow: hidden;\n}\n\n.demo-amount-input input {\n  flex-grow: 1;\n  border: none;\n  padding: 0.75rem;\n}\n\n.demo-amount-input select {\n  width: 100px;\n  border: none;\n  border-left: 1px solid var(--gray);\n  padding: 0.75rem;\n  background-color: #f8fafc;\n}\n\n.demo-gas-options {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.demo-gas-options .flex {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.demo-gas-btn {\n  flex: 1;\n  background-color: white;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  padding: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-gas-btn small {\n  font-size: 0.75rem;\n  color: var(--gray-dark);\n  margin-top: 0.25rem;\n}\n\n.demo-gas-btn.active {\n  border-color: var(--primary);\n  background-color: var(--primary-light);\n  color: var(--primary-dark);\n}\n\n.demo-transaction-status {\n  margin-top: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.demo-status-step {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  opacity: 0.5;\n}\n\n.demo-status-step.active {\n  opacity: 1;\n}\n\n.demo-status-icon {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background-color: var(--gray-light);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--gray-dark);\n}\n\n.demo-status-step.active .demo-status-icon {\n  background-color: var(--primary-light);\n  color: var(--primary);\n}\n\n.demo-status-step.pulse .demo-status-icon {\n  animation: pulse 1.5s infinite;\n}\n\n@keyframes pulse {\n  0% {\n    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);\n  }\n}\n\n\/* Security Demo *\/\n.demo-security {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.demo-security-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.demo-security-header h3 {\n  font-weight: 700;\n  font-size: 1.25rem;\n}\n\n.demo-security-badge {\n  background-color: var(--success);\n  color: white;\n  padding: 0.25rem 0.75rem;\n  border-radius: 9999px;\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.demo-security-section {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n}\n\n.demo-security-section h4 {\n  font-weight: 600;\n  margin-bottom: 0.75rem;\n  font-size: 1rem;\n}\n\n.demo-multi-sig {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.demo-multi-sig-threshold {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n  border-bottom: 1px dashed var(--gray);\n}\n\n.demo-multi-sig-threshold .flex {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.demo-threshold {\n  display: inline-block;\n  width: 28px;\n  height: 28px;\n  line-height: 28px;\n  text-align: center;\n  background-color: var(--primary);\n  color: white;\n  border-radius: var(--border-radius-sm);\n  font-weight: 600;\n}\n\n.demo-approvers {\n  display: flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.demo-approver {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.demo-approver-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: var(--primary);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n}\n\n.demo-approver-name {\n  font-weight: 600;\n  font-size: 0.875rem;\n  margin-bottom: 0.25rem;\n}\n\n.demo-approver-role {\n  font-size: 0.75rem;\n  color: var(--gray-dark);\n}\n\n.demo-limits {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.demo-limit {\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n  border-bottom: 1px dashed var(--gray);\n}\n\n.demo-limit:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.demo-security-options {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.demo-security-option {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.demo-security-option input[type=\"checkbox\"] {\n  width: 18px;\n  height: 18px;\n  accent-color: var(--primary);\n}\n\n\/* Analytics Demo *\/\n.demo-analytics {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.demo-analytics-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.demo-analytics-header h3 {\n  font-weight: 700;\n  font-size: 1.25rem;\n}\n\n.demo-time-selector {\n  display: flex;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  overflow: hidden;\n}\n\n.demo-time-selector button {\n  padding: 0.5rem 0.75rem;\n  background-color: white;\n  border: none;\n  font-size: 0.875rem;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-time-selector button.active {\n  background-color: var(--primary);\n  color: white;\n}\n\n.demo-metrics-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.demo-metric {\n  background-color: white;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  border: 1px solid var(--gray);\n}\n\n.demo-metric-value {\n  font-size: 1.5rem;\n  font-weight: 700;\n  margin-bottom: 0.25rem;\n}\n\n.demo-metric-label {\n  font-size: 0.875rem;\n  color: var(--gray-dark);\n  margin-bottom: 0.5rem;\n}\n\n.demo-metric-change {\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.demo-metric-change.positive {\n  color: var(--success);\n}\n\n.demo-metric-change.negative {\n  color: var(--error);\n}\n\n.demo-chart {\n  background-color: white;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  border: 1px solid var(--gray);\n}\n\n.demo-chart-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n}\n\n.demo-chart-header h4 {\n  font-weight: 600;\n  font-size: 1rem;\n}\n\n.demo-chart-legend {\n  display: flex;\n  gap: 1rem;\n}\n\n.demo-legend-item {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.75rem;\n}\n\n.demo-legend-color {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n}\n\n.demo-chart-container {\n  height: 200px;\n}\n\n.demo-chart-svg {\n  width: 100%;\n  height: 100%;\n}\n\n.demo-analytics-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n}\n\n\/* FAQ Section *\/\n.faq-container {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.faq-item {\n  background-color: white;\n  border-radius: var(--border-radius);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n  border: 1px solid var(--gray);\n}\n\n.faq-question {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1.25rem;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.faq-question h3 {\n  font-weight: 600;\n  font-size: 1.125rem;\n  color: var(--dark);\n  margin: 0;\n}\n\n.faq-toggle {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-color: var(--gray-light);\n  color: var(--primary);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: var(--transition-normal);\n  flex-shrink: 0;\n}\n\n.faq-toggle i {\n  transition: var(--transition-normal);\n}\n\n.faq-item.active .faq-toggle {\n  background-color: var(--primary);\n  color: white;\n}\n\n.faq-item.active .faq-toggle i {\n  transform: rotate(45deg);\n}\n\n.faq-answer {\n  padding: 0 1.25rem;\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n}\n\n.faq-item.active .faq-answer {\n  padding: 0 1.25rem 1.25rem;\n  max-height: 1000px;\n}\n\n.faq-answer p {\n  margin: 0 0 1rem;\n  line-height: 1.6;\n  color: var(--gray-dark);\n}\n\n.faq-answer p:last-child {\n  margin-bottom: 0;\n}\n\n.faq-answer ul {\n  margin: 0 0 1rem;\n  padding-left: 1.5rem;\n}\n\n.faq-answer ul li {\n  margin-bottom: 0.5rem;\n  color: var(--gray-dark);\n}\n\n\/* CTA Section *\/\n.cta-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.cta-card {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.cta-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-md);\n}\n\n.cta-icon {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  background-color: var(--primary-light);\n  color: var(--primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.cta-icon i {\n  font-size: 1.5rem;\n}\n\n.cta-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.cta-description {\n  color: var(--gray-dark);\n  margin-bottom: 1.5rem;\n  flex-grow: 1;\n}\n\n.cta-btn {\n  background-color: var(--primary);\n  color: white;\n  border: none;\n  border-radius: var(--border-radius);\n  padding: 0.75rem 1.5rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--transition-normal);\n  width: 100%;\n}\n\n.cta-btn:hover {\n  background-color: var(--primary-dark);\n}\n\n.newsletter-signup {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  margin-top: 3rem;\n}\n\n.newsletter-input {\n  padding: 0.75rem 1.25rem;\n  border: 2px solid var(--gray);\n  border-radius: var(--border-radius);\n  font-size: 1rem;\n  transition: var(--transition-normal);\n}\n\n.newsletter-input:focus {\n  outline: none;\n  border-color: var(--primary);\n}\n\n\/* Footer *\/\n.footer-heading {\n  font-size: 1.125rem;\n  font-weight: 700;\n  color: white;\n  margin-bottom: 1.5rem;\n}\n\n.footer-links {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n.footer-links li {\n  margin-bottom: 0.75rem;\n}\n\n.footer-links a {\n  color: #CBD5E1;\n  transition: var(--transition-normal);\n}\n\n.footer-links a:hover {\n  color: white;\n}\n\n.social-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: rgba(255, 255, 255, 0.1);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: var(--transition-normal);\n}\n\n.social-icon:hover {\n  background-color: var(--primary);\n  transform: translateY(-3px);\n}\n\n\/* Animation Utilities *\/\n.slide-in-left {\n  opacity: 0;\n  transform: translateX(-50px);\n  animation: slideInLeft 1s ease forwards;\n}\n\n.slide-in-right {\n  opacity: 0;\n  transform: translateX(50px);\n  animation: slideInRight 1s ease forwards;\n}\n\n.fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeIn 1s ease forwards;\n}\n\n@keyframes slideInLeft {\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInRight {\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes fadeIn {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n  .section-title {\n    font-size: 2rem;\n  }\n  \n  .tab-navigation {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  \n  .demo-analytics-header,\n  .demo-chart-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 1rem;\n  }\n  \n  .demo-time-selector {\n    width: 100%;\n  }\n  \n  .demo-time-selector button {\n    flex: 1;\n  }\n  \n  .demo-metrics-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* Animation delay utility *\/\n[data-delay=\"0.1\"] {\n  animation-delay: 0.1s;\n}\n\n[data-delay=\"0.2\"] {\n  animation-delay: 0.2s;\n}\n\n[data-delay=\"0.3\"] {\n  animation-delay: 0.3s;\n}\n\n[data-delay=\"0.4\"] {\n  animation-delay: 0.4s;\n}\n\n[data-delay=\"0.5\"] {\n  animation-delay: 0.5s;\n}\n\n[data-delay=\"0.6\"] {\n  animation-delay: 0.6s;\n}\n\n<\/style>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body class=\"font-sans text-gray-800 bg-gray-50\">\n\n\n<!-- Hero Section -->\n    <section class=\"hero-section relative overflow-hidden pt-15\" id=\"home\">\n        <div class=\"container mx-auto px-4 py-20 flex flex-wrap items-center\">\n            <div class=\"w-full lg:w-1\/2 mb-10 lg:mb-0 slide-in-left\">\n                <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6\">\n                    \u9322\u5305\u5373\u670d\u52d9 - \u9769\u547d <span class=\"text-gradient\">\u6578\u4f4d\u8cc7\u7522<\/span> \u7ba1\u7406\u5c64\n                <\/h1>\n                <p class=\"text-xl text-gray-600 mb-8\">\n                    Exchain Wallet-as-a-Service\uff08WaaS\uff09\u91cd\u65b0\u5b9a\u7fa9\u6578\u4f4d\u8cc7\u7522\u7ba1\u7406\uff0c\u78ba\u4fdd\u53ef\u7528\u6027\u548c\u6700\u9ad8\u5b89\u5168\u6027\u3002\n                <\/p>\n                <div class=\"flex flex-wrap gap-4\">\n\n\n\n                  <button \n                  onclick=\"document.getElementById('services').scrollIntoView({ behavior: 'smooth' })\" \n                  class=\"btn-primary btn-lg\"\n              >\n                  \u958b\u59cb\u4f7f\u7528\n              <\/button>\n              <button \n              onclick=\"window.location.href='\/contact\/'\" \n              class=\"btn-outline btn-lg\">\n              \u806f\u7d61\u6211\u5011\n          <\/button>\n      \n                <\/div>\n                <div class=\"mt-8 flex items-center\">\n                    <div class=\"flex -space-x-2\">\n                        <img decoding=\"async\" src=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/1.png\" class=\"w-10 h-10 rounded-full !important border-2 border-white\" alt=\"\u4f7f\u7528\u8005\">\n                        <img decoding=\"async\" src=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/2.png\" class=\"w-10 h-10 rounded-full  !important border-2 border-white\" alt=\"\u4f7f\u7528\u8005\">\n                        <img decoding=\"async\" src=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/3.png\" class=\"w-10 h-10 rounded-full  !important border-2 border-white\" alt=\"\u4f7f\u7528\u8005\">\n                    <\/div>\n                    <p class=\"ml-4 text-gray-600\">\u503c\u5f97\u4fe1\u8cf4 <span class=\"font-bold text-primary\">2,000+<\/span> \u5168\u7403\u4f01\u696d<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"w-full lg:w-1\/2 slide-in-right\">\n                <div class=\"hero-animation relative\">\n                    <div class=\"blob-animation absolute\"><\/div>\n                    <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden p-8 relative z-10\">\n                        <div class=\"flex justify-between items-center mb-6\">\n                            <h3 class=\"text-xl font-bold\">\u6578\u4f4d\u9322\u5305\u5100\u8868\u677f<\/h3>\n                            <div class=\"flex space-x-2\">\n                                <div class=\"w-3 h-3 rounded-full bg-red-500\"><\/div>\n                                <div class=\"w-3 h-3 rounded-full bg-yellow-500\"><\/div>\n                                <div class=\"w-3 h-3 rounded-full bg-green-500\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid grid-cols-2 gap-4 mb-6\">\n                            <div class=\"bg-gray-50 p-4 rounded-lg\">\n                                <p class=\"text-sm text-gray-500 mb-1\">\u7e3d\u7d50\u9918<\/p>\n                                <p class=\"text-2xl font-bold\">$42,593.83<\/p>\n                                <p class=\"text-sm text-green-500 mt-1\">\u4eca\u5929+2.4%<\/p>\n                            <\/div>\n                            <div class=\"bg-gray-50 p-4 rounded-lg\">\n                                <p class=\"text-sm text-gray-500 mb-1\">\u6d3b\u52d5\u76ae\u593e<\/p>\n                                <p class=\"text-2xl font-bold\">6<\/p>\n                                <p class=\"text-sm text-gray-500 mt-1\">\u8de8\u8d8a 3 \u500b\u9023\u9396\u5e97<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-gray-50 p-4 rounded-lg mb-6\">\n                            <div class=\"flex justify-between items-center mb-4\">\n                                <p class=\"font-semibold\">\u8fd1\u671f\u4ea4\u6613<\/p>\n                                <a href=\"#\" class=\"text-primary text-sm\">\u6aa2\u8996\u5168\u90e8<\/a>\n                            <\/div>\n                            <div class=\"space-y-3\">\n                                <div class=\"flex justify-between items-center pb-2 border-b border-gray-100\">\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-arrow-down text-blue-600 text-xs\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <p class=\"font-medium\">\u6536\u5230\u7684 BTC<\/p>\n                                            <p class=\"text-xs text-gray-500\">\u4eca\u5929 14:43<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <p class=\"font-semibold text-green-500\">+0.0023 BTC<\/p>\n                                <\/div>\n                                <div class=\"flex justify-between items-center pb-2 border-b border-gray-100\">\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-8 h-8 rounded-full bg-purple-100 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-arrow-up text-purple-600 text-xs\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <p class=\"font-medium\">\u5df2\u9001\u51fa ETH<\/p>\n                                            <p class=\"text-xs text-gray-500\">\u6628\u5929 09:15<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <p class=\"font-semibold text-red-500\">-0.425 ETH<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex justify-center space-x-3\">\n                            <button class=\"btn-sm bg-primary text-white rounded-full px-4\">\n                                <i class=\"fas fa-plus mr-1\"><\/i> \u767c\u9001\n                            <\/button>\n                            <button class=\"btn-sm bg-green-500 text-white rounded-full px-4\">\n                                <i class=\"fas fa-download mr-1\"><\/i> \u63a5\u6536\n                            <\/button>\n                            <button class=\"btn-sm bg-purple-500 text-white rounded-full px-4\">\n                                <i class=\"fas fa-exchange-alt mr-1\"><\/i> \u4ea4\u63db\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"wave-bottom\"><\/div>\n    <\/section>\n\n    <!-- Value Proposition -->\n    <section class=\"py-16 bg-white\" id=\"value\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16 fade-in\">\n                <h2 class=\"section-title\">\u7121\u7e2b\u6574\u5408\u3001 <span class=\"text-primary\">\u7121\u8207\u502b\u6bd4\u7684\u5b89\u5168\u6027<\/span><\/h2>\n                <p class=\"section-subtitle\">\n                    Exchain WaaS \u63d0\u4f9b\u4f01\u696d\u7d1a\u7684\u9322\u5305\u57fa\u790e\u67b6\u69cb\uff0c\u70ba\u60a8\u7684\u6578\u4f4d\u8cc7\u7522\u904b\u4f5c\u63d0\u4f9b\u52d5\u529b\u3002\n                <\/p>\n            <\/div>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <div class=\"value-card fade-in\">\n                    <div class=\"icon-circle bg-blue-50\">\n                        <i class=\"fas fa-shield-alt text-blue-500\"><\/i>\n                    <\/div>\n                    <h3 class=\"value-title\">\u8ecd\u4e8b\u7b49\u7d1a\u7684\u5b89\u5168\u6027<\/h3>\n                    <p class=\"value-description\">\n                        \u591a\u91cd\u7c3d\u7ae0\u6280\u8853\u3001\u786c\u9ad4\u5b89\u5168\u6a21\u7d44 (HSM) \u53ca MPC \u901a\u8a0a\u5354\u5b9a\u53ef\u63d0\u4f9b\u9280\u884c\u7b49\u7d1a\u7684\u4fdd\u8b77\uff0c\u78ba\u4fdd\u60a8\u7684\u6578\u4f4d\u8cc7\u7522\u5b89\u5168\u3002\n                    <\/p>\n                <\/div>\n                <div class=\"value-card fade-in\" data-delay=\"0.2\">\n                    <div class=\"icon-circle bg-green-50\">\n                        <i class=\"fas fa-code text-green-500\"><\/i>\n                    <\/div>\n                    <h3 class=\"value-title\">\u958b\u767c\u4eba\u54e1\u53cb\u5584\u7684 API<\/h3>\n                    <p class=\"value-description\">\n                        \u53ea\u9700\u5e7e\u884c\u7a0b\u5f0f\u78bc\uff0c\u5373\u53ef\u5c07\u5f37\u5927\u7684\u9322\u5305\u529f\u80fd\u6574\u5408\u5230\u60a8\u7684\u61c9\u7528\u7a0b\u5f0f\u4e2d\u3002\u9069\u7528\u65bc\u6240\u6709\u5e73\u53f0\u7684\u5168\u9762 SDK\u3002\n                    <\/p>\n                <\/div>\n                <div class=\"value-card fade-in\" data-delay=\"0.4\">\n                    <div class=\"icon-circle bg-purple-50\">\n                        <i class=\"fas fa-rocket text-purple-500\"><\/i>\n                    <\/div>\n                    <h3 class=\"value-title\">\u53ef\u64f4\u5145\u57fa\u790e\u67b6\u69cb<\/h3>\n                    <p class=\"value-description\">\n                        \u4ee5 99.99% \u7684\u6b63\u5e38\u904b\u884c\u6642\u9593\u8655\u7406\u6578\u767e\u842c\u7b46\u4ea4\u6613\u3002\u7576\u60a8\u7684\u4f7f\u7528\u8005\u6210\u500d\u6210\u9577\u6642\uff0c\u53ef\u653e\u5fc3\u64f4\u5145\u3002\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    \n    <!-- Service Introduction -->\n    <section id=\"services\" class=\"py-20 bg-gray-50\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"flex flex-wrap items-center\">\n                <div class=\"w-full lg:w-1\/2 mb-10 lg:mb-0 slide-in-left\">\n                    <h2 class=\"section-title mb-6\">\u4ec0\u9ebc\u662f <span class=\"text-primary\">Exchain WaaS<\/span>?<\/h2>\n                    <p class=\"text-lg text-gray-600 mb-6\">\n                        Exchain Wallet-as-a-Service (WaaS) \u70ba\u4f01\u696d\u63d0\u4f9b\u5b8c\u6574\u7684\u89e3\u6c7a\u65b9\u6848\uff0c\u8b93\u4f01\u696d\u53ef\u4ee5\u5efa\u7acb\u3001\u7ba1\u7406\u548c\u64f4\u5145\u5340\u584a\u93c8\u9322\u5305\uff0c\u800c\u7121\u9700\u5f9e\u982d\u5efa\u7acb\u57fa\u790e\u67b6\u69cb\u7684\u8907\u96dc\u6027\u3002\n                    <\/p>\n                    <p class=\"text-lg text-gray-600 mb-6\">\n                        \u6211\u5011\u7684\u5e73\u53f0\u5728\u5b89\u5168\u6027\u3001\u53ef\u7528\u6027\u548c\u5f48\u6027\u4e4b\u9593\u53d6\u5f97\u5b8c\u7f8e\u5e73\u8861\uff0c\u8b93\u60a8\u5c08\u6ce8\u65bc\u6838\u5fc3\u696d\u52d9\uff0c\u800c\u6211\u5011\u5247\u8655\u7406\u8907\u96dc\u7684\u9322\u5305\u7ba1\u7406\u6280\u8853\u3002\n                    <\/p>\n                    <div class=\"grid grid-cols-2 gap-4 mt-8\">\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">\u591a\u93c8\u652f\u63f4<\/span>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">\u4f01\u696d\u7d1a\u5b89\u5168\u6027<\/span>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">\u53ef\u81ea\u8a02\u7684 UI\/UX<\/span>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">99.99% \u4fdd\u8b49\u6b63\u5e38\u904b\u4f5c\u6642\u9593<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"w-full lg:w-1\/2 slide-in-right\">\n                    <div class=\"intro-animation relative\">\n                        <div class=\"blob-animation-alt absolute\"><\/div>\n                        <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden p-6 relative z-10\">\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6\">\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-blue-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-wallet text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\u9322\u5305\u5275\u5efa<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \u53ea\u9700\u547c\u53eb\u4e00\u6b21 API\uff0c\u5373\u53ef\u70ba\u591a\u500b\u5340\u584a\u93c8\u5efa\u7acb\u9322\u5305\n                                    <\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-green-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-key text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\u95dc\u9375\u7ba1\u7406<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \u4ee5\u6a5f\u69cb\u7d1a\u901a\u8a0a\u5354\u5b9a\u9032\u884c\u5b89\u5168\u7684\u91d1\u9470\u5132\u5b58\n                                    <\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-purple-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-exchange-alt text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\u4ea4\u6613\u8655\u7406<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \u7121\u7e2b\u50b3\u9001\u3001\u63a5\u6536\u8207\u4ea4\u63db\u529f\u80fd\n                                    <\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-yellow-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-chart-line text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\u5206\u6790\u8207\u5831\u544a<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \u76e3\u63a7\u6d3b\u52d5\u7684\u5168\u9762\u5100\u8868\u677f\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"p-4 bg-blue-50 rounded-lg text-center\">\n                                <p class=\"text-blue-800 font-medium mb-3\">\n                                    \u300cExchain\u7684WaaS\u4f7f\u4f01\u696d\u80fd\u5920\u5728\u5e7e\u5929\u5167\u63a8\u51fa\u6578\u4f4d\u8cc7\u7522\u89e3\u6c7a\u65b9\u6848\uff0c\u800c\u4e0d\u662f\u5e7e\u500b\u6708\u300d\u3002\n                                <\/p>\n\n                                <button \n        onclick=\"window.location.href='\/contact\/'\" \n        class=\"btn-primary px-8 py-3 rounded-full font-medium border-2 border-white text-center hover:bg-white hover:text-indigo-800 transition\">\n        \u9810\u7d04\u793a\u7bc4\n<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Service Details -->\n    <section class=\"py-20 bg-white\" id=\"services\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16 fade-in\">\n                <h2 class=\"section-title\">\u5168\u9762\u6027 <span class=\"text-primary\">\u670d\u52d9<\/span><\/h2>\n                <p class=\"section-subtitle\">\n                    \u5efa\u7acb\u3001\u555f\u52d5\u548c\u64f4\u5c55\u6578\u4f4d\u8cc7\u7522\u71df\u904b\u6240\u9700\u7684\u4e00\u5207\n                <\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u4fdd\u7ba1\u9322\u5305\u670d\u52d9<\/h3>\n                    <p class=\"service-description\">\n                        \u5168\u529f\u80fd\u8a17\u7ba1\u5f0f\u9322\u5305\u89e3\u6c7a\u65b9\u6848\uff0c\u63d0\u4f9b\u591a\u5c64\u5b89\u5168\u6027\u8207\u8cc7\u91d1\u4fdd\u8b77\u3002\u662f\u4ea4\u6613\u6240\u3001\u9280\u884c\u61c9\u7528\u7a0b\u5f0f\u548c\u91d1\u878d\u670d\u52d9\u7684\u7406\u60f3\u9078\u64c7\u3002\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u591a\u91cd\u7c3d\u540d\u4fdd\u8b77<\/li>\n                        <li>\u51b7\u85cf\u9078\u9805<\/li>\n                        <li>\u4fdd\u96aa\u7bc4\u570d<\/li>\n                        <li>\u6cd5\u898f\u9075\u5faa\u5de5\u5177<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-user-shield\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u975e\u76e3\u8b77\u89e3\u6c7a\u65b9\u6848<\/h3>\n                    <p class=\"service-description\">\n                        \u8ce6\u4e88\u4f7f\u7528\u8005\u81ea\u6211\u76e3\u63a7\u7684\u80fd\u529b\uff0c\u540c\u6642\u7dad\u6301\u7121\u7e2b\u7684\u9ad4\u9a57\u3002\u975e\u5e38\u9069\u5408 DeFi \u61c9\u7528\u7a0b\u5f0f\u548c Web3 \u5e73\u53f0\u3002\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u4f7f\u7528\u8005\u63a7\u5236\u7684\u79c1\u5bc6\u91d1\u9470<\/li>\n                        <li>\u7121\u7c7d\u56de\u6536\u9078\u9805<\/li>\n                        <li>\u793e\u4ea4\u767b\u5165\u6574\u5408<\/li>\n                        <li>\u74e6\u65af\u8cbb\u62bd\u53d6<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-code\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u958b\u767c\u4eba\u54e1 API \u8207 SDK<\/h3>\n                    <p class=\"service-description\">\n                        \u70ba\u958b\u767c\u4eba\u54e1\u63d0\u4f9b\u5168\u9762\u7684\u5de5\u5177\uff0c\u4ee5\u6700\u5c11\u7684\u7de8\u78bc\u5c07\u9322\u5305\u529f\u80fd\u6574\u5408\u81f3\u4efb\u4f55\u61c9\u7528\u7a0b\u5f0f\u3002\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>REST \u548c GraphQL API<\/li>\n                        <li>\u884c\u52d5\u548c\u7db2\u9801 SDK<\/li>\n                        <li>Webhook \u901a\u77e5<\/li>\n                        <li>\u8a73\u7d30\u6587\u4ef6<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-exchange-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u4ea4\u6613\u7ba1\u7406<\/h3>\n                    <p class=\"service-description\">\n                        \u900f\u904e\u5167\u5efa\u7684\u5b89\u5168\u63a7\u5236\u548c\u76e3\u63a7\u529f\u80fd\uff0c\u5728\u591a\u500b\u5340\u584a\u93c8\u4e0a\u7c21\u5316\u4ea4\u6613\u8655\u7406\u3002\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u6279\u6b21\u4ea4\u6613<\/li>\n                        <li>\u8cbb\u7528\u6700\u4f73\u5316<\/li>\n                        <li>\u591a\u91cd\u6838\u51c6\u5de5\u4f5c\u6d41\u7a0b<\/li>\n                        <li>\u5373\u6642\u72c0\u614b\u8ffd\u8e64<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-chart-line\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u5206\u6790\u8207\u5546\u696d\u667a\u6167<\/h3>\n                    <p class=\"service-description\">\n                        \u5f37\u5927\u7684\u5206\u6790\u5de5\u5177\u53ef\u6df1\u5165\u77ad\u89e3\u9322\u5305\u4f7f\u7528\u60c5\u6cc1\u3001\u4ea4\u6613\u6a21\u5f0f\u548c\u4f7f\u7528\u8005\u884c\u70ba\u3002\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u53ef\u81ea\u8a02\u5100\u8868\u677f<\/li>\n                        <li>\u4f7f\u7528\u8005\u6d3b\u52d5\u76e3\u63a7<\/li>\n                        <li>\u4ea4\u6613\u5206\u6790<\/li>\n                        <li>\u532f\u51fa\u8207\u5831\u544a\u5de5\u5177<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-cogs\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u767d\u6a19\u89e3\u6c7a\u65b9\u6848<\/h3>\n                    <p class=\"service-description\">\n                        \u5b8c\u5168\u5ba2\u88fd\u5316\u7684\u9322\u5305\u4ecb\u9762\uff0c\u53ef\u8207\u60a8\u7684\u54c1\u724c\u5f62\u8c61\u548c\u4f7f\u7528\u8005\u9ad4\u9a57\u5b8c\u7f8e\u7d50\u5408\u3002\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u54c1\u724c UI \u5143\u4ef6<\/li>\n                        <li>\u81ea\u8a02\u7db2\u57df\u652f\u63f4<\/li>\n                        <li>\u4e3b\u984c\u5ba2\u88fd\u5316<\/li>\n                        <li>\u672c\u5730\u5316\u9078\u9805<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n         <!-- Feature Demo -->\n <section class=\"py-20 bg-gray-50\" id=\"features\">\n  <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16 fade-in\">\n          <h2 class=\"section-title\">\u529f\u80fd\u5f37\u5927 <span class=\"text-primary\">\u7279\u9ede<\/span> \u5728\u884c\u52d5\u4e2d<\/h2>\n          <p class=\"section-subtitle\">\n              \u77ad\u89e3 Exchain WaaS \u5982\u4f55\u6539\u8b8a\u60a8\u7684\u6578\u4f4d\u8cc7\u7522\u7ba1\u7406\n          <\/p>\n      <\/div>\n      \n      <div class=\"feature-tabs fade-in\">\n          <div class=\"tab-navigation\">\n              <button class=\"tab-btn active btn-primary group-hover:text-white\" data-tab=\"tab1\">\u9322\u5305\u5275\u5efa<\/button>\n              <button class=\"tab-btn btn-primary group-hover:text-white\" data-tab=\"tab2\">\u4ea4\u6613\u7ba1\u7406<\/button>\n              <button class=\"tab-btn btn-primary group-hover:text-white\" data-tab=\"tab3\">\u5b89\u5168\u63a7\u5236<\/button>\n              <button class=\"tab-btn btn-primary group-hover:text-white\" data-tab=\"tab4\">\u5206\u6790\u5100\u8868\u677f<\/button>\n          <\/div>\n          \n          <div class=\"tab-content-container\">\n              <div class=\"tab-content active\" id=\"tab1\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\u7acb\u5373\u5efa\u7acb\u9322\u5305<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \u53ea\u9700\u547c\u53eb\u4e00\u6b21 API\uff0c\u5373\u53ef\u70ba\u591a\u500b\u5340\u584a\u93c8\u5efa\u7acb\u9322\u5305\u3002\u652f\u63f4 50+ \u93c8\uff0c\u5305\u62ec Ethereum\u3001Bitcoin\u3001Solana \u7b49\u3002\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>API \u8acb\u6c42\u7bc4\u4f8b<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>POST \/api\/v1\/wallets\n{\n\u300c\u93c8\u300d\uff1a\"ethereum\"\u3001\n\"label\"\uff1a\u300c\u4f7f\u7528\u8005\u9322\u5305\u300d\u3001\n\"user_id\"\uff1a\"user_12345\"\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">50+<\/span>\n                                  <span class=\"stat-label\">\u652f\u63f4\u7684\u93c8<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">&lt; 1s<\/span>\n                                  <span class=\"stat-label\">\u5275\u5efa\u6642\u9593<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">\u221e<\/span>\n                                  <span class=\"stat-label\">\u64f4\u5145\u80fd\u529b<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\u9322\u5305\u88fd\u4f5c\u793a\u7bc4<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-form\">\n                                          <div class=\"demo-input-group\">\n                                              <label>\u5340\u584a\u93c8<\/label>\n                                              <select>\n                                                  <option>\u4ee5\u592a\u574a<\/option>\n                                                  <option>\u6bd4\u7279\u5e63<\/option>\n                                                  <option>\u7d22\u62c9\u7d0d<\/option>\n                                                  <option>Binance \u667a\u6167\u93c8<\/option>\n                                              <\/select>\n                                          <\/div>\n                                          <div class=\"demo-input-group\">\n                                              <label>\u9322\u5305\u6a19\u7c64<\/label>\n                                              <input type=\"text\" value=\"My Trading Wallet\">\n                                          <\/div>\n                                          <div class=\"demo-input-group\">\n                                              <label>\u5b89\u5168\u7b49\u7d1a<\/label>\n                                              <select>\n                                                  <option>\u6a19\u6e96<\/option>\n                                                  <option>\u589e\u5f37\u578b<\/option>\n                                                  <option>\u6700\u5927\u503c<\/option>\n                                              <\/select>\n                                          <\/div>\n                                          <button class=\"demo-btn\">\u5efa\u7acb\u9322\u5305<\/button>\n                                      <\/div>\n                                      <div class=\"demo-result\">\n                                          <div class=\"demo-success\">\n                                              <i class=\"fas fa-check-circle\"><\/i>\n                                              <span>\u5df2\u6210\u529f\u5efa\u7acb\u9322\u5305\uff01<\/span>\n                                          <\/div>\n                                          <div class=\"demo-details\">\n                                              <div class=\"demo-detail-item\">\n                                                  <span>\u9322\u5305\u5730\u5740\uff1a<\/span>\n                                                  <code>0x71C765C7...1B5f6d8976F<\/code>\n                                              <\/div>\n                                              <div class=\"demo-detail-item\">\n                                                  <span>\u9023\u9396\uff1a<\/span>\n                                                  <code>\u4ee5\u592a\u574a<\/code>\n                                              <\/div>\n                                              <div class=\"demo-detail-item\">\n                                                  <span>\u5275\u5efa\uff1a<\/span>\n                                                  <code>2023-04-15 14:32:45 UTC<\/code>\n                                              <\/div>\n                                          <\/div>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n              \n              <div class=\"tab-content\" id=\"tab2\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\u8f15\u9b06\u7684\u4ea4\u6613\u7ba1\u7406<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \u5229\u7528\u5167\u5efa\u7684\u63a7\u5236\u3001\u6838\u51c6\u548c\u5373\u6642\u76e3\u63a7\u529f\u80fd\uff0c\u7c21\u5316\u4ea4\u6613\u5de5\u4f5c\u6d41\u7a0b\u3002\u512a\u5316\u74e6\u65af\u8cbb\uff0c\u78ba\u4fdd\u4ea4\u6613\u6210\u529f\u3002\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>API \u8acb\u6c42\u7bc4\u4f8b<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>POST \/api\/v1\/transactions\n{\n\"wallet_id\"\uff1a\"wallet_67890\"\u3001\n\"to_address\"\uff1a\"0x8731d54E9D02c286767d56ac03e8037C07e01e98\",\n\u300c\u91d1\u984d\u300d\uff1a\"0.5\",\n\"token\"\uff1a\"ETH\"\u3001\n\"gas_priority\"\uff1a\"standard\" (\u6a19\u6e96)\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">99.9%<\/span>\n                                  <span class=\"stat-label\">\u6210\u529f\u7387<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">30%<\/span>\n                                  <span class=\"stat-label\">\u7bc0\u7701\u74e6\u65af<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">100+<\/span>\n                                  <span class=\"stat-label\">\u652f\u63f4\u7684\u4ee3\u5e63<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\u4ea4\u6613\u793a\u7bc4<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-transaction\">\n                                          <div class=\"demo-wallet-info\">\n                                              <div>\n                                                  <small>\u5f9e\u9322\u5305<\/small>\n                                                  <p class=\"font-medium\">\u4ea4\u6613\u9322\u5305 (0x71C7...976F)<\/p>\n                                              <\/div>\n                                              <div>\n                                                  <small>\u5e73\u8861<\/small>\n                                                  <p class=\"font-medium\">5.24 ETH<\/p>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-input-group\">\n                                              <label>\u6536\u4ef6\u4eba\u5730\u5740<\/label>\n                                              <input type=\"text\" value=\"0x8731d54E9D02c286767d56ac03e8037C07e01e98\">\n                                          <\/div>\n                                          \n                                          <div class=\"demo-amount-input\">\n                                              <div>\n                                                  <label>\u91d1\u984d<\/label>\n                                                  <div class=\"flex\">\n                                                      <input type=\"text\" value=\"0.5\">\n                                                      <select>\n                                                          <option>ETH<\/option>\n                                                          <option>USDT<\/option>\n                                                          <option>USDC<\/option>\n                                                      <\/select>\n                                                  <\/div>\n                                              <\/div>\n                                              <p class=\"text-right text-sm text-gray-500\">\u2248$924.50\u7f8e\u5143<\/p>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-gas-options\">\n                                              <label>\u74e6\u65af\u512a\u5148\u6b0a<\/label>\n                                              <div class=\"flex gap-2\">\n                                                  <button class=\"demo-gas-btn\">\u6162\u901f<small><\/small><\/button>\n                                                  <button class=\"demo-gas-btn active\">\u6a19\u6e96<small><\/small><\/button>\n                                                  <button class=\"demo-gas-btn\">\u5feb\u901f<small><\/small><\/button>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <button class=\"demo-btn\">\u50b3\u9001\u4ea4\u6613<\/button>\n                                          \n                                          <div class=\"demo-transaction-status\">\n                                              <div class=\"demo-status-step active\">\n                                                  <div class=\"demo-status-icon\"><i class=\"fas fa-check\"><\/i><\/div>\n                                                  <div class=\"demo-status-text\">\u5df2\u5efa\u7acb\u4ea4\u6613<\/div>\n                                              <\/div>\n                                              <div class=\"demo-status-step active\">\n                                                  <div class=\"demo-status-icon\"><i class=\"fas fa-check\"><\/i><\/div>\n                                                  <div class=\"demo-status-text\">\u5ee3\u64ad\u81f3\u7db2\u8def<\/div>\n                                              <\/div>\n                                              <div class=\"demo-status-step active pulse\">\n                                                  <div class=\"demo-status-icon\"><i class=\"fas fa-circle-notch fa-spin\"><\/i><\/div>\n                                                  <div class=\"demo-status-text\">\u7b49\u5f85\u78ba\u8a8d<\/div>\n                                              <\/div>\n                                              <div class=\"demo-status-step\">\n                                                \n                                              <\/div>\n                                          <\/div>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n              \n              <div class=\"tab-content\" id=\"tab3\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\u8ecd\u4e8b\u7d1a\u5b89\u5168\u63a7\u5236<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \u5229\u7528\u591a\u5c64\u5b89\u5168\u6027\u4fdd\u8b77\u6578\u4f4d\u8cc7\u7522\uff0c\u5305\u62ec MPC \u6280\u8853\u3001\u786c\u9ad4\u5b89\u5168\u6027\u6a21\u7d44\uff0c\u4ee5\u53ca\u53ef\u81ea\u8a02\u7684\u6838\u51c6\u5de5\u4f5c\u6d41\u7a0b\u3002\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>\u5b89\u5168\u653f\u7b56\u7bc4\u4f8b<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>\/\/ \u5b89\u5168\u653f\u7b56\u7d44\u614b\n{\n\"policy_id\"\uff1a\"pol_12345\"\u3001\n\"approval_threshold\"\uff1a2,\n\"approvers\"\uff1a[\"user_1\", \"user_2\", \"user_3\"]\u3001\n\"transaction_limits\"\uff1a{\n\"daily\"\uff1a\"50000\",\n\u300c\u55ae\u7b46\u300d\uff1a\"10000\"\n},\n\"whitelist_only\": true\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">MPC<\/span>\n                                  <span class=\"stat-label\">\u6280\u8853<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">HSM<\/span>\n                                  <span class=\"stat-label\">\u6574\u5408<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">$0<\/span>\n                                  <span class=\"stat-label\">\u8fc4\u4eca\u7684\u640d\u5931<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\u5b89\u5168\u63a7\u5236\u793a\u7bc4<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-security\">\n                                          <div class=\"demo-security-header\">\n                                              <h3>\u8ca1\u8cc7\u5b89\u5168\u653f\u7b56<\/h3>\n                                              <span class=\"demo-security-badge\">\u6d3b\u8e8d<\/span>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-security-section\">\n                                              <h4>\u591a\u91cd\u7c3d\u540d\u8a2d\u5b9a<\/h4>\n                                              <div class=\"demo-multi-sig\">\n                                                  <div class=\"demo-multi-sig-threshold\">\n                                                      <span>\u6838\u51c6\u9580\u6abb\uff1a<\/span>\n                                                      <div class=\"flex items-center\">\n                                                          <span class=\"demo-threshold\">2<\/span>\n                                                          <span>\u7684<\/span>\n                                                          <span class=\"demo-threshold\">3<\/span>\n                                                      <\/div>\n                                                  <\/div>\n                                                  <div class=\"demo-approvers\">\n                                                      <div class=\"demo-approver\">\n                                                          <div class=\"demo-approver-avatar\">JD<\/div>\n                                                          <div class=\"demo-approver-name\">\u7121\u540d\u6c0f<\/div>\n                                                          <div class=\"demo-approver-role\">\u8ca1\u52d9\u9577<\/div>\n                                                      <\/div>\n                                                      <div class=\"demo-approver\">\n                                                          <div class=\"demo-approver-avatar\">JS<\/div>\n                                                          <div class=\"demo-approver-name\">\u7c21-\u53f2\u5bc6\u65af<\/div>\n                                                          <div class=\"demo-approver-role\">\u9996\u5e2d\u6280\u8853\u9577<\/div>\n                                                      <\/div>\n                                                      <div class=\"demo-approver\">\n                                                          <div class=\"demo-approver-avatar\">RB<\/div>\n                                                          <div class=\"demo-approver-name\">\u7f85\u4f2f\u7279\u5e03\u6717<\/div>\n                                                          <div class=\"demo-approver-role\">\u57f7\u884c\u9577<\/div>\n                                                      <\/div>\n                                                  <\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-security-section\">\n                                              <h4>\u4ea4\u6613\u9650\u5236<\/h4>\n                                              <div class=\"demo-limits\">\n                                                  <div class=\"demo-limit\">\n                                                      <span>\u55ae\u4e00\u4ea4\u6613\uff1a<\/span>\n                                                      <span class=\"font-medium\">$10,000<\/span>\n                                                  <\/div>\n                                                  <div class=\"demo-limit\">\n                                                      <span>\u6bcf\u65e5\u9650\u984d\uff1a<\/span>\n                                                      <span class=\"font-medium\">$50,000<\/span>\n                                                  <\/div>\n                                                  <div class=\"demo-limit\">\n                                                      <span>\u6bcf\u6708\u9650\u984d\uff1a<\/span>\n                                                      <span class=\"font-medium\">$500,000<\/span>\n                                                  <\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-security-section\">\n                                              <h4>\u9032\u968e\u5b89\u5168\u6027<\/h4>\n                                              <div class=\"demo-security-options\">\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>\u50c5\u767d\u540d\u55ae\u6a21\u5f0f<\/label>\n                                                  <\/div>\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>\u6642\u9593\u9396\u5b9a (\u65b0\u5730\u5740\u70ba 24 \u5c0f\u6642)<\/label>\n                                                  <\/div>\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>\u786c\u9ad4\u5b89\u5168\u6a21\u7d44 (HSM)<\/label>\n                                                  <\/div>\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>MPC \u91d1\u9470\u5206\u7247<\/label>\n                                                  <\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <button class=\"demo-btn\">\u66f4\u65b0\u5b89\u5168\u653f\u7b56<\/button>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n              \n              <div class=\"tab-content\" id=\"tab4\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\u5168\u9762\u7684\u5206\u6790\u5100\u8868\u677f<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \u900f\u904e\u5373\u6642\u5206\u6790\u548c\u5831\u544a\u7372\u5f97\u53ef\u884c\u7684\u6d1e\u5bdf\u529b\u3002\u76e3\u63a7\u9322\u5305\u6d3b\u52d5\u3001\u4ea4\u6613\u6a21\u5f0f\u548c\u4f7f\u7528\u8005\u884c\u70ba\u3002\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>API \u8acb\u6c42\u7bc4\u4f8b<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>GET \/api\/v1\/analytics\/summary\n{\n\"time_range\"\uff1a\"last_30_days\"\u3001\n\"group_by\"\uff1a\"daily\"\u3001\n\"metrics\"\uff1a[\"transaction_volume\", \"active_wallets\", \"new_users\"] (\u4ea4\u6613\u91cf).\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">\u5373\u6642<\/span>\n                                  <span class=\"stat-label\">\u8cc7\u6599\u66f4\u65b0<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">15+<\/span>\n                                  <span class=\"stat-label\">\u5831\u544a\u985e\u578b<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">\u81ea\u8a02<\/span>\n                                  <span class=\"stat-label\">\u8cc7\u6599\u532f\u51fa<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\u5206\u6790\u5100\u8868\u677f<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-analytics\">\n                                          <div class=\"demo-analytics-header\">\n                                              <h3>\u9322\u5305\u5206\u6790\u6982\u8ff0<\/h3>\n                                             \n                                          <\/div>\n                                          \n                                          <div class=\"demo-metrics-grid\">\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">3,254<\/div>\n                                                  <div class=\"demo-metric-label\">\u6d3b\u52d5\u76ae\u593e<\/div>\n                                                  <div class=\"demo-metric-change positive\">+12% \u5c0d\u6bd4\u4e0a\u5468<\/div>\n                                              <\/div>\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">$1.2M<\/div>\n                                                  <div class=\"demo-metric-label\">\u4ea4\u6613\u91cf<\/div>\n                                                  <div class=\"demo-metric-change positive\">+8% \u5c0d\u6bd4\u4e0a\u5468<\/div>\n                                              <\/div>\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">547<\/div>\n                                                  <div class=\"demo-metric-label\">\u65b0\u4f7f\u7528\u8005<\/div>\n                                                  <div class=\"demo-metric-change positive\">+15% \u5c0d\u6bd4\u4e0a\u5468<\/div>\n                                              <\/div>\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">$3.42<\/div>\n                                                  <div class=\"demo-metric-label\">\u5e73\u5747\u503c\u74e6\u65af\u6210\u672c<\/div>\n                                                  <div class=\"demo-metric-change negative\">+5% \u5c0d\u6bd4\u4e0a\u5468<\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-chart\">\n                                              <div class=\"demo-chart-header\">\n                                                  <h4>\u4ea4\u6613\u91cf\uff08\u6700\u8fd1 7 \u5929\uff09<\/h4>\n                                                  <div class=\"demo-chart-legend\">\n                                                      <div class=\"demo-legend-item\">\n                                                          <span class=\"demo-legend-color bg-blue-500\"><\/span>\n                                                          <span>\u4ee5\u592a\u574a<\/span>\n                                                      <\/div>\n                                                      <div class=\"demo-legend-item\">\n                                                          <span class=\"demo-legend-color bg-purple-500\"><\/span>\n                                                          <span>\u6bd4\u7279\u5e63<\/span>\n                                                      <\/div>\n                                                      <div class=\"demo-legend-item\">\n                                                          <span class=\"demo-legend-color bg-green-500\"><\/span>\n                                                          <span>\u7d22\u62c9\u7d0d<\/span>\n                                                      <\/div>\n                                                  <\/div>\n                                              <\/div>\n                                              <div class=\"demo-chart-container\">\n                                                  <svg class=\"demo-chart-svg\" viewbox=\"0 0 350 140\">\n                                                      <!-- X Axis -->\n                                                      <line x1=\"40\" y1=\"110\" x2=\"330\" y2=\"110\" stroke=\"#e5e7eb\" stroke-width=\"1\"\/>\n                                                      <!-- Y Axis -->\n                                                      <line x1=\"40\" y1=\"20\" x2=\"40\" y2=\"110\" stroke=\"#e5e7eb\" stroke-width=\"1\"\/>\n                                                      \n                                                      <!-- Grid lines -->\n                                                      <line x1=\"40\" y1=\"65\" x2=\"330\" y2=\"65\" stroke=\"#e5e7eb\" stroke-width=\"0.5\" stroke-dasharray=\"3,3\"\/>\n                                                      <line x1=\"40\" y1=\"20\" x2=\"330\" y2=\"20\" stroke=\"#e5e7eb\" stroke-width=\"0.5\" stroke-dasharray=\"3,3\"\/>\n                                                      \n                                                      <!-- Labels -->\n                                                      <text x=\"40\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u661f\u671f\u4e00<\/text>\n                                                      <text x=\"90\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u661f\u671f\u4e8c<\/text>\n                                                      <text x=\"140\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u661f\u671f\u4e09<\/text>\n                                                      <text x=\"190\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u661f\u671f\u56db<\/text>\n                                                      <text x=\"240\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u661f\u671f\u4e94<\/text>\n                                                      <text x=\"290\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u661f\u671f\u516d<\/text>\n                                                      <text x=\"330\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u592a\u967d<\/text>\n                                                      \n                                                      <text x=\"30\" y=\"110\" text-anchor=\"end\" font-size=\"8\">0<\/text>\n                                                      <text x=\"30\" y=\"65\" text-anchor=\"end\" font-size=\"8\">500K<\/text>\n                                                      <text x=\"30\" y=\"20\" text-anchor=\"end\" font-size=\"8\">1M<\/text>\n                                                      \n                                                      <!-- Ethereum Line -->\n                                                      <path d=\"M40,80 L90,75 L140,65 L190,70 L240,60 L290,50 L330,40\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\"\/>\n                                                      <!-- Bitcoin Line -->\n                                                      <path d=\"M40,90 L90,85 L140,88 L190,80 L240,75 L290,70 L330,75\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"2\"\/>\n                                                      <!-- Solana Line -->\n                                                      <path d=\"M40,95 L90,90 L140,85 L190,87 L240,80 L290,75 L330,65\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2\"\/>\n                                                      \n                                                      <!-- Data points Ethereum -->\n                                                      <circle cx=\"40\" cy=\"80\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"90\" cy=\"75\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"140\" cy=\"65\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"190\" cy=\"70\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"240\" cy=\"60\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"290\" cy=\"50\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"330\" cy=\"40\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      \n                                                      <!-- Data points Bitcoin -->\n                                                      <circle cx=\"40\" cy=\"90\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"90\" cy=\"85\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"140\" cy=\"88\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"190\" cy=\"80\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"240\" cy=\"75\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"290\" cy=\"70\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"330\" cy=\"75\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      \n                                                      <!-- Data points Solana -->\n                                                      <circle cx=\"40\" cy=\"95\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"140\" cy=\"85\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"190\" cy=\"87\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"240\" cy=\"80\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"290\" cy=\"75\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"330\" cy=\"65\" r=\"3\" fill=\"#10b981\"\/>\n                                                  <\/svg>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-analytics-footer\">\n                                              <button class=\"demo-btn-sm\">\u532f\u51fa\u8cc7\u6599<\/button>\n                                              <button class=\"demo-btn-sm\">\u7522\u751f\u5831\u544a<\/button>\n                                          <\/div>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n          <\/div>\n      <\/div>\n  <\/div>\n<\/section>\n\n    <!-- Why Choose Us -->\n    <section class=\"py-20 bg-white\" id=\"why-us\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16 fade-in\">\n                <h2 class=\"section-title\">\u70ba\u4f55\u9078\u64c7 <span class=\"text-primary\">Exchain WaaS<\/span>?<\/h2>\n                <p class=\"section-subtitle\">\n                    \u70ba\u91cd\u8996\u6578\u4f4d\u8cc7\u7522\u7ba1\u7406\u7684\u4f01\u696d\u63d0\u4f9b\u503c\u5f97\u4fe1\u8cf4\u7684\u89e3\u6c7a\u65b9\u6848\n                <\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-12\">\n                <div class=\"benefit-card fade-in\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-rocket\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u5feb\u901f\u90e8\u7f72<\/h3>\n                        <p class=\"benefit-description\">\n                            \u5728\u6578\u5929\u800c\u975e\u6578\u6708\u5167\u63a8\u51fa\u60a8\u7684\u6578\u4f4d\u8cc7\u7522\u89e3\u6c7a\u65b9\u6848\u3002\u6211\u5011\u9810\u5148\u5efa\u7acb\u7684\u5143\u4ef6\u548c\u7bc4\u672c\u53ef\u52a0\u901f\u60a8\u7684\u7522\u54c1\u4e0a\u5e02\u6642\u9593\uff0c\u6700\u9ad8\u53ef\u9054 80%\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.1\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u4f01\u696d\u7d1a\u5b89\u5168\u6027<\/h3>\n                        <p class=\"benefit-description\">\n                            \u900f\u904e HSM \u57fa\u790e\u67b6\u69cb\u3001\u591a\u91cd\u7c3d\u7ae0\u5354\u5b9a\u548c MPC \u6280\u8853\u63d0\u4f9b\u9280\u884c\u7b49\u7d1a\u7684\u5b89\u5168\u6027\u3002\u5b9a\u671f\u9032\u884c\u5b89\u5168\u7a3d\u6838\u8207\u6ef2\u900f\u6e2c\u8a66\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.2\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-expand-alt\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u7121\u9650\u64f4\u5145\u80fd\u529b<\/h3>\n                        <p class=\"benefit-description\">\n                            \u5efa\u69cb\u65bc\u96f2\u7aef\u539f\u751f\u67b6\u69cb\uff0c\u53ef\u96a8\u4f7f\u7528\u8005\u7fa4\u81ea\u52d5\u64f4\u5145\u3002\u53ef\u8655\u7406\u6578\u4ee5\u767e\u842c\u8a08\u7684\u9322\u5305\u8207\u4ea4\u6613\uff0c\u4e14\u4e0d\u6703\u964d\u4f4e\u6548\u80fd\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.3\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-globe\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u591a\u93c8\u652f\u63f4<\/h3>\n                        <p class=\"benefit-description\">\n                            \u652f\u63f4 50+ \u5340\u584a\u93c8\uff0c\u5305\u62ec Ethereum\u3001Solana\u3001Binance Smart Chain\u3001Polkadot \u7b49\u3002\u5b9a\u671f\u65b0\u589e\u65b0\u93c8\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.4\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-plug\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u7121\u7e2b\u6574\u5408<\/h3>\n                        <p class=\"benefit-description\">\n                            \u5168\u9762\u7684 API\u3001SDK \u548c\u5916\u639b\u7a0b\u5f0f\uff0c\u53ea\u9700\u6700\u5c11\u7684\u958b\u767c\u5de5\u4f5c\u5373\u53ef\u8207\u60a8\u73fe\u6709\u7684\u7cfb\u7d71\u548c\u61c9\u7528\u7a0b\u5f0f\u6574\u5408\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.5\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-headset\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u5168\u5929\u5019\u5c08\u5bb6\u652f\u63f4<\/h3>\n                        <p class=\"benefit-description\">\n                            \u5168\u5929\u5019\u7684\u5c08\u5c6c\u5ba2\u6236\u7d93\u7406\u8207\u6280\u8853\u652f\u63f4\u5718\u968a\u3002\u5168\u9762\u7684\u6587\u4ef6\u548c\u958b\u767c\u4eba\u54e1\u8cc7\u6e90\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n    \n        <\/div>\n    <\/section>\n\n\n   \n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38072ce0 e-flex e-con-boxed e-con e-parent\" data-id=\"38072ce0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f2fc94e elementor-widget elementor-widget-heading\" data-id=\"4f2fc94e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u5e38\u898b\u554f\u984c<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ae3209e elementor-widget elementor-widget-tfaccordion\" data-id=\"3ae3209e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tfaccordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"tf-accordion\"> \r\n\t\t\t\t<div class=\"tf-accordion-item active\"><div class=\"accordion-title icon_after active\"><span class=\"title-text\">01.\u4ec0\u9ebc\u662f\u57fa\u65bc Web3 \u96fb\u5b50\u9322\u5305\u7684\u6df7\u5408\u4ea4\u6613\u6240\uff1f<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\u57fa\u65bc Web3 \u96fb\u5b50\u9322\u5305\u7684\u6df7\u5408\u4ea4\u6613\u6240\u7d50\u5408\u4e86\u96c6\u4e2d\u5f0f\u4ea4\u6613\u6240 (CEX) \u7684\u6548\u7387\u548c\u6df1\u5ea6\u6d41\u52d5\u6027\uff0c\u4ee5\u53ca\u5206\u6563\u5f0f\u4ea4\u6613\u6240 (DEX) \u7684\u5b89\u5168\u6027\u548c\u81ea\u6211\u8a17\u7ba1\u3002\u7528\u6236\u901a\u904e\u81ea\u5df1\u7684 Web3 \u96fb\u5b50\u9322\u5305\u8a2a\u554f\u5e73\u53f0\uff0c\u5728\u4eab\u53d7\u96c6\u4e2d\u5f0f\u4ea4\u6613\u6240\u4ea4\u6613\u901f\u5ea6\u548c\u7528\u6236\u9ad4\u9a57\u7684\u540c\u6642\uff0c\u4fdd\u6301\u5c0d\u81ea\u5df1\u79c1\u9470\u7684\u5b8c\u5168\u63a7\u5236\u3002<\/p><\/div><\/div><div class=\"tf-accordion-item inactive\"><div class=\"accordion-title icon_after inactive\"><span class=\"title-text\">02.\u6211\u7684\u8cc7\u7522\u5b89\u5168\u55ce\uff1f<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\u662f\u7684\uff0c\u60a8\u7684\u8cc7\u7522\u975e\u5e38\u5b89\u5168\u3002\u8207\u50b3\u7d71\u4ea4\u6613\u6240\u4e0d\u540c\uff0c\u6211\u5011\u7684\u5e73\u53f0\u8b93\u60a8\u5b8c\u5168\u64c1\u6709\u60a8\u7684\u79c1\u4eba\u91d1\u9470\uff0c\u9019\u610f\u5473\u8457\u60a8\u53ef\u4ee5 100% \u63a7\u5236\u60a8\u7684\u8cc7\u91d1\u3002\u6211\u5011\u7684\u6df7\u5408\u67b6\u69cb\u78ba\u4fdd\u60a8\u5728\u4eab\u53d7\u96c6\u4e2d\u5f0f\u4ea4\u6613\u6240\u4fbf\u5229\u7684\u540c\u6642\uff0c\u60a8\u7684\u8cc7\u7522\u4ecd\u5728\u60a8\u7684\u63a7\u5236\u4e4b\u4e0b\u3002\u6b64\u5916\uff0c\u6211\u5011\u63a1\u7528\u591a\u5c64\u52a0\u5bc6\u548c\u5b89\u5168\u5be9\u8a08\uff0c\u4ee5\u78ba\u4fdd\u6700\u9ad8\u7b49\u7d1a\u7684\u4fdd\u8b77\u3002<\/p><\/div><\/div><div class=\"tf-accordion-item inactive\"><div class=\"accordion-title icon_after inactive\"><span class=\"title-text\">03.\u652f\u63f4\u54ea\u4e9b\u52a0\u5bc6\u8ca8\u5e63\u548c\u5340\u584a\u93c8\uff1f<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\u6211\u5011\u652f\u63f4\u6240\u6709\u4e3b\u8981\u7684\u52a0\u5bc6\u8ca8\u5e63\u548c\u5340\u584a\u93c8\u7db2\u8def\u3002\u6211\u5011\u7684\u8de8\u93c8\u4ea4\u63db\u529f\u80fd\u53ef\u8b93\u60a8\u5728\u9019\u4e9b\u4e0d\u540c\u7684\u7db2\u8def\u4e4b\u9593\u9032\u884c\u7121\u7e2b\u8cc7\u7522\u4ea4\u6613\uff0c\u800c\u7121\u9700\u4f7f\u7528\u8907\u96dc\u7684\u6a4b\u63a5\u5668\u5de5\u5177\u3002\u6211\u5011\u6703\u5b9a\u671f\u65b0\u589e\u5c0d\u65b0\u7db2\u8def\u548c\u4ee3\u5e63\u7684\u652f\u63f4\u3002<\/p><\/div><\/div><div class=\"tf-accordion-item inactive\"><div class=\"accordion-title icon_after inactive\"><span class=\"title-text\">04.\u4ea4\u6613\u8cbb\u7528\u5982\u4f55\u8a08\u7b97\uff1f<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\u6211\u5011\u7684\u667a\u6167\u8def\u7531\u5f15\u64ce\u6703\u8a08\u7b97\u6700\u4f73\u8def\u5f91\uff0c\u5c07\u60a8\u7684\u6574\u9ad4\u4ea4\u6613\u6210\u672c\u964d\u81f3\u6700\u4f4e\u3002<\/p><\/div><\/div>\r\n            <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Wallet as a Services &#8211; Revolutionize Digital Asset Management Redefine digital asset management with The Exchain Wallet-as-a-Service (WaaS) to ensure usability and utmost security. Get Started Contact Us Trusted by 2,000+ businesses worldwide Digital Wallet Dashboard Total Balance $42,593.83 +2.4% today Active Wallets 6 Across 3 chains Recent Transactions View All Received BTC Today, 14:43 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-216","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/pages\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":126,"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/pages\/216\/revisions"}],"predecessor-version":[{"id":3490,"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/pages\/216\/revisions\/3490"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/media?parent=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}