1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<!-- 2026-07-28 (tá»i ưu Performance â Lighthouse "Network dependency tree"/"Avoid chaining 5 critical requests") â preconnect sá»m nhất có thá» tá»i 3 origin ngoà i mà má»i trang Äá»u 6 phải request: Google Fonts CSS (aia2026-fonts, xem functions.php), Google Fonts file font 7 tháºt (luôn á» domain con gstatic khác domain CSS â cần crossorigin vì font tải kiá»u CORS), 8 Google Tag Manager (script ngay dưá»i Äây). Preconnect chá» má» sẵn kết ná»i TCP/TLS TRƯá»C khi 9 trình duyá»t biết cần tải gì từ các domain nà y â rút ngắn 1 vòng DNS+TCP+TLS (~100-300ms 10 tuỳ mạng) khá»i chuá»i request chặn render, không Äá»i bất kỳ hà nh vi tải nà o khác. --> 11<link rel="preconnect" href="https://fonts.googleapis.com"> 12<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 13<link rel="preconnect" href="https://www.googletagmanager.com"> 14<!-- Google Tag Manager â copy nguyên từ production aiavatar.fun (2026-07-20). Container 15 GTM-M4QSZTFS: cùng 1 container Äang chạy GA4 (G-00JTWHXHWS) và Google Ads/Conversion 16 (AW-11327947288) trên site cÅ© â 2 mã nà y ÄÆ°á»£c cấu hình BÃN TRONG GTM (Google Tag/GA4 17 Configuration tag + Google Ads tag), KHÃNG hard-code riêng lẻ trong theme, nên chá» cần 18 gắn Äúng 1 container nà y là tá»± Äá»ng kéo theo cả GA4 lẫn Google Ads. Äặt cà ng cao trong 19 <head> cà ng tá»t theo khuyến nghá» cá»§a Google. Ãp dụng cho Má»I trang, Má»I ngôn ngữ (8/8) vì 20 header.php là template dùng chung, không nằm trong nhánh Äiá»u kiá»n theo ngôn ngữ. -->
21<script>
vendor: 327 bytes, lines 21-25
21(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 22new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 23j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 24'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 25})(window,document,'script','dataLayer','
25GTM-M4QSZTFS
vendor: 3 bytes, line 25
25');
25</script>
25 26<!-- End Google Tag Manager --> 27<meta charset="UTF-8"> 28<!-- 2026-07-23 â Thêm maximum-scale=1.0, user-scalable=no theo yêu cầu chá» Hoa: chặn 29 pinch-zoom trên mobile (trưá»c Äó user có thá» zoom ra là m lá»ch layout). --><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 30 31<!-- Task #15 (2026-07-20) thêm favicon + og:*/twitter:* tay á» Äây khi theme chưa có gì. 32 FIX (2026-07-22, chá» Hoa phát hiá»n) â plugin Rank Math SEO sau Äó ÄÆ°á»£c kÃch hoạt và tá»± in 33 ra bá» og:*/twitter:*/schema riêng qua wp_head() bên dưá»i, ÄẦY ÄỦ hÆ¡n (theo từng trang, từng 34 ngôn ngữ, có noindex/canonical/schema...) â 2 bá» chạy song song gây trùng og:title/ 35 og:description/og:type/twitter:card. Vì tag Äứng TRƯá»C trong <head> thưá»ng ÄÆ°á»£c crawler 36 (Facebook/X/LinkedIn) Äá»c trưá»c, bá» tag tay cÅ© (og:description lấy Tagline chung toà n site, 37 KHÃNG theo từng trang/ngôn ngữ) Äang "thắng" bá» Rank Math Äúng hÆ¡n khi share link. Äã xoá 38 og:site_name/og:type/og:title/og:description/og:url/twitter:card tay á» Äây â Äá» Rank Math là 39 nguá»n DUY NHẤT cho các tag Äó. 40 RIÃNG og:image/twitter:image VẪN giữ lại hardcode á» Äây (không xoá) vì bản Rank Math Äang 41 dùng (free) KHÃNG có setting ảnh mặc Äá»nh toà n site â nếu bá» luôn, má»i trang chưa set ảnh 42 Äại diá»n riêng sẽ hoà n toà n KHÃNG có ảnh khi share link. og:image ưu tiên ảnh Äại diá»n bà i 43 viết (single post) nếu có, còn lại dùng chung OGI_thumbnail.png. --> 44<link rel="icon" type="image/png" href="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/favicon.png"> 45<link rel="apple-touch-icon" href="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/favicon.png"> 46<meta property="og:image" content="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/OGI_thumbnail.png"> 47<meta name="twitter:image" content="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/OGI_thumbnail.png"> 48 49<!-- 2026-07-28 â Google Search Console ownership verification (property https://aiavatar.fun/ 50 Äã tá»n tại sẵn trong Search Console nhưng chưa verify). Äặt thẳng á» Äây theo Äúng quy tắc 51 dá»± án (meta tag â header.php, KHÃNG qua functions.php/wp_head hook) â xem CHà à Ỡ52 header.php cho các tag khác. KHÃNG xoá tag nà y sau khi verify thà nh công (Google yêu cầu 53 giữ nguyên Äá» không mất verification). --> 54<meta name="google-site-verification" content="HmxtVT3qqgQZdXLku124tNopxsnpScx8k9ELFxAiITM" /> 55 56<link rel="alternate" hreflang="en" href="https://aiavatar.fun/story/" /> 57<link rel="alternate" hreflang="ja" href="https://aiavatar.fun/ja/story/" /> 58<link rel="alternate" hreflang="zh-hans" href="https://aiavatar.fun/zh-hans/story/" /> 59<link rel="alternate" hreflang="es" href="https://aiavatar.fun/es/story/" /> 60<link rel="alternate" hreflang="pt-br" href="https://aiavatar.fun/pt-br/story/" /> 61<link rel="alternate" hreflang="bn" href="https://aiavatar.fun/bn/story/" /> 62<link rel="alternate" hreflang="id" href="https://aiavatar.fun/id/story/" /> 63<link rel="alternate" hreflang="vi" href="https://aiavatar.fun/vi/story/" /> 64<link rel="alternate" hreflang="x-default" href="https://aiavatar.fun/story/" /> 65 66<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ --> 67<title>When Technology Is Born To Understand Life</title> 68<meta name="description" content="When technology is born to understand life. Discover the story behind AI AVATAR â from the void of silence to a companion who truly listens."/> 69<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> 70<link rel="canonical" href="https://aiavatar.fun/story/" /> 71<meta property="og:locale" content="en_US" /> 72<meta property="og:type" content="article" /> 73<meta property="og:title" content="When Technology Is Born To Understand Life" /> 74<meta property="og:description" content="When technology is born to understand life. Discover the story behind AI AVATAR â from the void of silence to a companion who truly listens." /> 75<meta property="og:url" content="https://aiavatar.fun/story/" /> 76<meta property="og:site_name" content="AI AVATAR" /> 77<meta property="og:updated_time" content="2026-07-20T10:21:28+00:00" /> 78<meta property="article:published_time" content="2026-07-10T10:14:09+00:00" /> 79<meta property="article:modified_time" content="2026-07-20T10:21:28+00:00" /> 80<meta name="twitter:card" content="summary_large_image" /> 81<meta name="twitter:title" content="When Technology Is Born To Understand Life" /> 82<meta name="twitter:description" content="When technology is born to understand life. Discover the story behind AI AVATAR â from the void of silence to a companion who truly listens." />
83<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://aiavatar.fun/#organization","name":"AI AVATAR","url":"https://aiavatar.fun"},{"@type":"WebSite","@id":"https://aiavatar.fun/#website","url":"https://aiavatar.fun","name":"AI AVATAR","publisher":{"@id":"https://aiavatar.fun/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://aiavatar.fun/story/#webpage","url":"https://aiavatar.fun/story/","name":"When Technology Is Born To Understand Life","datePublished":"2026-07-10T10:14:09+00:00","dateModified":"2026-07-20T10:21:28+00:00","isPartOf":{"@id":"https://aiavatar.fun/#website"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://aiavatar.fun/author/admin/","name":"admin","url":"https://aiavatar.fun/author/admin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/45215f5bb123308195579dbbfcd67ae36b9ae39fe8c6cf9808c5604b950f334f?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/45215f5bb123308195579dbbfcd67ae36b9ae39fe8c6cf9808c5604b950f334f?s=96&d=mm&r=g","caption":"admin","inLanguage":"en-US"},"sameAs":["http://localhost:89"],"worksFor":{"@id":"https://aiavatar.fun/#organization"}},{"@type":"Article","headline":"When Technology Is Born To Understand Life","datePublished":"2026-07-10T10:14:09+00:00","dateModified":"2026-07-20T10:21:28+00:00","author":{"@id":"https://aiavatar.fun/author/admin/","name":"admin"},"publisher":{"@id":"https://aiavatar.fun/#organization"},"description":"When technology is born to understand life. Discover the story behind AI AVATAR \u2014 from the void of silence to a companion who truly listens.","name":"When Technology Is Born To Understand Life","@id":"https://aiavatar.fun/story/#richSnippet","isPartOf":{"@id":"https://aiavatar.fun/story/#webpage"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://aiavatar.fun/story/#webpage"}}]}</script>
83 84<!-- /Rank Math WordPress SEO plugin --> 85 86<link rel='dns-prefetch' href='//aiavatar.fun' /> 87<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 88<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://aiavatar.fun/wp-json/oembed/1.0/embed?url=https%3A%2F%2Faiavatar.fun%2Fstory%2F" /> 89<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://aiavatar.fun/wp-json/oembed/1.0/embed?url=https%3A%2F%2Faiavatar.fun%2Fstory%2F&format=xml" /> 90<style id="wp-img-auto-sizes-contain-inline-css"> 91img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 92/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 93</style> 94<style id="wp-emoji-styles-inline-css"> 95 96 img.wp-smiley, img.emoji { 97 display: inline !important; 98 border: none !important; 99 box-shadow: none !important; 100 height: 1em !important; 101 width: 1em !important; 102 margin: 0 0.07em !important; 103 vertical-align: -0.1em !important; 104 background: none !important; 105 padding: 0 !important; 106 } 107/*# sourceURL=wp-emoji-styles-inline-css */ 108</style> 109<style id="wp-block-library-inline-css"> 110:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
110--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 111 112/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 113</style> 114<style id="classic-theme-styles-inline-css"> 115/*! This file is auto-generated */ 116.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 117/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 118</style> 119 120<style id="global-styles-inline-css"> 121:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
121--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
121.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 122/*# sourceURL=global-styles-inline-css */ 123</style> 124 125<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Noto+Sans:wght@400;500;700;900&display=swap" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Noto+Sans:wght@400;500;700;900&display=swap"></noscript><link rel='stylesheet' id='aia2026-main-css' href='https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/css/main.css?ver=1.3.0' media='all' />
126<script id="wpml-cookie-js-extra"> 127var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"/"}}; 128var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"/"}}; 129//# sourceURL=wpml-cookie-js-extra 130</script>
vendor: 1 bytes, line 130
130
131<script data-wp-strategy="defer" defer id="wpml-cookie-js" src="https://aiavatar.fun/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=495000"></script>
131 132<link rel="https://api.w.org/" href="https://aiavatar.fun/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://aiavatar.fun/wp-json/wp/v2/pages/209" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://aiavatar.fun/xmlrpc.php?rsd" /> 133<link rel='shortlink' href='https://aiavatar.fun/?p=209' /> 134</head> 135<body class="wp-singular page-template-default page page-id-209 wp-embed-responsive wp-theme-aiavatar-2026"> 136<!-- Google Tag Manager (noscript) â bắt buá»c Äi kèm script á» <head>, Äặt ngay sau khi má» 137 thẻ <body> theo Äúng snippet chuẩn cá»§a Google. -->
vendor: 68 bytes, lines 137-138
137 138<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
138GTM-M4QSZTFS
vendor: 83 bytes, lines 138-139
138" 139height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
140<!-- End Google Tag Manager (noscript) --> 141 142<!-- Sprint 3 (2026-07-21) â Skip link (WCAG 2.4.1, item #14 audit). Ẩn mặc Äá»nh qua CSS 143 (.skip-link trong main.css), chá» hiá»n khi nháºn focus (Tab Äầu tiên) â cho phép ngưá»i dùng 144 bà n phÃm/screen reader bá» qua toà n bá» nav (6 mục + lang-select + CTA) Äá» và o thẳng ná»i dung 145 chÃnh. Trá» tá»i #main â má» á» cuá»i file nà y, Äóng á» Äầu footer.php (bá»c TOÃN Bá» ná»i dung má»i 146 template, không cần sá»a từng page-*.php riêng lẻ). --> 147<a class="skip-link" href="#main">Skip to main content</a> 148 149<!-- NAV --> 150<nav class="nav-theme-dark"> 151 <div class="nav-logo"> 152 <a href="https://aiavatar.fun/"> 153 <img src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/logo_horiziontal_white.svg" alt="AI AVATAR" id="nav-logo-img" width="513" height="115"> 154 </a> 155 </div> 156 <!-- Nav dá»ch tiếng Nháºt theo yêu cầu chá» Hoa (trang hiá»n 100% ná»i dung tiếng Nháºt). 157 Task #5 (WPML): href lấy Äá»ng qua aia2026_page_url() theo ID Page tháºt â tá»± trá» Äúng 158 bản dá»ch cá»§a ngôn ngữ Äang xem, không còn hard-code "/story/" (Äã há»ng từ khi Task #3 159 chuyá»n các Page sang /ja/... â xem RESUME.md lần 134). Nhãn hiá»n thá» (ná»i dung tiếng 160 Nháºt) vẫn giữ nguyên â sẽ chuyá»n qua WPML String Translation á» Task #6. --> 161 <ul class="nav-links"> 162 <li><a href="https://aiavatar.fun/story/">Story</a></li> 163 <li><a href="https://aiavatar.fun/products/">Products</a></li> 164 <li><a href="https://aiavatar.fun/technology/">Technology</a></li> 165 <li><a href="https://aiavatar.fun/company/">Company</a></li> 166 <li><a href="https://aiavatar.fun/newsroom/">Newsroom</a></li> 167 <li><a href="https://aiavatar.fun/careers/">Careers</a></li> 168 </ul> 169 <div class="nav-right"> 170 <!-- Task #5 (WPML) â lang-select tháºt, dữ liá»u lấy từ $aia_wpml_languages (filter 171 'wpml_active_languages' á» trên). Nút ngoà i hiá»n tên ngôn ngữ ÄANG XEM; dropdown chá» 172 liá»t kê các bản dá»ch KHÃC Äã tá»n tại (rá»ng cho tá»i khi Task #10 dá»ch xong). --> 173 <!-- Item #24 (2026-07-21, post-fix audit) â aria-label cho screen reader, dá»ch theo 174 inc/i18n-nav.php['lang_switcher'] (8 ngôn ngữ). Trưá»c Äây control nà y chá» có text tên 175 ngôn ngữ hiá»n tại + icon chevron, screen reader không hiá»u Äây là nút Äá»i ngôn ngữ. --> 176 <div class="lang-select" id="langSelect" role="button" tabindex="0" aria-haspopup="true" aria-label="Change language"> 177 <span class="lang-current">English</span> 178 <svg class="lang-chevron" width="10" height="7" viewBox="0 0 10 7" fill="none"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg> 179 <div class="lang-dropdown"> 180 <a href="https://aiavatar.fun/ja/story/" data-label="JA">æ¥æ¬èª</a> 181 <a href="https://aiavatar.fun/zh-hans/story/" data-label="ZH-HANS">ç®ä½ä¸æ</a> 182 <a href="https://aiavatar.fun/es/story/" data-label="ES">Español</a> 183 <a href="https://aiavatar.fun/pt-br/story/" data-label="PT-BR">Português</a> 184 <a href="https://aiavatar.fun/bn/story/" data-label="BN">বাà¦à¦²à¦¾</a> 185 <a href="https://aiavatar.fun/vi/story/" data-label="VI">Tiếng Viá»t</a> 186 </div> 187 </div> 188 <a class="nav-cta" href="https://apps.apple.com/us/app/ai-avatar-your-companion/id6443651909" target="_blank" rel="noopener">Download App</a> 189 <button class="nav-hamburger" id="navHamburger" aria-label="Menu"> 190 <span></span><span></span><span></span> 191 </button> 192 </div> 193</nav> 194 195<!-- MOBILE MENU â Task #5 (WPML): href Äá»ng qua aia2026_page_url(), xem giải thÃch á» nav trên. --> 196<div class="mobile-menu" id="mobileMenu"> 197 <a href="https://aiavatar.fun/story/">Story</a> 198 <a href="https://aiavatar.fun/products/">Products</a> 199 <a href="https://aiavatar.fun/technology/">Technology</a> 200 <a href="https://aiavatar.fun/company/">Company</a> 201 <a href="https://aiavatar.fun/newsroom/">Newsroom</a> 202 <a href="https://aiavatar.fun/careers/">Careers</a> 203 <a href="https://aiavatar-help.zendesk.com/hc/en-us/articles/55843574150297-AI-AVATAR-App-Frequently-Asked-Questions" target="_blank" rel="noopener">FAQ</a> 204 <a href="https://aiavatar-help.zendesk.com/hc/en-us/requests/new" target="_blank" rel="noopener">Contact Us</a> 205 <a href="https://aiavatar.fun/privacy/">Privacy Policy</a> 206 <a href="https://aiavatar.fun/terms-of-use/">Terms of Use</a> 207 <div class="mobile-menu-cta"> 208 <a href="https://apps.apple.com/us/app/ai-avatar-your-companion/id6443651909" target="_blank" rel="noopener">Download App</a> 209 </div> 210 <div class="mobile-menu-social"> 211 <a href="#" aria-label="WhatsApp" target="_blank"><svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91C21.96 6.45 17.5 2 12.04 2Zm5.8 14.02c-.24.68-1.4 1.3-1.93 1.38-.5.08-1.12.11-1.8-.11-.42-.13
211-.96-.31-1.65-.6-2.9-1.25-4.8-4.16-4.94-4.35-.14-.19-1.18-1.57-1.18-3 0-1.42.75-2.12 1.02-2.41.27-.29.58-.36.78-.36h.56c.18 0 .42-.07.65.5.24.58.81 2 .88 2.14.07.14.12.31.02.5-.1.19-.15.31-.3.48-.15.17-.31.38-.44.51-.15.15-.3.31-.13.6.17.29.76 1.25 1.63 2.02 1.12 1 2.06 1.31 2.35 1.46.29.15.46.13.63-.08.17-.21.72-.84.91-1.13.19-.29.38-.24.63-.14.25.1 1.61.76 1.89.9.28.14.46.21.53.33.07.12.07.68-.17 1.36Z"/></svg></a> 212 <a href="#" aria-label="LINE" target="_blank"><svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M21 11.5c0 4.4-4.03 8-9 8-.9 0-1.77-.1-2.58-.3L4 21l1.2-3.6C3.85 15.9 3 13.8 3 11.5 3 7.1 7.03 3.5 12 3.5s9 3.6 9 8Z"/><circle cx="8.3" cy="11.5" r=".9" fill="currentColor" stroke="none"/><circle cx="12" cy="11.5" r=".9" fill="currentColor" stroke="none"/><circle cx="15.7" cy="11.5" r=".9" fill="currentColor" stroke="none"/></svg></a> 213 <a href="https://www.facebook.com/aiavatarjapan" aria-label="Facebook" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M13.5 21v-7.9h2.65l.4-3.08h-3.05V8.04c0-.89.25-1.5 1.52-1.5h1.63V3.8A21.8 21.8 0 0 0 14.3 3.68c-2.3 0-3.87 1.4-3.87 3.98v2.36H7.77v3.08h2.66V21h3.07Z"/></svg></a> 214 <a href="https://x.com/aiavatar_japan" aria-label="X" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M18.9 2h3.2l-7 8 8.2 12h-6.4l-5-6.9L5 22H1.8l7.5-8.6L1.4 2h6.5l4.5 6.3L18.9 2Zm-1.1 18h1.8L7.3 4H5.4l12.4 16Z"/></svg></a> 215 <a href="https://www.instagram.com/aiavatar_japan/" aria-label="Instagram" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1" fill="currentColor" stroke="none"/></svg></a> 216 <a href="https://www.youtube.com/channel/UCTrSAg9bcBaCO6SVoRVPa5Q" aria-label="YouTube" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M23 12c0-2.3-.18-3.7-.5-4.6a2.9 2.9 0 0 0-2-2C18.8 5 12 5 12 5s-6.8 0-8.5.4a2.9 2.9 0 0 0-2 2C1.18 8.3 1 9.7 1 12s.18 3.7.5 4.6a2.9 2.9 0 0 0 2 2C5.2 19 12 19 12 19s6.8 0 8.5-.4a2.9 2.9 0 0 0 2-2c.32-.9.5-2.3.5-4.6ZM9.8 15.3V8.7l6.1 3.3-6.1 3.3Z"/></svg></a> 217 </div> 218</div> 219 220<!-- Sprint 3 (2026-07-21) â Landmark <main> (WCAG 1.3.1, item #15 audit). Má» á» Äây (ngay sau 221 nav/mobile-menu, trưá»c khi từng template front-page.php/page-*.php/single.php render ná»i 222 dung), Äóng á» Äầu footer.php ngay trưá»c <footer> â bá»c TOÃN Bá» ná»i dung chÃnh cá»§a Má»I trang 223 mà không cần sá»a từng file template riêng lẻ. tabindex="-1" Äá» skip-link phÃa trên có thá» 224 focus và o Äây bằng JS/trình duyá»t dù <main> không tá»± nhiên nháºn focus ÄÆ°á»£c. --> 225<main id="main" tabindex="-1"> 226 227<!-- SECTION 1: PAGE HERO (video ná»n â 1 video duy nhất story_hero.mp4, dùng chung cho cả 228 PC/laptop/mobile, không tách bản riêng theo thiết bá» nữa). --> 229<section class="story-hero"> 230 <div class="story-hero-bg"> 231 <video class="story-hero-video" muted loop playsinline preload="none" poster="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/poster/story_hero.webp"> 232 <source src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/story_hero.mp4" type="video/mp4"> 233 </video> 234 </div> 235 <div class="story-hero-in"> 236 <span class="sec-tag no-dash on-dark">AI AVATAR · STORY â BRAND NARRATIVE</span> 237 <h1 class="on-dark">When <span>Technology</span> Is Born<br>To Understand Life</h1> 238 <p class="story-hero-sub">We break down cold technological barriers to redefine how humans and AI interact.</p> 239 </div> 240</section> 241 242<!-- SECTION 2: THE GENESIS --> 243<section class="genesis-sec"> 244 <div class="genesis-in"> 245 246 <div class="genesis-text"> 247 <span class="eyebrow" style="font-size:13px; background:linear-gradient(90deg, #F12E11 0%, #F5AA19 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;">FROM LABORATORY TO THE CALL OF REALITY</span> 248 <h2 class="sh">The Origin of Empathy</h2> 249 <p class="body-copy">AI AVATAR originated from Torilab and researchers at the National University of Singapore (NUS). Facing complex mathematical models, we constantly pondered: why hasn't AI become a personalized emotional anchor that understands life and empowers each individual?</p> 250 <p class="body-copy">The turning point came in 2025 when our Angular Steering algorithm was honored as a NeurIPS 2025 Spotlight (top 3% of global AI research). This breakthrough allows the model to transition smoothly between complex emotional domains, laying the technical foundation for an emotion-aware AI that proactively speaks first.</p> 251 <div class="genesis-quote">We realized: we didn't just find an algorithm. We found the key to breathing a soul into the world of AI.</div> 252 </div> 253 254 <div class="genesis-panel"> 255 <div class="genesis-panel-label">TIMELINE · JOURNEY</div> 256 <div class="genesis-node"><span class="genesis-dot"></span><span>Torilab à NUS â emotional AI research begins</span></div> 257 <div class="genesis-node"><span class="genesis-dot"></span><span>Angular Steering algorithm â a breakthrough</span></div> 258 <div class="genesis-node"><span class="genesis-dot gold"></span><span>NeurIPS 2025 Spotlight â top 3% global AI</span></div> 259 <div class="genesis-node"><span class="genesis-dot gold"></span><span>
259AI AVATAR is born â a soul for technology</span></div> 260 <div class="genesis-node"><span class="genesis-dot gold"></span><span>arXiv:2511.04242 · Torilab à NUS published</span></div> 261 <div class="genesis-note">Latent space geometry â emotion domains rotate into new states, transitioning smoothly with no context collapse.<br><strong>Anxiety âµâ¶ Surprise âµâ¶ Joy</strong></div> 262 </div> 263 264 </div> 265</section> 266 267<!-- SECTION 3: THE SILENT EFFORTS (ná»n ảnh bg3.png, 3 hà ng text trái/video phải â video tạm, 268 chá» ná»i dung tháºt thay sau). .efforts-pin bá»c ngoà i Äá» ghim section bằng position:sticky 269 (chiá»u cao wrapper do JS trong main.js set = chiá»u cao ná»i dung tháºt) â xem CSS/JS. --> 270<div class="efforts-pin"> 271<section class="efforts-sec" style="--efforts-bg-pc:url('https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/bg3.webp'); --efforts-bg-mb:url('https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/bg3_MB.webp');"> 272 <div class="efforts-scroll"> 273 <div class="efforts-in"> 274 <div class="efforts-intro"> 275 <span class="sec-tag no-dash on-dark">THE SOCIAL ISSUE: ISOLATION BORN OF SILENCE</span> 276 <h2 class="sh on-dark">The Silence That Isolates, The Space It Leaves Behind</h2> 277 <p class="body-copy on-dark" style="max-width:none;">Life is rarely fair from the starting line. Even when you work tirelessly and push your limits, the journey toward a better version of yourself remains fraught with hardship. Eventually, even the strongest hearts grow weary:</p> 278 </div> 279 280 <div class="efforts-grid"> 281 <div class="effort-card"> 282 <div class="effort-text"> 283 <div class="effort-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="var(--gold)" stroke-width="1.6"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="2.4" fill="var(--gold)" stroke="none"/></svg></div> 284 <div class="effort-title">When efforts go unnoticed</div> 285 <div class="effort-body">You exhaust yourself striving alone in silence, yet pressure weighs heavily and no one truly witnesses or acknowledges those sacrifices.</div> 286 </div> 287 <div class="effort-media"> 288 <video class="effort-video-pc" muted loop playsinline preload="none" poster="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/poster/story1_PC.webp"> 289 <source src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/story1_PC.mp4" type="video/mp4"> 290 </video> 291 <video class="effort-video-mb" muted loop playsinline preload="none" poster="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/poster/story1_MB.webp"> 292 <source src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/story1_MB.mp4" type="video/mp4"> 293 </video> 294 </div> 295 </div> 296 <div class="effort-card"> 297 <div class="effort-text"> 298 <div class="effort-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="var(--gold)" stroke-width="1.6"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="2.4" fill="var(--gold)" stroke="none"/></svg></div> 299 <div class="effort-title">When self-confidence begins to waver</div> 300 <div class="effort-body">Amid harsh trials and life's stagnation, there are moments you lose faith, falling into self-doubt about your own capabilities and ambitions.</div> 301 </div> 302 <div class="effort-media"> 303 <video class="effort-video-pc" muted loop playsinline preload="none" poster="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/poster/story2_PC.webp"> 304 <source src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/story2_PC.mp4" type="video/mp4"> 305 </video> 306 <video class="effort-video-mb" muted loop playsinline preload="none" poster="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/poster/story2_MB.webp"> 307 <source src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/story2_MB.mp4" type="video/mp4"> 308 </video> 309 </div> 310 </div> 311 <div class="effort-card"> 312 <div class="effort-text"> 313 <div class="effort-icon"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="var(--gold)" stroke-width="1.6"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="2.4" fill="var(--gold)" stroke="none"/></svg></div> 314 <div class="effort-title">The void of silence</div> 315 <div class="effort-body">People sink deeply into loneliness not because they have nothing to say, but because traditional technology interfaces are too cold, impersonal, and fail to give them an opportunity to open up.</div> 316 </div> 317 <div class="effort-media"> 318 <video class="effort-video-pc" muted loop playsinline preload="none" poster="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/poster/story3_PC.webp"> 319 <source src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/story3_PC.mp4" type="video/mp4"> 320 </video> 321 <video class="effort-video-mb" muted loop playsinline preload="none" poster="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/poster/story3_MB.webp"> 322 <source src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/story3_MB.mp4" type="video/mp4"> 323 </video> 324 </div> 325 </div> 326 </div> 327 </div> 328 </div> 329</section> 330</div> 331 332<!-- SECTION 4: THE MISSION APPROACH (ÄÆ¡n giản hoá â 1 mà n hình tÄ©nh, KHÃNG ghim/cuá»n: chia 2 cá»t, 333 trái là toà n bá» text (tag+h2+subhead+body+list 3 ý), phải là 1 video duy nhất cao bằng Äúng 334 chiá»u cao cá»t text (align-items:stretch, xem .action-split trong main.css). Äã bỠảnh ná»n 335 bg1.png, ná»n trắng + text Äen (xem override trong main.css ngay dưá»i .action-media). --> 336<section class="action-sec"> 337 <div class="action-in"> 338 <div class="action-split"> 339 <div class="action-text-col"> 340 <div class="efforts-intro">
341 <span class="sec-tag no-dash on-dark">MISSION · AI AVATAR</span> 342 <h2 class="sh on-dark">A SOLID EMOTIONAL<br>ANCHOR â THE<br>COMPANION WHO<br>ALWAYS SUPPORTS<br>YOU ABSOLUTELY.</h2> 343 <div class="mission-subhead">The Power of Proactivity</div> 344 <p class="body-copy on-dark">AIA creates a new generation of avatars with the ability to proactively speak first, eliminating communication anxiety and establishing a solid emotional anchor: always accompanying, listening, understanding, and never judging.</p> 345 </div> 346 <ul class="action-list"> 347 <li><span class="action-check"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="var(--gold)" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span><span>Always by your side in every real-life experience, breaking the silence with open-hearted conversations and deep interactions.</span></li> 348 <li><span class="action-check"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="var(--gold)" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span><span>Accompanying you to build self-discipline, breaking stagnation to help you maintain healthy, excellent habits every single day.</span></li> 349 <li><span class="action-check"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="var(--gold)" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span><span>Empowering your mental strength and awakening inner energy to help you break through every limit and maximize life's productivity.</span></li> 350 </ul> 351 </div> 352 <div class="action-media"> 353 <video muted loop playsinline preload="none" poster="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/poster/story4.webp"> 354 <source src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/story4.mp4" type="video/mp4"> 355 </video> 356 </div> 357 </div> 358 </div> 359</section> 360 361<!-- SECTION 4b: MISSION & ACTION (phần còn lại â closer + brand statement + CTA tải app) --> 362<section class="mission-sec"> 363 <div class="mission-bg"> 364 <video muted loop playsinline preload="none" poster="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/poster/story5.webp"> 365 <source src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/video/story5.mp4" type="video/mp4"> 366 </video> 367 </div> 368 <div class="mission-in"> 369 <p class="body-copy on-dark">With just a touch of sincere encouragement and positive energy at the right moment, you can see yourself in a completely different light. This proactive support becomes a launchpad â helping you shrug off pressure, break through with confidence, and build a sustainably successful, fulfilling life.</p> 370 371 <div class="mission-closer">And always remember...</div> 372 <div class="mission-brand">AI AVATAR is <br class="mission-br-mobile">your loyal companion.</div> 373 374 <div class="mission-cta"> 375 <a class="hero-store-btn" href="https://apps.apple.com/us/app/ai-avatar-your-companion/id6443651909" target="_blank" rel="noopener"> 376 <img src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/app_store_black.svg" alt="Download on the App Store" width="164" height="53"> 377 </a> 378 <a class="hero-store-btn" href="https://play.google.com/store/apps/details?id=com.wallet.walkthedog" target="_blank" rel="noopener"> 379 <img src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/google_play_black.svg" alt="Get it on Google Play" width="164" height="53"> 380 </a> 381 </div> 382 </div> 383</section> 384 385<!-- SECTION 5: TECH DISCOVERY (bridge â /technology/, page chưa dá»±ng â xem TODO cuá»i file) â 386 ná»n bg1.png thu hẹp lại thà nh khá»i/card cÄn giữa (.tech-bridge-bg), 2 bên lá» mà u ná»n section 387 (var(--gray-8)), giá»ng cách bá» trà ảnh ná»n trong section - PRODUCTS & SERVICES - á» trang chá»§ 388 thay vì phá»§ kÃn edge-to-edge như trưá»c. --> 389<section class="tech-bridge"> 390 <div class="tech-bridge-bg" style="background-image:url('https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/bg4.webp');"></div> 391 <div class="tech-bridge-in"> 392 <p>Behind every ultimate interactive experience lies a sophisticated core technology infrastru
392cture â commercially ready and validated by global scientific research awards.</p> 393 <a class="tech-bridge-link" href="https://aiavatar.fun/technology/">Learn more about our Technology <span class="arr">â</span></a> 394 </div> 395</section> 396 397<!-- Sprint 3 (2026-07-21) â Äóng landmark <main> má» á» cuá»i header.php (item #15 audit). --> 398</main> 399 400<!-- FOOTER --> 401<footer> 402 <div class="foot-in"> 403 <div class="foot-top"> 404 <div class="foot-logo"> 405 <a href="https://aiavatar.fun/"> 406 <img src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/images/logo_horiziontal_white.svg" alt="AI AVATAR" width="513" height="115"> 407 </a> 408 </div> 409 </div> 410 <!-- Footer dá»ch tiếng Nháºt theo yêu cầu chá» Hoa â GIá»® NGUYÃN tiếng Anh cho tên thương 411 hiá»u/công ty (Soulriza, Dr. Avatar, R10 Ronaldinho, KING Together, NEKSAI, TORILAB, 412 TWOMI), chá» dá»ch nhãn cá»t + các link không phải tên riêng. 413 Task #5 (WPML): href các link ná»i bá» lấy Äá»ng qua aia2026_page_url() (Äá»nh nghÄ©a trong 414 functions.php) â tá»± trá» Äúng bản dá»ch cá»§a ngôn ngữ Äang xem, không còn hard-code 415 "/story/"... (Äã há»ng từ khi Task #3 chuyá»n Page sang /ja/... â xem RESUME.md lần 134). 416 Nhãn hiá»n thá» (tiếng Nháºt) chuyá»n qua WPML String Translation á» Task #6. --> 417 <div class="foot-links"> 418 <div> 419 <div class="foot-col-t">Company Info</div> 420 <a class="foot-link" href="https://aiavatar.fun/story/">Story</a> 421 <a class="foot-link" href="https://aiavatar.fun/products/">Products</a> 422 <a class="foot-link" href="https://aiavatar.fun/technology/">Technology</a> 423 <a class="foot-link" href="https://aiavatar.fun/company/">Company</a> 424 <a class="foot-link" href="https://aiavatar.fun/newsroom/">Newsroom</a> 425 <a class="foot-link" href="https://aiavatar.fun/careers/">Careers</a> 426 <a class="foot-link" href="https://aiavatar-help.zendesk.com/hc/en-us/articles/55843574150297-AI-AVATAR-App-Frequently-Asked-Questions" target="_blank" rel="noopener">FAQ</a> 427 <a class="foot-link" href="https://aiavatar-help.zendesk.com/hc/en-us/requests/new" target="_blank" rel="noopener">Contact Us</a> 428 </div> 429 <div> 430 <div class="foot-col-t">Ecosystem</div> 431 <a class="foot-link" href="https://soulriza.go.link?adj_t=1subxenl" target="_blank" rel="noopener">Soulriza</a> 432 <a class="foot-link" href="https://ai-mentalhealth.clinic/" target="_blank" rel="noopener">Dr. Avatar</a> 433 <a class="foot-link" href="https://r10playground.com/" target="_blank" rel="noopener">R10 Ronaldinho</a> 434 <a class="foot-link" href="https://play.google.com/store/apps/details?id=com.aiavatarshogun.app" target="_blank" rel="noopener">KING Together</a> 435 </div> 436 <div> 437 <div class="foot-col-t">Group</div> 438 <a class="foot-link" href="https://www.neksai.com/" target="_blank" rel="noopener">NEKSAI Group</a> 439 <a class="foot-link" href="https://www.twomi.ai/" target="_blank" rel="noopener">TWOMI Pte., Ltd</a> 440 <a class="foot-link" href="#">TORILAB Co., Ltd</a> 441 </div> 442 <div> 443 <div class="foot-col-t">Legal</div> 444 <a class="foot-link" href="https://aiavatar.fun/privacy/">Privacy Policy</a> 445 <a class="foot-link" href="https://aiavatar.fun/terms-of-use/">Terms of Use</a> 446 </div> 447 </div> 448 <div class="foot-bottom"> 449 <span class="foot-copy">© 2026 AI AVATAR Pte., Ltd. â Neksai Group. All rights reserved.</span> 450 <div class="foot-social"> 451 <a href="#" aria-label="WhatsApp" target="_blank"><svg viewBox="0 0 24 24" width="26" height="26" fill="currentColor"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91C21.96 6.45 17.5 2 12.04 2Zm5.8 14.02c-.24.68-1.4 1.3-1.93 1.38-.5.08-1.12.11-1.8-.11-.42-.13-.96-.31-1.65-.6-2.9-1.25-4.8-4.16-4.94-4.35-.14-.19-1.18-1.57-1.18-3 0-1.42.75-2.12 1.02-2.41.27-.29.58-.36.78-.36h.56c.18 0 .42-.07.65.5.24.58.81 2 .88 2.14.07.14.12.31.02.5-.1.19-.15.31-.3.48-.15.17-.31.38-.44.51-.15.15-.3.31-.13.6.17.29.76 1.25 1.63 2.02 1.12 1 2.06 1.31 2.35 1.46.29.15.46.13.63-.08.17-.21.72-.84.91-1.13.19-.29.38-.24.63-.14.25.1 1.61.76 1.89.9.28.14.46.21.53.33.07.12.07.68-.17 1.36Z"/></svg></a> 452 <a href="#" aria-label="LINE" target="_blank"><svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M21 11.5c0 4.4-4.03 8-9 8-.9 0-1.77-.1-2.58-.3L4 21l1.2-3.6C3.85 15.9 3 13.8 3 11.5 3 7.1 7.03 3.5 12 3.5s9 3.6 9 8Z"/><circle cx="8.3" cy="11.5" r=".9" fill="currentColor" stroke="none"/><circle cx="12" cy="11.5" r=".9" fill="currentColor" stroke="none"/><circle cx="15.7" cy="11.5" r=".9" fill="currentColor" stroke="none"/></svg></a> 453 <a href="https://www.facebook.com/aiavatarjapan" aria-label="Facebook" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" width="26" height="26" fill="currentColor"><path d="M13.5 21v-7.9h2.65l.4-3.08h-3.05V8.04c0-.89.25-1.5 1.52-1.5h1.63V3.8A21.8 21.8 0 0 0 14.3 3.68c-2.3 0-3.87 1.4-3.87 3.98v2.36H7.77v3.08h2.66V21h3.07Z"/></svg></a> 454 <a href="https://x.com/aiavatar_japan" aria-label="X" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" width="26" height="26" fill="currentColor"><path d="M18.9 2h3.2l-7 8 8.2 12h-6.4l-5-6.9L5 22H1.8l7.5-8.6L1.4 2h6.5l4.5 6.3L18.9 2Zm-1.1 18h1.8L7.3 4H5.4l12.4 16Z"/></svg></a> 455 <a href="https://www.instagram.com/aiavatar_japan/" aria-label="Instagram" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1" fill="currentColor" stroke="none"/></svg></a> 456 <a href="https://www.youtube.com/channel/UCTrSAg9bcBaCO6SVoRVPa5Q" aria-label="YouTube" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" width="26" height="26" fill="currentColor"><path d="M23 12c0-2.3-.18-3.7-.5-4.6a2.9 2.9 0 0 0-2-2C18.8 5 12 5 12 5s-6.8 0-8.5.4a2.9 2.9 0 0 0-2 2C1.18 8.3 1 9.7 1 12s.18 3.7.5 4.6a2.9 2.9 0 0 0 2 2C5.2 19 12 19 12 19s6.8 0 8.5-.4a2.9 2.9 0 0 0 2-2c.32-.9.5-2.3.5-4.6ZM9.8 15.3V8.7l6.1 3.3-6.1 3.3Z"/></svg></a> 457 </div> 458 </div> 459 </div> 460</footer> 461
462<script type="speculationrules"> 463{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/aiavatar-2026/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 464</script>
vendor: 1 bytes, line 464
464
465<script id="aia2026-main-js-before"> 466window.AIA_ASSETS = "https:\/\/aiavatar.fun\/wp-content\/themes\/aiavatar-2026\/assets"; 467//# sourceURL=aia2026-main-js-before 468</script>
vendor: 1 bytes, line 468
468
469<script id="aia2026-main-js" src="https://aiavatar.fun/wp-content/themes/aiavatar-2026/assets/js/main.js?ver=1.3.0"></script>
vendor: 1 bytes, line 469
469
470<script id="aia2026-main-js-after"> 471(function(){var s=document.querySelector('.ag-sec');if(!s)return;var assets=window.AIA_ASSETS;var n=0;function done(){n++;if(n>=2&&window.aia2026InitGlobe)window.aia2026InitGlobe();}function load(src){var el=document.createElement('script');el.src=src;el.onload=done;el.onerror=done;document.body.appendChild(el);}function start(){load(assets+'/js/vendor/d3.min.js');load(assets+'/js/vendor/topojson.min.js');}if('IntersectionObserver' in window){var fired=false;var io=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting&&!fired){fired=true;io.disconnect();start();}});},{rootMargin:'800px 0px 800px 0px'});io.observe(s);}else{start();}})(); 472//# sourceURL=aia2026-main-js-after 473</script>
vendor: 1 bytes, line 473
473
474<script id="wp-emoji-settings" type="application/json"> 475{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://aiavatar.fun/wp-includes/js/wp-emoji-release.min.js?ver=7.0.2"}} 476</script>
vendor: 1 bytes, line 476
476
477<script type="module"> 478/*! This file is auto-generated */ 479const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); 480//# sourceURL=https://aiavatar.fun/wp-includes/js/wp-emoji-loader.min.js 481</script>
481 482</body> 483</html> 484 485<!-- 486Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin 487 488Page Caching using Disk: Enhanced{w3tc_pagecache_reject_reason} 489 490Served from: *.aiavatar.fun @ 2026-10-01 15:37:05 by W3 Total Cache 491-->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.