What is Yodayo? | Blockchain.News

<!doctype html> <html lang="en"> <head prefix="og: http://ogp.me/ns#">  <script src="https://unpkg.com/langchain@0.0.73/dist/langchain.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/langsmith-sdk@0.0.41/dist/index.min.js"></script>  <script> const storedTheme = localStorage.getItem('theme') const getPreferredTheme = () => { if (storedTheme) { return storedTheme } return window.matchMedia('(prefers-color-scheme: light)').matches ? 'dark' : 'dark' } const setTheme = function (theme) { if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) { document.documentElement.setAttribute('data-bs-theme', 'dark') } else { document.documentElement.setAttribute('data-bs-theme', theme) } } setTheme(getPreferredTheme()) window.addEventListener('DOMContentLoaded', () => { var el = document.querySelector('.theme-icon-active'); if (el != 'undefined' && el != null) { const showActiveTheme = theme => { const activeThemeIcon = document.querySelector('.theme-icon-active use') const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`) const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href') document.querySelectorAll('[data-bs-theme-value]').forEach(element => { element.classList.remove('active') }) btnToActive.classList.add('active') activeThemeIcon.setAttribute('href', svgOfActiveBtn) } window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => { if (storedTheme !== 'light' || storedTheme !== 'dark') { setTheme(getPreferredTheme()) } }) showActiveTheme(getPreferredTheme()) document.querySelectorAll('[data-bs-theme-value]') .forEach(toggle => { toggle.addEventListener('click', () => { const theme = toggle.getAttribute('data-bs-theme-value') localStorage.setItem('theme', theme) setTheme(theme) showActiveTheme(theme) }) }) } }) </script>  <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Rubik:wght@400;500;700&display=swap" rel="stylesheet" />  <link rel="stylesheet" type="text/css" href="/bn/vendor/font-awesome/css/all.min.css" /> <link rel="stylesheet" type="text/css" href="/bn/vendor/bootstrap-icons/bootstrap-icons.css" /> <link rel="stylesheet" type="text/css" href="/bn/vendor/tiny-slider/tiny-slider.css" />  <link rel="stylesheet" type="text/css" href="/bn/css/style.css" />   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-134821821-1"></script> <script data-ad-client="ca-pub-2685412041103446" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-134821821-1'); </script>     <meta charset="utf-8"> <meta name="author" content="blockchain.news"> <meta name="keywords" content="AI,crypto,blockchain,news" />  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta charset="utf-8" /> <meta property="og:type" content="page" /> <meta property="og:title" content="Yodayo" /> <meta property="og:image" /> <meta itemprop="image" /> <meta property="og:url" /> <meta property="twitter:image" /> <meta property="twitter:site" /> <meta property="twitter:title" content="Yodayo" /> <meta property="twitter:description" content="Yodayo | Find the latest Bitcoin, Ethereum, blockchain, and crypto news, interviews, and price analyses at Blockchain.News." /> <meta property="og:description" content="Yodayo | Find the latest Bitcoin, Ethereum, blockchain, and crypto news, interviews, and price analyses at Blockchain.News." /> <meta name="Description" content="Yodayo | Find the latest Bitcoin, Ethereum, blockchain, and crypto news, interviews, and price analyses at Blockchain.News." /> <meta property="fb:app_id" content="2602656609775939" />  <meta name="twitter:card" content="summary_large_image">   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">     <style> /* 导航栏容器 */ .navbar-collapse { width: 100%; } /* 导航项列表 */ .navbar-nav { width: 100%; display: flex; justify-content: space-between; align-items: center; } /* 导航项 */ .navbar-nav > li { text-align: center; white-space: nowrap; /* 防止文字换行 */ } /* 下拉菜单样式调整 */ .dropdown-menu { min-width: max-content; /* 确保下拉菜单宽度适应内容 */ } /* 响应式调整 */ @media (max-width: 991.98px) { .navbar-nav { flex-direction: column; } .navbar-nav > li { width: 100%; text-align: left; } } .nav-item.flashnews-item { position: relative; display: inline-block; } .hot-label { position: absolute; top: 20%; right: -10px; font-size: 0.65em; padding: 2px 6px; border-radius: 4px; font-weight: bold; animation: flame 1.5s infinite; /* 改用火焰动画 */ text-transform: uppercase; background: linear-gradient(45deg, #FF3131, #FFA500); /* 更像火焰的渐变 */ z-index: 1; line-height: 1.4; letter-spacing: 0.5px; transition: top 0.3s ease; } /* 滚动状态 */ .navbar-sticky.header-sticky .hot-label { top: 5px; /* 滚动后的位置 */ } [data-bs-theme="light"] .hot-label { color: white; box-shadow: 0 0 15px rgba(255, 49, 49, 0.7), 0 0 25px rgba(255, 165, 0, 0.5); text-shadow: 0 0 8px rgba(255, 49, 49, 0.8), 0 0 12px rgba(255, 165, 0, 0.6); } [data-bs-theme="dark"] .hot-label { background: linear-gradient(45deg, #FF3131, #FFA500); color: white; box-shadow: 0 0 20px rgba(255, 49, 49, 0.7), 0 0 30px rgba(255, 165, 0, 0.5); text-shadow: 0 0 8px rgba(255, 49, 49, 0.8), 0 0 12px rgba(255, 165, 0, 0.6); } @keyframes flame { 0% { transform: scale(1); box-shadow: 0 0 15px rgba(255, 49, 49, 0.7), 0 0 25px rgba(255, 165, 0, 0.5); } 50% { transform: scale(1.1); box-shadow: 0 0 20px rgba(255, 49, 49, 0.9), 0 0 35px rgba(255, 165, 0, 0.7); } 100% { transform: scale(1); box-shadow: 0 0 15px rgba(255, 49, 49, 0.7), 0 0 25px rgba(255, 165, 0, 0.5); } } /* 移动端适配 */ @media (max-width: 991px) { .hot-label { top: 45%; transform: translateY(-50%); right: 15px; font-size: 0.7em; padding: 3px 8px; } @keyframes flame { 0% { transform: translateY(-50%) scale(1); box-shadow: 0 0 15px rgba(255, 49, 49, 0.7), 0 0 25px rgba(255, 165, 0, 0.5); } 50% { transform: translateY(-50%) scale(1.1); box-shadow: 0 0 20px rgba(255, 49, 49, 0.9), 0 0 35px rgba(255, 165, 0, 0.7); } 100% { transform: translateY(-50%) scale(1); box-shadow: 0 0 15px rgba(255, 49, 49, 0.7), 0 0 25px rgba(255, 165, 0, 0.5); } } } .navbar-collapse .nav-item.flashnews-item { position: relative; } .chat-container { height: 400px; display: flex; flex-direction: column; } .chat-messages { flex-grow: 1; overflow-y: auto; padding: 10px; background: #f8f9fa; margin-bottom: 10px; } .chat-input { padding: 10px 0; } .message { margin-bottom: 10px; padding: 8px; border-radius: 8px; max-width: 80%; } .user-message { background: #007bff; color: white; margin-left: auto; } .bot-message { background: #e9ecef; margin-right: auto; } @keyframes pulse { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1); } } .animate-pulse { animation: pulse 1.5s infinite; display: inline-block; } .typing-indicator { display: flex; gap: 4px; padding: 8px 12px; background: #e9ecef; border-radius: 15px; margin: 10px 0; width: fit-content; } .typing-indicator span { width: 8px; height: 8px; background: #6c757d; border-radius: 50%; animation: typing 1s infinite ease-in-out; } .typing-indicator span:nth-child(1) { animation-delay: 0.1s; } .typing-indicator span:nth-child(2) { animation-delay: 0.2s; } .typing-indicator span:nth-child(3) { animation-delay: 0.3s; } @keyframes typing { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /*logo大小控制*/ /* 添加这些 CSS 规则 */ .navbar-brand { flex-shrink: 0 !important; /* 防止 logo 被压缩 */ width: auto !important; /* 防止宽度被挤压 */ } .navbar-brand-item { width: 190px !important; /* 或者你想要的具体尺寸 */ height: 50px !important; max-width: none !important; /* 防止被 max-width 限制 */ flex: none !important; /* 防止 flex 布局影响 */ } /* 确保 logo 容器不受字体大小影响 */ .navbar > .container { display: flex; align-items: center; } /* 确保中间的导航菜单可以自适应 */ .navbar-collapse { flex: 1 1 auto; } /* 移动端顶部栏样式 */ .navbar-top-mobile { background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1); } .navbar-top-mobile .nav-link { padding: 0.25rem 0.5rem; color: rgba(0,0,0,.7); } .navbar-top-mobile .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .navbar-top-mobile .social-icons { display: flex; gap: 0.5rem; } .navbar-top-mobile .social-icons .btn-link { color: rgba(0,0,0,.7); text-decoration: none; } .navbar-top-mobile .social-icons .btn-link:hover { color: var(--bs-primary); } /* 暗色模式适配 */ [data-bs-theme="dark"] .navbar-top-mobile { background-color: #212529; border-bottom-color: rgba(255,255,255,.1); } [data-bs-theme="dark"] .navbar-top-mobile .nav-link, [data-bs-theme="dark"] .navbar-top-mobile .btn-link { color: rgba(255,255,255,.7); } /* 动画效果 */ .animate-pulse { animation: pulse 2s infinite; } @keyframes pulse { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1); } } /*机器人图标*/ .ai-assistant-trigger { right: 30px; bottom: 40%; z-index: 1000; transition: all 0.3s ease; /* 视觉效果组合 */ &:hover { transform: scale(1.3); filter: drop-shadow(0 0 10px #00F0FF); } } /* 添加浮动动画 */ @media (min-width: 769px) { .ai-assistant-trigger { animation: float 3s ease-in-out infinite; } @keyframes float { 0% { transform: translateY(0px) scale(1.2); } 50% { transform: translateY(-10px) scale(1.2); } 100% { transform: translateY(0px) scale(1.2); } } } .ai-button { width: 65px; height: 65px; border-radius: 50%; background: rgba(0, 0, 0, 0.8); border: 2px solid #00F0FF; box-shadow: 0 0 15px rgba(0, 240, 255, 0.3); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; padding: 0; } .ai-button:hover { transform: scale(1.1); box-shadow: 0 0 20px rgba(0, 240, 255, 0.5); border-color: #00F0FF; } .animate-pulse { animation: pulse 1.5s infinite; } /* PC端特定样式 */ @media (min-width: 769px) { .ai-assistant-trigger { right: 40px; bottom: 45%; transform: scale(1.3); animation: float 3s ease-in-out infinite; } /* PC端按钮样式增强 */ .ai-button { width: 90px; /* 更大的按钮尺寸 */ height: 90px; border-width: 3px; box-shadow: 0 0 25px rgba(0, 240, 255, 0.5); } /* PC端SVG图标放大 */ .ai-button svg { width: 55px; height: 55px; } /* 浮动动画 */ @keyframes float { 0% { transform: translateY(0px) scale(1.3); } 50% { transform: translateY(-15px) scale(1.3); } 100% { transform: translateY(0px) scale(1.3); } } /* PC端悬停效果增强 */ .ai-button:hover { transform: scale(1.15); box-shadow: 0 0 35px rgba(0, 240, 255, 0.7); } /* PC端NEW标签样式增强 */ .badge { padding: 8px 12px; font-size: 14px; font-weight: bold; box-shadow: 0 0 15px rgba(255, 0, 0, 0.3); } .animate-pulse { animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.3; } 100% { transform: scale(1); opacity: 1; } } } /* 暗色模式适配 */ [data-bs-theme="dark"] .ai-button { background: rgba(0, 0, 0, 0.9); } /* 添加到你的样式文件中 */ .modal { overflow-y: auto !important; } .modal-open { overflow: auto !important; padding-right: 0 !important; } /* 增强的雪花效果 */ .snowfall-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1000; } .snowflake { position: fixed; top: -10px; color: #BCE4F1; /* 更深的蓝白色 */ font-size: 1.2em; text-shadow: 0 0 5px rgba(0,240,255,0.5), 0 0 10px rgba(0,240,255,0.3), 0 0 15px rgba(0,240,255,0.2); filter: drop-shadow(0 0 2px rgba(0,0,0,0.1)); animation: snowfall linear infinite; } /* 修改装饰位置的样式 */ .christmas-decorations div { position: fixed; font-size: 2em; animation: float 3s ease-in-out infinite; cursor: pointer; /* 添加鼠标指针样式 */ z-index: 9999; } .top-left { top: 40px; left: 20px; animation-delay: 0s; z-index: 9999; /* 确保显示在最上层 */ } .top-right { top: 40px; right: 20px; animation-delay: 0.5s; z-index: 9999; /* 确保显示在最上层 */ } .bottom-left { bottom: 10px; left: 20px; animation-delay: 1s; } .bottom-right { bottom: 10px; right: 20px; animation-delay: 1.5s; } @keyframes snowfall { 0% { transform: translateY(-10px) rotate(0deg); } 100% { transform: translateY(100vh) rotate(360deg); } } @keyframes float { 0%, 100% { transform: translateY(-50%) translateX(0); } 50% { transform: translateY(-50%) translateX(-10px); } } /* 让雪花在hover时有特效 */ .snowflake:hover { color: #FFF; text-shadow: 0 0 10px rgba(0,240,255,0.8), 0 0 20px rgba(0,240,255,0.6), 0 0 30px rgba(0,240,255,0.4); } /* 为底部装饰单独设置动画 */ .bottom-left, .bottom-right { animation: floatBottom 3s ease-in-out infinite; } @keyframes floatBottom { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /* 可选：添加发光效果 */ .christmas-decorations div { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); } /* 麋鹿和雪橇的样式 */ #santa-sleigh { position: fixed; top: 40%; left: -300px; z-index: 9999; white-space: nowrap; pointer-events: none; display: flex; align-items: center; gap: 0px; font-size: 6em; /* 整体水平翻转 */ transform: scaleX(-1); } /* 麋鹿样式 */ .reindeer { animation: reindeerGallop 0.6s infinite; transform-origin: bottom center; margin-right: -15px; /* 微调与绳子的间距 */ } /* 雪橇样式 */ .sleigh { animation: sleighBounce 0.6s infinite; transform-origin: bottom center; margin-left: -10px; /* 微调与绳子的间距 */ } /* 雪橇绳子 */ .sleigh-rope { font-size: 0.4em; /* 调整绳子大小 */ transform: rotate(90deg); margin: 0 -5px; /* 负边距使组件更紧密 */ position: relative; top: -5px; /* 微调绳子位置 */ } /* 动画类 */ .sleigh-animation { animation: sleighRide 6s linear forwards; } /* 麋鹿奔跑动画 */ @keyframes reindeerGallop { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px) rotate(-5deg); } } /* 雪橇弹跳动画 */ @keyframes sleighBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /* 整体移动动画 */ @keyframes sleighRide { from { transform: translateX(0) scaleX(-1); } to { transform: translateX(calc(100vw + 200px)) scaleX(-1); } } /* 添加雪橇的影子 */ .sleigh::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80%; height: 10px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; filter: blur(4px); } /* 添加麋鹿的影子 */ .reindeer::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80%; height: 10px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; filter: blur(4px); } /* 礼物爆炸效果样式 */ .gift-item { position: fixed; font-size: 1.5em; pointer-events: none; z-index: 9999; transform-origin: center; opacity: 1; /* 添加初始位置 */ left: 50%; top: 50%; } @keyframes giftExplode { 0% { transform: translate(-50%, -50%) rotate(0deg); opacity: 1; } 100% { transform: translate(var(--tx), var(--ty)) rotate(var(--tr)); opacity: 0; } } /* 确保礼物动画生效 */ .gift-item { animation: giftExplode 1s ease-out forwards; } /* 伯利恒之星样式 */ .bethlehem-star-container { position: fixed; width: 0; height: 0; pointer-events: none; z-index: 10000; transform: translate(-50%, -50%); transition: opacity 1s ease; } .bethlehem-star-center { position: absolute; width: 20px; height: 20px; background: #FFD700; border-radius: 50%; left: -10px; top: -10px; box-shadow: 0 0 20px #FFD700; animation: centerGlow 2s ease-in-out; } .bethlehem-star-ray { position: absolute; width: 100px; height: 2px; background: linear-gradient(90deg, #FFD700, transparent); transform-origin: 0 50%; left: 0; top: -1px; animation: rayGrow 2s ease-in-out; } @keyframes centerGlow { 0% { transform: scale(0); opacity: 0; } 20% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes rayGrow { 0% { width: 0; opacity: 0; } 20% { width: 120px; opacity: 1; } 100% { width: 100px; opacity: 1; } } </style> <script type="text/javascript">!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{ src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source crossOrigin: "anonymous", cfg: { // Application Insights Configuration connectionString: 'InstrumentationKey=0adf9803-d984-4355-ba1e-3789925e9100;IngestionEndpoint=https://eastasia-0.in.applicationinsights.azure.com/;LiveEndpoint=https://eastasia.livediagnostics.monitor.azure.com/' }});</script></head> <body>  <header class="navbar-light navbar-sticky header-static"> <div class="navbar-top d-none d-lg-block small"> <div class="container"> <div class="d-md-flex justify-content-between align-items-center my-2">  <ul class="nav"> <li class="nav-item"> <a class="nav-link ps-0" href="/About">About</a> </li> <li class="nav-item"> <a class="nav-link" href="/Advertisement">Advertisement</a> </li> <li class="nav-item"> <a class="nav-link" href="/Identity/Account/Login">Login / Join</a> </li> </ul>  <div class="d-flex align-items-center justify-content-center">  <div class="btn-group me-3" role="group" aria-label="font size changer"> <input type="radio" class="btn-check" name="fntradio" id="font-sm"> <label class="btn btn-xs btn-outline-primary mb-0" for="font-sm">A-</label> <input type="radio" class="btn-check" name="fntradio" id="font-default" checked> <label class="btn btn-xs btn-outline-primary mb-0" for="font-default">A</label> <input type="radio" class="btn-check" name="fntradio" id="font-lg"> <label class="btn btn-xs btn-outline-primary mb-0" for="font-lg">A+</label> </div>  <div class="nav-item dropdown mx-2">  <button class="modeswitch" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static"> <svg class="theme-icon-active"><use href="#"></use></svg> </button>  <ul class="dropdown-menu min-w-auto dropdown-menu-end" aria-labelledby="bd-theme"> <li class="mb-1"> <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light"> <svg width="16" height="16" fill="currentColor" class="bi bi-brightness-high-fill fa-fw mode-switch me-1" viewBox="0 0 16 16"> <path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" /> <use href="#"></use> </svg>Light </button> </li> <li class="mb-1"> <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="dark"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars-fill fa-fw mode-switch me-1" viewBox="0 0 16 16"> <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" /> <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z" /> <use href="#"></use> </svg>Dark </button> </li> <li> <button type="button" class="dropdown-item d-flex align-items-center " data-bs-theme-value="auto"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half fa-fw mode-switch me-1" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" /> <use href="#"></use> </svg>Auto </button> </li> </ul> </div>  <ul class="nav"> <li class="nav-item"> <a class="nav-link px-2 fs-5" href="https://twitter.com/BlockchainNewsM"><i class="fab fa-twitter-square"></i></a> </li> <li class="nav-item"> <a class="nav-link px-2 fs-5" href="https://www.linkedin.com/company/blockchainnewsbn/"><i class="fab fa-linkedin"></i></a> </li> </ul> </div>  <div class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" id="languageSwitcher" data-bs-toggle="dropdown" aria-expanded="false"> Language </a> <ul class="dropdown-menu" aria-labelledby="languageSwitcher"> <li><a class="dropdown-item" href="/zh">中文</a></li> <li><a class="dropdown-item" href="/">English</a></li> </ul> </div> </div>  <div class="border-bottom border-2 border-primary opacity-1"></div> </div> </div>  <div class="navbar-top-mobile d-lg-none"> <div class="container"> <div class="d-flex justify-content-around align-items-center py-2 border-bottom">  <a class="nav-link small" href="/About">About</a>  <a class="nav-link small" href="/Advertisement">Advertisement</a>  <div class="nav-item dropdown"> <button class="modeswitch nav-link p-0" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half fa-fw mode-switch" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" /> </svg> </button> <ul class="dropdown-menu min-w-auto dropdown-menu-end" aria-labelledby="bd-theme"> <li class="mb-1"> <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light"> <svg width="16" height="16" fill="currentColor" class="bi bi-brightness-high-fill fa-fw mode-switch me-1" viewBox="0 0 16 16"> <path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" /> </svg>Light </button> </li> <li class="mb-1"> <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="dark"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars-fill fa-fw mode-switch me-1" viewBox="0 0 16 16"> <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" /> <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z" /> </svg>Dark </button> </li> <li> <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half fa-fw mode-switch me-1" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" /> </svg>Auto </button> </li> </ul> </div>  <div class="nav d-flex align-items-center"> <a class="nav-link px-2 fs-5" href="https://twitter.com/BlockchainNewsM"> <i class="fab fa-twitter-square"></i> </a> <a class="nav-link px-2 fs-5" href="https://www.linkedin.com/company/blockchainnewsbn/"> <i class="fab fa-linkedin"></i> </a> </div>  <div class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="languageSwitcher" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> English </a> <ul class="dropdown-menu" aria-labelledby="languageSwitcher"> <li><a class="dropdown-item" href="/zh">中文</a></li> <li><a class="dropdown-item" href="/">English</a></li> </ul> </div>  <a class="nav-link small" href="/Identity/Account/Login">Login</a> </div> </div> </div>  <nav class="navbar navbar-expand-lg"> <div class="container">  <a class="navbar-brand" href="/"> <img class="navbar-brand-item light-mode-item" src="https://image.blockchain.news/sharedimage/blockchain_Logo_black-02%20.jpg" alt="Blockchain.News Logo"> <img class="navbar-brand-item dark-mode-item" src="https://image.blockchain.news/sharedimage/blockchain_Logo_black-02%20.jpg" alt="Blockchain.News Logo"> </a>   <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="text-body h6 d-none d-sm-inline-block">Menu</span> <span class="navbar-toggler-icon"></span> </button>  <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="navbar-nav navbar-nav-scroll mx-auto">  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="pagesMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">News</a> <ul class="dropdown-menu" aria-labelledby="pagesMenu">  <li class="dropdown-submenu dropend"> <a class="dropdown-item dropdown-toggle" href="#">Crypto News</a> <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none"> <li><a class="dropdown-item" href="/tag/Bitcoin">Bitcoin News</a></li> <li><a class="dropdown-item" href="/tag/Ethereum">Ethereum News</a></li> <li><a class="dropdown-item" href="/tag/Cardano">Cardano News</a></li> <li><a class="dropdown-item" href="/tag/Ripple">Ripple News</a></li> <li><a class="dropdown-item" href="/tag/SHIB">SHIB News</a></li> <li><a class="dropdown-item" href="/tag/Stablecoin">Stablecoin News</a></li> <li><a class="dropdown-item" href="/tag/CBDC">CBDC News</a></li> <li><a class="dropdown-item" href="/tag/DeFi">DeFi News</a></li> </ul> </li>  <li class="dropdown-submenu dropend"> <a class="dropdown-item dropdown-toggle" href="#">Industry News</a> <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none"> <li><a class="dropdown-item" href="/tag/NFT">NFT News</a></li> <li><a class="dropdown-item" href="/tag/Web3">Web3 News</a></li> <li><a class="dropdown-item" href="/tag/Metaverse">Metaverse News</a></li> <li><a class="dropdown-item" href="/tag/exchange">Exchange News</a></li> </ul> </li>  <li class="dropdown-submenu dropend"> <a class="dropdown-item dropdown-toggle" href="#">AI</a> <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none"> <li><a class="dropdown-item" href="/tag/AI">AI News</a></li> <li><a class="dropdown-item" href="/tag/ChatGPT">ChatGPT News</a></li> </ul> </li> </ul> </li>  <li class="nav-item"> <a class="nav-link" href="/price">Price</a></li>  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="postMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Hot AI Tools</a> <ul class="dropdown-menu" aria-labelledby="postMenu"> <li><a class="dropdown-item" href="/ai/elevenlabs">ElevenLabs</a></li> <li><a class="dropdown-item" href="/ai/stockimg-ai">Stockimg AI</a></li> <li><a class="dropdown-item" href="/ai/unscreen">Unscreen</a></li> <li><a class="dropdown-item" href="/ai/civitai">Civitai</a></li> <li><a class="dropdown-item" href="/ai/promptchan-ai">Promptchan AI</a></li> <li><a class="dropdown-item" href="/ai/crushon">Crushon AI</a></li> <li><a class="dropdown-item" href="/ai/candy-ai">Candy AI</a></li> <li><a class="dropdown-item" href="/ai/tavernai">TavernAI</a></li> <li><a class="dropdown-item" href="/ai/pfpmaker">PFPMaker</a></li> <li><a class="dropdown-item" href="/ai/fakeyou">FakeYou</a></li> <li><a class="dropdown-item" href="/ai/deepswap">DeepSwap</a></li> </ul> </li>  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="postMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">AI Category</a> <ul class="dropdown-menu" aria-labelledby="postMenu"> <li><a class="dropdown-item" href="/ai">AI Homepage</a></li> <li><a class="dropdown-item" href="/ai/chatbot">Chatbot</a></li> <li><a class="dropdown-item" href="/ai/video-generator">Video Generator</a></li>  <li class="dropdown-submenu dropend"> <a class="dropdown-item dropdown-toggle" href="#">AI Image</a> <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none"> <li><a class="dropdown-item" href="/ai/image-generator">Image Generator</a></li> <li><a class="dropdown-item" href="/ai/image-enhancer">Image Enhancer</a></li> <li><a class="dropdown-item" href="/ai/image-editor">Image Editor</a></li> <li><a class="dropdown-item" href="/ai/stable-diffusion">Stable Diffusion</a></li> </ul> </li>  <li class="dropdown-submenu dropend"> <a class="dropdown-item dropdown-toggle" href="#">AI Audio</a> <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none"> <li><a class="dropdown-item" href="/ai/voice">Voice</a></li> <li><a class="dropdown-item" href="/ai/music-generator">Music Generator</a></li> </ul> </li>  <li class="dropdown-submenu dropend"> <a class="dropdown-item dropdown-toggle" href="#">NSFW AI</a> <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none"> <li><a class="dropdown-item" href="/ai/nsfw-character-ai-category">NSFW Character AI</a></li> <li><a class="dropdown-item" href="/ai/nsfw-chatbot">NSFW Chatbot</a></li> <li><a class="dropdown-item" href="/ai/nsfw-ai-image-generator">NSFW AI Image Generator</a></li> <li><a class="dropdown-item" href="/ai/ai-clothes-remover">AI clothes remover</a></li> <li><a class="dropdown-item" href="/ai/sexting">Sexting</a></li> <li><a class="dropdown-item" href="/ai/nsfw">All NSFW AI</a></li> </ul> </li>  <li class="dropdown-submenu dropend"> <a class="dropdown-item dropdown-toggle" href="#">AI Text</a> <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none"> <li><a class="dropdown-item" href="/ai/text-generator">Text Generator</a></li> <li><a class="dropdown-item" href="/ai/ai-detector">AI Detector</a></li> <li><a class="dropdown-item" href="/ai/summarizer">Summarizer</a></li> <li><a class="dropdown-item" href="/ai/poem-generator">AI Poem Generator</a></li> <li><a class="dropdown-item" href="/ai/plagiarism-checker">Plagiarism Checker</a></li> <li><a class="dropdown-item" href="/ai/ppt-summarizer">PPT Summarizer</a></li> <li><a class="dropdown-item" href="/ai/ai-paraphraser">AI Paraphraser</a></li> </ul> </li>  <li class="dropdown-submenu dropend"> <a class="dropdown-item dropdown-toggle" href="/ai/character">AI Character</a> <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none"> <li><a class="dropdown-item" href="/ai/ai-girlfriend">AI Girlfriend</a></li> <li><a class="dropdown-item" href="/ai/ai-boyfriend">AI Boyfriend</a></li> <li><a class="dropdown-item" href="/ai/waifu-generator">Waifu Generator</a></li> </ul> </li> <li><a class="dropdown-item" href="/ai/text-to-speech">Text to Speech</a></li>  <li class="dropdown-submenu dropend"> <a class="dropdown-item dropdown-toggle" href="/ai/educational">Educational</a> <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none"> <li><a class="dropdown-item" href="/ai/homework">Homework</a></li> <li><a class="dropdown-item" href="/ai/language-learning">Language Learning</a></li> </ul> </li> <li><a class="dropdown-item" href="/ai/search">AI Search</a></li> <li><a class="dropdown-item" href="/ai/job-and-career">Job and Career</a></li>  <li class="dropdown-submenu dropend"> <a class="dropdown-item dropdown-toggle" href="#">Productivity</a> <ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none"> <li><a class="dropdown-item" href="/ai/seo">SEO</a></li> <li><a class="dropdown-item" href="/ai/coding">Coding</a></li> </ul> </li> <li><a class="dropdown-item" href="/ai/ai-agent">AI Agent</a></li> <li><a class="dropdown-item" href="/ai/ai-prompt">AI Prompt</a></li> <li><a class="dropdown-item" href="/ai/category">ALL AI Categories</a></li> </ul> </li>  <li class="nav-item flashnews-item"> <a class="nav-link" href="/flashnews">FlashNews <span class="hot-label cyberpunk-glow">HOT</span> </a> </li>  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="postMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Press Release</a> <ul class="dropdown-menu" aria-labelledby="postMenu"> <li><a class="dropdown-item" href="/press release">Press Release</a></li> <li> <a class="dropdown-item" href="/Opinion">Opinion</a> </li> <li><a class="dropdown-item" href="/prnewswire">PR Newswire</a></li> <li><a class="dropdown-item" href="/businesswire">Business Wire</a></li> </ul> </li>  <li class="nav-item"> <a class="nav-link" href="/interview">Interview</a></li>  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="otherDropdownEn" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Others </a> <ul class="dropdown-menu" aria-labelledby="otherDropdownEn"> <li><a class="dropdown-item" href="/analysis">Analysis</a></li> <li><a class="dropdown-item" href="/wiki">Wiki</a></li> <li><a class="dropdown-item" href="/learn">Learn</a></li> </ul> </li> </ul> </div>   <div class="nav flex-nowrap align-items-center"> <div class="nav-item dropdown dropdown-toggle-icon-none nav-search"> <a class="nav-link dropdown-toggle" role="button" href="#" id="navSearch" data-bs-toggle="dropdown" aria-expanded="false"> <i class="bi bi-search fs-4"></i> </a> <div class="dropdown-menu dropdown-menu-end shadow rounded p-2" aria-labelledby="navSearch"> <form class="input-group" action="/search" method="GET" id="searchForm"> <input class="form-control border-success" type="search" placeholder="Search" aria-label="Search" name="searchStr" id="searchInput"> <button class="btn btn-success m-0" type="submit">Search</button> </form> </div> </div> </div>  </div> </nav>  </header>   <main id="main">  <div class="ai-assistant-trigger position-fixed d-flex align-items-center justify-content-center"> <div class="position-relative d-inline-block"> <a href="#" class="btn ai-button" data-bs-toggle="modal" data-bs-target="#chatModal"> <svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M12 1L12 3" stroke="#00F0FF" stroke-width="1.5" stroke-linecap="round" /> <path d="M10 3L14 3" stroke="#00F0FF" stroke-width="1.5" stroke-linecap="round" />  <rect x="6" y="4" width="12" height="10" rx="2" fill="#1A1A1A" stroke="#00F0FF" stroke-width="1.5" />  <circle cx="9" cy="9" r="1.5" fill="#00F0FF"> <animate attributeName="opacity" values="1;0.5;1" dur="2s" repeatCount="indefinite" /> </circle> <circle cx="15" cy="9" r="1.5" fill="#00F0FF"> <animate attributeName="opacity" values="1;0.5;1" dur="2s" repeatCount="indefinite" /> </circle>  <path d="M8 14L8 19" stroke="#00F0FF" stroke-width="1.5" stroke-linecap="round" /> <path d="M16 14L16 19" stroke="#00F0FF" stroke-width="1.5" stroke-linecap="round" /> <path d="M6 20L10 20" stroke="#00F0FF" stroke-width="1.5" stroke-linecap="round" /> <path d="M14 20L18 20" stroke="#00F0FF" stroke-width="1.5" stroke-linecap="round" />  <path d="M4 8L2 8" stroke="#00F0FF" stroke-width="1.5" stroke-linecap="round"> <animate attributeName="opacity" values="1;0;1" dur="1s" repeatCount="indefinite" /> </path> <path d="M22 8L20 8" stroke="#00F0FF" stroke-width="1.5" stroke-linecap="round"> <animate attributeName="opacity" values="1;0;1" dur="1s" repeatCount="indefinite" /> </path> </svg> </a> <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger animate-pulse"> NEW </span> </div> </div>  <title>What is Yodayo? | Blockchain.News</title> <style> :root { --primary-color: #00f7ff; --secondary-color: #0051ff; --accent-color: #ff00f7; --dark-bg: #0a0a0a; --light-bg: #ffffff; --card-bg-dark: rgba(16, 16, 16, 0.8); --card-bg-light: rgba(255, 255, 255, 0.9); --border-glow: 0 0 10px rgba(0, 247, 255, 0.3); --text-glow: 0 0 10px rgba(0, 247, 255, 0.5); --text-dark: #ffffff; --text-light: #1a1a1a; } /* 主容器样式 */ .ai-tool-container { padding: 2rem; min-height: 100vh; border-radius: 16px; margin-bottom: 2rem; } /* 暗色主题 */ [data-bs-theme="dark"] .ai-tool-container { background: var(--card-bg-dark); backdrop-filter: blur(20px); border: 1px solid rgba(0, 247, 255, 0.1); color: var(--text-dark); } /* 亮色主题 */ [data-bs-theme="light"] .ai-tool-container { background: var(--card-bg-light); backdrop-filter: blur(20px); border: 1px solid rgba(0, 81, 255, 0.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); color: var(--text-light); } /* 图片相关样式 */ .ai-tool-figure { margin-bottom: 2rem; position: relative; } .ai-tool-image-wrapper { position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .ai-tool-image { width: 100%; height: auto; transition: transform 0.3s ease; } .ai-tool-image:hover { transform: scale(1.02); } /* 内容区域样式 */ .ai-tool-content { padding: 1rem 0; } /* 描述部分样式 */ .ai-tool-description { padding: 1.5rem; background: rgba(255, 255, 255, 0.05); border-radius: 12px; margin-bottom: 2rem; border: 1px solid rgba(0, 247, 255, 0.1); } [data-bs-theme="dark"] .ai-tool-description { background: rgba(0, 0, 0, 0.2); } .ai-tool-description p { line-height: 1.8; margin-bottom: 1rem; text-align: justify; hyphens: auto; word-break: break-word; letter-spacing: 0.3px; } /* Wiki 内容样式 */ .ai-tool-wiki { padding: 1.5rem; background: rgba(255, 255, 255, 0.05); border-radius: 12px; margin-bottom: 2rem; border: 1px solid rgba(0, 247, 255, 0.1); } [data-bs-theme="dark"] .ai-tool-wiki { background: rgba(0, 0, 0, 0.2); } /* 标题样式 */ [data-bs-theme="dark"] .ai-tool-heading { background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: var(--text-glow); } [data-bs-theme="light"] .ai-tool-heading { background: linear-gradient(45deg, var(--secondary-color), #0066cc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ai-tool-heading { font-size: 2rem; margin: 2rem 0; font-weight: bold; padding-bottom: 0.5rem; border-bottom: 2px solid var(--primary-color); } /* ai-tool-wiki 中 h2 的样式 */ [data-bs-theme="dark"] .ai-tool-wiki h2 { background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: var(--text-glow); font-size: 2rem; margin: 2rem 0; font-weight: bold; padding-bottom: 0.5rem; border-bottom: 2px solid var(--primary-color); } [data-bs-theme="light"] .ai-tool-wiki h2 { background: linear-gradient(45deg, var(--secondary-color), #0066cc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 2rem; margin: 2rem 0; font-weight: bold; padding-bottom: 0.5rem; border-bottom: 2px solid var(--secondary-color); } /* 价格方案样式 */ .ai-tool-plan { padding: 1.5rem; background: rgba(255, 255, 255, 0.05); border-radius: 12px; margin-bottom: 2rem; border: 1px solid rgba(0, 247, 255, 0.1); } [data-bs-theme="dark"] .ai-tool-plan { background: rgba(0, 0, 0, 0.2); } /* FAQ 样式 */ .ai-tool-faq { padding: 1.5rem; background: rgba(255, 255, 255, 0.05); border-radius: 12px; margin-bottom: 2rem; border: 1px solid rgba(0, 247, 255, 0.1); } [data-bs-theme="dark"] .ai-tool-faq { background: rgba(0, 0, 0, 0.2); } /* 通用内容样式 */ .ai-tool-wiki p, .ai-tool-plan p, .ai-tool-faq p { line-height: 1.8; margin-bottom: 1rem; text-align: justify; hyphens: auto; word-break: break-word; letter-spacing: 0.3px; } /* 悬停效果 */ .ai-tool-description:hover, .ai-tool-wiki:hover, .ai-tool-plan:hover, .ai-tool-faq:hover { transform: translateY(-2px); transition: transform 0.3s ease; box-shadow: 0 6px 20px rgba(0, 81, 255, 0.1); } /* 动画效果 */ .ai-tool-container { animation: fadeIn 0.5s ease-in-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* 响应式调整 */ @media (max-width: 768px) { .ai-tool-container { padding: 1rem; } .ai-tool-description, .ai-tool-wiki, .ai-tool-plan, .ai-tool-faq { padding: 1rem; } .ai-tool-heading { font-size: 1.5rem; margin: 1.5rem 0; } } /* 确保最后一行不会被强制拉伸 */ .ai-tool-description p:last-child, .ai-tool-wiki p:last-child, .ai-tool-plan p:last-child, .ai-tool-faq p:last-child { text-align-last: left; } /* 优化段落间距 */ .ai-tool-description p:not(:last-child), .ai-tool-wiki p:not(:last-child), .ai-tool-plan p:not(:last-child), .ai-tool-faq p:not(:last-child) { margin-bottom: 1.2rem; } </style>  <main>  <div class="border-bottom border-primary border-1 opacity-1"></div>  <section class="pt-4"> <div class="container"> <div class="row"> <div class="col-12"> <div class="bg-success bg-opacity-10 text-center rounded-3 p-4"> <h1 class="text-success">Yodayo</h1> <h6>Website: <a href="https://yodayo.com/" target="_blank">https://yodayo.com/</a></h6> <h6>Also Known for: Yodayo AI, Yodayo AI Generator</h6> <ul class="list-inline"> <li class="list-inline-item"><a href="/ai/chatbot" class="btn btn-sm btn-primary-soft">Chatbot</a></li> <li class="list-inline-item"><a href="/ai/anime" class="btn btn-sm btn-primary-soft">Anime</a></li> <li class="list-inline-item"><a href="/ai/art-generator" class="btn btn-sm btn-primary-soft">Art Generator</a></li> </ul> </div> </div> </div> </div> </section>   <section class="pt-0"> <div class="container position-relative" data-sticky-container> <div class="row">  <div class="col-lg-2"> <div class="text-start text-lg-center mb-5" data-sticky data-margin-top="80" data-sticky-for="991">  <hr class="d-none d-lg-block">  <ul class="list-inline list-unstyled"> <li class="list-inline-item d-lg-block my-lg-2">Updated:7/20/2024</li> </ul>  </div> </div>    <div class="ai-tool-container col-lg-7 mb-5">  <figure class="ai-tool-figure mt-2"> <div class="ai-tool-image-wrapper"> <img src="https://aiaitool.blob.core.windows.net/homeimage/yodayo_com.png" class="ai-tool-image rounded" alt="Yodayo Homepage Image" loading="lazy" onerror="this.style.display='none';" /> </div> </figure>  <div class="ai-tool-content"> <div class="ai-tool-wiki"> <h2>Overview of Yodayo: AI-powered creative platform for anime and VTuber fans</h2> <p>Yodayo is an innovative AI-enabled creative platform designed specifically for anime enthusiasts, VTuber fans, and digital content creators. Launched in 2023, Yodayo combines advanced AI technologies to offer a unique suite of tools for generating anime-style art, engaging in character-based conversations, and fostering a community of like-minded creators. The platform's core features include AI art generation, AI chatbots, and a social network tailored to the interests of anime and VTuber culture.</p> <h2>Key Features</h2> <h3>AI Art Generation</h3> <p>Yodayo's AI art generation tool allows users to create anime-style images using text prompts. Key aspects include:</p> <ul> <li>Daily allocation of "yo-beans" (150) for fast image generation</li> <li>Text-to-image functionality with support for detailed prompts and negative prompts</li> <li>Multiple AI models to choose from, each offering different art styles</li> <li>"Spells" feature to help maintain character consistency across generations</li> <li>Options for customizing image dimensions, sampling methods, and other parameters</li> </ul> <h3>AI Chatbots (Tavern)</h3> <p>The Tavern feature allows users to engage in conversations with AI-powered chatbots representing various characters. Notable aspects include:</p> <ul> <li>Pre-made characters or option to create custom characters</li> <li>Character customization using JSON files for easy reuse and sharing</li> <li>Ability to guide conversations and scenarios through user prompts</li> <li>Memory system that retains context within conversation limits</li> </ul> <h3>Social Network</h3> <p>Yodayo incorporates social networking features to connect users with shared interests:</p> <ul> <li>User profiles for showcasing created content</li> <li>Community sharing of AI-generated art and character designs</li> <li>Discussion forums and chat rooms for user interaction</li> </ul> <h2>User Experience and Interface</h2> <p>Yodayo offers a user-friendly interface designed to cater to both newcomers and experienced AI art enthusiasts:</p> <ul> <li>Web-based platform accessible via desktop browsers</li> <li>Mobile app available for Android devices</li> <li>Intuitive controls for art generation and chatbot interactions</li> <li>Gallery feature for browsing and saving created content</li> </ul> <h2>Technology and AI Models</h2> <p>While specific details about Yodayo's underlying technology are not publicly disclosed, the platform utilizes various AI models and techniques:</p> <ul> <li>Text-to-image generation models trained on anime and manga art styles</li> <li>Natural language processing for chatbot interactions</li> <li>Customizable AI parameters for fine-tuning output</li> </ul> <h2>Pricing and Access</h2> <p>Yodayo operates on a freemium model:</p> <ul> <li>Free tier with daily allocation of "yo-beans" for image generation</li> <li>Premium subscriptions (YoBeans Packages) for increased usage and features</li> <li>Pay-per-use options for additional image generations</li> </ul> <h2>Community and Support</h2> <p>Yodayo fosters an active community through various channels:</p> <ul> <li>Official Discord server for user discussions and support</li> <li>YouTube channel featuring tutorials and showcases</li> <li>Social media presence on platforms like Twitter and Instagram</li> <li>User-generated guides and tutorials shared within the community</li> </ul> <h2>Usage Tips and Best Practices</h2> <h3>AI Art Generation</h3> <ul> <li>Use comma-separated keywords in prompts, placing most important elements first</li> <li>Utilize negative prompts to exclude unwanted elements</li> <li>Experiment with different AI models to find preferred art styles</li> <li>Use the "Spells" feature for maintaining character consistency</li> <li>Adjust seed values to generate variations of the same prompt</li> </ul> <h3>Chatbot Interactions</h3> <ul> <li>Keep initial character descriptions concise to allow for longer conversations</li> <li>Use asterisks (*) to denote actions or internal thoughts</li> <li>Guide the conversation by providing context and hints to the AI</li> <li>Utilize the regeneration option if responses are unsatisfactory</li> <li>Save important conversations manually, as there's no built-in export function</li> </ul> <h2>Limitations and Considerations</h2> <p>Users should be aware of certain limitations when using Yodayo:</p> <ul> <li>AI-generated content may sometimes produce unexpected or inconsistent results</li> <li>Image generation quality can vary based on prompt complexity and chosen model</li> <li>Chatbot conversations have memory limitations and may lose context in long interactions</li> <li>The platform's content policies restrict certain types of explicit or offensive material</li> </ul> <h2>Future Developments</h2> <p>Yodayo continues to evolve, with recent updates and potential future enhancements including:</p> <ul> <li>Redesigned homepage and user interface improvements</li> <li>Introduction of video-related features (as of June 2024 update)</li> <li>Ongoing refinements to AI models for improved output quality</li> <li>Expansion of social networking and community features</li> </ul> <h2>Conclusion</h2> <p>Yodayo offers a comprehensive platform for anime and VTuber enthusiasts to explore AI-powered creativity. By combining art generation, character interactions, and community features, it provides a unique space for fans to engage with and create content inspired by their favorite media. While the platform has limitations and occasionally produces unexpected results, its ongoing development and active community make it a notable player in the AI-assisted creative space for anime-style content.</p> </div> </div> </div>   <div class="col-lg-3 mt-5 mt-lg-0"> <div data-sticky="" data-margin-top="80" data-sticky-for="767" style="position: fixed; width: 285px; left: 1078px; top: 80px;">    <div> <h4 class="mt-4 mb-3">Trending topics</h4>  <div class="text-center mb-3 card-bg-scale position-relative overflow-hidden rounded bg-dark-overlay-4 " style="background-image:url(/bn/images/blog/4by3/01.jpg); background-position: center left; background-size: cover;"> <div class="p-3"> <a href="/tag/ChatGPT" class="stretched-link btn-link fw-bold text-white h5">ChatGPT</a> </div> </div>  <div class="text-center mb-3 card-bg-scale position-relative overflow-hidden rounded" style="background-image:url(/bn/images/blog/4by3/02.jpg); background-position: center left; background-size: cover;"> <div class="bg-dark-overlay-4 p-3"> <a href="/search/claude" class="stretched-link btn-link fw-bold text-white h5">Claude</a> </div> </div>  <div class="text-center mb-3 card-bg-scale position-relative overflow-hidden rounded" style="background-image:url(/bn/images/blog/4by3/03.jpg); background-position: center left; background-size: cover;"> <div class="bg-dark-overlay-4 p-3"> <a href="/ai/video-generator" class="stretched-link btn-link fw-bold text-white h5">AI video Generator</a> </div> </div>  <div class="text-center mb-3 card-bg-scale position-relative overflow-hidden rounded" style="background-image:url(/bn/images/blog/4by3/04.jpg); background-position: center left; background-size: cover;"> <div class="bg-dark-overlay-4 p-3"> <a href="/ai/NSFW" class="stretched-link btn-link fw-bold text-white h5">NSFW</a> </div> </div>  <div class="text-center mb-3 card-bg-scale position-relative overflow-hidden rounded" style="background-image:url(/bn/images/blog/4by3/05.jpg); background-position: center left; background-size: cover;"> <div class="bg-dark-overlay-4 p-3"> <a href="/search/AGI" class="stretched-link btn-link fw-bold text-white h5">AGI</a> </div> </div>  </div>  </div> </div>  </div> </div> </section> <section class="position-relative pt-0"> <div class="container"> <h2 class="m-0"><i class="bi bi-megaphone"></i> Related Tools</h2> <div class="row">  <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/kinky-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/kinky_chat.png" alt="Kinky AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/kinky-ai" class="btn-link text-reset fw-bold">Kinky AI</a></h4> <p class="card-text">Kinky AI is an artificial intelligence-powered chatbot designed for adults to engage in erotic conversations and generate suggestive content. It aims ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/spicychat-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/spicychat_ai.png" alt="SpicyChat AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/spicychat-ai" class="btn-link text-reset fw-bold">SpicyChat AI</a></h4> <p class="card-text">SpicyChat AI is an artificial intelligence-powered chat application that allows users to engage in roleplay conversations with AI characters. Develope ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/charhub-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/charhub_ai.png" alt="CharHub AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/charhub-ai" class="btn-link text-reset fw-bold">CharHub AI</a></h4> <p class="card-text">CharHub AI is an online platform that allows users to create, customize, and interact with AI-powered characters without censorship or restrictions. L ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/moemate"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/moemate_io.png" alt="Moemate image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/moemate" class="btn-link text-reset fw-bold">Moemate</a></h4> <p class="card-text">Moemate is an AI-powered character chat application that allows users to interact with virtual AI companions. Developed by Webaverse, Inc., Moemate of ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/chatgot"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/chatgot_io.png" alt="Chatgot image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/chatgot" class="btn-link text-reset fw-bold">Chatgot</a></h4> <p class="card-text">Chatgot is an innovative AI-powered chat platform that provides users with access to multiple AI assistants in one centralized interface. Launched in ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/waifu-labs"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/waifulabs_com.png" alt="Waifu Labs image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/waifu-labs" class="btn-link text-reset fw-bold">Waifu Labs</a></h4> <p class="card-text">Waifu Labs, developed by Sizigi Studios, a creative team of MIT researchers and artists, is revolutionizing the world of anime art with its state-of-t ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/chai-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/chai-research_com.png" alt="Chai AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/chai-ai" class="btn-link text-reset fw-bold">Chai AI</a></h4> <p class="card-text">Chai AI is a messaging platform that uses artificial intelligence to create interactive chatbots, providing a human-like conversational experience. Th ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/nightcafe"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/nightcafe_studio.png" alt="NightCafe image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/nightcafe" class="btn-link text-reset fw-bold">NightCafe</a></h4> <p class="card-text">NightCafe Creator is an application facilitating the creation of AI-generated art, especially NFT art, through multiple machine learning algorithms. I ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/nsfw-art-generator"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/nsfwartgenerator_ai.png" alt="NSFW Art Generator image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/nsfw-art-generator" class="btn-link text-reset fw-bold">NSFW Art Generator</a></h4> <p class="card-text">The NSFW Art Generator is an innovative AI tool that allows users to generate not safe for work (NSFW) art. This powerful tool utilizes advanced artif ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/crushon"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/crushon_ai.png" alt="Crushon image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/crushon" class="btn-link text-reset fw-bold">Crushon</a></h4> <p class="card-text">CrushOn.AI is an artificial intelligence-powered character roleplay and chat application developed by Peekaboo Game Limited. Launched in 2023, the app ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/scribblediffusion"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/scribblediffusion_com.png" alt="Scribble Diffusion image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/scribblediffusion" class="btn-link text-reset fw-bold">Scribble Diffusion</a></h4> <p class="card-text"></p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/chatgpt"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/chat_openai_com.png" alt="ChatGPT image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/chatgpt" class="btn-link text-reset fw-bold">ChatGPT</a></h4> <p class="card-text">ChatGPT is a language model developed by OpenAI. It's trained on a diverse range of internet text up to a certain point, making it capable of generati ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/bottr"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/bottr_me.png" alt="Bottr.me image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/bottr" class="btn-link text-reset fw-bold">Bottr.me</a></h4> <p class="card-text">Bottr.me is an artificial intelligence-powered platform that enables users to create personalized virtual assistants, companions, and chatbots.</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/muah-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/muah_ai.png" alt="Muah AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/muah-ai" class="btn-link text-reset fw-bold">Muah AI</a></h4> <p class="card-text">Muah AI is an AI-driven NSFW platform that simulates interactive relationships with virtual companions. It uses advanced algorithms and Natural Langua ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/candy-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/candy_ai.png" alt="Candy AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/candy-ai" class="btn-link text-reset fw-bold">Candy AI</a></h4> <p class="card-text">Candy AI is an artificial intelligence platform that allows users to create and interact with customizable AI companions.</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/oniichat"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/dittin_ai.png" alt="Oniichat image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/oniichat" class="btn-link text-reset fw-bold">Oniichat</a></h4> <p class="card-text">Oniichat is an AI-powered chat platform that allows users to interact with virtual anime-style characters, often referred to as "waifus". The platform ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/nijijourney"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/nijijourney_com.png" alt="niji・journey image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/nijijourney" class="btn-link text-reset fw-bold">niji・journey</a></h4> <p class="card-text">niji・journey is an AI-powered art generation application that specializes in creating anime-style illustrations and artwork. Developed by Spellbrush i ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/charfriend"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/charfriend_com.png" alt="CharFriend image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/charfriend" class="btn-link text-reset fw-bold">CharFriend</a></h4> <p class="card-text">CharFriend is a free online platform that provides unrestricted, NSFW (Not Safe For Work) AI character chat experiences without filters. It allows use ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/artguru"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/artguru_ai.png" alt="Artguru image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/artguru" class="btn-link text-reset fw-bold">Artguru</a></h4> <p class="card-text">Artguru is a cutting-edge online platform that harnesses artificial intelligence to transform text descriptions and images into unique digital artwork ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/langotalk"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/langotalk_org.png" alt="Langotalk image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/langotalk" class="btn-link text-reset fw-bold">Langotalk</a></h4> <p class="card-text"></p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/character-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/character_ai.png" alt="Character AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/character-ai" class="btn-link text-reset fw-bold">Character AI</a></h4> <p class="card-text">Character.ai, also known as c.ai or Character AI, is a platform that allows users to create and interact with AI-driven characters. It uses a neural l ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/joyland-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/joyland_ai.png" alt="Joyland AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/joyland-ai" class="btn-link text-reset fw-bold">Joyland AI</a></h4> <p class="card-text">Joyland AI is an innovative artificial intelligence platform that enables users to create, interact with, and craft stories around AI-powered characte ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/dittin"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/dittin_ai.png" alt="Dittin AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/dittin" class="btn-link text-reset fw-bold">Dittin AI</a></h4> <p class="card-text">Dittin AI is an advanced artificial intelligence chatbot platform that offers unrestricted conversations and roleplaying experiences. Unlike many othe ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/onlyrizz"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/onlyrizz_ai.png" alt="OnlyRizz image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/onlyrizz" class="btn-link text-reset fw-bold">OnlyRizz</a></h4> <p class="card-text">OnlyRizz is an AI-powered platform that allows users to create, customize, and interact with virtual girlfriends. Launched in 2024, OnlyRizz aims to p ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/deepai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/deepai_org.png" alt="DeepAI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/deepai" class="btn-link text-reset fw-bold">DeepAI</a></h4> <p class="card-text">DeepAI is a technology company that provides artificial intelligence tools and services for creative and development purposes.</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/janitor-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/janitorai_com.png" alt="JanitorAI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/janitor-ai" class="btn-link text-reset fw-bold">JanitorAI</a></h4> <p class="card-text">JanitorAI is an artificial intelligence-powered character chatbot platform that allows users to interact with a wide variety of AI-generated character ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/poe"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/poe_com.png" alt="Poe image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/poe" class="btn-link text-reset fw-bold">Poe</a></h4> <p class="card-text">Poe is an advanced AI chat tool that offers fast and helpful chat services to users. With Poe, you can engage in conversations with various AI models, ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/nsfw-art-generator"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/nsfwartgenerator_ai.png" alt="NSFW Art Generator image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/nsfw-art-generator" class="btn-link text-reset fw-bold">NSFW Art Generator</a></h4> <p class="card-text">The NSFW Art Generator is an advanced platform that merges the power of artificial intelligence with human creativity to produce high-quality NSFW ero ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/gencraft"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/gencraft_com.png" alt="Gencraft image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/gencraft" class="btn-link text-reset fw-bold">Gencraft</a></h4> <p class="card-text">Gencraft is an artificial intelligence-powered art generation platform that allows users to create unique digital images and videos from text prompts ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/craiyon"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/craiyon_com.png" alt="Craiyon image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/craiyon" class="btn-link text-reset fw-bold">Craiyon</a></h4> <p class="card-text">Craiyon, previously known as DALL-E Mini, is an innovative AI art generator that empowers users to create art, illustrations, and images from textual ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/chatfai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/chatfai_com.png" alt="ChatFAI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/chatfai" class="btn-link text-reset fw-bold">ChatFAI</a></h4> <p class="card-text">ChatFAI is an AI-powered platform that allows users to engage in dialogue with characters from various media, such as movies, TV shows, and books. It ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/askyourpdf"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/askyourpdf_com.png" alt="AskYourPDF image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/askyourpdf" class="btn-link text-reset fw-bold">AskYourPDF</a></h4> <p class="card-text"></p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/sakura-fm"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/sakura_fm.png" alt="Sakura FM image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/sakura-fm" class="btn-link text-reset fw-bold">Sakura FM</a></h4> <p class="card-text">Sakura.fm is an innovative AI-powered tool that offers a range of features and functionalities to enhance user experiences in various domains. This wi ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/dopple-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/dopple_ai.png" alt="Dopple AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/dopple-ai" class="btn-link text-reset fw-bold">Dopple AI</a></h4> <p class="card-text">Dopple AI is an artificial intelligence-powered mobile application and web platform that allows users to engage in conversations with virtual characte ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/onlywaifus"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/onlywaifus_ai.png" alt="OnlyWaifus image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/onlywaifus" class="btn-link text-reset fw-bold">OnlyWaifus</a></h4> <p class="card-text">OnlyWaifus.ai is a NSFW AI platform that enables users to generate and personalize virtual waifu characters, including those with hentai themes, witho ...</p>  </div> </div> </div>   <div class="col-sm-6 col-lg-3"> <div class="card mb-4">  <div class="position-relative"> <a href="/ai/hotpot-ai"> <img class="card-img" src="https://aiaitool.blob.core.windows.net/homeimage/hotpot_ai.png" alt="Hotpot AI image" loading="lazy" onerror="this.style.display='none';" /></a> <div class="card-img-overlay d-flex align-items-start flex-column p-3">  </div> </div> <div class="card-body px-0 pt-3"> <h4 class="card-title"><a href="/ai/hotpot-ai" class="btn-link text-reset fw-bold">Hotpot AI</a></h4> <p class="card-text">Hotpot AI is a platform that offers AI-powered tools for content creation and editing, catering to artists, designers, content creators, social media ...</p>  </div> </div> </div>  </div>  </div> </section>    </main>  } <section class="pt-4"> <div class="container"> <div class="row"> <div class="col-lg-9 mx-auto text-center py-5"> <h6 >Best AI Search Experience by University Professors and Industry Experts</h6>  <div class="row"> <div class="col-sm-8 col-md-6 col-lg-5 mx-auto"> <form class="input-group" action="/AI" method="GET"> <input class="form-control form-control-lg border-success" name="search" asp-route-search="search" type="search" placeholder="Search AI with AI" aria-label="Search"> <button class="btn btn-success btn-lg m-0" type="submit"> <span class="d-none d-md-block">Search</span> <i class="d-block d-md-none fas fa-search"></i> </button> </form> </div> </div> </div> </div> </div> </section>  </main>  <footer class="bg-dark pt-5"> <div class="container">  <div class="row pt-3 pb-4"> <div class="col-md-3"> <img src="https://image.blockchain.news/sharedimage/blockchain_Logo_black-02%20.jpg" width="286" height="70" alt="footer logo"> </div> <div class="col-md-5"> <p class="text-body-secondary">Welcome to your premier source for the latest in AI, cryptocurrency, blockchain, and AI search tools—driving tomorrow's innovations today.</p> </div> </div>   <hr>  <div class="row pt-5">  <div class="col-md-6 col-lg-3 mb-4"> <h5 class="mb-4 text-white">Recommended AI tools</h5>  <div class="mb-4 position-relative"> <div><a href="/ai/chatbot" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Chatbot</a></div> <a href="/ai/chatgpt" class="btn-link text-white fw-normal">ChatGPT</a> </div>  </div>  <div class="col-md-6 col-lg-3 mb-4"> <h5 class="mb-4 text-white">ABOUT</h5> <div class="row"> <div class="col-6"> <ul class="nav flex-column text-primary-hover"> <li class="nav-item"><a class="nav-link" href="/about">About US</a></li> <li class="nav-item"><a class="nav-link" href="/Advertisement">Advertisement</a></li> </ul> </div> </div> </div>  <div class="col-sm-6 col-lg-3 mb-4"> <h5 class="mb-4 text-white">Get Regular Updates</h5> <ul class="nav flex-column text-primary-hover"> <li class="nav-item"><a class="nav-link pt-0" href="https://www.linkedin.com/company/blockchainnewsbn/"><i class="fab fa-linkedin"></i> Linkedin</a></li> <li class="nav-item"><a class="nav-link" href="https://twitter.com/BlockchainNewsM"><i class="fab fa-twitter-square"></i> Twitter</a></li> <li class="nav-item"><a class="nav-link" href="#"><i class="far fa-envelope fa-fw me-2"></i>Newsletters</a></li> <li class="nav-item"><a class="nav-link" href="/feed"><i class="far fa-envelope fa-fw me-2"></i>Rss</a></li> </ul> </div>  <div class="col-sm-6 col-lg-3 mb-4"> <h5 class="mb-4 text-white">Disclaimer</h5> <p class="text-body-secondary"> Disclaimer: Blockchain.news provides content for informational purposes only. In no event shall blockchain.news be responsible for any direct, indirect, incidental, or consequential damages arising from the use of, or inability to use, the information provided. This includes, but is not limited to, any loss or damage resulting from decisions made based on the content. Readers should conduct their own research and consult professionals before making financial decisions. </p> </div> </div>   <div class="row"> <h5 class="mb-2 text-white">Hot topics</h5> <ul class="list-inline text-primary-hover lh-lg"> <li class="list-inline-item"><a href="/tag/chatgpt">ChatGPT News</a></li> <li class="list-inline-item"><a href="/ai/nsfw">NSFW</a></li> <li class="list-inline-item"><a href="/search/agi">Artificial General Intelligence</a></li> <li class="list-inline-item"><a href="/tag/bitcoin">Bitcoin</a></li> <li class="list-inline-item"><a href="/tag/ethereum">Ethereum</a></li> <li class="list-inline-item"><a href="/ai/image-generator">Image Generator</a></li> <li class="list-inline-item"><a href="/tag/web3">Web 3.0</a></li> </ul> </div>  </div>  <div class="bg-dark-overlay-3 mt-5"> <div class="container"> <div class="row align-items-center justify-content-md-between py-4"> <div class="col-md-6">  <div class="text-center text-md-start text-primary-hover text-body-secondary"> ©2025 <a href="https://blockchain.news/" class="text-reset btn-link" target="_blank">Blockchain News</a>. All rights reserved </div> </div> <div class="col-md-6 d-sm-flex align-items-center justify-content-center justify-content-md-end">  <div class="dropup me-0 me-sm-3 mt-3 mt-md-0 text-center text-sm-end"> <a class="dropdown-toggle text-primary-hover" href="#" role="button" id="languageSwitcher" data-bs-toggle="dropdown" aria-expanded="false"> Language </a> <ul class="dropdown-menu min-w-auto" aria-labelledby="languageSwitcher"> <li><a class="dropdown-item" href="/zh">中文</a></li> <li><a class="dropdown-item" href="/">English</a></li> </ul> </div>  <ul class="nav text-primary-hover text-center text-sm-end justify-content-center justify-content-center mt-3 mt-md-0"> <li class="nav-item"><a class="nav-link" href="/termsandconditions">Terms</a></li> <li class="nav-item"><a class="nav-link" href="/privacy">Privacy</a></li> <li class="nav-item"><a class="nav-link pe-0" href="#">Cookies</a></li> </ul> </div> </div> </div> </div>  </footer>   <div class="back-top"><i class="bi bi-arrow-up-short"></i></div>   <script src="/bn/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>  <script src="/bn/vendor/tiny-slider/tiny-slider.js"></script> <script src="/bn/vendor/sticky-js/sticky.min.js"></script> <script src="/bn/vendor/vanilla-lazyload/lazyload.min.js"></script> <script src="/assets/js/chatbot.js"></script> <script src="/bn/vendor/langchain/langgraph-sdk/dist/utils/async_caller.js"></script>  <script src="/bn/js/functions.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { document.getElementById('searchForm').addEventListener('submit', function (event) { var bannedWords = ["buy weed", "zachyman", "cannabis", "cocaine", "Xanax", "Live Rosin", "blendzhub"]; var userInput = document.getElementById('searchInput').value.toLowerCase(); for (var i = 0; i < bannedWords.length; i++) { if (userInput.includes(bannedWords[i])) { alert("Your search query contains prohibited terms and has been logged. Please revise your query and try again."); event.preventDefault(); return; // Stop further execution } } }); }); </script> <script type="module"> import { Client } from "https://esm.sh/@langchain/langgraph-sdk@0.0.31"; document.addEventListener('DOMContentLoaded', function () { // 获取元素引用 const messageInput = document.getElementById('messageInput'); const sendButton = document.getElementById('sendButton'); const chatForm = document.getElementById('chatForm'); let messages = []; let isLoading = false; // 确保元素存在 if (!messageInput || !sendButton || !chatForm) { console.error('Required elements not found'); return; } // 启用输入 function enableInput() { messageInput.disabled = false; sendButton.disabled = false; } // 禁用输入 function disableInput() { messageInput.disabled = true; sendButton.disabled = true; } // 添加消息到界面 function addMessage(content, role) { const messagesContainer = document.getElementById('chatMessages'); const messageDiv = document.createElement('div'); messageDiv.classList.add('message', `${role}-message`); messageDiv.textContent = content; messagesContainer.appendChild(messageDiv); messagesContainer.scrollTop = messagesContainer.scrollHeight; } // 初始化聊天客户端 async function initChatClient() { try { const response = await fetch('/api/chat/config'); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const config = await response.json(); return new Client({ apiUrl: config.apiUrl, apiKey: config.apiKey, timeoutMs: 30000, }); } catch (error) { console.error('配置获取错误:', error); throw new Error("无法获取配置信息: " + error.message); } } // 处理提交 async function handleSubmit(e) { if (e) { e.preventDefault(); e.stopPropagation(); } const input = messageInput.value.trim(); if (!input || isLoading) return; // 清空输入并禁用 messageInput.value = ''; disableInput(); isLoading = true; // 添加用户消息 addMessage(input, 'user'); messages.push({ role: 'user', content: input }); // 添加加载指示器 const loadingIndicator = document.createElement('div'); loadingIndicator.classList.add('typing-indicator'); loadingIndicator.innerHTML = '<span></span><span></span><span></span>'; document.getElementById('chatMessages').appendChild(loadingIndicator); try { const client = await initChatClient(); // 获取助手列表 const assistants = await client.assistants.search({ metadata: null, offset: 0, limit: 10, }); // 使用第一个助手 const agent = assistants[0]; // 创建新的对话线程 const thread = await client.threads.create(); // 开始流式响应 const streamResponse = client.runs.stream( thread["thread_id"], agent["assistant_id"], { input: { messages: [{ role: "human", content: input }] }, } ); // 处理流式响应 for await (const chunk of streamResponse) { if (chunk.event === "values") { if (chunk.data.messages.length > 1 && chunk.data.messages[1].type === "ai") { const answer = chunk.data.messages[1].content; // 更新或添加助手消息 const lastMessage = messages[messages.length - 1]; if (lastMessage && lastMessage.role === 'assistant') { lastMessage.content = answer; // 更新DOM中的最后一条消息 const lastMessageElement = document.querySelector('.chat-messages .bot-message:last-child'); if (lastMessageElement) { lastMessageElement.textContent = answer; } } else { messages.push({ role: 'assistant', content: answer }); addMessage(answer, 'bot'); } } } } } catch (error) { console.error('Error:', error); const errorMessage = error instanceof Error ? error.message : '未知错误'; addMessage(`错误: ${errorMessage}`, 'bot'); messages.push({ role: 'assistant', content: `错误: ${errorMessage}` }); } finally { const indicator = document.querySelector('.typing-indicator'); if (indicator) { indicator.remove(); } isLoading = false; enableInput(); } } // 绑定表单提交事件 chatForm.addEventListener('submit', function (e) { // 这里也要阻止默认行为 e.preventDefault(); e.stopPropagation(); handleSubmit(e); }); // 绑定回车键事件 messageInput.addEventListener('keypress', function (e) { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); e.stopPropagation(); handleSubmit(e); } }); // 模态框关闭时清空聊天 const chatModal = document.getElementById('chatModal'); if (chatModal) { chatModal.addEventListener('hidden.bs.modal', function () { const chatMessages = document.getElementById('chatMessages'); if (chatMessages) { chatMessages.innerHTML = ''; } messages = []; messageInput.value = ''; }); } // 初始启用输入 enableInput(); });</script>  <div class="modal fade" id="chatModal" tabindex="-1" aria-labelledby="chatModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="chatModalLabel">AI Chat (Testing)</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="chat-container"> <div class="chat-messages" id="chatMessages">  </div> <div class="chat-input"> <form id="chatForm"> <div class="input-group"> <input type="text" class="form-control" id="messageInput" placeholder="Type your message..."> <button type="submit" class="btn btn-primary" id="sendButton"> Send </button> </div> </form> </div> </div> </div> </div> </div> </div> </body> </html>

CINXE.COM

What is Yodayo? | Blockchain.News