{"id":78,"date":"2025-05-22T09:32:34","date_gmt":"2025-05-22T09:32:34","guid":{"rendered":"https:\/\/theexchain.com\/?page_id=78"},"modified":"2025-06-26T11:20:30","modified_gmt":"2025-06-26T03:20:30","slug":"%e3%82%bb%e3%82%af%e3%82%b9","status":"publish","type":"page","link":"https:\/\/theexchain.com\/ja\/%e3%82%bb%e3%82%af%e3%82%b9\/","title":{"rendered":"\u96c6\u4e2d\u4ea4\u63db"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"78\" class=\"elementor elementor-78\" 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-4878fbb8 e-con-full e-flex e-con e-parent\" data-id=\"4878fbb8\" 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<div class=\"elementor-element elementor-element-26cd95c8 e-con-full e-flex e-con e-child\" data-id=\"26cd95c8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-216c672 e-con-full e-flex e-con e-child\" data-id=\"216c672\" 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-5dadf23b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5dadf23b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" 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\">CEX- \u6697\u53f7\u53d6\u5f15\u6240\u306e\u672a\u6765\u3092\u5207\u308a\u958b\u304f\uff1a\u53d6\u5f15\u3001\u6210\u9577\u3001\u9769\u65b0\u3002<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d527bb5 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1d527bb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u91d1\u878d\u306e\u6b21\u306e\u6642\u4ee3\u3078\u306e\u30d7\u30ec\u30df\u30a2\u30b2\u30fc\u30c8\u30a6\u30a7\u30a4\u3002\u5b89\u5168\u3001\u30b7\u30fc\u30e0\u30ec\u30b9\u3001\u305d\u3057\u3066\u7121\u9650\u306e\u30c1\u30e3\u30f3\u30b9\u304c\u5f85\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e612e55 e-flex e-con-boxed e-con e-child\" data-id=\"e612e55\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&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-01a6905 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"01a6905\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#services\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u3055\u3089\u306b\u8a73\u3057\u304f<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-701723f9 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"701723f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/ja\/%e3%82%b3%e3%83%b3%e3%82%bf%e3%82%af%e3%83%88\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u304a\u554f\u3044\u5408\u308f\u305b<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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>\n\t\t<div class=\"elementor-element elementor-element-1ae4ad8 e-con-full e-flex e-con e-child\" data-id=\"1ae4ad8\" 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-a7e2af6 elementor-widget elementor-widget-html\" data-id=\"a7e2af6\" 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 <div>\n                    <div class=\"interface-preview rounded-xl overflow-hidden shadow-2xl scale-in opacity-0\" style=\"animation-delay: 0.3s;\">\n                        <div class=\"bg-gray-900 p-4 flex items-center justify-between\">\n                            <div class=\"flex space-x-2\">\n                                <div class=\"w-3 h-3 bg-red-500 rounded-full\"><\/div>\n                                <div class=\"w-3 h-3 bg-yellow-500 rounded-full\"><\/div> \n                                <div class=\"w-3 h-3 bg-green-500 rounded-full\"><\/div>\n                            <\/div>\n                            <div class=\"w-40 h-5 bg-gray-800 rounded-md\"><\/div>\n                            <div class=\"flex space-x-1\">\n                                <div class=\"w-5 h-5 bg-gray-800 rounded-sm\"><\/div>\n                                <div class=\"w-5 h-5 bg-gray-800 rounded-sm\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-gray-800 p-4\">\n                            <div class=\"bg-gray-900 rounded-lg p-4 mb-4\">\n                                <div class=\"flex justify-between mb-2\">\n                                    <span class=\"text-sm text-gray-400\">BTC\/USDT<\/span>\n                                    <span class=\"text-sm text-green-500\">+1.2%<\/span>\n                                <\/div>\n                                <div class=\"flex items-baseline\">\n                                    <span class=\"text-2xl font-bold text-white\">$41,253.67<\/span>\n                                    <span class=\"text-sm text-green-500 ml-2\">+$496.12<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"grid grid-cols-2 gap-4 mb-4\">\n                                <div class=\"bg-gray-900 rounded-lg p-3\">\n                                    <span class=\"text-xs text-gray-400\">\u8cfc\u5165<\/span>\n                                    <div class=\"flex items-center mt-1\">\n                                        <span class=\"text-white font-medium\">BTC<\/span>\n                                        <div class=\"h-5 w-5 ml-1 bg-orange-500 rounded-full flex items-center justify-center\">\n                                            <span class=\"text-xs text-white\">\u20bf<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"bg-gray-900 rounded-lg p-3\">\n                                    <span class=\"text-xs text-gray-400\">\u3067\u652f\u6255\u3046<\/span>\n                                    <div class=\"flex items-center mt-1\">\n                                        <span class=\"text-white font-medium\">USDT<\/span>\n                                        <div class=\"h-5 w-5 ml-1 bg-green-500 rounded-full flex items-center justify-center\">\n                                            <span class=\"text-xs text-white\">$<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex justify-center my-2\">\n                                <span class=\"swap-direction-btn w-8 h-8 bg-gray-700 hover:bg-primary-DEFAULT rounded-full flex items-center justify-center\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 text-white\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                            <div class=\"bg-gray-900 rounded-lg p-4 mb-4\">\n                                <div class=\"flex justify-between mb-2\">\n                                    <span class=\"text-sm text-gray-400\">\u91d1\u984d<\/span>\n                                    <span class=\"text-sm text-gray-400\">\u2248 $10,000.00<\/span>\n                                <\/div>\n                                <div class=\"flex items-center bg-gray-800 rounded-md p-2\">\n                                    <input type=\"text\" value=\"0.24\" class=\"bg-transparent text-white w-full outline-none\">\n                                    <span class=\"text-gray-400\">BTC<\/span>\n                                <\/div>\n                            <\/div>\n                            <button class=\"w-full py-3 rounded-md bg-primary-DEFAULT text-white font-medium hover:bg-primary-dark transition-colors\">\n                                \u30d3\u30c3\u30c8\u30b3\u30a4\u30f3\u8cfc\u5165\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"absolute -bottom-6 -right-6 z-[-1] w-64 h-64 bg-gradient-to-r from-primary-light to-secondary-light rounded-full opacity-20 blur-3xl\"><\/div>\n                    <div class=\"absolute -top-6 -left-6 z-[-1] w-72 h-72 bg-gradient-to-r from-secondary-light to-primary-light rounded-full opacity-20 blur-3xl\"><\/div>\n                <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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-c087fca e-con-full e-flex e-con e-parent\" data-id=\"c087fca\" 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-e6b6656 elementor-widget elementor-widget-html\" data-id=\"e6b6656\" 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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"styles.css\">\n    <link rel=\"icon\" href=\"images\/logo.svg\" type=\"image\/svg+xml\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'primary-DEFAULT': '#4f46e5', \/\/ indigo-500\n                        'primary-light': '#e0e7ff', \/\/ indigo-400\n                        'primary-dark': '#4f46e5',  \/\/ indigo-600\n                        'secondary-DEFAULT': '#4f46e5', \/\/ pink-500\n                    },\n                    animation: {\n                        'gradient-x': 'gradientAnimation 15s ease infinite', \/\/ For use with tailwind animate-gradient-x\n                    },\n                    keyframes: {\n                        gradientAnimation: {\n                            '0%, 100%': { backgroundPosition: '0% 50%' },\n                            '50%': { backgroundPosition: '100% 50%' },\n                        }\n                    }\n                }\n            }\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Tooltip implementation\n    const tooltips = document.querySelectorAll('.tooltip');\n    tooltips.forEach(tooltip => {\n        const tooltipText = tooltip.getAttribute('data-tooltip');\n        if (!tooltipText) return;\n\n        const tooltipElement = document.createElement('div');\n        tooltipElement.classList.add(\n            'tooltip-text', 'absolute', 'bg-gray-900', 'text-white', \n            'text-xs', 'rounded-md', 'py-1.5', 'px-3', 'mt-2', \n            'opacity-0', 'invisible', 'transition-all', 'duration-200', 'ease-out',\n            'z-50', 'shadow-lg', 'whitespace-nowrap'\n        );\n        \/\/ Positioning: bottom-center of the tooltip span\n        tooltipElement.style.left = '50%';\n        tooltipElement.style.bottom = '100%'; \/\/ Position above by default\n        tooltipElement.style.transform = 'translateX(-50%) translateY(-0.5rem)'; \/\/ Adjust Y for spacing\n        \n        tooltipElement.innerText = tooltipText;\n        tooltip.appendChild(tooltipElement);\n        tooltip.style.position = 'relative'; \/\/ Ensure parent is relative for absolute positioning\n\n        tooltip.addEventListener('mouseenter', () => {\n            \/\/ Check if tooltip would go off-screen and adjust\n            const rect = tooltipElement.getBoundingClientRect();\n            if (rect.left < 0) {\n                tooltipElement.style.left = '0';\n                tooltipElement.style.transform = 'translateX(0) translateY(-0.5rem)';\n            } else if (rect.right > window.innerWidth) {\n                tooltipElement.style.left = 'auto';\n                tooltipElement.style.right = '0';\n                tooltipElement.style.transform = 'translateX(0) translateY(-0.5rem)';\n            } else {\n                 tooltipElement.style.left = '50%';\n                 tooltipElement.style.transform = 'translateX(-50%) translateY(-0.5rem)';\n            }\n\n            tooltipElement.classList.remove('opacity-0', 'invisible', 'translate-y-0');\n            tooltipElement.classList.add('opacity-100', 'visible');\n        });\n        \n        tooltip.addEventListener('mouseleave', () => {\n            tooltipElement.classList.remove('opacity-100', 'visible');\n            tooltipElement.classList.add('opacity-0', 'invisible', 'translate-y-0');\n        });\n    });\n\n    \/\/ Initialize progress bars for metrics after they become visible\n    const metricsCard = document.querySelector('.metrics-card');\n    if (metricsCard) {\n        const progressObserver = new IntersectionObserver((entries) => {\n            if (entries[0].isIntersecting) {\n                setTimeout(() => {\n                    const usersProgress = document.querySelector('.users-progress');\n                    if(usersProgress) usersProgress.style.width = '78%';\n                    \n                    const volumeProgress = document.querySelector('.volume-progress');\n                    if(volumeProgress) volumeProgress.style.width = '92%';\n\n                    const tvlProgress = document.querySelector('.tvl-progress'); \/\/ Used for Assets in example\n                    if(tvlProgress) tvlProgress.style.width = '85%';\n                }, 300); \/\/ Slight delay for visual effect\n                progressObserver.unobserve(entries[0].target);\n            }\n        }, {\n            threshold: 0.5 \/\/ Trigger when 50% of the metrics card is visible\n        });\n        \n        progressObserver.observe(metricsCard);\n    }\n});\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const featureTabs = document.querySelectorAll('.feature-tab');\n    const featureContents = document.querySelectorAll('.feature-content');\n    const stepLines = document.querySelectorAll('.step-line'); \/\/ Ensure these are correctly selected\n    const primaryColorClass = 'text-indigo-500'; \/\/ Tailwind class for #6366f1\n    const bgPrimaryColorClass = 'bg-indigo-500'; \/\/ Tailwind class for #6366f1\n\n    function setActiveTab(target) {\n        featureTabs.forEach((tab, index) => {\n            const indicator = tab.querySelector('.step-indicator');\n            const isActive = tab.dataset.target === target;\n\n            tab.classList.toggle(bgPrimaryColorClass, isActive);\n            tab.classList.toggle('text-white', isActive);\n            tab.classList.toggle('bg-white', !isActive);\n            tab.classList.toggle('text-gray-600', !isActive);\n            tab.classList.toggle('hover:bg-gray-100', !isActive);\n            \n            indicator.classList.toggle('bg-white', isActive);\n            indicator.classList.toggle(primaryColorClass, isActive);\n            indicator.classList.toggle('bg-gray-200', !isActive);\n            indicator.classList.toggle('text-gray-600', !isActive);\n        });\n        \n        featureContents.forEach(content => {\n            content.classList.add('hidden');\n            content.classList.remove('fade-in', 'scale-in'); \/\/ Remove animation classes before hiding\n        });\n        \n        const selectedContent = document.getElementById(target);\n        if (selectedContent) {\n            selectedContent.classList.remove('hidden');\n            \/\/ Add a subtle animation when content changes\n            selectedContent.classList.add('fade-in'); \/\/ Using defined CSS animation\n        }\n        \n        \/\/ Update step lines\n        let activeTabIndex = -1;\n        featureTabs.forEach((tab, index) => {\n            if (tab.dataset.target === target) {\n                activeTabIndex = index;\n            }\n        });\n\n        stepLines.forEach((line, index) => {\n            \/\/ A line is active if it's before the currently active tab's group\n            \/\/ Assuming each tab button has a line element *after* it, except the last one.\n            \/\/ Or, if lines are between tab groups:\n            \/\/ If line 'i' is between tab 'i' and tab 'i+1'.\n            \/\/ Then line 'i' is active if tab 'i+1' (or any subsequent tab) is active.\n            if (index < activeTabIndex) {\n                line.classList.add('active'); \/\/ 'active' class applies bg-primary-DEFAULT via CSS\n            } else {\n                line.classList.remove('active');\n            }\n        });\n    }\n    \n    featureTabs.forEach(tab => {\n        tab.addEventListener('click', (e) => {\n            \/\/ Prevent default if it's a button, or if other actions are bound\n            e.preventDefault(); \n            const target = tab.getAttribute('data-target');\n            setActiveTab(target);\n        });\n    });\n    \n    if (featureTabs.length > 0) {\n        const firstTarget = featureTabs[0].getAttribute('data-target');\n        setActiveTab(firstTarget);\n    }\n});\n\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ FAQ accordion functionality\n    const faqQuestions = document.querySelectorAll('.faq-question');\n    \n    faqQuestions.forEach(question => {\n        question.addEventListener('click', () => {\n            \/\/ Toggle active class for current question\n            question.classList.toggle('active');\n            \n            \/\/ Get the answer container that follows the question\n            const answer = question.nextElementSibling;\n            \n            \/\/ Toggle active class for the answer\n            answer.classList.toggle('active');\n            \n            \/\/ If this question is now active, close other open questions\n            if (question.classList.contains('active')) {\n                faqQuestions.forEach(otherQuestion => {\n                    if (otherQuestion !== question && otherQuestion.classList.contains('active')) {\n                        otherQuestion.classList.remove('active');\n                        otherQuestion.nextElementSibling.classList.remove('active');\n                    }\n                });\n            }\n        });\n    });\n\n    \/\/ Show more FAQs functionality\n    const showMoreBtn = document.getElementById('show-more-faq');\n    if (showMoreBtn) {\n        const compareTable = document.querySelector('.compare-table-container');\n        \n        showMoreBtn.addEventListener('click', () => {\n            compareTable.classList.toggle('show');\n            \n            if (compareTable.classList.contains('show')) {\n                showMoreBtn.textContent = 'Show Less';\n            } else {\n                showMoreBtn.textContent = 'View More Questions';\n            }\n        });\n    }\n});\n\ndocument.addEventListener('DOMContentLoaded', function () {\n    const animatedElements = document.querySelectorAll('.obs-anim');\n\n    const observer = new IntersectionObserver((entries, observerInstance) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                const element = entry.target;\n                const animationType = element.dataset.animation;\n                const animationDelay = element.dataset.delay || '0s';\n                \n                element.style.animationDelay = animationDelay;\n\n                if (animationType) {\n                    element.classList.add(animationType); \n                }\n                \/\/ Element becomes visible due to animation or direct style change\n                \/\/ The .obs-anim class sets initial opacity to 0.\n                \/\/ Animations should take it to opacity 1. If no animation class, \n                \/\/ we ensure opacity becomes 1.\n                \/\/ The 'forwards' fill mode in CSS animations handles keeping the final state.\n                \/\/ So, setting opacity here might be redundant if all animations set opacity.\n                \/\/ However, for safety or if some animations don't manage opacity:\n                if (!animationType) { \/\/ If no specific animation class, manually ensure it's visible\n                     element.style.opacity = '1';\n                     \/\/ Potentially reset transform if it was part of obs-anim base style\n                     \/\/ For now, obs-anim in CSS doesn't set transform, animations do.\n                }\n                \n                element.classList.add('is-visible'); \/\/ Mark as processed\n                observerInstance.unobserve(element); \/\/ Stop observing once animated\n            }\n        });\n    }, {\n        threshold: 0.15 \/\/ Trigger when 15% of the element is visible\n    });\n\n    animatedElements.forEach(el => {\n        observer.observe(el);\n    });\n\n    \/\/ Smooth scrolling for anchor links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function(e) {\n            const href = this.getAttribute('href');\n            if (href === '#' || href === '') { \/\/ Handle cases for href=\"#\" or empty href\n                 e.preventDefault();\n                 window.scrollTo({ top: 0, behavior: 'smooth' });\n                 return;\n            }\n            \n            const targetElement = document.querySelector(href);\n            if (targetElement) {\n                e.preventDefault();\n                const headerOffset = document.querySelector('header')?.offsetHeight || 70; \/\/ Adjusted default offset\n                const elementPosition = targetElement.getBoundingClientRect().top;\n                const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n                window.scrollTo({\n                    top: offsetPosition,\n                    behavior: 'smooth'\n                });\n            }\n        });\n    });\n\n    \/\/ Active navigation link highlighting on scroll\n    const sections = Array.from(document.querySelectorAll('section[id]'));\n    const navLinks = Array.from(document.querySelectorAll('header nav a[href^=\"#\"]'));\n    const mobileNavLinks = Array.from(document.querySelectorAll('.mobile-menu a[href^=\"#\"]'));\n    const allNavLinks = [...navLinks, ...mobileNavLinks];\n\n\n    function changeNav() {\n        const headerHeight = document.querySelector('header')?.offsetHeight || 70;\n        let currentSectionId = '';\n\n        sections.forEach(section => {\n            const sectionTop = section.offsetTop - headerHeight - 50; \/\/ Add a bit more offset\n            if (window.scrollY >= sectionTop) {\n                currentSectionId = section.id;\n            }\n        });\n        \n        allNavLinks.forEach(link => {\n            link.classList.remove('active-nav-link', 'text-primary-DEFAULT', 'font-semibold'); \/\/ Reset styles\n            if (link.href.includes(currentSectionId) && currentSectionId !== '') {\n                link.classList.add('active-nav-link', 'text-primary-DEFAULT', 'font-semibold');\n            } else if (!currentSectionId && (link.getAttribute('href') === '#hero' || link.getAttribute('href') === '#')) {\n                \/\/ Highlight Home if at top or no section matches\n                 link.classList.add('active-nav-link', 'text-primary-DEFAULT', 'font-semibold');\n            }\n        });\n    }\n\n\n    if (sections.length > 0 && allNavLinks.length > 0) {\n        \/\/ Initial call with a slight delay to ensure correct header offset calculation\n        setTimeout(changeNav, 100); \n        window.addEventListener('scroll', changeNav);\n        window.addEventListener('resize', changeNav); \/\/ Recalculate on resize\n    }\n\n    \/\/ Mobile menu toggle\n    const mobileMenuButton = document.querySelector('.mobile-menu-button');\n    if (mobileMenuButton) {\n        const mobileMenu = document.querySelector('.mobile-menu');\n        mobileMenuButton.addEventListener('click', (e) => {\n            e.stopPropagation(); \/\/ Prevent click from bubbling up to document\n            mobileMenu.classList.toggle('hidden');\n            mobileMenuButton.setAttribute('aria-expanded', !mobileMenu.classList.contains('hidden'));\n        });\n        \/\/ Close mobile menu when a link is clicked\n        mobileMenu.querySelectorAll('a').forEach(link => {\n            link.addEventListener('click', () => {\n                mobileMenu.classList.add('hidden');\n                 mobileMenuButton.setAttribute('aria-expanded', 'false');\n            });\n        });\n        \/\/ Close mobile menu when clicking outside\n        document.addEventListener('click', (e) => {\n            if (!mobileMenu.classList.contains('hidden') && !mobileMenu.contains(e.target) && !mobileMenuButton.contains(e.target)) {\n                mobileMenu.classList.add('hidden');\n                mobileMenuButton.setAttribute('aria-expanded', 'false');\n            }\n        });\n    }\n});\n\n\n\n\n\n\n    <\/script>\n<\/head>\n\n<style !important>\n    \/* Base styles *\/\nbody {\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n    scroll-behavior: smooth;\n}\n\n\/* Tooltip styles *\/\n.tooltip {\n    position: relative; \/* Required for absolute positioning of tooltip-text *\/\n    border-bottom: 1px dashed #6366f1; \/* indigo-500 *\/\n    cursor: help;\n}\n\n.tooltip-text {\n    \/* Base styles are applied via JS using Tailwind classes. *\/\n    \/* This class is mainly for selection if needed, but JS sets up styling. *\/\n    pointer-events: none; \n}\n\n\n\/* Animation utilities *\/\n.fade-in {\n    animation: fadeIn 0.8s ease forwards;\n}\n\n.slide-up {\n    animation: slideUp 0.8s ease forwards;\n}\n\n.slide-in-right {\n    animation: slideInRight 0.8s ease forwards;\n}\n\n.slide-in-left {\n    animation: slideInLeft 0.8s ease forwards;\n}\n\n.scale-in {\n    animation: scaleIn 0.6s ease forwards;\n}\n\n.pulse {\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n\/* AMM Animation (Included as per request, though not actively used in this CEX demo) *\/\n.amm-inner-circle {\n    animation: rotate 20s linear infinite;\n}\n\n.token-a, .token-b {\n    animation: pulse-slow 3s infinite;\n}\n\n@keyframes pulse-slow {\n    0%, 100% {\n        transform: translateY(-50%) translateX(-50%) scale(1);\n    }\n    50% {\n        transform: translateY(-50%) translateX(-50%) scale(1.05);\n    }\n}\n\n\/* FAQ Accordion *\/\n.faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;\n}\n\n.faq-answer.active {\n    max-height: 600px; \/* Increased max-height for potentially longer answers *\/\n    \/* Padding is applied directly in HTML within the answer's p tag or content wrapper *\/\n}\n.faq-answer p { \/* If padding is desired on the paragraph inside *\/\n    \/* padding: 1rem; \/* This was here but removed in favor of HTML structure for padding *\/\n}\n\n\n.faq-question svg {\n    transition: transform 0.3s ease;\n}\n\n.faq-question.active svg {\n    transform: rotate(180deg);\n}\n\n\/* Compare Table Styles for FAQ \"Show More\" *\/\n.compare-table-container {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.6s ease-in-out;\n}\n\n.compare-table-container.show {\n    max-height: 1200px; \/* Increased to accommodate potentially larger tables\/more FAQs *\/\n}\n\n\/* Animation Keyframes *\/\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes slideUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes slideInRight {\n    from {\n        opacity: 0;\n        transform: translateX(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes slideInLeft {\n    from {\n        opacity: 0;\n        transform: translateX(-30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes scaleIn {\n    from {\n        opacity: 0;\n        transform: scale(0.95);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n@keyframes pulse {\n    0%, 100% {\n        opacity: 1;\n    }\n    50% {\n        opacity: 0.8;\n    }\n}\n\n@keyframes rotate {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n\/* Feature Demo Step Indicators *\/\n.step-indicator {\n    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;\n}\n.feature-tab:hover .step-indicator {\n    transform: scale(1.1);\n}\n\n\n.step-line {\n    position: relative;\n    transition: background-color 0.4s ease-in-out; \/* Smoother transition *\/\n    height: 100%; \n}\n\n.step-line.active {\n    background-color: #6366f1; \/* indigo-500 *\/\n}\n\n\/* Testimonial Slider *\/\n.testimonial-track {\n    transition: transform 0.5s ease-in-out; \n}\n.testimonial-item {\n    flex-shrink: 0; \n}\n\n\n\/* Service Cards *\/\n.service-card {\n    transition: opacity 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;\n}\n.service-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 10px 20px rgba(99, 102, 241, 0.2); \/* Tailwind shadow-xl equivalent with primary color hint *\/\n}\n\n\n\/* Value Proposition Cards *\/\n.benefit-card {\n    transition: opacity 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;\n}\n.benefit-card:hover {\n    transform: scale(1.03) translateY(-5px);\n    box-shadow: 0 15px 25px rgba(0,0,0,0.1);\n}\n\n\/* Why Choose Us Points \/ Unique Feature styling *\/\n.unique-feature { \/* This class is used for \"Why Choose Us\" items *\/\n    transition: opacity 0.5s ease, transform 0.4s ease, box-shadow 0.4s ease;\n}\n.unique-feature:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 20px 30px rgba(99, 102, 241, 0.15);\n}\n\n\n\/* Metrics Cards Progress Bars *\/\n.metrics-card { \/* Parent container for stats that include progress bars *\/\n    transition: opacity 0.5s ease;\n}\n\n.tvl-progress, .volume-progress, .users-progress {\n    transition: width 1.5s cubic-bezier(0.25, 1, 0.5, 1); \/* Smoother ease-out *\/\n    background-color: #6366f1; \/* Ensure this is Tailwind primary, or use Tailwind classes *\/\n}\n\n\/* Hero CTA Buttons *\/\n.hero-cta button {\n    \/* Tailwind handles hover states, this ensures base transition is smooth if not fully covered by TW *\/\n    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;\n}\n\n\n\/* Swap Interface Animation (Present if needed, not actively used) *\/\n.interface-preview {\n    position: relative;\n    overflow: hidden;\n}\n\n.swap-direction-btn {\n    transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n.swap-direction-btn:hover {\n    transform: rotate(180deg);\n}\n\n\/* Risk Card Animations (Present if needed, not actively used) *\/\n.risk-card {\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.risk-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\n}\n\n\n\/* CTA Button Sheen Animation *\/\n.start-trading-btn {\n    position: relative;\n    overflow: hidden;\n    z-index: 1; \n}\n\n.start-trading-btn::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -120%; \/* Start further left *\/\n    width: 50%; \/* Narrower sheen *\/\n    height: 100%;\n    background: linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0) 0%,\n        rgba(255, 255, 255, 0.4) 50%, \/* More pronounced sheen *\/\n        rgba(255, 255, 255, 0) 100%\n    );\n    transform: skewX(-25deg); \/* Angled sheen *\/\n    transition: left 0.75s cubic-bezier(0.23, 1, 0.32, 1); \/* Smoother, faster at end *\/\n    z-index: 1; \/* Above button bg, below text if button text has own z-index *\/\n}\n\n.start-trading-btn:hover::after {\n    left: 120%; \/* End further right *\/\n}\n\n\/* Headline Word Animation *\/\n.headline span {\n    display: inline-block;\n    opacity: 0;\n    transform: translateY(25px) rotateX(-45deg); \/* Add subtle 3D effect *\/\n    animation: fadeUpInWord 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;\n}\n\n\/* Staggered animation delays for headline words - ensure these match number of spans *\/\n.headline span:nth-child(1) { animation-delay: 0.1s; }\n.headline span:nth-child(2) { animation-delay: 0.18s; }\n.headline span:nth-child(3) { animation-delay: 0.26s; }\n.headline span:nth-child(4) { animation-delay: 0.34s; }\n.headline span:nth-child(5) { animation-delay: 0.42s; }\n.headline span:nth-child(6) { animation-delay: 0.50s; }\n.headline span:nth-child(7) { animation-delay: 0.58s; }\n.headline span:nth-child(8) { animation-delay: 0.66s; } \/* If more words *\/\n\n\n@keyframes fadeUpInWord { \/* Renamed from fadeUpIn to be specific *\/\n    to {\n        opacity: 1;\n        transform: translateY(0) rotateX(0deg);\n    }\n}\n\n\/* Platform Stats Card Animation *\/\n.platform-stats > div { \/* Applied to the stat cards for staggered appearance *\/\n    opacity: 0;\n    transform: translateY(20px);\n    animation: statsAppear 0.5s ease forwards;\n}\n\/* Staggered delays are applied via data-delay in HTML and handled by animations.js *\/\n\n@keyframes statsAppear {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Custom Animations for AMM Diagram (Included as per request) *\/\n@keyframes tokenFlow {\n    0% {\n        transform: translate(0, 0);\n        opacity: 1;\n    }\n    50% {\n        transform: translate(40px, 0); \n        opacity: 0.7;\n    }\n    100% {\n        transform: translate(80px, 0); \n        opacity: 0;\n    }\n}\n\n.token-flow {\n    animation: tokenFlow 2s ease-in-out infinite;\n}\n\n\/* Animated background for Hero Section *\/\n#blockchain-background { \n    background: linear-gradient(-45deg, #6366f1, #8b5cf6, #ec4899); \/* Primary, Purple, Pink, Orange *\/\n    background-size: 400% 400%;\n    animation: gradientAnimation 20s ease infinite; \/* Slower and smoother *\/\n}\n\n@keyframes gradientAnimation {\n    0% {\n        background-position: 0% 50%;\n    }\n    50% {\n        background-position: 100% 50%;\n    }\n    100% {\n        background-position: 0% 50%;\n    }\n}\n\n\/* Audit and Partner Logos *\/\n.audit-logos img, .partner-logos img { \n    transition: opacity 0.3s ease, transform 0.3s ease;\n}\n.audit-logos img:hover, .partner-logos img:hover {\n    opacity: 1 !important; \/* Ensure override if base opacity is lower *\/\n    transform: scale(1.1);\n}\n\n\n\/* obs-anim initial state for Intersection Observer *\/\n\/* This class is added to elements that should be animated on scroll *\/\n.obs-anim {\n    opacity: 0;\n    \/* Specific transforms (like translateY) are part of the animation itself (e.g., slideUp) *\/\n    \/* The transition here is a fallback if no data-animation class is specified, *\/\n    \/* allowing animations.js to directly set opacity and transform. *\/\n    transition: opacity 0.7s ease-out, transform 0.7s ease-out; \n}\n\n\/* Style for active navigation link in header *\/\nheader nav a.active-nav-link {\n    color: #6366f1; \/* primary-DEFAULT *\/\n    font-weight: 600; \/* semibold *\/\n}\nheader nav a.active-nav-link::after { \/* Optional underline effect for active link *\/\n    content: '';\n    display: block;\n    width: 60%;\n    height: 2px;\n    background: #6366f1;\n    margin: 4px auto 0;\n    transition: width 0.3s ease;\n}\n\n<\/style>\n<body class=\"bg-gray-50 text-gray-800 antialiased\">\n\n\n\n\n\n    <!-- Services Introduction -->\n    <section id=\"services\" class=\"py-16 lg:py-24 bg-white-100\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 md:mb-16 obs-anim\" data-animation=\"fade-in\">\u5305\u62ec\u7684\u306a\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u30b5\u30fc\u30d3\u30b9<\/h2>\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\n                <div class=\"service-card bg-white p-6 rounded-xl shadow-lg obs-anim\" data-animation=\"fade-in\" data-delay=\"0.2s\">\n                    <div class=\"text-secondary-DEFAULT mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 13v-1m4 1v-3m4 3V8M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-2\">\u30b9\u30dd\u30c3\u30c8\u53d6\u5f15<\/h3>\n                    <p class=\"text-gray-600 text-sm\">\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3067\u3001\u73fe\u5728\u306e\u5e02\u5834\u4fa1\u683c\u3067\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u3092\u5373\u5ea7\u306b\u58f2\u8cb7\u3002<\/p>\n                <\/div>\n                <div class=\"service-card bg-white p-6 rounded-xl shadow-lg obs-anim\" data-animation=\"fade-in\" data-delay=\"0.3s\">\n                    <div class=\"text-secondary-DEFAULT mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-2\">\u5148\u7269\u53d6\u5f15<\/h3>\n                    <p class=\"text-gray-600 text-sm\">\u6697\u53f7\u30c7\u30ea\u30d0\u30c6\u30a3\u30d6\u3092\u30ec\u30d0\u30ec\u30c3\u30b8\u3067\u53d6\u5f15\u3057\u3001\u5e02\u5834\u306e\u52d5\u304d\u306b\u5bfe\u3059\u308b\u6f5c\u5728\u7684\u306a\u30ea\u30bf\u30fc\u30f3\u3092\u6700\u5927\u5316\u3059\u308b\u3002<\/p>\n                <\/div>\n                <div class=\"service-card bg-white p-6 rounded-xl shadow-lg obs-anim\" data-animation=\"fade-in\" data-delay=\"0.4s\">\n                     <div class=\"text-secondary-DEFAULT mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-2\">\u30b9\u30c6\u30fc\u30ad\u30f3\u30b0\uff06\u30a2\u30fc\u30f3<\/h3>\n                    <p class=\"text-gray-600 text-sm\">\u5f53\u793e\u306e\u5b89\u5168\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u76f4\u63a5\u6697\u53f7\u8cc7\u7523\u3092\u30b9\u30c6\u30fc\u30af\u3057\u3066\u53d7\u52d5\u7684\u53ce\u5165\u3092\u5f97\u307e\u3057\u3087\u3046\u3002<\/p>\n                <\/div>\n                 <div class=\"service-card bg-white p-6 rounded-xl shadow-lg obs-anim\" data-animation=\"fade-in\" data-delay=\"0.5s\">\n                     <div class=\"text-secondary-DEFAULT mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-2\">\u30bb\u30ad\u30e5\u30a2\u30a6\u30a9\u30ec\u30c3\u30c8<\/h3>\n                    <p class=\"text-gray-600 text-sm\">\u7d71\u5408\u3055\u308c\u305f\u5b89\u5168\u6027\u306e\u9ad8\u3044\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u30a6\u30a9\u30ec\u30c3\u30c8\u3067\u3001\u591a\u69d8\u306a\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u3092\u7ba1\u7406\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Key Offerings (formerly Service Details) -->\n    <section id=\"key-offerings\" class=\"py-16 lg:py-24 bg-gray-100\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 md:mb-16 obs-anim\" data-animation=\"fade-in\">\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u30fb\u30cf\u30a4\u30e9\u30a4\u30c8<\/h2>\n            <div class=\"grid md:grid-cols-2 gap-x-12 gap-y-10\">\n                <div class=\"obs-anim\" data-animation=\"slide-in-left\" data-delay=\"0.2s\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 h-12 w-12 rounded-full bg-primary-light text-primary-DEFAULT flex items-center justify-center\">\n                           <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h3 class=\"text-xl font-semibold text-gray-900\">\u9ad8\u5ea6\u306a\u53d6\u5f15\u30c4\u30fc\u30eb<\/h3>\n                            <p class=\"mt-1 text-gray-600\">\u5305\u62ec\u7684\u306a\u30c1\u30e3\u30fc\u30c8\u3001\u30c6\u30af\u30cb\u30ab\u30eb\u6307\u6a19\u3001\u69d8\u3005\u306a\u6ce8\u6587\u30bf\u30a4\u30d7\u3092\u6d3b\u7528\u3057\u3001\u6d17\u7df4\u3055\u308c\u305f\u53d6\u5f15\u6226\u7565\u3092\u5b9f\u73fe\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                 <div class=\"obs-anim\" data-animation=\"slide-in-right\" data-delay=\"0.3s\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 h-12 w-12 rounded-full bg-primary-light text-primary-DEFAULT flex items-center justify-center\">\n                           <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h3 class=\"text-xl font-semibold text-gray-900\">\u7af6\u4e89\u529b\u306e\u3042\u308b\u6599\u91d1\u4f53\u7cfb<\/h3>\n                            <p class=\"mt-1 text-gray-600\">\u900f\u660e\u6027\u304c\u9ad8\u304f\u3001\u4f4e\u30b3\u30b9\u30c8\u306e\u53d6\u5f15\u624b\u6570\u6599\u306e\u6069\u6075\u3092\u53d7\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u5927\u91cf\u306e\u53d6\u5f15\u3092\u884c\u3063\u3066\u3044\u308b\u30c8\u30ec\u30fc\u30c0\u30fc\u3084\u30c8\u30fc\u30af\u30f3\u4fdd\u6709\u8005\u306f\u3055\u3089\u306b\u5272\u5f15\u3092\u53d7\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                 <div class=\"obs-anim\" data-animation=\"slide-in-left\" data-delay=\"0.4s\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 h-12 w-12 rounded-full bg-primary-light text-primary-DEFAULT flex items-center justify-center\">\n                           <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.46 4.4a1 1 0 01-.544 1.303l-2.212 1.106a1.002 1.002 0 00-.512 1.317l1.426 3.566a1.001 1.001 0 001.317.512l1.106-2.212a1 1 0 011.303-.544l4.4 1.46a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h3 class=\"text-xl font-semibold text-gray-900\">24\u6642\u9593365\u65e5\u306e\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8<\/h3>\n                            <p class=\"mt-1 text-gray-600\">\u591a\u8a00\u8a9e\u5bfe\u5fdc\u306e\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                 <div class=\"obs-anim\" data-animation=\"slide-in-right\" data-delay=\"0.5s\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 h-12 w-12 rounded-full bg-primary-light text-primary-DEFAULT flex items-center justify-center\">\n                           <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.783-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h3 class=\"text-xl font-semibold text-gray-900\">API\u306e\u7d71\u5408<\/h3>\n                            <p class=\"mt-1 text-gray-600\">\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u30fb\u30c8\u30ec\u30fc\u30c0\u30fc\u3084\u6a5f\u95a2\u6295\u8cc7\u5bb6\u304c\u30b7\u30b9\u30c6\u30e0\u3092\u7d71\u5408\u3059\u308b\u305f\u3081\u306e\u5f37\u529b\u3067\u4fe1\u983c\u6027\u306e\u9ad8\u3044API\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n        <!-- Feature Demo -->\n        <section id=\"demo\" class=\"py-16 bg-gray-50\">\n            <div class=\"container mx-auto px-4\">\n                <div class=\"text-center mb-16\">\n                    <h2 class=\"text-3xl font-bold text-gray-900 mb-4 slide-up opacity-0\">TheExChain\u306e\u30d1\u30ef\u30fc\u3092\u4f53\u9a13\u3057\u3088\u3046<\/h2>\n                    <p class=\"text-gray-600 max-w-3xl mx-auto slide-up opacity-0\" style=\"animation-delay: 0.2s;\">\n                        \u304a\u5ba2\u69d8\u306e\u53d6\u5f15\u4f53\u9a13\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002\n                    <\/p>\n                <\/div>\n                <div class=\"flex flex-col md:flex-row mb-8\">\n                    <div class=\"md:w-1\/4 mb-4 md:mb-0\">\n                        <div class=\"sticky top-24\">\n                            <div class=\"flex flex-col space-y-4\">\n                                <button class=\"feature-tab flex items-center py-3 px-4 rounded-lg bg-primary-DEFAULT text-white\" data-target=\"trading-interface\">\n                                    <div class=\"step-indicator w-8 h-8 rounded-full bg-white text-primary-DEFAULT flex items-center justify-center mr-3\">\n                                        1\n                                    <\/div>\n                                    <span>\u53d6\u5f15\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/span>\n                                <\/button>\n                                <div class=\"step-line h-8 w-0.5 bg-gray-300 ml-4\"><\/div>\n                                <button class=\"feature-tab flex items-center py-3 px-4 rounded-lg bg-white text-gray-600 hover:bg-gray-100 transition-colors\" data-target=\"advanced-charts\">\n                                    <div class=\"step-indicator w-8 h-8 rounded-full bg-gray-200 text-gray-600 flex items-center justify-center mr-3\">\n                                        2\n                                    <\/div>\n                                    <span>\u9ad8\u5ea6\u306a\u30c1\u30e3\u30fc\u30c8<\/span>\n                                <\/button>\n                                <div class=\"step-line h-8 w-0.5 bg-gray-300 ml-4\"><\/div>\n                                <button class=\"feature-tab flex items-center py-3 px-4 rounded-lg bg-white text-gray-600 hover:bg-gray-100 transition-colors\" data-target=\"mobile-app\">\n                                    <div class=\"step-indicator w-8 h-8 rounded-full bg-gray-200 text-gray-600 flex items-center justify-center mr-3\">\n                                        3\n                                    <\/div>\n                                    <span>\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea<\/span>\n                                <\/button>\n                                <div class=\"step-line h-8 w-0.5 bg-gray-300 ml-4\"><\/div>\n                                <button class=\"feature-tab flex items-center py-3 px-4 rounded-lg bg-white text-gray-600 hover:bg-gray-100 transition-colors\" data-target=\"staking\">\n                                    <div class=\"step-indicator w-8 h-8 rounded-full bg-gray-200 text-gray-600 flex items-center justify-center mr-3\">\n                                        4\n                                    <\/div>\n                                    <span>\u30b9\u30c6\u30fc\u30ad\u30f3\u30b0\u30fb\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/span>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"md:w-3\/4 md:pl-8\">\n                        <div id=\"feature-content\">\n                            <!-- Trading Interface -->\n                            <div class=\"feature-content active\" id=\"trading-interface\">\n                                <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u76f4\u611f\u7684\u306a\u53d6\u5f15\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/h3>\n                                <p class=\"text-gray-600 mb-6\">\n                                    \u5f53\u793e\u306e\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30fb\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u3001\u521d\u5fc3\u8005\u304b\u3089\u30d7\u30ed\u306e\u30c8\u30ec\u30fc\u30c0\u30fc\u307e\u3067\u5bfe\u5fdc\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u6b63\u78ba\u304b\u3064\u81ea\u4fe1\u3092\u3082\u3063\u3066\u53d6\u5f15\u3092\u5b9f\u884c\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u30c4\u30fc\u30eb\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\n                                <\/p>\n                                <div class=\"bg-white rounded-lg shadow-lg overflow-hidden mb-6\">\n                                    <div class=\"bg-gray-900 p-2 flex items-center\">\n                                        <div class=\"flex space-x-2 ml-2\">\n                                            <div class=\"w-3 h-3 bg-red-500 rounded-full\"><\/div>\n                                            <div class=\"w-3 h-3 bg-yellow-500 rounded-full\"><\/div>\n                                            <div class=\"w-3 h-3 bg-green-500 rounded-full\"><\/div>\n                                        <\/div>\n                                        <div class=\"ml-4 text-white text-sm\">TheExChain Pro\u53d6\u5f15\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/div>\n                                    <\/div>\n                                    <div class=\"p-1 bg-gray-800\">\n                                        <div class=\"grid grid-cols-4 gap-1 h-96\">\n                                            <div class=\"col-span-3 bg-gray-900 rounded-sm\">\n                                                <div class=\"h-full w-full flex items-center justify-center text-gray-500\">\n                                                    <div class=\"relative w-full h-full overflow-hidden\">\n                                                        <div class=\"absolute inset-0 flex items-center justify-center\">\n                                                           \n                                                        <\/div>\n                                                        <svg class=\"w-full h-full\" viewbox=\"0 0 400 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <!-- Price chart simulation -->\n                                                            <path d=\"M0,150 C20,140 40,160 60,150 C80,140 100,120 120,130 C140,140 160,170 180,160 C200,150 220,130 240,120 C260,110 280,130 300,120 C320,110 340,90 360,80 C380,70 400,90 400,80\" stroke=\"#4f46e5\" stroke-width=\"2\" fill=\"none\"\/>\n                                                           \n                                                            <defs>\n                                                                <lineargradient id=\"gradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                                                                    <stop offset=\"0%\" stop-color=\"#4f46e5\" stop-opacity=\"0.4\"\/>\n                                                                    <stop offset=\"100%\" stop-color=\"#4f46e5\" stop-opacity=\"0\"\/>\n                                                                <\/lineargradient>\n                                                            <\/defs>\n                                                        <\/svg>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"space-y-1\">\n                                                <div class=\"bg-gray-900 rounded-sm p-2\">\n                                                    <div class=\"text-xs text-gray-400 mb-1\">\u30aa\u30fc\u30c0\u30fc\u30d6\u30c3\u30af<\/div>\n                                                    <div class=\"space-y-1\">\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-red-400\">41,235.65<\/span>\n                                                            <span class=\"text-gray-400\">0.341<\/span>\n                                                        <\/div>\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-red-400\">41,234.70<\/span>\n                                                            <span class=\"text-gray-400\">0.512<\/span>\n                                                        <\/div>\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-red-400\">41,233.85<\/span>\n                                                            <span class=\"text-gray-400\">0.783<\/span>\n                                                        <\/div>\n                                                        <div class=\"h-px bg-gray-700 my-1\"><\/div>\n                                                        <div class=\"text-sm text-white\">41,232.50<\/div>\n                                                        <div class=\"h-px bg-gray-700 my-1\"><\/div>\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-green-400\">41,231.35<\/span>\n                                                            <span class=\"text-gray-400\">0.456<\/span>\n                                                        <\/div>\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-green-400\">41,230.40<\/span>\n                                                            <span class=\"text-gray-400\">0.678<\/span>\n                                                        <\/div>\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-green-400\">41,229.25<\/span>\n                                                            <span class=\"text-gray-400\">0.921<\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"bg-gray-900 rounded-sm p-2 flex-1\">\n                                                    <div class=\"text-xs text-gray-400 mb-1\">\u30c8\u30ec\u30fc\u30c9\u30d5\u30a9\u30fc\u30e0<\/div>\n                                                    <div class=\"flex mb-2\">\n                                                        <button class=\"w-1\/2 py-1 text-xs bg-green-500 text-white rounded-l font-medium\">\u8cfc\u5165<\/button>\n                                                        <button class=\"w-1\/2 py-1 text-xs bg-gray-800 text-gray-300 rounded-r font-medium\">\u58f2\u308b<\/button>\n                                                    <\/div>\n                                                    <div class=\"mb-2\">\n                                                        <div class=\"text-xs text-gray-400 mb-1\">\u4fa1\u683c<\/div>\n                                                        <div class=\"bg-gray-800 rounded px-2 py-1 flex justify-between\">\n                                                            <span class=\"text-xs text-white\">41,232.50<\/span>\n                                                            <span class=\"text-xs text-gray-400\">USDT<\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mb-2\">\n                                                        <div class=\"text-xs text-gray-400 mb-1\">\u91d1\u984d<\/div>\n                                                        <div class=\"bg-gray-800 rounded px-2 py-1 flex justify-between\">\n                                                            <span class=\"text-xs text-white\">0.0025<\/span>\n                                                            <span class=\"text-xs text-gray-400\">BTC<\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <button class=\"w-full py-1 text-xs bg-green-500 text-white rounded font-medium mt-2\">\n                                                        BTC\u3092\u8cfc\u5165\u3059\u308b\n                                                    <\/button>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u96fb\u5149\u77f3\u706b\u306e\u5b9f\u884c<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u5f53\u793e\u306e\u30de\u30c3\u30c1\u30f3\u30b0\u30fb\u30a8\u30f3\u30b8\u30f3\u306f\u30011\u79d2\u9593\u306b\u6570\u767e\u4e07\u4ef6\u306e\u53d6\u5f15\u3092\u51e6\u7406\u3067\u304d\u308b\u305f\u3081\u3001\u304a\u5ba2\u69d8\u306e\u53d6\u5f15\u304c\u5373\u5ea7\u306b\u57f7\u884c\u3055\u308c\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path>\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u306a\u30ec\u30a4\u30a2\u30a6\u30c8<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u53d6\u5f15\u30ef\u30fc\u30af\u30b9\u30da\u30fc\u30b9\u3092\u601d\u3044\u901a\u308a\u306b\u30a2\u30ec\u30f3\u30b8\u3002\u7570\u306a\u308b\u53d6\u5f15\u6226\u7565\u7528\u306b\u8907\u6570\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4fdd\u5b58\u3002\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u9ad8\u5ea6\u306a\u6ce8\u6587\u30bf\u30a4\u30d7<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u30b7\u30f3\u30d7\u30eb\u306a\u6210\u884c\u6ce8\u6587\u304b\u3089\u8907\u96d1\u306aOCO\uff08One-Cancels-the-Other\uff09\u6ce8\u6587\u307e\u3067\u3001\u304a\u5ba2\u69d8\u306e\u53d6\u5f15\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u3042\u3089\u3086\u308b\u6ce8\u6587\u30bf\u30a4\u30d7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Advanced Charts -->\n                            <div class=\"feature-content hidden\" id=\"advanced-charts\">\n                                <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u30fb\u30c8\u30ec\u30fc\u30c7\u30a3\u30f3\u30b0\u30fb\u30c1\u30e3\u30fc\u30c8<\/h3>\n                                <p class=\"text-gray-600 mb-6\">\n                                    \u5f53\u793e\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u306f\u3001TradingView\u306b\u3088\u308b\u9ad8\u5ea6\u306a\u30c1\u30e3\u30fc\u30c8\u6a5f\u80fd\u304c\u7d71\u5408\u3055\u308c\u3066\u304a\u308a\u3001\u5f37\u529b\u306a\u30c6\u30af\u30cb\u30ab\u30eb\u5206\u6790\u30c4\u30fc\u30eb\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n                                <\/p>\n                                <div class=\"bg-white rounded-lg shadow-lg overflow-hidden mb-6\">\n                                    <div class=\"bg-gray-900 p-2 flex items-center\">\n                                        <div class=\"flex space-x-2 ml-2\">\n                                            <div class=\"w-3 h-3 bg-red-500 rounded-full\"><\/div>\n                                            <div class=\"w-3 h-3 bg-yellow-500 rounded-full\"><\/div>\n                                            <div class=\"w-3 h-3 bg-green-500 rounded-full\"><\/div>\n                                        <\/div>\n                                        <div class=\"ml-4 text-white text-sm\">ExChain\u30a2\u30c9\u30d0\u30f3\u30b9\u30c1\u30e3\u30fc\u30c8<\/div>\n                                    <\/div>\n                                    <div class=\"p-1 bg-gray-800\">\n                                        <div class=\"bg-gray-900 rounded-sm h-96 relative overflow-hidden\">\n                                            <div class=\"absolute top-4 left-4 flex space-x-2\">\n                                                <div class=\"bg-gray-800 rounded px-2 py-1\">\n                                                    <span class=\"text-xs text-white\">BTC\/USDT<\/span>\n                                                <\/div>\n                                                <div class=\"bg-gray-800 rounded px-2 py-1\">\n                                                    <span class=\"text-xs text-white\">1D<\/span>\n                                                <\/div>\n                                                <div class=\"bg-gray-800 rounded px-2 py-1\">\n                                                    <span class=\"text-xs text-gray-400\">\u6307\u6a19<\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"absolute top-4 right-4 flex space-x-2\">\n                                                <div class=\"w-6 h-6 bg-gray-800 rounded flex items-center justify-center\">\n                                                    <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path>\n                                                    <\/svg>\n                                                <\/div>\n                                                <div class=\"w-6 h-6 bg-gray-800 rounded flex items-center justify-center\">\n                                                    <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"><\/path>\n                                                    <\/svg>\n                                                <\/div>\n                                                <div class=\"w-6 h-6 bg-gray-800 rounded flex items-center justify-center\">\n                                                    <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path>\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                            <svg class=\"w-full h-full\" viewbox=\"0 0 800 600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <!-- Chart background grid -->\n                                                <line x1=\"0\" y1=\"150\" x2=\"800\" y2=\"150\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"0\" y1=\"250\" x2=\"800\" y2=\"250\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"0\" y1=\"350\" x2=\"800\" y2=\"350\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"0\" y1=\"450\" x2=\"800\" y2=\"450\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                \n                                                <line x1=\"100\" y1=\"0\" x2=\"100\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"200\" y1=\"0\" x2=\"200\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"300\" y1=\"0\" x2=\"300\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"400\" y1=\"0\" x2=\"400\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"500\" y1=\"0\" x2=\"500\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"600\" y1=\"0\" x2=\"600\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"700\" y1=\"0\" x2=\"700\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                \n                                                <!-- Candlestick chart -->\n                                                <!-- Candle 1 (green) -->\n                                                <line x1=\"50\" y1=\"300\" x2=\"50\" y2=\"350\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"40\" y=\"320\" width=\"20\" height=\"30\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 2 (green) -->\n                                                <line x1=\"100\" y1=\"280\" x2=\"100\" y2=\"340\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"90\" y=\"280\" width=\"20\" height=\"40\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 3 (red) -->\n                                                <line x1=\"150\" y1=\"260\" x2=\"150\" y2=\"320\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"140\" y=\"260\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 4 (green) -->\n                                                <line x1=\"200\" y1=\"240\" x2=\"200\" y2=\"310\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"190\" y=\"240\" width=\"20\" height=\"50\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 5 (red) -->\n                                                <line x1=\"250\" y1=\"230\" x2=\"250\" y2=\"320\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"240\" y=\"280\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 6 (red) -->\n                                                <line x1=\"300\" y1=\"220\" x2=\"300\" y2=\"300\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"290\" y=\"260\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 7 (green) -->\n                                                <line x1=\"350\" y1=\"200\" x2=\"350\" y2=\"280\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"340\" y=\"200\" width=\"20\" height=\"60\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 8 (green) -->\n                                                <line x1=\"400\" y1=\"190\" x2=\"400\" y2=\"250\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"390\" y=\"190\" width=\"20\" height=\"40\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 9 (red) -->\n                                                <line x1=\"450\" y1=\"180\" x2=\"450\" y2=\"240\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"440\" y=\"200\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 10 (green) -->\n                                                <line x1=\"500\" y1=\"170\" x2=\"500\" y2=\"230\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"490\" y=\"170\" width=\"20\" height=\"40\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 11 (red) -->\n                                                <line x1=\"550\" y1=\"160\" x2=\"550\" y2=\"240\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"540\" y=\"200\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 12 (green) -->\n                                                <line x1=\"600\" y1=\"150\" x2=\"600\" y2=\"220\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"590\" y=\"150\" width=\"20\" height=\"50\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 13 (red) -->\n                                                <line x1=\"650\" y1=\"140\" x2=\"650\" y2=\"220\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"640\" y=\"180\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 14 (green) -->\n                                                <line x1=\"700\" y1=\"130\" x2=\"700\" y2=\"200\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"690\" y=\"130\" width=\"20\" height=\"50\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 15 (green) -->\n                                                <line x1=\"750\" y1=\"120\" x2=\"750\" y2=\"180\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"740\" y=\"120\" width=\"20\" height=\"40\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Moving Average Line -->\n                                                <path d=\"M50,330 C150,300 250,280 350,240 C450,210 550,190 750,150\" stroke=\"#6366f1\" stroke-width=\"2\" fill=\"none\"\/>\n                                                \n                                                <!-- Volume Bars (at bottom) -->\n                                                <rect x=\"40\" y=\"520\" width=\"20\" height=\"30\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"90\" y=\"520\" width=\"20\" height=\"40\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"140\" y=\"520\" width=\"20\" height=\"20\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"190\" y=\"520\" width=\"20\" height=\"50\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"240\" y=\"520\" width=\"20\" height=\"25\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"290\" y=\"520\" width=\"20\" height=\"15\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"340\" y=\"520\" width=\"20\" height=\"60\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"390\" y=\"520\" width=\"20\" height=\"35\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"440\" y=\"520\" width=\"20\" height=\"20\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"490\" y=\"520\" width=\"20\" height=\"45\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"540\" y=\"520\" width=\"20\" height=\"25\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"590\" y=\"520\" width=\"20\" height=\"55\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"640\" y=\"520\" width=\"20\" height=\"30\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"690\" y=\"520\" width=\"20\" height=\"40\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"740\" y=\"520\" width=\"20\" height=\"35\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">100\u4ee5\u4e0a\u306e\u30c6\u30af\u30cb\u30ab\u30eb\u6307\u6a19<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u30c6\u30af\u30cb\u30ab\u30eb\u6307\u6a19\u306e\u5305\u62ec\u7684\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u5e02\u5834\u52d5\u5411\u3092\u5206\u6790\u3057\u3001\u5341\u5206\u306a\u60c5\u5831\u306b\u57fa\u3065\u3044\u305f\u53d6\u5f15\u306e\u610f\u601d\u6c7a\u5b9a\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u30c9\u30ed\u30fc\u30a4\u30f3\u30b0\u30c4\u30fc\u30eb<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u30d5\u30a3\u30dc\u30ca\u30c3\u30c1\u30fb\u30ea\u30c8\u30ec\u30fc\u30b9\u30e1\u30f3\u30c8\u3001\u30c8\u30ec\u30f3\u30c9\u30e9\u30a4\u30f3\u3001\u30c1\u30e3\u30cd\u30eb\u3001\u305d\u306e\u4ed6\u306e\u63cf\u753b\u30c4\u30fc\u30eb\u3092\u4f7f\u3063\u3066\u3001\u53d6\u5f15\u6226\u7565\u3092\u63cf\u304f\u3002\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u4fdd\u5b58\u3068\u5171\u6709<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u30c1\u30e3\u30fc\u30c8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3084\u5206\u6790\u3092\u4fdd\u5b58\u3057\u305f\u308a\u3001\u4ed6\u306e\u30c8\u30ec\u30fc\u30c0\u30fc\u3068\u5171\u6709\u3057\u3066\u5171\u540c\u4f5c\u696d\u3084\u5b66\u7fd2\u3092\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Mobile App -->\n                            <div class=\"feature-content hidden\" id=\"mobile-app\">\n                                <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u3067\u3069\u3053\u3067\u3082\u53d6\u5f15<\/h3>\n                                <p class=\"text-gray-600 mb-6\">\n                                    \u5f53\u793e\u306e\u5f37\u529b\u306a\u30e2\u30d0\u30a4\u30eb\u30fb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u3048\u3070\u3001\u3044\u3064\u3067\u3082\u3069\u3053\u304b\u3089\u3067\u3082\u81ea\u7531\u306b\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u3092\u7ba1\u7406\u3057\u3001\u53d6\u5f15\u3092\u57f7\u884c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n                                <\/p>\n                                <div class=\"flex flex-col md:flex-row justify-center items-center gap-6 mb-8\">\n                                    <div class=\"w-64 bg-gray-900 rounded-3xl overflow-hidden shadow-xl p-2\">\n                                        <div class=\"bg-gray-800 rounded-2xl overflow-hidden h-full\">\n                                            <div class=\"relative\">\n                                                <div class=\"absolute top-0 left-0 right-0 h-6 bg-gray-900 rounded-t-2xl flex items-center justify-center\">\n                                                    <div class=\"w-20 h-2 bg-gray-700 rounded-full\"><\/div>\n                                                <\/div>\n                                                <div class=\"pt-6 px-3 pb-3 bg-gray-900\">\n                                                    <div class=\"flex justify-between items-center mb-4\">\n                                                        <div>\n                                                            <div class=\"text-xs text-gray-400\">\u304a\u304b\u3048\u308a\u306a\u3055\u3044<\/div>\n                                                            <div class=\"text-sm text-white font-medium\">\u30a2\u30ec\u30c3\u30af\u30b9<\/div>\n                                                        <\/div>\n                                                        <div class=\"w-8 h-8 rounded-full bg-gray-800 flex items-center justify-center\">\n                                                            <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"><\/path>\n                                                            <\/svg>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"bg-primary-DEFAULT bg-opacity-10 rounded-lg p-3 mb-3\">\n                                                        <div class=\"flex justify-between items-center mb-1\">\n                                                            <div class=\"text-xs text-gray-400\">\u5408\u8a08\u6b8b\u9ad8<\/div>\n                                                            <svg class=\"w-4 h-4 text-primary-DEFAULT\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"><\/path>\n                                                            <\/svg>\n                                                        <\/div>\n                                                        <div class=\"text-lg text-white font-semibold\">$24,621.80<\/div>\n                                                        <div class=\"text-xs text-green-400\">+$1,238.10 (5.28%)<\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"px-3 pt-2 pb-4 bg-gray-800\">\n                                                    <div class=\"flex justify-between mb-4\">\n                                                        <button class=\"pl-1 pr-1 flex-1 py-2 bg-primary-DEFAULT text-white text-xs rounded-lg mr-2 !important\">\u30c7\u30dd\u30b8\u30c3\u30c8<\/button>\n                                                        <button class=\"flex-1 py-2 bg-gray-700 text-white text-xs rounded-lg !important\">\u8f9e\u9000<\/button>\n                                                    <\/div>\n                                                    <div class=\"mb-4\">\n                                                        <div class=\"flex justify-between items-center mb-2\">\n                                                            <div class=\"text-sm text-white font-medium\">\u79c1\u306e\u8cc7\u7523<\/div>\n                                                            <div class=\"text-xs text-primary-DEFAULT\">\u3059\u3079\u3066\u898b\u308b<\/div>\n                                                        <\/div>\n                                                        <div class=\"space-y-2\">\n                                                            <div class=\"bg-gray-700 rounded-lg p-2 flex items-center\">\n                                                                <div class=\"w-8 h-8 rounded-full bg-orange-500 flex items-center justify-center mr-2\">\n                                                                    <span class=\"text-xs text-white font-bold\">\u20bf<\/span>\n                                                                <\/div>\n                                                                <div class=\"flex-1\">\n                                                                    <div class=\"flex justify-between\">\n                                                                        <div class=\"text-xs text-white\">\u30d3\u30c3\u30c8\u30b3\u30a4\u30f3<\/div>\n                                                                        <div class=\"text-xs text-white\">0.42 BTC<\/div>\n                                                                    <\/div>\n                                                                    <div class=\"flex justify-between\">\n                                                                        <div class=\"text-xs text-gray-400\">BTC<\/div>\n                                                                        <div class=\"text-xs text-green-400\">+3.54%<\/div>\n                                                                    <\/div>\n                                                                <\/div>\n                                                            <\/div>\n                                                            <div class=\"bg-gray-700 rounded-lg p-2 flex items-center\">\n                                                                <div class=\"w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center mr-2\">\n                                                                    <span class=\"text-xs text-white font-bold\">\u039e<\/span>\n                                                                <\/div>\n                                                                <div class=\"flex-1\">\n                                                                    <div class=\"flex justify-between\">\n                                                                        <div class=\"text-xs text-white\">\u30a4\u30fc\u30b5\u30ea\u30a2\u30e0<\/div>\n                                                                        <div class=\"text-xs text-white\">3.2 ETH<\/div>\n                                                                    <\/div>\n                                                                    <div class=\"flex justify-between\">\n                                                                        <div class=\"text-xs text-gray-400\">\u6771\u5317\u5927\u5b66<\/div>\n                                                                        <div class=\"text-xs text-red-400\">-1.24%<\/div>\n                                                                    <\/div>\n                                                                <\/div>\n                                                            <\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"flex justify-between\">\n                                                        <span class=\"w-10 h-10 flex flex-col items-center justify-center bg-gray-700 rounded-lg\">\n                                                            <svg class=\"w-4 h-4 text-primary-DEFAULT mb-1\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path>\n                                                            <\/svg>\n                                                           \n                                                        <\/span>\n                                                        <span class=\"w-10 h-10 flex flex-col items-center justify-center bg-gray-700 rounded-lg\">\n                                                            <svg class=\"w-4 h-4 text-gray-400 mb-1\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z\"><\/path>\n                                                            <\/svg>\n                                               \n                                                        <\/span>\n                                                        <span class=\"w-10 h-10 flex flex-col items-center justify-center bg-gray-700 rounded-lg\">\n                                                            <svg class=\"w-4 h-4 text-gray-400 mb-1\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n                                                            <\/svg>\n                                                           \n                                                        <\/span>\n                                                        <span class=\"w-10 h-10 flex flex-col items-center justify-center bg-gray-700 rounded-lg\">\n                                                            <svg class=\"w-4 h-4 text-gray-400 mb-1\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"><\/path>\n                                                            <\/svg>\n                                                         \n                                                        <\/span>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"w-64 bg-gray-900 rounded-3xl overflow-hidden shadow-xl p-2\">\n                                        <div class=\"bg-gray-800 rounded-2xl overflow-hidden h-full\">\n                                            <div class=\"relative\">\n                                                <div class=\"absolute top-0 left-0 right-0 h-6 bg-gray-900 rounded-t-2xl flex items-center justify-center\">\n                                                    <div class=\"w-20 h-2 bg-gray-700 rounded-full\"><\/div>\n                                                <\/div>\n                                                <div class=\"pt-6 px-3 pb-3 bg-gray-900\">\n                                                    <div class=\"flex items-center mb-3\">\n                                                        <span class=\"w-6 h-6 flex items-center justify-center mr-3\">\n                                                            <svg class=\"w-4 h-4 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n                                                            <\/svg>\n                                                        <\/span>\n                                                        <div class=\"text-sm text-white font-medium\">BTC\/USDT<\/div>\n                                                        <div class=\"ml-2 text-xs bg-green-500 bg-opacity-20 text-green-400 px-2 py-0.5 rounded\">+4.2%<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex justify-between items-center mb-2\">\n                                                        <div class=\"text-lg text-white font-semibold\">$41,232.50<\/div>\n                                                        <div class=\"flex space-x-2\">\n                                                            <span class=\"w-6 h-6 flex items-center justify-center bg-gray-800 rounded\">\n                                                                <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\"><\/path>\n                                                                <\/svg>\n                                                            <\/span>\n                                                            <span class=\"w-6 h-6 flex items-center justify-center bg-gray-800 rounded\">\n                                                                <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z\"><\/path>\n                                                                <\/svg>\n                                                            <\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"h-32 bg-gray-900 relative\">\n                                                    <svg class=\"w-full h-full\" viewbox=\"0 0 240 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M0,50 C20,40 40,60 60,50 C80,40 100,20 120,30 C140,40 160,70 180,60 C200,50 220,30 240,20\" stroke=\"#4f46e5\" stroke-width=\"2\" fill=\"none\"\/>\n                                                        <path d=\"M0,50 C20,40 40,60 60,50 C80,40 100,20 120,30 C140,40 160,70 180,60 C200,50 220,30 240,20 L240,100 L0,100 Z\" fill=\"url(#mobile-gradient)\" stroke=\"none\"\/>\n                                                        <defs>\n                                                            <lineargradient id=\"mobile-gradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                                                                <stop offset=\"0%\" stop-color=\"#4f46e5\" stop-opacity=\"0.2\"\/>\n                                                                <stop offset=\"100%\" stop-color=\"#4f46e5\" stop-opacity=\"0\"\/>\n                                                            <\/lineargradient>\n                                                        <\/defs>\n                                                    <\/svg>\n                                                    <div class=\"absolute top-2 left-3 flex space-x-2\">\n                                                        <span class=\"px-2 py-1 bg-gray-800 rounded text-xs text-white\">1H<\/span>\n                                                        <span class=\"px-2 py-1 bg-primary-DEFAULT rounded text-xs text-white\">1D<\/span>\n                                                        <span class=\"px-2 py-1 bg-gray-800 rounded text-xs text-white\">1W<\/span>\n                                                        <span class=\"px-2 py-1 bg-gray-800 rounded text-xs text-white\">1M<\/span>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"px-3 py-4 bg-gray-800\">\n                                                    <div class=\"flex mb-3\">\n                                                        <button class=\"flex-1 py-2 bg-primary-DEFAULT text-white text-xs rounded-lg mr-2\">\u8cfc\u5165<\/button>\n                                                        <button class=\"flex-1 py-2 bg-gray-700 text-white text-xs rounded-lg\">\u58f2\u308b<\/button>\n                                                    <\/div>\n                                                    <div class=\"mb-4\">\n                                                        <div class=\"flex justify-between text-xs text-gray-400 mb-1\">\n                                                            <span>\u4fa1\u683c<\/span>\n                                                            <span>USDT<\/span>\n                                                        <\/div>\n                                                        <div class=\"bg-gray-700 rounded-lg p-2 flex justify-between items-center\">\n                                                            <div class=\"text-sm text-white\">41,232.50<\/div>\n                                                            <div class=\"text-xs text-gray-400\">\u5236\u9650<\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mb-4\">\n                                                        <div class=\"flex justify-between text-xs text-gray-400 mb-1\">\n                                                            <span>\u91d1\u984d<\/span>\n                                                            <span>BTC<\/span>\n                                                        <\/div>\n                                                        <div class=\"bg-gray-700 rounded-lg p-2 flex justify-between items-center\">\n                                                            <div class=\"text-sm text-white\">0.005<\/div>\n                                                            <div class=\"text-xs text-primary-DEFAULT\">25%<\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <button class=\"w-full py-3 bg-green-500 text-white text-sm font-medium rounded-lg\">\n                                                        \u30d3\u30c3\u30c8\u30b3\u30a4\u30f3\u8cfc\u5165\n                                                    <\/button>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u53d6\u5f15<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30fb\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3068\u540c\u3058\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3067\u3001\u5916\u51fa\u5148\u3067\u3082\u53d6\u5f15\u304c\u3067\u304d\u307e\u3059\u3002\u3069\u3053\u304b\u3089\u3067\u3082\u6570\u79d2\u3067\u53d6\u5f15\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u30a4\u30f3\u30b9\u30bf\u30f3\u30c8\u901a\u77e5<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u4fa1\u683c\u30a2\u30e9\u30fc\u30c8\u3001\u53d6\u5f15\u78ba\u8a8d\u3001\u30de\u30fc\u30b1\u30c3\u30c8\u30cb\u30e5\u30fc\u30b9\u306a\u3069\u306e\u60c5\u5831\u3092\u30e2\u30d0\u30a4\u30eb\u30c7\u30d0\u30a4\u30b9\u3067\u76f4\u63a5\u3054\u78ba\u8a8d\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u30d0\u30a4\u30aa\u30e1\u30c8\u30ea\u30c3\u30af\u30fb\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u6307\u7d0b\u8a8d\u8a3c\u307e\u305f\u306f\u9854\u8a8d\u8a3c\u3067\u53e3\u5ea7\u3092\u4fdd\u8b77\u3057\u306a\u304c\u3089\u3001\u53d6\u5f15\u30a2\u30af\u30c6\u30a3\u30d3\u30c6\u30a3\u306b\u3059\u3070\u3084\u304f\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Staking -->\n                            <div class=\"feature-content hidden\" id=\"staking\">\n                                <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u30b9\u30c6\u30fc\u30ad\u30f3\u30b0\u3067\u30db\u30fc\u30eb\u30c9\u4e2d\u306b\u7a3c\u3050<\/h3>\n                                <p class=\"text-gray-600 mb-6\">\n                                    \u5b89\u5168\u3067\u67d4\u8edf\u306a\u30b9\u30c6\u30fc\u30ad\u30f3\u30b0\u30fb\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u901a\u3058\u3066\u3001\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u3092\u6709\u52b9\u306b\u6d3b\u7528\u3057\u3001\u53d7\u52d5\u7684\u306a\u53ce\u5165\u3092\u5f97\u307e\u3057\u3087\u3046\u3002\n                                <\/p>\n                                <div class=\"bg-white rounded-lg shadow-lg overflow-hidden mb-6\">\n                                    <div class=\"bg-primary-DEFAULT p-4 text-white\">\n                                        <p class=\"text-lg font-semibold text-white !important\">\u30b9\u30c6\u30fc\u30ad\u30f3\u30b0\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/p>\n                                        <p class=\"text-sm opacity-80\">\u30b9\u30c6\u30fc\u30ad\u30f3\u30b0\u30dd\u30b8\u30b7\u30e7\u30f3\u3068\u5831\u916c\u306e\u7ba1\u7406<\/p>\n                                    <\/div>\n                                    <div class=\"p-6\">\n                                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-6\">\n                                            <div class=\"rounded-lg border border-gray-200 p-4\">\n                                                <div class=\"text-sm text-gray-500 mb-1\">\u30b9\u30c6\u30fc\u30af\u7dcf\u984d<\/div>\n                                                <div class=\"text-2xl font-bold text-gray-900 mb-2\">$12,450.35<\/div>\n                                                <div class=\"text-xs text-green-500\">+$320.18\uff082.6%\uff09\u30e9\u30b9\u30c87d<\/div>\n                                            <\/div>\n                                            <div class=\"rounded-lg border border-gray-200 p-4\">\n                                                <div class=\"text-sm text-gray-500 mb-1\">\u7dcf\u53ce\u76ca<\/div>\n                                                <div class=\"text-2xl font-bold text-gray-900 mb-2\">$834.29<\/div>\n                                                <div class=\"text-xs text-green-500\">+$42.50 (5.4%) \u6700\u7d427\u30c9\u30eb<\/div>\n                                            <\/div>\n                                            <div class=\"rounded-lg border border-gray-200 p-4\">\n                                                <div class=\"text-sm text-gray-500 mb-1\">\u5e73\u5747APY<\/div>\n                                                <div class=\"text-2xl font-bold text-gray-900 mb-2\">8.45%<\/div>\n                                                <div class=\"text-xs text-gray-500\">\u3059\u3079\u3066\u306e\u8cc7\u7523<\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"mb-6\">\n                                            <div class=\"flex justify-between items-center mb-4\">\n                                                <h5 class=\"text-lg font-semibold text-gray-900\">\u4fdd\u6709\u8cc7\u7523<\/h5>\n                                                <button class=\"px-3 py-1 text-sm text-primary-DEFAULT border border-primary-DEFAULT rounded-md hover:bg-primary-DEFAULT hover:text-white transition-colors\">\n                                                    \u65b0\u3057\u3044\u8cc7\u7523\u306b\u6295\u8cc7\u3059\u308b\n                                                <\/button>\n                                            <\/div>\n                                            <div class=\"overflow-hidden rounded-lg border border-gray-200\">\n                                                <table class=\"min-w-full divide-y divide-gray-200\">\n                                                    <thead class=\"bg-gray-50\">\n                                                        <tr>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u8cc7\u7523<\/th>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u8ced\u3051\u91d1\u984d<\/th>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u30a8\u30fc\u30d4\u30fc\u30ef\u30a4<\/th>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u7372\u5f97<\/th>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u671f\u9593<\/th>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"><\/th>\n                                                        <\/tr>\n                                                    <\/thead>\n                                                    <tbody class=\"bg-white divide-y divide-gray-200\">\n                                                        <tr>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"flex items-center\">\n                                                                    <div class=\"flex-shrink-0 h-8 w-8 rounded-full bg-orange-100 flex items-center justify-center mr-3\">\n                                                                        <span class=\"text-xs font-medium text-orange-700\">BTC<\/span>\n                                                                    <\/div>\n                                                                    <div>\n                                                                        <div class=\"text-sm font-medium text-gray-900\">\u30d3\u30c3\u30c8\u30b3\u30a4\u30f3<\/div>\n                                                                    <\/div>\n                                                                <\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">0.25 BTC<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $10,308.13<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">4.5%<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">0.0025 BTC<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $103.08<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">30\u65e5<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u6b8b\u308a18\u65e5<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap text-right text-sm font-medium\">\n                                                            <\/td>\n                                                        <\/tr>\n                                                        <tr>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"flex items-center\">\n                                                                    <div class=\"flex-shrink-0 h-8 w-8 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                                                        <span class=\"text-xs font-medium text-blue-700\">\u6771\u5317\u5927\u5b66<\/span>\n                                                                    <\/div>\n                                                                    <div>\n                                                                        <div class=\"text-sm font-medium text-gray-900\">\u30a4\u30fc\u30b5\u30ea\u30a2\u30e0<\/div>\n                                                                    <\/div>\n                                                                <\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">3.5 ETH<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $5,950.00<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">7.2%<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">0.084 ETH<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $142.80<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">90\u65e5<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u6b8b\u308a45\u65e5<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap text-right text-sm font-medium\">\n                                                                <span href=\"#\" class=\"text-primary-DEFAULT hover:text-primary-dark\">\u8a73\u7d30<\/>\n                                                            <\/td>\n                                                        <\/tr>\n                                                        <tr>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"flex items-center\">\n                                                                    <div class=\"flex-shrink-0 h-8 w-8 rounded-full bg-purple-100 flex items-center justify-center mr-3\">\n                                                                        <span class=\"text-xs font-medium text-purple-700\">\u30bd\u30eb<\/span>\n                                                                    <\/div>\n                                                                    <div>\n                                                                        <div class=\"text-sm font-medium text-gray-900\">\u30bd\u30e9\u30ca<\/div>\n                                                                    <\/div>\n                                                                <\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">75\u30bd\u30eb<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $3,750.00<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">12.8%<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">3.2 \u30bd\u30eb<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $160.00<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">\u30d5\u30ec\u30ad\u30b7\u30d6\u30eb<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u30ed\u30c3\u30af\u30a2\u30c3\u30d7\u306a\u3057<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap text-right text-sm font-medium\">\n                                                                <a href=\"#\" class=\"text-primary-DEFAULT hover:text-primary-dark\">\u8a73\u7d30<\/a>\n                                                            <\/td>\n                                                        <\/tr>\n                                                    <\/tbody>\n                                                <\/table>\n                                            <\/div>\n                                        <\/div>\n                                        <div>\n                                            <h5 class=\"text-lg font-semibold text-gray-900 mb-4\">\u5229\u7528\u53ef\u80fd\u306a\u30b9\u30c6\u30fc\u30ad\u30f3\u30b0\u30fb\u30aa\u30d7\u30b7\u30e7\u30f3<\/h5>\n                                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                <div class=\"border border-gray-200 rounded-lg p-4\">\n                                                    <div class=\"flex justify-between items-start mb-3\">\n                                                        <div class=\"flex items-center\">\n                                                            <div class=\"h-10 w-10 rounded-full bg-green-100 flex items-center justify-center mr-3\">\n                                                                <span class=\"text-sm font-medium text-green-700\">USDT<\/span>\n                                                            <\/div>\n                                                            <div>\n                                                                <div class=\"text-lg font-medium text-gray-900\">\u30c6\u30b6\u30fc<\/div>\n                                                                <div class=\"text-sm text-gray-500\">\u67d4\u8edf\u306a\u676d\u6253\u3061<\/div>\n                                                            <\/div>\n                                                        <\/div>\n                                                        <div class=\"text-xl font-bold text-primary-DEFAULT\">6.5%<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex justify-between items-center text-sm text-gray-500 mb-4\">\n                                                        <div>\u6700\u5c0f\u91d1\u984d <span class=\"font-medium\">100 USDT<\/span><\/div>\n                                                        <div>\u671f\u9593 <span class=\"font-medium\">\u30d5\u30ec\u30ad\u30b7\u30d6\u30eb<\/span><\/div>\n                                                    <\/div>\n                                                    <button class=\"w-full py-2 bg-primary-DEFAULT text-white text-sm rounded-md hover:bg-primary-dark transition-colors\">\n                                                        \u30b9\u30c6\u30fc\u30af\u30fb\u30ca\u30a6\n                                                    <\/button>\n                                                <\/div>\n                                                <div class=\"border border-gray-200 rounded-lg p-4\">\n                                                    <div class=\"flex justify-between items-start mb-3\">\n                                                        <div class=\"flex items-center\">\n                                                            <div class=\"h-10 w-10 rounded-full bg-orange-100 flex items-center justify-center mr-3\">\n                                                                <span class=\"text-sm font-medium text-orange-700\">DOT<\/span>\n                                                            <\/div>\n                                                            <div>\n                                                                <div class=\"text-lg font-medium text-gray-900\">\u30dd\u30eb\u30ab\u30c9\u30c3\u30c8<\/div>\n                                                                <div class=\"text-sm text-gray-500\">\u30ed\u30c3\u30af\u30fb\u30b9\u30c6\u30fc\u30ad\u30f3\u30b0<\/div>\n                                                            <\/div>\n                                                        <\/div>\n                                                        <div class=\"text-xl font-bold text-primary-DEFAULT\">14.8%<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex justify-between items-center text-sm text-gray-500 mb-4\">\n                                                        <div>\u6700\u5c0f\u91d1\u984d <span class=\"font-medium\">10 DOT<\/span><\/div>\n                                                        <div>\u671f\u9593 <span class=\"font-medium\">90\u65e5<\/span><\/div>\n                                                    <\/div>\n                                                    <button class=\"w-full py-2 bg-primary-DEFAULT text-white text-sm rounded-md hover:bg-primary-dark transition-colors\">\n                                                        \u30b9\u30c6\u30fc\u30af\u30fb\u30ca\u30a6\n                                                    <\/button>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u7af6\u4e89\u5229\u56de\u308a<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u53b3\u9078\u3055\u308c\u305f\u30c8\u30fc\u30af\u30f3\u306b\u6700\u9ad815%\u306eAPY\u3092\u4ed8\u4e0e\u3057\u3001\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u304b\u3089\u696d\u754c\u30c8\u30c3\u30d7\u30af\u30e9\u30b9\u306e\u30ea\u30bf\u30fc\u30f3\u3092\u7372\u5f97\u3057\u307e\u3057\u3087\u3046\u3002\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u5b89\u5168\u306a\u59d4\u4efb<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u30b9\u30c6\u30fc\u30ad\u30f3\u30b0\u306e\u6280\u8853\u7684\u306a\u8907\u96d1\u3055\u3092\u51e6\u7406\u3057\u3001\u696d\u754c\u3092\u30ea\u30fc\u30c9\u3059\u308b\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3067\u304a\u5ba2\u69d8\u306e\u8cc7\u7523\u3092\u4fdd\u8b77\u3057\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u67d4\u8edf\u306a\u30aa\u30d7\u30b7\u30e7\u30f3<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u30ed\u30c3\u30af\u30a2\u30c3\u30d7\u671f\u9593\u306e\u306a\u3044\u30d5\u30ec\u30ad\u30b7\u30d6\u30eb\u306a\u30b9\u30c6\u30fc\u30ad\u30f3\u30b0\u3001\u307e\u305f\u306f\u3088\u308a\u9ad8\u3044\u5831\u916c\u306e\u3042\u308b\u56fa\u5b9a\u671f\u9593\u30b9\u30c6\u30fc\u30ad\u30f3\u30b0\u304b\u3089\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <!-- Why Choose Us? -->\n    <section id=\"why-us\" class=\"py-16 lg:py-24 bg-gray-100\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 md:mb-16 obs-anim\" data-animation=\"fade-in\">\u306a\u305cTheExChain CEX\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u9078\u3076\u306e\u304b\uff1f<\/h2>\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <div class=\"unique-feature bg-white p-8 rounded-xl shadow-lg obs-anim\" data-animation=\"scale-in\" data-delay=\"0.2s\">\n                    <div class=\"text-primary-DEFAULT mb-4 inline-block p-3 bg-primary-light rounded-full\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u9280\u884c\u30af\u30e9\u30b9\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/h3>\n                    <p class=\"text-gray-600\">\u304a\u5ba2\u69d8\u306e\u8cc7\u7523\u306f\u3001\u696d\u754c\u3092\u30ea\u30fc\u30c9\u3059\u308b\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3068\u5b9a\u671f\u7684\u306a\u76e3\u67fb\u306b\u3088\u3063\u3066\u4fdd\u8b77\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n                <\/div>\n                <div class=\"unique-feature bg-white p-8 rounded-xl shadow-lg obs-anim\" data-animation=\"scale-in\" data-delay=\"0.3s\">\n                    <div class=\"text-primary-DEFAULT mb-4 inline-block p-3 bg-primary-light rounded-full\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 10h16M4 14h16M4 18h16\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u6df1\u3044\u6d41\u52d5\u6027<\/h3>\n                    <p class=\"text-gray-600\">\u5168\u53d6\u5f15\u30da\u30a2\u306e\u30c7\u30a3\u30fc\u30d7\u30fb\u30aa\u30fc\u30c0\u30fc\u30fb\u30d6\u30c3\u30af\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u72ed\u3044\u30b9\u30d7\u30ec\u30c3\u30c9\u3068\u52b9\u7387\u7684\u306a\u57f7\u884c\u3092\u5b9f\u73fe\u3002<\/p>\n                <\/div>\n                <div class=\"unique-feature bg-white p-8 rounded-xl shadow-lg obs-anim\" data-animation=\"scale-in\" data-delay=\"0.4s\">\n                    <div class=\"text-primary-DEFAULT mb-4 inline-block p-3 bg-primary-light rounded-full\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 8v8m-3-5v5m-3-8v8M9 9H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2V11a2 2 0 00-2-2h-4l-3-3z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u30e6\u30fc\u30b6\u30fc\u4e2d\u5fc3\u8a2d\u8a08<\/h3>\n                    <p class=\"text-gray-600\">\u521d\u5fc3\u8005\u304b\u3089\u30d7\u30ed\u306e\u30c8\u30ec\u30fc\u30c0\u30fc\u307e\u3067\u3001\u30a6\u30a7\u30d6\u3068\u30e2\u30d0\u30a4\u30eb\u3067\u5229\u7528\u3067\u304d\u308b\u76f4\u611f\u7684\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002<\/p>\n                <\/div>\n            <\/div>\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>CEX- Unlock Your crypto exchange Future: Trade, Grow, Innovate. Your Premier Gateway to the Next Era of Finance. Secure, Seamless, and Limitless Opportunities Await. Learn More Contact Us BTC\/USDT +1.2% $41,253.67 +$496.12 Buy BTC \u20bf Pay With USDT $ Amount \u2248 $10,000.00 BTC Buy Bitcoin Comprehensive Digital Asset Services Spot Trading Instantly buy and sell digital assets at current market prices with a user-friendly interface. Futures Trading Trade crypto derivatives with leverage to maximize potential returns on market movements. Staking &#038; Earn Earn passive income by staking your crypto assets directly on our secure platform. Secure Wallet Manage your diverse portfolio with our integrated, highly secure digital asset wallet. Platform [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":141,"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":3503,"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/pages\/78\/revisions\/3503"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/ja\/wp-json\/wp\/v2\/media?parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}