AI赋能建材行业 - 沉浸式数字体验?/title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><base href="/"><meta name="description" content="Our detailed case study on 沉浸式数字体验. Produced by Lusion."><link id="apple-touch-icon" rel="apple-touch-icon" sizes="180x180" href="./assets/meta/apple-touch-icon.png"><link id="icon32" rel="icon" type="image/png" sizes="32x32" href="./assets/meta/favicon-32x32.png" media="(prefers-color-scheme: light)"><link id="icon32" rel="icon" type="image/png" sizes="32x32" href="./assets/meta/dark/favicon-32x32.png" media="(prefers-color-scheme: dark)"><link id="icon64" rel="icon" type="image/png" sizes="16x16" href="./assets/meta/favicon-16x16.png" media="(prefers-color-scheme: light)"><link id="icon64" rel="icon" type="image/png" sizes="16x16" href="./assets/meta/dark/favicon-16x16.png" media="(prefers-color-scheme: dark)"><link href="./assets/meta/favicon.ico" rel="shortcut icon" media="(prefers-color-scheme: light)"><link href="./assets/meta/dark/favicon.ico" rel="shortcut icon" media="(prefers-color-scheme: dark)"><link id="manifest" rel="manifest" href="./assets/meta/site.webmanifest"><link rel="mask-icon" href="./assets/meta/safari-pinned-tab.svg" color="#000000"><meta name="msapplication-TileColor" content="#ffffff"><meta name="theme-color" content="#ffffff"><meta property="og:description" content="Our detailed case study on 沉浸式数字体验. Produced by Lusion."><meta property="og:image:alt" content="ai超级站 - 沉浸式数字体验"><meta property=og:image" content="https://lusion.co/assets/meta/social_sharing.jpg"><meta property="og:locale" content="en_US"><meta property="og:site_name" content="ai超级站 - 沉浸式数字体验"><meta property=og:title" content="ai超级站 - 沉浸式数字体验"><meta property=og:type" content="website"><meta property="og:url" content="https://lusion.co/projects/spatial_fusion/"><meta name="twitter:card" content="summary_large_image"><link rel="sitemap" href="/sitemap-index.xml"><link rel="stylesheet" href="/_astro/about.CoHfjWIV.css"><script type="module" src="/_astro/hoisted.DhbpsfII.js"></script></head> <body> <canvas id="canvas"></canvas> <div id="ui"> <header id="header"> <div id="header-container"> <div id="header-background"></div> <a id="header-logo" aria-label="Go to home page" href="/"> <img src="./logo/ai_logo.png" alt="Logo" style="height: 57.6px; mix-blend-mode: exclusion; transform-origin: left center; object-position: left;"> </a> <div id="header-center"> <button id="header-center-project-back-btn" aria-label="Back"> <svg id="header-center-project-back-btn-svg" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M8 12.243 3.757 8m0 0L8 3.757M3.757 8h8.486"></path></svg> <p id="header-center-project-back-btn-text">返回</p> <svg id="header-center-project-back-btn-svg2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M8 12.243 3.757 8m0 0L8 3.757M3.757 8h8.486"></path></svg> <div id="project-details-header-back-background"></div> </button> </div> <div id="header-right"> <button id="header-right-sound-btn"><canvas></canvas></button> <button id="header-right-talk-btn-placeholder"></button> <button id="header-right-talk-btn"> <a href="mailto:hello@lusion.co"></a> <div id="header-right-talk-container"> <span id="header-right-talk-btn-arrow"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.343 8h11.314m0 0-4.984 4.984M13.657 8 8.673 3.016"></path></svg> </span> <span id="header-right-talk-btn-text">商务合作</span> <span id="header-right-talk-btn-dots"> <span class="header-right-talk-btn-dot"></span> </span> </div> </button> <button id="header-right-menu-btn" aria-label="Menu button"> <div id="header-right-menu-btn-inner"> <span id="header-right-menu-btn-text">菜单</span> <span id="header-right-menu-btn-text-close">关闭</span> <div id="header-right-menu-btn-dots"> <span class="header-right-menu-btn-dot"></span> <span class="header-right-menu-btn-dot"></span> </div> </div> </button> </div> <div id="header-menu"> <div id="header-menu-links"> <a class="header-menu-link" data-page="home" href="/"> <div class="header-menu-link-background"></div> <div class="header-menu-link-inner"> <span class="header-menu-link-text">首页</span> <span class="header-menu-link-text-clone">首页</span> <svg class="header-menu-link-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.515 12h16.97m0 0L13.01 4.525M20.485 12l-7.475 7.476"></path></svg> </div> </a> <a class="header-menu-link" data-page="about" href="/about"> <div class="header-menu-link-background"></div> <div class="header-menu-link-inner"> <span class="header-menu-link-text">关于我们</span> <span class="header-menu-link-text-clone">关于我们</span> <svg class="header-menu-link-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.515 12h16.97m0 0L13.01 4.525M20.485 12l-7.475 7.476"></path></svg> </div> </a> <a class="header-menu-link" data-page="projects" href="/projects"> <div class="header-menu-link-background"></div> <div class="header-menu-link-inner"> <span class="header-menu-link-text">所有项目</span> <span class="header-menu-link-text-clone">所有项目</span> <svg class="header-menu-link-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.515 12h16.97m0 0L13.01 4.525M20.485 12l-7.475 7.476"></path></svg> </div> </a> <button class="header-menu-link" data-scroll-to="contact"> <div class="header-menu-link-background"></div> <div class="header-menu-link-inner"> <span class="header-menu-link-text">联系我们</span> <span class="header-menu-link-text-clone">联系我们</span> <svg class="header-menu-link-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.515 12h16.97m0 0L13.01 4.525M20.485 12l-7.475 7.476"></path></svg> </div> </button> </div> <div id="header-menu-newsletter"> <h3 id="header-menu-newsletter-title"> <div class="header-menu-newsletter-title-line">订阅我们的</div> <div class="header-menu-newsletter-title-line">新闻资讯</div> </h3> <div id="header-menu-newsletter-input"> <div id="header-menu-newsletter-input-bg"></div> <form id="header-menu-newsletter-form"> <input id="header-menu-newsletter-input-field" type="email" name="EMAIL" autocomplete="email" placeholder="您的邮件"> <button type="submit" id="header-menu-newsletter-input-arrow"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4.11 12.75a.75.75 0 0 1 0-1.5h13.978l-5.036-5.036a.75.75 0 1 1 1.06-1.06l6.316 6.315.53.53-.53.53-6.316 6.317a.75.75 0 0 1-1.06-1.061l5.035-5.035H4.109Z" clip-rule="evenodd"></path></svg> </button> </form> <div id="header-menu-newsletter-feedback-message"></div> </div> </div> <button id="header-menu-talk"> <a href="mailto:hello@lusion.co"></a> <div id="header-menu-text">商务合作</div> <svg id="header-menu-talk-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> <path fill="#fff" d="M0 0h24v24H0z"></path> <rect width="18" height="18" x="3" y="3" stroke="#000" stroke-width="1.5" rx="2"></rect> <rect width="12" height="4" x="6" y="14" fill="#000" rx="2"></rect> <path stroke="#000" stroke-linecap="round" stroke-width="1.5" d="M7 7h10M7 10h10"></path> </svg> </button> <a id="header-menu-labs" target="_blank" href="https://labs.lusion.co/"> <div id="header-menu-labs-inner"> <div id="header-menu-labs-lucy"> <svg id="header-menu-labs-lucy-svg" xmlns="http://www.w3.org/2000/svg" width="28" height="38" fill="none" viewBox="0 0 28 38"> <path stroke="#fff" stroke-width="5" d="M20.128 29.65C18.584 31.217 16.532 32 13.972 32c-2.56 0-4.612-.783-6.156-2.35C6.272 28.05 5.5 26 5.5 23.5c0-2.5.772-4.533 2.316-6.1 1.544-1.6 3.596-2.4 6.156-2.4 2.56 0 4.612.8 6.156 2.4C21.71 18.967 22.5 21 22.5 23.5c0 2.5-.79 4.55-2.372 6.15Z"></path> <path fill="#fff" d="M23.5 4.25a3.25 3.25 0 1 0-6.5 0 3.25 3.25 0 0 0 6.5 0ZM11 4.25a3.25 3.25 0 1 0-6.5 0 3.25 3.25 0 0 0 6.5 0Z"></path> </svg> </div> <div id="header-menu-labs-texts"> <div id="header-menu-labs-text">Labs</div> <div id="header-menu-labs-text-clone">Labs</div> </div> <svg id="header-menu-labs-arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 20 20 4m0 0v14.096M20 4H5.904"></path></svg> <svg id="header-menu-labs-arrow2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 20 20 4m0 0v14.096M20 4H5.904"></path></svg> </div> </a> </div> </div> </header> <div id="page-container"> <div id="page-container-inner"> <div id="project" class="page"> <div id="project-details" class="section" style="background-color:#D6C8ED" data-shadow="0.95" data-color-bg="#D6C8ED" data-color-highlight="#7731E9" data-color-btn-bg="#000000" data-color-btn-text="#7731E9" data-color-icon-bg="#ffffff" data-color-icon-color="#7731E9" data-color-text="#000000" data-color-btn-bg-hover="#7731E9" data-color-btn-text-hover="#ffffff"> <div id="project-details-header-info"> <span>scroll to explore</span> <svg id="project-details-header-info-svg" viewBox="0 0 16 16" fill="currentColor"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4855 8.36453L8.65707 5.53612C8.26655 5.14559 8.26655 4.51243 8.65707 4.1219C9.04759 3.73138 9.68076 3.73138 10.0713 4.1219L13.596 7.64661C13.5996 7.65016 13.6033 7.65373 13.6069 7.65734C13.9585 8.00898 13.9935 8.55734 13.7119 8.94816C13.6808 8.99141 13.6457 9.03274 13.6068 9.07165C13.6054 9.07311 13.6039 9.07456 13.6024 9.076L10.0714 12.6071C9.68083 12.9976 9.04766 12.9976 8.65714 12.6071C8.26661 12.2166 8.26661 11.5834 8.65714 11.1929L11.4855 8.36453Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.48548 8.36477L2.65707 5.53636C2.26655 5.14584 2.26655 4.51267 2.65707 4.12215C3.04759 3.73162 3.68076 3.73162 4.07128 4.12215L7.596 7.64686C7.59965 7.6504 7.60328 7.65398 7.60688 7.65759C7.95852 8.00922 7.99354 8.55759 7.71193 8.9484C7.68077 8.99166 7.64573 9.03298 7.60682 9.07189C7.60536 9.07335 7.6039 9.0748 7.60244 9.07625L4.07135 12.6073C3.68083 12.9979 3.04766 12.9979 2.65714 12.6073C2.26661 12.2168 2.26661 11.5836 2.65714 11.1931L5.48548 8.36477Z"></path> </svg> </div> <div id="project-details-items-wrapper"> <div id="project-details-items-move-container"> <div class="project-details-item is-image" data-width="1920" data-height="1080" data-filename="/assets/projects/spatial_fusion/image1" data-type="image"></div> <div class="project-details-item is-image" data-width="1920" data-height="1080" data-filename="/assets/projects/spatial_fusion/image2" data-type="image"></div> </div> </div> <div id="project-details-meta"> <h2 id="project-details-title">用信任连接每一个家庭</h2> <div id="project-details-left"> <div id="project-details-desc"><p> 儿童用品行业以安全与信任为核心竞争力，但传统内容生产方式已无法满足小红书、抖音种草营销的高频需求。极之道 AI 超级站通过 AI 名片、AI 后台、AI 超级网站三大产品，帮助母婴品牌与儿童用品商家低成本实现场景化内容批量生成、节假日大促快速响应、全渠道精准触达，让每一款产品都能在父母心中建立安全可信的第一印象。</p> <p> 我们深耕儿童用品数字化全链路：从品牌官网搭建、AI 安全认证图文内容生成，到小红书/抖音/视频号亲子场景种草内容批量分发，再到会员数据沉淀与节日复购激活。极之道是母婴与儿童品牌数字营销的长期伙伴，帮助您在消费升级浪潮中建立有温度、有信任感的品牌数字资产。</p></div> <a id="project-details-launch-cta" href="https://archive-devin-ai.lusion.co/" target="_blank" data-link-type="regular"> <span id="project-details-launch-cta-dot"></span> <p id="project-details-launch-cta-text">查看更多</p> <span id="project-details-launch-cta-arrow"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> <path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M9 9h6m0 0v6m0-6-6 6"></path> </svg> </span> </a> </div> <div id="project-details-right"> <div id="project-details-side-list"> <div id="project-details-side-list-services" style="display: none !important;"> <h4 class="project-details-side-list-title">Services</h4> <div class="project-details-side-list-item">Concept</div><div class="project-details-side-list-item">Web Design</div><div class="project-details-side-list-item">Web Development</div><div class="project-details-side-list-item">3D Design</div><div class="project-details-side-list-item">WebGL</div> </div> <div id="project-details-side-list-recognitions"> <h4 class="project-details-side-list-title">Recognitions</h4> </div> </div> <a id="project-details-launch-cta-mobile" href="https://archive-devin-ai.lusion.co/" target="_blank" data-link-type="regular"> <span id="project-details-launch-cta-mobile-dot"></span> <p id="project-details-launch-cta-mobile-text">查看更多</p> <span id="project-details-launch-cta-mobile-arrow"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> <path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M9 9h6m0 0v6m0-6-6 6"></path> </svg> </span> </a> </div> </div> <div id="project-details-preview" data-next-id="spaace" data-next-color-bg="#F3F4F9" data-next-color-text="#000000" data-next-shadow="0.975"> <div id="project-details-preview-inner"> <h2 id="project-details-preview-title">AI赋能跨境电商</h2> <div id="project-details-preview-footer"> <div id="project-details-preview-footer-text">NEXT PROJECT</div> <div id="project-details-preview-footer-bar"> <div id="project-details-preview-footer-bar-background"></div> <div id="project-details-preview-footer-bar-inner"></div> </div> <svg id="project-details-preview-footer-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 8h12m0 0-5.865 6M14 8 8.135 2"></path></svg> </div> </div> </div> </div> </div> </div> <div id="page-extra-sections"> <div id="end-section" class="section"> <div id="end-section-outer"> <div id="end-section-inner"> <div id="end-section-content"> <div id="end-section-content-crosses"> <div class="end-section-content-cross"></div> <div class="end-section-content-cross"></div> <div class="end-section-content-cross"></div> <div class="end-section-content-cross"></div> <div class="end-section-content-cross"></div> </div> <div id="end-section-subtitle"> <div id="end-section-subtitle-text">你准备好加入了吗？</div> </div> <div id="end-section-title"> <div id="end-section-title-link" style="white-space: normal; font-size: 0.4em; display: inline-block; max-width: 100%; text-align: center; line-height: 1.2; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; padding: 0 0 80px 0; transform: translateY(-40px);">快来加入<br>我们！</div> <span id="end-section-title-top-decoration" style="display: block !important; position: absolute; top: -10px; left: 10%; width: 80%; height: 2px; background: white;"></span> <span id="end-section-title-bottom-left-decoration" style="display: block !important; position: absolute; bottom: 40px; left: 20%; width: 25%; height: 2px; background: white;"></span> <span id="end-section-title-bottom-right-decoration" style="display: block !important; position: absolute; bottom: 40px; left: 55%; width: 25%; height: 2px; background: white;"></span> </div> </div> <div id="end-bottom"> <div class="end-bottom-arrow-container"> <div class="end-bottom-arrow"></div> <div class="end-bottom-arrow"></div> </div> <div id="end-bottom-text-container"> <div id="end-bottom-text">向下滚动</div> <div id="end-bottom-text">向下滚动</div> </div> <div class="end-bottom-arrow-container"> <div class="end-bottom-arrow"></div> <div class="end-bottom-arrow"></div> </div> </div> </div> </div> </div> <div id="footer-section" class="section"> <div id="footer-bg"></div> <div id="footer-top"></div> <div id="footer-middle"> <div id="footer-middle-contact"> <a id="footer-contact-address" href="https://goo.gl/maps/x9evc1NxZocjrM947" target="_blank"> <div class="footer-address-line">广州白云区</div> <div class="footer-address-line">西城智汇Park公园式互联社区</div> <div class="footer-address-line">西城智汇E栋</div> <div class="footer-address-line">E112</div> </a> <div id="footer-contact-socials"> <a class="footer-socials-line" href="https://twitter.com/lusionltd/" target="_blank"> <svg class="footer-socials-line-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.948 18.113a.75.75 0 0 1-1.06-1.06l9.885-9.886H8.65a.75.75 0 1 1 0-1.5h9.682v9.682a.75.75 0 0 1-1.5 0v-7.12l-9.884 9.884Z" clip-rule="evenodd"></path></svg> <span class="footer-socials-text">Twitter / X</span> </a> <a class="footer-socials-line" href="https://www.instagram.com/lusionltd/" target="_blank"> <svg class="footer-socials-line-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.948 18.113a.75.75 0 0 1-1.06-1.06l9.885-9.886H8.65a.75.75 0 1 1 0-1.5h9.682v9.682a.75.75 0 0 1-1.5 0v-7.12l-9.884 9.884Z" clip-rule="evenodd"></path></svg> <span class="footer-socials-text">Instagram</span> </a> <a class="footer-socials-line" href="https://www.linkedin.com/company/lusionltd/" target="_blank"> <svg class="footer-socials-line-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.948 18.113a.75.75 0 0 1-1.06-1.06l9.885-9.886H8.65a.75.75 0 1 1 0-1.5h9.682v9.682a.75.75 0 0 1-1.5 0v-7.12l-9.884 9.884Z" clip-rule="evenodd"></path></svg> <span class="footer-socials-text">Linkedin</span> </a> </div> <div id="footer-contact-enquires"> <div id="footer-enquires-header">技术咨询</div> <a id="footer-enquires-link" href="mailto:hello@lusion.co">hello@lusion.co</a> </div> <div id="footer-contact-business"> <div id="footer-business-header">新业务</div> <a id="footer-business-link" href="mailto:business@lusion.co">business@lusion.co</a> </div> </div> <div id="footer-middle-newsletter"> <div id="footer-newsletter-header"> <span class="footer-newsletter-line">订阅我们的</span> <span class="footer-newsletter-line">新闻资讯</span> </div> <div id="footer-newsletter-input"> <div id="footer-newsletter-bg"></div> <form id="footer-newsletter-form"> <input id="footer-newsletter-input-field" type="email" name="EMAIL" autocomplete="email" placeholder="您的邮件"> <button type="submit" id="footer-newsletter-input-arrow" aria-label="Send newsletter form button"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.9999 11.9998C1.9999 12.552 2.44762 12.9997 2.9999 12.9997H18.9757C18.8901 13.148 18.7838 13.2876 18.657 13.4144L12.2931 19.7784C11.9025 20.1689 11.9025 20.8021 12.2931 21.1926C12.6836 21.5831 13.3168 21.5831 13.7073 21.1926L22.1926 12.7073C22.5831 12.3168 22.5831 11.6836 22.1926 11.2931L22.1924 11.293L13.7071 2.80767C13.3166 2.41715 12.6834 2.41715 12.2929 2.80767C11.9024 3.1982 11.9024 3.83136 12.2929 4.22189L18.657 10.586C18.7836 10.7126 18.8896 10.8518 18.9752 10.9998H2.9999C2.44762 10.9997 1.9999 11.4475 1.9999 11.9998Z" fill="black"></path> </svg> </button> </form> <div id="footer-newsletter-feedback-message"></div> </div> </div> </div> <div id="footer-bottom"> <div id="footer-bottom-copyright">©2026 极之道科技创新公司</div> <a id="footer-bottom-labs" href="https://labs.lusion.co" target="_blank"> R&D: labs.lusion.co</a> <div id="footer-bottom-tagline">极之道制作团队 ❤️</div> <div id="footer-bottom-up"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#fff" fill-rule="evenodd" d="M12 22a1 1 0 0 1-1-1V5.857l-6.223 6.224a1 1 0 0 1-1.415-1.415l7.9-7.9a1 1 0 0 1 1.414 0v.001l7.9 7.9a1 1 0 0 1-1.414 1.414L13 5.919V21a1 1 0 0 1-1 1Z" clip-rule="evenodd"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#fff" fill-rule="evenodd" d="M12 22a1 1 0 0 1-1-1V5.857l-6.223 6.224a1 1 0 0 1-1.415-1.415l7.9-7.9a1 1 0 0 1 1.414 0v.001l7.9 7.9a1 1 0 0 1-1.414 1.414L13 5.919V21a1 1 0 0 1-1 1Z" clip-rule="evenodd"></path></svg> </div> </div> </div> <div id="scroll-nav-section" class="section" data-path="/about"> <div id="scroll-nav-content"> <div id="scroll-nav-subtitle">缁х画婊氬姩<br>了解更多</div> <div id="scroll-nav-main"> <div id="scroll-nav-text">关于我们</div> <div id="scroll-nav-next"> <div id="scroll-nav-next-text">涓嬩竴椤?/div> <div id="scroll-nav-next-bar"><div id="scroll-nav-next-bar-inner"></div></div> <div id="scroll-nav-next-arrow"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.9999 11.9998C1.9999 12.552 2.44762 12.9997 2.9999 12.9997H18.9757C18.8901 13.148 18.7838 13.2876 18.657 13.4144L12.2931 19.7784C11.9025 20.1689 11.9025 20.8021 12.2931 21.1926C12.6836 21.5831 13.3168 21.5831 13.7073 21.1926L22.1926 12.7073C22.5831 12.3168 22.5831 11.6836 22.1926 11.2931L22.1924 11.293L13.7071 2.80767C13.3166 2.41715 12.6834 2.41715 12.2929 2.80767C11.9024 3.1982 11.9024 3.83136 12.2929 4.22189L18.657 10.586C18.7836 10.7126 18.8896 10.8518 18.9752 10.9998H2.9999C2.44762 10.9997 1.9999 11.4475 1.9999 11.9998Z" fill="#fff"></path> </svg> </div> </div> </div> <div id="scroll-nav-cross-line"> <div class="scroll-nav-cross"></div> <div class="scroll-nav-cross"></div> <div class="scroll-nav-cross"></div> <div class="scroll-nav-cross"></div> <div class="scroll-nav-cross"></div> </div> </div> </div> </div> </div> </div> <div id="scroll-indicator"> <div id="scroll-indicator-bar"></div> </div> <div id="input-blocker"></div> <div id="video-overlay"> <div id="video-overlay__vimeo-video"></div> <div id="video-overlay__mobile-close-btn"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.75781 3.75732L12.2431 12.2426" stroke="white" stroke-width="2" stroke-linecap="round"></path> <path d="M12.2422 3.75732L3.75691 12.2426" stroke="white" stroke-width="2" stroke-linecap="round"></path> </svg> </div> <div id="video-overlay__controls"> <button id="video-overlay__play-btn">PLAY</button> <div id="video-overlay__progress-container"> <div id="video-overlay__progress-active"></div> <div id="video-overlay__progress-bg"></div> </div> <button id="video-overlay__mute-btn">MUTE</button> </div> <div id="video-overlay-cursor"> <svg id="video-overlay-cursor-svg" xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="none" viewBox="0 0 36 36"><path stroke="#020022" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31 31 17.928 18 31 5M5 5l13.072 13L5 31"></path></svg> </div> </div> <canvas id="transition-overlay"></canvas> <div id="preloader"> <div id="preloader-percent-digits"> <div class="preloader-percent-digit"> <div class="preloader-percent-digit-num">0</div> <div class="preloader-percent-digit-num">0</div> </div> <div class="preloader-percent-digit"> <div class="preloader-percent-digit-num">0</div> <div class="preloader-percent-digit-num">0</div> </div> <div class="preloader-percent-digit"> <div class="preloader-percent-digit-num">0</div> <div class="preloader-percent-digit-num">0</div> </div> </div> </div> </body></html>