{"id":352,"date":"2025-05-22T16:39:20","date_gmt":"2025-05-22T16:39:20","guid":{"rendered":"https:\/\/theexchain.com\/?page_id=352"},"modified":"2025-06-26T11:28:24","modified_gmt":"2025-06-26T03:28:24","slug":"%e9%85%95","status":"publish","type":"page","link":"https:\/\/theexchain.com\/zh\/%e9%85%95\/","title":{"rendered":"\u5b89\u5168\u4ee3\u5e63\u767c\u552e"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"352\" class=\"elementor elementor-352\" 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-ab1d546 e-con-full e-flex e-con e-parent\" data-id=\"ab1d546\" 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-7d17f67 elementor-widget elementor-widget-html\" data-id=\"7d17f67\" 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  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/js-yaml\/4.1.0\/js-yaml.min.js\"><\/script>\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/marked\/15.0.7\/marked.min.js\"><\/script>\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\" defer><\/script>\n  <script>\n\n\/\/ This file contains definitions and utility functions for managing assets\n\n\/\/ Demo and testimonial images\nconst DEMO_IMAGES = {\n  realEstate: 'https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8Y29tbWVyY2lhbCUyMHJlYWwlMjBlc3RhdGV8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=800&q=60',\n  startup: 'https:\/\/images.unsplash.com\/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8c3RhcnR1cHxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60',\n  blockchain: 'https:\/\/images.unsplash.com\/photo-1639762681057-408e52192e55?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8YmxvY2tjaGFpbnxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60',\n  hero: 'https:\/\/images.unsplash.com\/photo-1607798748738-b15c40d33d57?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80'\n};\n\n\/\/ Asset types images\nconst ASSET_TYPE_IMAGES = {\n  realEstate: 'https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8cmVhbCUyMGVzdGF0ZXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60',\n  privateEquity: 'https:\/\/images.unsplash.com\/photo-1520607162513-77705c0f0d4a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTZ8fHZlbnR1cmUlMjBjYXBpdGFsfGVufDB8fDB8fHww&auto=format&fit=crop&w=800&q=60',\n  intellectualProperty: 'https:\/\/images.unsplash.com\/photo-1511578194003-00c80e42dc9b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8bXVzaWMlMjBpcHxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60',\n  debt: 'https:\/\/images.unsplash.com\/photo-1543286386-2e659306cd6c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8ZGVidHxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60',\n  art: 'https:\/\/images.unsplash.com\/photo-1579783902614-a3fb3927b6a5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8YXJ0JTIwZ2FsbGVyeXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60'\n};\n\n\/\/ Testimonial data\nconst testimonials = [\n  {\n    name: \"Global Real Estate Group\",\n    role: \"Commercial Real Estate Developer\",\n    image: \"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8YnVzaW5lc3MlMjBwZXJzb258ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=800&q=60\",\n    quote: \"Through TheExChain, we successfully tokenized a portfolio of commercial real estate, attracting investors from 15 different countries.\"\n  },\n  {\n    name: \"Innovative Tech Startup\",\n    role: \"Fintech Disruptor\",\n    image: \"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fGJ1c2luZXNzJTIwcGVyc29ufGVufDB8fDB8fHww&auto=format&fit=crop&w=800&q=60\",\n    quote: \"TheExChain's platform made raising capital for our Series A via an STO incredibly efficient and compliant.\"\n  },\n  {\n    name: \"Arts Investment Collective\",\n    role: \"Fine Art Tokenization\",\n    image: \"https:\/\/images.unsplash.com\/photo-1530835073820-cc491f25bab1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8Y3VyYXRvcnxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60\",\n    quote: \"We've been able to democratize fine art investment through TheExChain's tokenization platform, opening up our collection to a new generation of investors.\"\n  }\n];\n\n\/\/ Videos for the demo section\nconst DEMO_VIDEOS = {\n  platformWalkthrough: \"https:\/\/assets.mixkit.co\/videos\/preview\/mixkit-stock-trading-monitor-549-large.mp4\"\n};\n\n\/\/ Function to create image elements with loader and error handling\nfunction createImageWithFallback(src, alt, classList) {\n  const imgContainer = document.createElement('div');\n  imgContainer.className = 'relative ' + (classList || '');\n  \n  const loader = document.createElement('div');\n  loader.className = 'absolute inset-0 flex items-center justify-center bg-gray-200';\n  loader.innerHTML = '<svg class=\"animate-spin h-8 w-8 text-indigo-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle><path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path><\/svg>';\n  \n  const img = document.createElement('img');\n  img.alt = alt;\n  img.className = 'w-full h-full object-cover';\n  \n  \/\/ Error handler\n  img.onerror = function() {\n    \/\/ Remove loader\n    if (loader.parentNode === imgContainer) {\n      imgContainer.removeChild(loader);\n    }\n    \n    \/\/ Show fallback content\n    img.src = 'https:\/\/via.placeholder.com\/800x450?text=Image+Not+Available';\n    img.alt = 'Image not available';\n    img.className = 'w-full h-full object-cover';\n  };\n  \n  \/\/ Load handler\n  img.onload = function() {\n    \/\/ Remove loader when image is loaded\n    if (loader.parentNode === imgContainer) {\n      imgContainer.removeChild(loader);\n    }\n  };\n  \n  \/\/ Set src after adding event handlers\n  img.src = src;\n  \n  imgContainer.appendChild(loader);\n  imgContainer.appendChild(img);\n  \n  return imgContainer;\n}\n\n\/\/ Export constants and utility functions\nexport {\n  DEMO_IMAGES,\n  ASSET_TYPE_IMAGES,\n  testimonials,\n  DEMO_VIDEOS,\n  createImageWithFallback\n};\n\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Mobile menu toggle\n  const mobileMenuButton = document.getElementById('mobile-menu-button');\n  const mobileMenu = document.getElementById('mobile-menu');\n  \n  if (mobileMenuButton && mobileMenu) {\n    mobileMenuButton.addEventListener('click', function() {\n      if (mobileMenu.classList.contains('hidden')) {\n        mobileMenu.classList.remove('hidden');\n        mobileMenu.classList.add('block');\n      } else {\n        mobileMenu.classList.remove('block');\n        mobileMenu.classList.add('hidden');\n      }\n    });\n  }\n  \n  \/\/ Smooth scroll for anchor links\n  document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function (e) {\n      e.preventDefault();\n      \n      \/\/ Close mobile menu if open\n      if (mobileMenu && !mobileMenu.classList.contains('hidden')) {\n        mobileMenu.classList.add('hidden');\n      }\n      \n      const targetId = this.getAttribute('href');\n      if (targetId === '#') return;\n      \n      const targetElement = document.querySelector(targetId);\n      if (targetElement) {\n        window.scrollTo({\n          top: targetElement.offsetTop - 80, \/\/ Adjust for fixed header\n          behavior: 'smooth'\n        });\n      }\n    });\n  });\n  \n  \/\/ FAQ accordion functionality\n  const faqItems = document.querySelectorAll('.faq-item');\n  \n  faqItems.forEach(item => {\n    const question = item.querySelector('.faq-question');\n    const content = item.querySelector('.faq-content');\n    \n    if (question && content) {\n      question.addEventListener('click', () => {\n        \/\/ Toggle active class\n        item.classList.toggle('active');\n        \n        \/\/ Update aria-expanded attribute\n        const expanded = item.classList.contains('active');\n        question.setAttribute('aria-expanded', expanded);\n        \n        \/\/ Handle the content display\n        if (expanded) {\n          content.style.maxHeight = content.scrollHeight + 'px';\n        } else {\n          content.style.maxHeight = '0';\n        }\n      });\n    }\n  });\n  \n  \/\/ Animated counter for statistics\n  function animateCounters() {\n    const counters = document.querySelectorAll('.counter-value');\n    \n    counters.forEach(counter => {\n      const target = parseInt(counter.getAttribute('data-target'), 10);\n      const duration = 2000; \/\/ 2 seconds\n      const increment = target \/ (duration \/ 16); \/\/ Update every 16ms (60fps)\n      \n      let current = 0;\n      const timer = setInterval(() => {\n        current += increment;\n        \n        if (current >= target) {\n          counter.textContent = target;\n          clearInterval(timer);\n        } else {\n          counter.textContent = Math.round(current);\n        }\n      }, 16);\n    });\n  }\n  \n  \/\/ Detect when elements come into view for animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n  \n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        if (entry.target.classList.contains('counter-section')) {\n          animateCounters();\n        }\n        entry.target.classList.add('animated');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n  \n  \/\/ Observe elements with animation classes\n  document.querySelectorAll('.counter-section, .animate-on-scroll').forEach(el => {\n    observer.observe(el);\n  });\n  \n  \/\/ Demo video placeholder functionality\n  const demoButton = document.querySelector('#demo button');\n  \n  if (demoButton) {\n    demoButton.addEventListener('click', function() {\n      const demoContainer = document.querySelector('#demo .bg-indigo-900');\n      \n      if (demoContainer) {\n        \/\/ Replace placeholder with actual video or demo content\n        demoContainer.innerHTML = `\n          <div class=\"aspect-w-16 aspect-h-9 w-full h-full\">\n            <video autoplay loop muted controls class=\"w-full h-full object-cover\">\n              <source src=\"https:\/\/assets.mixkit.co\/videos\/preview\/mixkit-stock-trading-monitor-549-large.mp4\" type=\"video\/mp4\">\n              Your browser does not support the video tag.\n            <\/video>\n          <\/div>\n        `;\n      }\n    });\n  }\n  \n  \/\/ Form validation for contact form\n  const contactForm = document.querySelector('#contact form');\n  \n  if (contactForm) {\n    contactForm.addEventListener('submit', function(e) {\n      e.preventDefault();\n      \n      let isValid = true;\n      const name = document.getElementById('name');\n      const email = document.getElementById('email');\n      const message = document.getElementById('message');\n      \n      \/\/ Simple validation\n      if (!name.value.trim()) {\n        isValid = false;\n        showError(name, 'Name is required');\n      } else {\n        removeError(name);\n      }\n      \n      if (!email.value.trim()) {\n        isValid = false;\n        showError(email, 'Email is required');\n      } else if (!isValidEmail(email.value)) {\n        isValid = false;\n        showError(email, 'Please enter a valid email');\n      } else {\n        removeError(email);\n      }\n      \n      if (!message.value.trim()) {\n        isValid = false;\n        showError(message, 'Message is required');\n      } else {\n        removeError(message);\n      }\n      \n      if (isValid) {\n        \/\/ Here you would typically send the form data to a server\n        const formData = {\n          name: name.value,\n          email: email.value,\n          company: document.getElementById('company').value,\n          user_type: document.querySelector('input[name=\"user_type\"]:checked')?.value || 'Not specified',\n          message: message.value\n        };\n        \n        console.log('Form submitted:', formData);\n        \n        \/\/ Show success message\n        const successMessage = document.createElement('div');\n        successMessage.className = 'p-4 mt-4 bg-green-100 text-green-800 rounded-lg';\n        successMessage.textContent = 'Thank you for your inquiry! We\\'ll be in touch soon.';\n        \n        contactForm.reset();\n        contactForm.appendChild(successMessage);\n        \n        setTimeout(() => {\n          successMessage.remove();\n        }, 5000);\n      }\n    });\n  }\n  \n  function showError(input, message) {\n    const formControl = input.parentElement;\n    let errorElement = formControl.querySelector('.error-message');\n    \n    if (!errorElement) {\n      errorElement = document.createElement('div');\n      errorElement.className = 'error-message text-red-500 text-sm mt-1';\n      formControl.appendChild(errorElement);\n    }\n    \n    input.classList.add('border-red-500');\n    errorElement.textContent = message;\n  }\n  \n  function removeError(input) {\n    const formControl = input.parentElement;\n    const errorElement = formControl.querySelector('.error-message');\n    \n    input.classList.remove('border-red-500');\n    if (errorElement) {\n      errorElement.remove();\n    }\n  }\n  \n  function isValidEmail(email) {\n    const re = \/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$\/;\n    return re.test(email.toLowerCase());\n  }\n});\n\/\/ Tailwind CSS configuration extension\ntailwind.config = {\n  theme: {\n    extend: {\n      colors: {\n        indigo: {\n          50: '#f0f5ff',\n          100: '#e5edff',\n          200: '#cddbfe',\n          300: '#b4c6fc',\n          400: '#8da2fb',\n          500: '#6875f5',\n          600: '#5850ec',\n          700: '#5145cd',\n          800: '#42389d',\n          900: '#362f78',\n        },\n        blue: {\n          50: '#ebf5ff',\n          100: '#e1effe',\n          200: '#c3ddfd',\n          300: '#a4cafe',\n          400: '#76a9fa',\n          500: '#3f83f8',\n          600: '#1c64f2',\n          700: '#1a56db',\n          800: '#1e429f',\n          900: '#233876',\n        },\n      },\n      fontFamily: {\n        sans: ['Inter', 'sans-serif'],\n      },\n      boxShadow: {\n        'custom-strong': '0 10px 25px -5px rgba(59, 130, 246, 0.5)',\n      },\n      animation: {\n        'bounce-slow': 'bounce 3s infinite',\n        'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n      },\n      backgroundImage: {\n        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',\n      },\n    },\n  },\n  plugins: [],\n};\n\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Add subtle animations to badges and metrics\n  const badges = document.querySelectorAll('.badge, .metric');\n  \n  badges.forEach(badge => {\n    badge.classList.add('transition', 'duration-300', 'ease-in-out');\n    \n    badge.addEventListener('mouseenter', () => {\n      badge.classList.add('transform', 'scale-110');\n    });\n    \n    badge.addEventListener('mouseleave', () => {\n      badge.classList.remove('transform', 'scale-110');\n    });\n  });\n  \n  \/\/ Initialize tooltip functionality if needed\n  initializeTooltips();\n});\n\n\/\/ For tooltips - implementation example\nfunction initializeTooltips() {\n  const tooltipTriggers = document.querySelectorAll('[data-tooltip]');\n  \n  tooltipTriggers.forEach(trigger => {\n    const tooltipText = trigger.getAttribute('data-tooltip');\n    \n    trigger.addEventListener('mouseenter', function() {\n      const tooltip = document.createElement('div');\n      tooltip.classList.add('bg-gray-900', 'text-white', 'px-2', 'py-1', 'rounded', 'text-sm', 'absolute', 'z-50', 'tooltip');\n      tooltip.textContent = tooltipText;\n      document.body.appendChild(tooltip);\n      \n      const rect = trigger.getBoundingClientRect();\n      tooltip.style.top = `${rect.top - tooltip.offsetHeight - 10 + window.scrollY}px`;\n      tooltip.style.left = `${rect.left + (rect.width \/ 2) - (tooltip.offsetWidth \/ 2)}px`;\n      \n      tooltip.classList.add('opacity-0');\n      setTimeout(() => {\n        tooltip.classList.add('transition', 'duration-300');\n        tooltip.classList.remove('opacity-0');\n        tooltip.classList.add('opacity-100');\n      }, 10);\n    });\n    \n    trigger.addEventListener('mouseleave', function() {\n      const tooltip = document.querySelector('.tooltip');\n      if (tooltip) {\n        tooltip.classList.add('opacity-0');\n        \n        setTimeout(() => {\n          tooltip.remove();\n        }, 300);\n      }\n    });\n  });\n}\n\n\n\n\n  <\/script>\n\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n    body {\n      font-family: 'Inter', sans-serif;\n      scroll-behavior: smooth;\n    }\n    .gradient-bg {\n      background: linear-gradient(115deg, #0a1128, #1c3166, #0b2d5e);\n    }\n    .btn-primary {\n      background-image: linear-gradient(to right, #4f46e5, #3b82f6);\n      transition: all 0.3s ease;\n    }\n    .btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 20px rgba(59, 130, 246, 0.3);\n    }\n    .card-hover {\n      transition: all 0.3s ease;\n    }\n    .card-hover:hover {\n      transform: translateY(-10px);\n      box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);\n    }\n    .faq-item {\n      border-bottom: 1px solid #e5e7eb;\n      overflow: hidden;\n    }\n    .faq-content {\n      max-height: 0;\n      transition: max-height 0.3s ease-out;\n      overflow: hidden;\n    }\n    .faq-item.active .faq-content {\n      max-height: 500px;\n      transition: max-height 0.5s ease-in;\n    }\n  <\/style>\n<\/head>\n<body class=\"bg-white\">\n\n  <!-- Hero Section -->\n  <section class=\"gradient-bg text-white py-20\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"flex flex-col lg:flex-row items-center\">\n        <div class=\"lg:w-1\/2 mb-10 lg:mb-0\">\n          <h1 class=\"text-4xl sm:text-5xl md:text-6xl font-bold leading-tight !text-white mb-6\">\n            STO \u5e73\u53f0 - \u5b89\u5168\u3001\u6d41\u52d5\u3001\u5168\u7403\u8cc7\u7522\u4ee3\u7528\u5e63\u5316\n          <\/h1>\n          <p class=\"text-lg md:text-xl mb-8 text-blue-100\">\n            \u4f7f\u7528 TheExChain \u6700\u5c16\u7aef\u7684 STO \u5e73\u53f0\uff0c\u5f37\u5316\u60a8\u7684\u8cc7\u7522\u548c\u6295\u8cc7\u7d44\u5408\u3002\u9023\u63a5\u5168\u7403\u7684\u8a8d\u53ef\u6295\u8cc7\u8005\u548c\u4ee4\u4eba\u8208\u596e\u7684\u65b0\u6a5f\u6703\uff0c\u7c21\u5316\u767c\u884c\u4eba\u7684\u8cc7\u672c\u5f62\u6210\uff0c\u8fce\u63a5\u5206\u6563\u5f0f\u91d1\u878d\u7684\u672a\u4f86\u3002\n          <\/p>\n          <div class=\"flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4\">\n\n\n            <button \n            onclick=\"document.getElementById('introduction').scrollIntoView({ behavior: 'smooth' })\" \n            class=\"btn-primary text-center px-8 py-3 rounded-full font-medium text-white\"\n        >\n            \u958b\u59cb\u4f7f\u7528\n        <\/button>\n        <button \n        onclick=\"window.location.href='\/contact\/'\" \n        class=\"px-8 py-3 rounded-full font-medium border-2 border-white text-center hover:bg-white hover:text-indigo-800 transition\">\n        \u806f\u7d61\u6211\u5011\n    <\/button>\n\n\n            \n        \n        \n      \n          <\/div>\n        <\/div>\n        <div class=\"lg:w-1\/2 relative\">\n          <div class=\"rounded-2xl overflow-hidden shadow-2xl transform rotate-1 bg-white\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1607798748738-b15c40d33d57?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80\" alt=\"\u6578\u4f4d\u6295\u8cc7\u6982\u5ff5\" class=\"w-full h-auto\">\n          <\/div>\n          <div class=\"absolute -bottom-10 -left-10 bg-indigo-600 rounded-lg p-5 shadow-xl transform -rotate-3\">\n            <div class=\"flex items-center\">\n              <div class=\"mr-4 p-2 rounded-full bg-white text-indigo-600\">\n                <i class=\"fas fa-chart-line text-xl\"><\/i>\n              <\/div>\n              <div>\n                <p class=\"text-white font-bold\">\u900f\u904e\u4ee5\u4e0b\u65b9\u5f0f\u964d\u4f4e\u6210\u672c<\/p>\n                <p class=\"text-3xl font-bold text-white\">40%<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Service Introduction -->\n  <section id=\"introduction\" class=\"py-20 bg-gray-50\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16\">\n        <h2 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-4\">\u4ec0\u9ebc\u662f\u8cc7\u7522\u4ee3\u7528\u5e63\u5316\uff1f<\/h2>\n        <div class=\"w-24 h-1 bg-indigo-600 mx-auto mb-6\"><\/div>\n        <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n          \u5728\u5340\u584a\u93c8\u4e0a\u5c07\u6709\u5f62\u6216\u7121\u5f62\u8cc7\u7522\u7684\u6240\u6709\u6b0a\u8f49\u63db\u70ba\u6578\u4f4d\u4ee3\u5e63\uff0c\u5be6\u73fe\u5168\u7403\u5b58\u53d6\u4e26\u63d0\u9ad8\u6d41\u52d5\u6027\u3002\n        <\/p>\n      <\/div>\n      \n      <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n        <div>\n          <p class=\"text-gray-700 mb-6 text-lg leading-relaxed\">\n            \u8cc7\u7522\u4ee3\u7528\u5316\u662f\u5c07\u6709\u5f62\u6216\u7121\u5f62\u8cc7\u7522\u7684\u6240\u6709\u6b0a\u8f49\u63db\u70ba\u5340\u584a\u93c8\u4e0a\u7684\u6578\u4f4d\u4ee3\u5e63\u7684\u904e\u7a0b\u3002\u9019\u4e9b\u8b49\u5238\u4ee3\u7528\u5e63\u4ee3\u8868\u90e8\u5206\u6240\u6709\u6b0a\uff0c\u53ef\u5728\u53d7\u76e3\u7ba1\u7684\u5e73\u53f0\u4e0a\u9032\u884c\u4ea4\u6613\uff0c\u70ba\u6295\u8cc7\u8005\u548c\u767c\u884c\u8005\u5e36\u4f86\u986f\u8457\u7684\u5229\u76ca\u3002\n          <\/p>\n          <div class=\"space-y-4\">\n            <div class=\"flex items-start\">\n              <div class=\"flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-4\">\n                <i class=\"fas fa-water\"><\/i>\n              <\/div>\n              <div>\n                <h3 class=\"font-bold text-gray-900\">\u589e\u5f37\u6d41\u52d5\u6027<\/h3>\n                <p class=\"text-gray-600\">\u50b3\u7d71\u4e0a\u4e0d\u5177\u6d41\u52d5\u6027\u7684\u8cc7\u7522\u5728\u5168\u7403\u5e02\u5834\u4e0a\u8b8a\u5f97\u5bb9\u6613\u4ea4\u6613\u3002<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"flex items-start\">\n              <div class=\"flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-4\">\n                <i class=\"fas fa-door-open\"><\/i>\n              <\/div>\n              <div>\n                <h3 class=\"font-bold text-gray-900\">\u589e\u52a0\u53ef\u53ca\u6027<\/h3>\n                <p class=\"text-gray-600\">\u90e8\u5206\u6240\u6709\u6b0a\u964d\u4f4e\u4e86\u66f4\u591a\u6295\u8cc7\u8005\u7684\u6295\u8cc7\u9580\u6abb\u3002<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"flex items-start\">\n              <div class=\"flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-4\">\n                <i class=\"fas fa-eye\"><\/i>\n              <\/div>\n              <div>\n                <h3 class=\"font-bold text-gray-900\">\u66f4\u9ad8\u7684\u900f\u660e\u5ea6<\/h3>\n                <p class=\"text-gray-600\">\u6240\u6709\u4ea4\u6613\u90fd\u8a18\u9304\u5728\u4e0d\u53ef\u8b8a\u66f4\u7684\u5206\u985e\u5e33\u4e0a\uff0c\u63d0\u4f9b\u53ef\u9a57\u8b49\u7684\u6240\u6709\u6b0a\u8b49\u660e\u3002<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"flex items-start\">\n              <div class=\"flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-4\">\n                <i class=\"fas fa-globe\"><\/i>\n              <\/div>\n              <div>\n                <h3 class=\"font-bold text-gray-900\">\u5168\u7403\u8986\u84cb<\/h3>\n                <p class=\"text-gray-600\">\u63a5\u89f8\u5168\u7403\u6295\u8cc7\u4eba\u5e02\u5834\u8207\u6a5f\u6703\u3002<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div>\n          <div class=\"bg-white p-8 rounded-2xl shadow-xl card-hover\">\n            <h3 class=\"text-2xl font-bold text-gray-900 mb-6\">TheExChain \u7684 STO \u5e73\u53f0<\/h3>\n            <p class=\"text-gray-700 mb-8\">\n              \u9818\u5148\u7684\u4f01\u696d\u7d1a\u89e3\u6c7a\u65b9\u6848\uff0c\u65e8\u5728\u4fc3\u9032\u5b89\u5168\u3001\u5408\u898f\u4e14\u9ad8\u6548\u7684\u8b49\u5238\u4ee3\u7528\u5e63\u767c\u884c\u8207\u7ba1\u7406\u3002\u6211\u5011\u7684\u4f7f\u547d\u662f\u8b93\u6295\u8cc7\u6a5f\u6703\u6c11\u4e3b\u5316\uff0c\u4e26\u8b93\u8cc7\u7522\u6240\u6709\u8005\u6709\u80fd\u529b\u767c\u6398\u5176\u6301\u6709\u8cc7\u7522\u7684\u771f\u6b63\u50f9\u503c\u3002\n            <\/p>\n            <div class=\"grid grid-cols-2 gap-6\">\n              <div class=\"text-center\">\n                <div class=\"h-16 w-16 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mx-auto mb-3\">\n                  <i class=\"fas fa-cogs text-xl\"><\/i>\n                <\/div>\n                <h4 class=\"font-bold text-gray-800\">\u7aef\u5c0d\u7aef STO \u751f\u547d\u9031\u671f<\/h4>\n              <\/div>\n              <div class=\"text-center\">\n                <div class=\"h-16 w-16 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mx-auto mb-3\">\n                  <i class=\"fas fa-shield-alt text-xl\"><\/i>\n                <\/div>\n                <h4 class=\"font-bold text-gray-800\">\u5f37\u5927\u7684\u5b89\u5168\u6027<\/h4>\n              <\/div>\n              <div class=\"text-center\">\n                <div class=\"h-16 w-16 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mx-auto mb-3\">\n                  <i class=\"fas fa-balance-scale text-xl\"><\/i>\n                <\/div>\n                <h4 class=\"font-bold text-gray-800\">\u6cd5\u898f\u9075\u5faa<\/h4>\n              <\/div>\n              <div class=\"text-center\">\n                <div class=\"h-16 w-16 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mx-auto mb-3\">\n                  <i class=\"fas fa-network-wired text-xl\"><\/i>\n                <\/div>\n                <h4 class=\"font-bold text-gray-800\">\u5168\u7403\u7db2\u8def<\/h4>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Detailed Service Content -->\n  <section id=\"features\" class=\"py-20\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16\">\n        <h2 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-4\">\u5168\u9762\u7684\u5e73\u53f0\u529f\u80fd<\/h2>\n        <div class=\"w-24 h-1 bg-indigo-600 mx-auto mb-6\"><\/div>\n        <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n          \u5229\u7528\u6211\u5011\u5c08\u70ba\u767c\u884c\u8005\u548c\u6295\u8cc7\u8005\u8a2d\u8a08\u7684\u5f37\u5927\u5de5\u5177\u5957\u4ef6\uff0c\u7c21\u5316\u6574\u500b\u4ee3\u5e63\u5316\u6d41\u7a0b\u3002\n        <\/p>\n      <\/div>\n\n      <!-- Token Issuance Section -->\n      <div class=\"mb-20\">\n        <div class=\"bg-gradient-to-r from-indigo-600 to-blue-500 p-1 rounded-2xl mb-10\">\n          <div class=\"bg-white p-8 sm:p-10 rounded-2xl\">\n            <div class=\"flex flex-col md:flex-row\">\n              <div class=\"md:w-1\/3 mb-6 md:mb-0\">\n                <div class=\"h-20 w-20 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mb-4\">\n                  <i class=\"fas fa-coins text-3xl\"><\/i>\n                <\/div>\n                <h3 class=\"text-2xl font-bold text-gray-900 mb-2\">\u4ee3\u5e63\u767c\u884c\u8207\u7ba1\u7406<\/h3>\n                <p class=\"text-gray-600\">\u5efa\u7acb\u548c\u7ba1\u7406\u5b89\u5168\u4ee3\u5e63\u7684\u5168\u9762\u5de5\u5177\u3002<\/p>\n              <\/div>\n              <div class=\"md:w-2\/3 md:pl-10\">\n                <div class=\"grid sm:grid-cols-2 gap-6\">\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-file-contract mr-2\"><\/i> \u667a\u6167\u578b\u5951\u7d04\u7522\u751f<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u6839\u64da\u696d\u754c\u6a19\u6e96 (\u5982 ERC-1400\u3001ERC-20) \u81ea\u52d5\u5efa\u7acb\u7d93\u904e\u5be9\u6838\u7684\u5b89\u5168\u667a\u6167\u578b\u5951\u7d04\u3002<\/p>\n                  <\/div>\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-sliders-h mr-2\"><\/i> \u4ee4\u724c\u7d44\u614b<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u53ef\u81ea\u8a02\u7684\u4ee3\u5e63\u53c3\u6578\uff0c\u5305\u62ec\u4f9b\u61c9\u3001\u5206\u767c\u898f\u5247\u548c\u5206\u7d05\u6a5f\u5236\u3002<\/p>\n                  <\/div>\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-table mr-2\"><\/i> \u4e0a\u9650\u8868\u7ba1\u7406<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u5373\u6642\u3001\u6578\u4f4d\u5316\u7ba1\u7406\u4ee3\u5e63\u6301\u6709\u8005\u540d\u518a\uff0c\u78ba\u4fdd\u6e96\u78ba\u6027\u548c\u900f\u660e\u5ea6\u3002<\/p>\n                  <\/div>\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-arrow-circle-right mr-2\"><\/i> \u81ea\u52d5\u5316\u914d\u9001<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u5411\u6295\u8cc7\u4eba\u6709\u6548\u7387\u5730\u5206\u914d\u4ee3\u5e63\u548c\u80a1\u5229\u3002<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Compliance Section -->\n        <div class=\"bg-gradient-to-r from-blue-500 to-indigo-600 p-1 rounded-2xl mb-10\">\n          <div class=\"bg-white p-8 sm:p-10 rounded-2xl\">\n            <div class=\"flex flex-col md:flex-row\">\n              <div class=\"md:w-1\/3 mb-6 md:mb-0\">\n                <div class=\"h-20 w-20 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mb-4\">\n                  <i class=\"fas fa-check-circle text-3xl\"><\/i>\n                <\/div>\n                <h3 class=\"text-2xl font-bold text-gray-900 mb-2\">\u5408\u898f\u6027\u8207\u6cd5\u898f\u9075\u5faa<\/h3>\n                <p class=\"text-gray-600\">\u81ea\u4fe1\u3001\u8f15\u9b06\u5730\u5c0e\u822a\u5168\u7403\u6cd5\u898f\u3002<\/p>\n              <\/div>\n              <div class=\"md:w-2\/3 md:pl-10\">\n                <div class=\"grid sm:grid-cols-2 gap-6\">\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-id-card mr-2\"><\/i> KYC\/AML \u6574\u5408<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u8207\u9818\u5148\u7684\u300c\u8a8d\u8b58\u60a8\u7684\u5ba2\u6236\u300d\u548c\u300c\u53cd\u6d17\u9322\u300d\u4f9b\u61c9\u5546\u7121\u7e2b\u6574\u5408\u3002<\/p>\n                  <\/div>\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-globe-americas mr-2\"><\/i> \u7b26\u5408\u53f8\u6cd5\u7ba1\u8f44\u6b0a<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u6839\u64da\u8907\u96dc\u7684\u5168\u7403\u76e3\u7ba1\u67b6\u69cb\u7ba1\u7406\u6295\u8cc7\u8005\u8cc7\u683c\u7684\u5de5\u5177\u3002<\/p>\n                  <\/div>\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-user-check mr-2\"><\/i> \u6295\u8cc7\u8005\u8a8d\u8b49<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u5fc5\u8981\u6642\uff0c\u70ba\u8a8d\u53ef\u6295\u8cc7\u4eba\u548c\u8cc7\u6df1\u6295\u8cc7\u4eba\u63d0\u4f9b\u9a57\u8b49\u7a0b\u5e8f\u3002<\/p>\n                  <\/div>\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-file-alt mr-2\"><\/i> \u6587\u4ef6\u5de5\u5177<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u81ea\u52d5\u7522\u751f\u6cd5\u898f\u6587\u4ef6\u548c\u62ab\u9732\u8cc7\u8a0a\u3002<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Security Infrastructure Section -->\n        <div class=\"bg-gradient-to-r from-indigo-600 to-blue-500 p-1 rounded-2xl\">\n          <div class=\"bg-white p-8 sm:p-10 rounded-2xl\">\n            <div class=\"flex flex-col md:flex-row\">\n              <div class=\"md:w-1\/3 mb-6 md:mb-0\">\n                <div class=\"h-20 w-20 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mb-4\">\n                  <i class=\"fas fa-shield-alt text-3xl\"><\/i>\n                <\/div>\n                <h3 class=\"text-2xl font-bold text-gray-900 mb-2\">\u5b89\u5168\u57fa\u790e\u67b6\u69cb<\/h3>\n                <p class=\"text-gray-600\">\u70ba\u60a8\u7684\u8cc7\u7522\u548c\u8cc7\u6599\u63d0\u4f9b\u5f37\u5927\u7684\u4fdd\u8b77\u3002<\/p>\n              <\/div>\n              <div class=\"md:w-2\/3 md:pl-10\">\n                <div class=\"grid sm:grid-cols-2 gap-6\">\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-lock mr-2\"><\/i> \u591a\u5c64\u5b89\u5168\u6027<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u8de8\u8d8a\u57fa\u790e\u67b6\u69cb\u3001\u61c9\u7528\u7a0b\u5f0f\u548c\u8cc7\u6599\u7684\u6df1\u5ea6\u9632\u79a6\u5b89\u5168\u901a\u8a0a\u5354\u5b9a\u3002<\/p>\n                  <\/div>\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-temperature-low mr-2\"><\/i> \u51b7\u85cf\u89e3\u6c7a\u65b9\u6848<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u52a0\u5bc6\u91d1\u9470\u7684\u5b89\u5168\u96e2\u7dda\u5132\u5b58\uff0c\u53ef\u6700\u5927\u7a0b\u5ea6\u5730\u4fdd\u8b77\u8cc7\u7522\u3002<\/p>\n                  <\/div>\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-history mr-2\"><\/i> \u7a3d\u6838\u8ffd\u8e64<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u5168\u9762\u8a18\u9304\u548c\u76e3\u63a7\u6240\u6709\u5e73\u53f0\u6d3b\u52d5\u3002<\/p>\n                  <\/div>\n                  <div class=\"bg-gray-50 p-5 rounded-xl\">\n                    <div class=\"text-indigo-600 mb-2\"><i class=\"fas fa-clipboard-check mr-2\"><\/i> \u5b9a\u671f\u5b89\u5168\u7a3d\u6838<\/div>\n                    <p class=\"text-gray-700 text-sm\">\u7368\u7acb\u5b89\u5168\u8a55\u4f30\uff0c\u78ba\u4fdd\u5e73\u53f0\u5b8c\u6574\u6027\u3002<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Asset Types Section -->\n      <div>\n        <h3 class=\"text-2xl sm:text-3xl font-bold text-gray-900 text-center mb-12\">\u60a8\u53ef\u4ee5\u4ee3\u5e63\u5316\u7684\u8cc7\u7522\u7a2e\u985e<\/h3>\n        <div class=\"grid md:grid-cols-3 gap-8\">\n          <!-- Real Estate Card -->\n          <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover\">\n            <div class=\"h-48 overflow-hidden\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8cmVhbCUyMGVzdGF0ZXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60\" alt=\"\u4e0d\u52d5\u7522\" class=\"w-full h-full object-cover\">\n            <\/div>\n            <div class=\"p-6\">\n              <h4 class=\"text-xl font-bold text-gray-900 mb-2\">\u4e0d\u52d5\u7522<\/h4>\n              <p class=\"text-gray-600 mb-4\">\u5546\u696d\u5927\u6a13\u3001\u4f4f\u5b85\u7269\u696d\u548c\u958b\u767c\u5c08\u6848\u7684\u90e8\u5206\u6240\u6709\u6b0a\u3002<\/p>\n              <div class=\"flex items-center text-sm text-indigo-600\">\n                <span>\u589e\u52a0\u6d41\u52d5\u6027<\/span>\n                <span class=\"mx-2\">-<\/span>\n                <span>\u8f03\u4f4e\u7684\u5165\u53e3\u9ede<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <!-- Private Equity Card -->\n          <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover\">\n            <div class=\"h-48 overflow-hidden\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520607162513-77705c0f0d4a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTZ8fHZlbnR1cmUlMjBjYXBpdGFsfGVufDB8fDB8fHww&auto=format&fit=crop&w=800&q=60\" alt=\"\u79c1\u52df\u80a1\u6b0a\" class=\"w-full h-full object-cover\">\n            <\/div>\n            <div class=\"p-6\">\n              <h4 class=\"text-xl font-bold text-gray-900 mb-2\">\u79c1\u52df\u80a1\u6b0a\u8207\u5275\u696d\u6295\u8cc7\u57fa\u91d1<\/h4>\n              <p class=\"text-gray-600 mb-4\">\u5c07\u57fa\u91d1\u80a1\u4efd\u4ee3\u5e63\u5316\uff0c\u63d0\u4f9b\u6d41\u52d5\u6027\u4e26\u64f4\u5927\u6295\u8cc7\u4eba\u57fa\u790e\u3002<\/p>\n              <div class=\"flex items-center text-sm text-indigo-600\">\n                <span>\u66f4\u65e9\u7684\u9000\u51fa\u6a5f\u6703<\/span>\n                <span class=\"mx-2\">-<\/span>\n                <span>\u7368\u5bb6\u4f7f\u7528\u6b0a<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <!-- Intellectual Property Card -->\n          <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover\">\n            <div class=\"h-48 overflow-hidden\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511578194003-00c80e42dc9b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8bXVzaWMlMjBpcHxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60\" alt=\"\u667a\u6167\u8ca1\u7522\u6b0a\" class=\"w-full h-full object-cover\">\n            <\/div>\n            <div class=\"p-6\">\n              <h4 class=\"text-xl font-bold text-gray-900 mb-2\">\u667a\u6167\u8ca1\u7522\u6b0a<\/h4>\n              <p class=\"text-gray-600 mb-4\">\u5c07\u97f3\u6a02\u3001\u5c08\u5229\u3001\u96fb\u5f71\u6216\u5176\u4ed6\u5275\u610f\u4f5c\u54c1\u7684\u7248\u7a05\u4ee3\u7528\u5e63\u5316\u3002<\/p>\n              <div class=\"flex items-center text-sm text-indigo-600\">\n                <span>\u5275\u6536\u8cc7\u7522<\/span>\n                <span class=\"mx-2\">-<\/span>\n                <span>\u591a\u6a23\u5316\u7684\u6eaa\u6d41<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- The STO Process Section -->\n  <section class=\"py-20 bg-gray-50\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16\">\n        <h2 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-4\">\u4f7f\u7528 TheExChain \u7684 STO \u6d41\u7a0b<\/h2>\n        <div class=\"w-24 h-1 bg-indigo-600 mx-auto mb-6\"><\/div>\n        <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n          \u4f7f\u7528 TheExChain \u555f\u52d5 STO \u662f\u4e00\u500b\u5f9e\u982d\u5230\u5c3e\u90fd\u6709\u6307\u5c0e\u3001\u7c21\u5316\u7684\u904e\u7a0b\u3002\n        <\/p>\n      <\/div>\n      \n      <div class=\"relative\">\n        <!-- Timeline line -->\n        <div class=\"hidden md:block h-1 bg-indigo-200 absolute top-1\/2 left-0 right-0 transform -translate-y-1\/2\"><\/div>\n        \n        <!-- Timeline items -->\n        <div class=\"grid md:grid-cols-5 gap-8\">\n          <!-- Step 1 -->\n          <div class=\"bg-white p-6 rounded-xl shadow-lg relative z-10\">\n            <div class=\"h-14 w-14 rounded-full bg-indigo-600 text-white flex items-center justify-center text-xl font-bold mx-auto -mt-12 mb-4 shadow-lg border-4 border-white\">1<\/div>\n            <h3 class=\"text-xl font-bold text-center mb-4\">\u898f\u5283\u8207\u7d50\u69cb<\/h3>\n            <p class=\"text-gray-600 text-center\">\u521d\u6b65\u8aee\u8a62\uff0c\u4ee5\u78ba\u5b9a\u60a8\u7684 STO \u7b56\u7565\u3001\u8cc7\u7522\u4f30\u503c\u548c\u76ee\u6a19\u6295\u8cc7\u4eba\u3002<\/p>\n          <\/div>\n          \n          <!-- Step 2 -->\n          <div class=\"bg-white p-6 rounded-xl shadow-lg relative z-10\">\n            <div class=\"h-14 w-14 rounded-full bg-indigo-600 text-white flex items-center justify-center text-xl font-bold mx-auto -mt-12 mb-4 shadow-lg border-4 border-white\">2<\/div>\n            <h3 class=\"text-xl font-bold text-center mb-4\">\u6cd5\u5f8b\u8207\u5408\u898f\u8a2d\u5b9a<\/h3>\n            <p class=\"text-gray-600 text-center\">\u8207\u6cd5\u5f8b\u5c08\u5bb6\u5408\u4f5c\uff0c\u78ba\u4fdd\u7b26\u5408\u76f8\u95dc\u6cd5\u898f\u3002<\/p>\n          <\/div>\n          \n          <!-- Step 3 -->\n          <div class=\"bg-white p-6 rounded-xl shadow-lg relative z-10\">\n            <div class=\"h-14 w-14 rounded-full bg-indigo-600 text-white flex items-center justify-center text-xl font-bold mx-auto -mt-12 mb-4 shadow-lg border-4 border-white\">3<\/div>\n            <h3 class=\"text-xl font-bold text-center mb-4\">\u5e73\u53f0\u7d44\u614b<\/h3>\n            <p class=\"text-gray-600 text-center\">\u5728 TheExChain \u5e73\u53f0\u4e0a\u8a2d\u5b9a\u60a8\u7684 STO\uff0c\u5305\u62ec\u4ee3\u5e63\u53c3\u6578\u3002<\/p>\n          <\/div>\n          \n          <!-- Step 4 -->\n          <div class=\"bg-white p-6 rounded-xl shadow-lg relative z-10\">\n            <div class=\"h-14 w-14 rounded-full bg-indigo-600 text-white flex items-center justify-center text-xl font-bold mx-auto -mt-12 mb-4 shadow-lg border-4 border-white\">4<\/div>\n            <h3 class=\"text-xl font-bold text-center mb-4\">\u4ee3\u5e63\u767c\u884c<\/h3>\n            <p class=\"text-gray-600 text-center\">\u5b89\u5168\u5730\u5efa\u7acb\u4ee3\u5e63\u4e26\u5206\u767c\u7d66\u7d93\u904e\u9a57\u8b49\u7684\u6295\u8cc7\u4eba\u3002<\/p>\n          <\/div>\n          \n          <!-- Step 5 -->\n          <div class=\"bg-white p-6 rounded-xl shadow-lg relative z-10\">\n            <div class=\"h-14 w-14 rounded-full bg-indigo-600 text-white flex items-center justify-center text-xl font-bold mx-auto -mt-12 mb-4 shadow-lg border-4 border-white\">5<\/div>\n            <h3 class=\"text-xl font-bold text-center mb-4\">\u5f8cSTO\u670d\u52d9<\/h3>\n            <p class=\"text-gray-600 text-center\">\u4ee3\u5e63\u6301\u6709\u8005\u7684\u6301\u7e8c\u7ba1\u7406\u3001\u80a1\u5229\u5206\u914d\u4ee5\u53ca\u6d41\u52d5\u6027\u9078\u64c7\u3002<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Why Choose Us Section -->\n  <section id=\"why-choose\" class=\"py-20\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16\">\n        <h2 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-4\">\u70ba\u4ec0\u9ebc\u9078\u64c7 TheExChain\uff1f<\/h2>\n        <div class=\"w-24 h-1 bg-indigo-600 mx-auto mb-6\"><\/div>\n        <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n          \u60a8\u5728\u8cc7\u7522\u4ee3\u7528\u5316\u65b9\u9762\u7684\u7b56\u7565\u5925\u4f34\uff0c\u8207\u50b3\u7d71\u65b9\u6cd5\u76f8\u6bd4\uff0c\u5177\u6709\u660e\u986f\u7684\u512a\u52e2\u3002\n        <\/p>\n      <\/div>\n      \n      <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n        <!-- Card 1 -->\n        <div class=\"bg-white rounded-xl shadow-lg p-8 card-hover border-t-4 border-indigo-600\">\n          <div class=\"h-16 w-16 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mb-6\">\n            <i class=\"fas fa-shield-alt text-2xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold text-gray-900 mb-4\">\u7121\u8207\u502b\u6bd4\u7684\u5b89\u5168\u6027<\/h3>\n          <p class=\"text-gray-600\">\u6211\u5011\u7684\u5e73\u53f0\u4ee5\u5b89\u5168\u6027\u70ba\u512a\u5148\uff0c\u63d0\u4f9b\u591a\u5c64\u4fdd\u8b77\u3001\u51b7\u5132\u5b58\u548c\u5b9a\u671f\u7b2c\u4e09\u65b9\u7a3d\u6838\uff0c\u4ee5\u4fdd\u969c\u767c\u884c\u5546\u548c\u6295\u8cc7\u4eba\u7684\u8cc7\u7522\u3002<\/p>\n        <\/div>\n        \n        <!-- Card 2 -->\n        <div class=\"bg-white rounded-xl shadow-lg p-8 card-hover border-t-4 border-blue-500\">\n          <div class=\"h-16 w-16 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mb-6\">\n            <i class=\"fas fa-globe text-2xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold text-gray-900 mb-4\">\u5168\u7403\u7db2\u7d61<\/h3>\n          <p class=\"text-gray-600\">\u63a5\u89f8\u5168\u7403\u4e0d\u540c\u7684\u8a8d\u53ef\u6295\u8cc7\u4eba\uff0c\u4e26\u8207\u5168\u7403\u6578\u4f4d\u8cc7\u7522\u751f\u614b\u7cfb\u7d71\u4e2d\u7684\u91cd\u8981\u5408\u4f5c\u5925\u4f34\u5efa\u7acb\u806f\u7e6b\u3002<\/p>\n        <\/div>\n        \n        <!-- Card 3 -->\n        <div class=\"bg-white rounded-xl shadow-lg p-8 card-hover border-t-4 border-indigo-600\">\n          <div class=\"h-16 w-16 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mb-6\">\n            <i class=\"fas fa-balance-scale text-2xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold text-gray-900 mb-4\">\u6cd5\u898f\u5c08\u696d\u77e5\u8b58<\/h3>\n          <p class=\"text-gray-600\">\u5229\u7528\u6211\u5011\u5167\u5efa\u7684\u5408\u898f\u5de5\u5177\u548c\u6cd5\u5f8b\u5408\u4f5c\u5925\u4f34\u7db2\u8def\uff0c\u638c\u63e1\u5168\u7403 STO \u6cd5\u898f\u7684\u8907\u96dc\u6027\u3002<\/p>\n        <\/div>\n        \n        <!-- Card 4 -->\n        <div class=\"bg-white rounded-xl shadow-lg p-8 card-hover border-t-4 border-blue-500\">\n          <div class=\"h-16 w-16 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mb-6\">\n            <i class=\"fas fa-microchip text-2xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold text-gray-900 mb-4\">\u5c16\u7aef\u79d1\u6280<\/h3>\n          <p class=\"text-gray-600\">\u5229\u7528\u5efa\u57fa\u65bc\u6700\u65b0\u5340\u584a\u93c8\u9032\u5c55\u7684\u53ef\u64f4\u5c55\u6027\u3001\u7a69\u5065\u4e14\u6301\u7e8c\u66f4\u65b0\u7684\u5e73\u53f0\u3002<\/p>\n        <\/div>\n        \n        <!-- Card 5 -->\n        <div class=\"bg-white rounded-xl shadow-lg p-8 card-hover border-t-4 border-indigo-600\">\n          <div class=\"h-16 w-16 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mb-6\">\n            <i class=\"fas fa-clock text-2xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold text-gray-900 mb-4\">\u6210\u672c\u8207\u6642\u9593\u6548\u7387<\/h3>\n          <p class=\"text-gray-600\">\u7c21\u5316\u96c6\u8cc7\u6d41\u7a0b\uff0c\u8207\u50b3\u7d71\u65b9\u6cd5\u76f8\u6bd4\uff0c\u5927\u5e45\u6e1b\u5c11\u50b3\u7d71\u7684\u6469\u64e6\u9ede\u3001\u6210\u672c\u548c\u96c6\u8cc7\u6642\u9593\u3002<\/p>\n        \n        <\/div>\n        \n        <!-- Card 6 -->\n        <div class=\"bg-white rounded-xl shadow-lg p-8 card-hover border-t-4 border-blue-500\">\n          <div class=\"h-16 w-16 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mb-6\">\n            <i class=\"fas fa-headset text-2xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold text-gray-900 mb-4\">\u5c08\u5c6c\u652f\u63f4<\/h3>\n          <p class=\"text-gray-600\">\u6211\u5011\u7684 STO \u5c08\u5bb6\u5718\u968a\u63d0\u4f9b\u5f9e\u6700\u521d\u898f\u5283\u5230\u5f8c\u671f STO \u7ba1\u7406\u7684\u5168\u9762\u6307\u5c0e\u3002<\/p>\n          \n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Demo\/Case Studies Section -->\n  <section id=\"case-studies\" class=\"py-20 bg-gray-50\">\n    <div class=\"container mx-auto px-4\">\n        <h2 class=\"text-2xl font-bold text-gray-900 text-center mb-8\">\u6210\u529f\u6545\u4e8b<\/h2>\n        <div class=\"grid md:grid-cols-2 gap-10\">\n          <!-- Case Study 1 -->\n          <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover\">\n            <div class=\"h-60 overflow-hidden\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8Y29tbWVyY2lhbCUyMHJlYWwlMjBlc3RhdGV8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=800&q=60\" alt=\"\u5546\u696d\u4e0d\u52d5\u7522\" class=\"w-full h-full object-cover\">\n            <\/div>\n            <div class=\"p-8\">\n              <h4 class=\"text-2xl font-bold text-gray-900 mb-4\">\u5546\u696d\u4e0d\u52d5\u7522\u7684\u4ee3\u5e63\u5316<\/h4>\n              <div class=\"mb-6\">\n                <div class=\"flex items-center mb-2\">\n                  <div class=\"h-8 w-8 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3\">\n                    <i class=\"fas fa-exclamation-circle\"><\/i>\n                  <\/div>\n                  <h5 class=\"font-bold text-gray-800\">\u6311\u6230<\/h5>\n                <\/div>\n                <p class=\"text-gray-600 ml-11\">\u4e00\u5bb6\u623f\u5730\u7522\u958b\u767c\u516c\u53f8\u5e0c\u671b\u70ba\u65b0\u7684\u5546\u696d\u7269\u696d\u7c4c\u96c6\u8cc7\u91d1\uff0c\u4f46\u767c\u73fe\u50b3\u7d71\u7684\u878d\u8cc7\u65b9\u5f0f\u901f\u5ea6\u592a\u6162\uff0c\u9650\u5236\u592a\u591a\u3002<\/p>\n              <\/div>\n              <div class=\"mb-6\">\n                <div class=\"flex items-center mb-2\">\n                  <div class=\"h-8 w-8 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3\">\n                    <i class=\"fas fa-lightbulb\"><\/i>\n                  <\/div>\n                  <h5 class=\"font-bold text-gray-800\">\u89e3\u6c7a\u65b9\u6848<\/h5>\n                <\/div>\n                <p class=\"text-gray-600 ml-11\">\u4f7f\u7528 TheExChain \u7684 STO \u5e73\u53f0\u5c07\u8ca1\u7522\u6240\u6709\u6b0a\u4ee3\u5e63\u5316\uff0c\u5275\u9020\u4ee3\u8868\u96f6\u788e\u80a1\u4efd\u7684\u5b89\u5168\u4ee3\u5e63\u3002<\/p>\n              <\/div>\n              <div>\n                <div class=\"flex items-center mb-2\">\n                  <div class=\"h-8 w-8 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3\">\n                    <i class=\"fas fa-chart-pie\"><\/i>\n                  <\/div>\n                  <h5 class=\"font-bold text-gray-800\">\u7d50\u679c<\/h5>\n                <\/div>\n                <p class=\"text-gray-600 ml-11\">STO \u7372\u5f97\u8d85\u984d\u8a8d\u8cfc\uff0c\u5438\u5f15\u4e86\u4f86\u81ea 20 \u591a\u500b\u570b\u5bb6\u7684\u6295\u8cc7\u8005\u3002\u8cc7\u91d1\u52df\u96c6\u904e\u7a0b\u7684\u5b8c\u6210\u901f\u5ea6\u6bd4\u50b3\u7d71\u65b9\u6cd5\u5feb\u4e86 50%\u3002<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <!-- Case Study 2 -->\n          <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover\">\n            <div class=\"h-60 overflow-hidden\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8c3RhcnR1cHxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60\" alt=\"\u5275\u696d\u8cc7\u91d1\" class=\"w-full h-full object-cover\">\n            <\/div>\n            <div class=\"p-8\">\n              <h4 class=\"text-2xl font-bold text-gray-900 mb-4\">\u70ba\u6210\u9577\u671f\u5275\u696d\u516c\u53f8\u7c4c\u96c6\u8cc7\u91d1<\/h4>\n              <div class=\"mb-6\">\n                <div class=\"flex items-center mb-2\">\n                  <div class=\"h-8 w-8 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3\">\n                    <i class=\"fas fa-exclamation-circle\"><\/i>\n                  <\/div>\n                  <h5 class=\"font-bold text-gray-800\">\u6311\u6230<\/h5>\n                <\/div>\n                <p class=\"text-gray-600 ml-11\">\u4e00\u5bb6\u91d1\u878d\u79d1\u6280\u65b0\u5275\u516c\u53f8\u9700\u8981\u9032\u884c B \u8f2a\u878d\u8cc7\uff0c\u4f46\u5e0c\u671b\u63a1\u7528\u6bd4\u50b3\u7d71\u98a8\u96aa\u8cc7\u672c\u66f4\u6709\u6548\u7387\u4e14\u5168\u7403\u7686\u53ef\u53d6\u5f97\u7684\u65b9\u5f0f\u3002<\/p>\n              <\/div>\n              <div class=\"mb-6\">\n                <div class=\"flex items-center mb-2\">\n                  <div class=\"h-8 w-8 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3\">\n                    <i class=\"fas fa-lightbulb\"><\/i>\n                  <\/div>\n                  <h5 class=\"font-bold text-gray-800\">\u89e3\u6c7a\u65b9\u6848<\/h5>\n                <\/div>\n                <p class=\"text-gray-600 ml-11\">\u8a72\u521d\u5275\u516c\u53f8\u5728 TheExChain \u5e73\u53f0\u4e0a\u767c\u552e\u5b89\u5168\u4ee3\u5e63\uff0c\u4ee3\u8868\u516c\u53f8\u7684\u80a1\u6b0a\u3002<\/p>\n              <\/div>\n              <div>\n                <div class=\"flex items-center mb-2\">\n                  <div class=\"h-8 w-8 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3\">\n                    <i class=\"fas fa-chart-pie\"><\/i>\n                  <\/div>\n                  <h5 class=\"font-bold text-gray-800\">\u7d50\u679c<\/h5>\n                <\/div>\n                <p class=\"text-gray-600 ml-11\">STO \u6210\u529f\u52df\u96c6\u5230\u76ee\u6a19\u8cc7\u91d1\uff0c\u5438\u5f15\u4e86\u5305\u62ec\u7b56\u7565\u6027\u570b\u969b\u5408\u4f5c\u5925\u4f34\u5728\u5167\u7684\u591a\u5143\u6295\u8cc7\u4eba\u3002<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\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>STO Platform- Secure, Liquid, Global Asset Tokenization Empower your assets and investment portfolio with TheExChain&#8217;s cutting-edge STO platform. Connect with a global pool of accredited investors and exciting new opportunities, streamline capital formation for issuers, and embrace the future of decentralized finance. Get Started Contact Us Reduce costs by 40% What is Asset Tokenization? Converting [&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-352","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/pages\/352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/comments?post=352"}],"version-history":[{"count":43,"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/pages\/352\/revisions"}],"predecessor-version":[{"id":3523,"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/pages\/352\/revisions\/3523"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/zh\/wp-json\/wp\/v2\/media?parent=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}