{"id":600,"date":"2025-10-13T23:05:03","date_gmt":"2025-10-13T15:05:03","guid":{"rendered":"https:\/\/info.diva-ai.cn\/?page_id=600"},"modified":"2025-10-13T23:24:46","modified_gmt":"2025-10-13T15:24:46","slug":"cultural-mission","status":"publish","type":"page","link":"https:\/\/info.diva-ai.cn\/?page_id=600&lang=en","title":{"rendered":"Cultural Mission"},"content":{"rendered":"\n<style>\n\/* \u2014\u2014 \u4ec5\u672c\u5757\u751f\u6548 \u2014\u2014 *\/\n\nhtml, body{\n  margin:0 !important;\n  padding:0 !important;\n  background:#fff !important;   \/* \u672c\u9875\u767d\u5e95 *\/\n  overflow-x:hidden;             \/* \u9632\u6a2a\u5411\u6eda\u52a8\u6761 *\/\n}\n\n\/* \u4e00\u4e9b FSE \u4e3b\u9898\u7528 CSS \u53d8\u91cf\u52a0\u4e86\u9875\u9762\u5de6\u53f3\u5185\u8fb9\u8ddd\uff0c\u6e05\u96f6 *\/\n:root{\n  --wp--style--root--padding-left: 0 !important;\n  --wp--style--root--padding-right: 0 !important;\n  --wp--style--block-gap: 0 !important; \/* \u5173\u95ed\u533a\u5757\u95f4\u9ed8\u8ba4\u95f4\u8ddd\uff0c\u907f\u514d\u9876\u90e8\/\u5e95\u90e8\u7559\u7a7a *\/\n}\n\n\/* \u5e38\u89c1\u5916\u5c42\u5bb9\u5668\u7684 margin\/padding \u6e05\u96f6\uff0c\u907f\u514d\u4e0a\u4e0b\u767d\u8fb9 *\/\n.wp-site-blocks,\n.site-main,\n.entry-content,\n.wp-block-post-content,\n.wp-block-group,\n.wp-block-cover,\n.wp-block-section,\nmain{\n  margin:0 !important;\n  padding:0 !important;\n  background:#fff !important;\n}\n\n\/* \u5934\u90e8\u4e0e\u6a21\u677f\u5757\u4e0d\u518d\u7ed9\u4e0b\u9762\u7559\u7f1d *\/\n.site-header,\nheader,\n.wp-block-template-part{ margin-bottom:0 !important; }\n\n\/* FSE \u7684\u201c\u5168\u5c40\u5185\u8fb9\u8ddd\/\u7ea6\u675f\u5e03\u5c40\u201d\u518d\u515c\u5e95\u6e05\u96f6 *\/\n\/* \u6062\u590d\u6b63\u6587\u5bb9\u5668\u7684\u6c34\u5e73\u5c45\u4e2d *\/\n.has-global-padding,\n.is-layout-constrained{\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n\n\/* \u5982\u9700\u9650\u5236\u6b63\u6587\u6700\u5927\u5bbd\u5ea6\uff08\u6309\u4e3b\u9898\u53d8\u91cf\u6216\u7ed9\u4e2a\u515c\u5e95\u503c\uff09 *\/\n.is-layout-constrained{\n  max-width: var(--wp--style--global--content-size, 1200px);\n}\n\n\n:root{\n  --hero-y:100%;    \/* \u7126\u70b9\u4f4d\u7f6e\uff1a100% = \u8d34\u5e95\uff1b\u53ef\u6539 30\/50\/55% *\/\n  --header-h:0px;   \/* \u7531\u811a\u672c\u5199\u5165\uff1a\u5bfc\u822a + WP admin bar \u9ad8\u5ea6 *\/\n}\n\n.hero-portaled{ display:block; }\n\n\/* \u8ba9\u51fa\u5bfc\u822a\u9ad8\u5ea6 *\/\n.hero-shell{\n  position:relative;\n  left:50%;\n  margin-left:-50vw;\n  width:100vw; max-width:100vw;\n  overflow:visible; box-sizing:border-box;\n  margin-top:var(--header-h);             \/* \u5173\u952e\uff1a\u8ba9\u51fa\u83dc\u5355\u9ad8\u5ea6 *\/\n}\n\nhtml,body{ overflow-x:hidden; }\n\n\/* \u684c\u9762\u7aef\uff1a\u94fa\u6ee1\u89c6\u53e3\u5e76\u6263\u9664\u83dc\u5355\u9ad8\u5ea6 *\/\n.hero-wrapper{\n  position:relative;\n  width:100vw;\n  height:calc(100svh - var(--header-h));\n  margin:0; overflow:hidden;\n}\n@supports (height:100dvh){\n  .hero-wrapper{ height:calc(100dvh - var(--header-h)); }\n}\n\n.hero-wrapper video{\n  position:absolute; inset:0;\n  width:100%; height:100%;\n  object-fit:cover;                    \/* \u684c\u9762\u7aef\u5145\u6ee1\u5e76\u88c1\u5207 *\/\n  object-position:50% var(--hero-y);\n  background:#000;\n}\n\n.hero-overlay{\n  position:absolute; inset:0;\n  background:transparent; z-index:1;\n}\n.hero-content{\n  position:relative; z-index:2; height:100%;\n  display:flex; align-items:center; justify-content:center; flex-direction:column;\n  text-align:center; color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.6);\n  padding:0 2rem;\n}\n.hero-title{\n  font-size:clamp(28px,5vw,72px); font-weight:800;\n  margin:0 0 1rem; line-height:1.15;\n}\n.hero-sub{ font-size:clamp(18px,2.5vw,36px); font-weight:700; }\n\n\/* \u201c\u5f00\u542f\u58f0\u97f3\u201d\u6309\u94ae *\/\n.hero-unmute{\n  position:absolute; right:16px; bottom:16px; z-index:3;\n  padding:.55rem .8rem; border:0; border-radius:10px; cursor:pointer;\n  background:rgba(0,0,0,.65); color:#fff; font-weight:700;\n  backdrop-filter:saturate(1.2) blur(4px);\n}\n.hero-unmute:focus{ outline:2px solid rgba(255,255,255,.7); outline-offset:2px; }\n\n\/* \u7f16\u8f91\u5668\u91cc\u4e5f\u5c3d\u91cf\u6491\u6ee1\uff08\u4e0d\u5f71\u54cd\u524d\u53f0\uff09 *\/\n.wp-block-html .hero-shell{ width:100%; max-width:none; margin-left:0; }\n\n\/* \u2014\u2014 Mobile\uff1a16:9 \u7b49\u6bd4\u663e\u793a\uff0c\u5de6\u53f3\u9876\u683c\uff0c\u4e0a\u4e0b\u9ed1\u8fb9\u8865 \u2014\u2014 *\/\n@media (max-width: 768px){\n  .hero-wrapper{\n    width:100vw;\n    height:auto;\n    aspect-ratio:16 \/ 9;\n  }\n  @supports not (aspect-ratio: 16\/9){\n    .hero-wrapper{ height:56.25vw; } \/* 9\/16 = 56.25% *\/\n  }\n  .hero-wrapper video{\n    object-fit:contain;               \/* \u4e0d\u88c1\u5207\uff0c\u5b8c\u6574\u5e27 *\/\n    object-position:center center;\n    background:#000;                  \/* \u4e0a\u4e0b\u9ed1\u8fb9\uff0c\u907f\u514d\u767d\u8fb9 *\/\n  }\n  .hero-content{ padding-bottom:8px; }\n}\n<\/style>\n\n<div class=\"hero-portaled\">\n  <div class=\"hero-shell\">\n    <div class=\"hero-wrapper\">\n      <video id=\"heroVideo\"\n             src=\"https:\/\/info.diva-ai.cn\/wp-content\/uploads\/2025\/10\/Peter.mp4\"\n             autoplay muted loop preload=\"auto\"\n             playsinline webkit-playsinline x5-playsinline\n             x5-video-player-type=\"h5\"\n             x5-video-player-fullscreen=\"false\"\n             x5-video-orientation=\"portrait\">\n      <\/video>\n\n      <!-- \u53f3\u4e0b\u89d2\u5f00\u542f\u58f0\u97f3\u6309\u94ae -->\n      <button id=\"unmuteBtn\" class=\"hero-unmute\" aria-label=\"\u5f00\u542f\u58f0\u97f3\">\ud83d\udd0a \u5f00\u542f\u58f0\u97f3<\/button>\n\n      <div class=\"hero-overlay\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"hero-content\" role=\"region\" aria-label=\"Hero\">\n        <h1 class=\"hero-title\" style=\"color:#fff; font-size: clamp(40px,6vw,96px);\"><\/h1>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/* 0) \u8ba1\u7b97\u201c\u5bfc\u822a + \u7ba1\u7406\u6761\u201d\u9ad8\u5ea6 -> --header-h\n      \u79fb\u52a8\u7aef\u4e00\u5f8b\u8ba9\u51fa\u5bfc\u822a\u9ad8\u5ea6\uff1b\u684c\u9762\u7aef\u4e5f\u4f1a\u8ba9\u51fa\uff08\u66f4\u7a33\u59a5\uff09 *\/\n(function measureHeader(){\n  const doc = document.documentElement;\n\n  const getHeaders = () =>\n    Array.from(document.querySelectorAll(\n      'header, .site-header, #masthead, .header, .navbar, .nav, .mobile-header, .sticky-header'\n    ));\n\n  const setH = () => {\n    const admin  = document.getElementById('wpadminbar');\n    const isMobile = window.matchMedia('(max-width: 768px)').matches;\n\n    let h = 0;\n    const headers = getHeaders();\n\n    if (headers.length){\n      \/\/ \u79fb\u52a8\u7aef\uff1a\u4e0d\u505a fixed \u5224\u5b9a\uff0c\u76f4\u63a5\u53d6\u53ef\u89c1\u7684\u7b2c\u4e00\u5757\u9ad8\u5ea6\n      \/\/ \u684c\u9762\u7aef\uff1a\u540c\u6837\u76f4\u63a5\u53d6\u9ad8\u5ea6\uff08\u66f4\u901a\u7528\uff09\n      for (const el of headers){\n        const r = el.getBoundingClientRect();\n        const visible = r.height > 0 && r.bottom > 0 && r.top < window.innerHeight;\n        if (visible){\n          h = r.height;              \/\/ \u53d6\u7b2c\u4e00\u5757\u4f5c\u4e3a\u4e3b\u5bfc\u822a\u9ad8\u5ea6\n          break;\n        }\n      }\n    }\n\n    if (admin){\n      const ar = admin.getBoundingClientRect();\n      if (ar.height > 0 && ar.top <= 0) h += ar.height;\n    }\n\n    \/\/ \u52a0\u4e0a\u5218\u6d77\u5b89\u5168\u533a\uff08iOS\uff09\n    const safeTop = parseFloat(getComputedStyle(doc).getPropertyValue('padding-top')) || 0;\n    doc.style.setProperty('--header-h', (h + safeTop) + 'px');\n  };\n\n  setH();\n  window.addEventListener('resize', setH, { passive:true });\n  \/\/ \u67d0\u4e9b\u4e3b\u9898\u5728\u6eda\u52a8\u65f6\u5207\u6362\u201c\u7c98\u6027\u5934\u90e8\u201d\uff0c\u8fd9\u91cc\u4e5f\u91cd\u7b97\n  window.addEventListener('scroll', () => { requestAnimationFrame(setH); }, { passive:true });\n})();\n\n\/* 1) \u628a\u672c\u5757\u79fb\u51fa\u4efb\u4f55 Group\/\u5bb9\u5668\uff0c\u653e\u5230\u9875\u5934\u540e\u9762\uff08\u9632\u6b62\u88ab\u7236\u7ea7\u9650\u5236\uff09 *\/\n(function(){\n  const host = document.currentScript.previousElementSibling; \/\/ .hero-portaled\n  if(!host) return;\n\n  let p = host.parentElement;\n  while(p && p!==document.body){ try{ p.style.overflow='visible'; }catch(e){} p=p.parentElement; }\n\n  const header = document.querySelector('header, .site-header, #masthead, .header');\n  if(header) header.insertAdjacentElement('afterend', host);\n  else document.body.insertBefore(host, document.body.firstChild);\n})();\n\n\/* 2) \u81ea\u52a8\u64ad\u653e\u4e0e\u8d77\u59cb\u5e27 *\/\n(function(){\n  const V = document.getElementById('heroVideo');\n  if(!V) return;\n\n  const START_AT = 1.8;\n  const tryPlay = ()=> V.play?.().catch(()=>{});\n\n  V.addEventListener('loadedmetadata', ()=>{ try{ V.currentTime = START_AT; }catch(e){} });\n  V.addEventListener('canplay', tryPlay, { once:true });\n\n  document.addEventListener('DOMContentLoaded', tryPlay);\n  document.addEventListener('WeixinJSBridgeReady', tryPlay, false);\n  document.addEventListener('touchstart', tryPlay, { once:true });\n\n  const invoke = ()=>{ window.WeixinJSBridge?.invoke('getNetworkType',{},tryPlay); };\n  let retry=0, max=8;\n  const t=setInterval(()=>{ if(!V.paused || retry>=max){clearInterval(t);return;} retry++; invoke(); },1000);\n  document.addEventListener('visibilitychange', ()=>{ if(!document.hidden && V.paused) invoke(); });\n})();\n\n\/* 3) \u65b9\u6848 C\uff1a\u70b9\u51fb\u201c\u5f00\u542f\u58f0\u97f3\u201d\u53d6\u6d88\u9759\u97f3\u5e76\u7ee7\u7eed\u64ad\u653e *\/\n(function(){\n  const V = document.getElementById('heroVideo');\n  const B = document.getElementById('unmuteBtn');\n  if(!V || !B) return;\n\n  const unmute = ()=>{\n    V.muted = false;\n    V.volume = 1;\n    V.play?.().catch(()=>{});\n    B.remove();\n  };\n\n  B.addEventListener('click', unmute, { once:true });\n  B.addEventListener('touchstart', unmute, { once:true });\n})();\n<\/script>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:clamp(16.834px, 1.052rem + ((1vw - 3.2px) * 0.811), 26px);\"><strong>Let AI capture brainwaves and enhance every moment of vocal awakening.<\/strong><br>We are an interdisciplinary team of AI engineers, neuroscientists, and world-class musicians, building the world\u2019s first end-to-end \u201cAI + EEG + Aesthetic Education\u201d vocal training system \u2014 <strong>DIVA Intelligent Assistant.<\/strong><br>By integrating large language models, brain-computer interfaces, and high-quality datasets, we create a personalized digital vocal mentor for every learner.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-96953135 wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--small);margin-bottom:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-primary-color has-text-color has-custom-font-size wp-element-button\" href=\"https:\/\/info.diva-ai.cn\/?page_id=602&amp;lang=en\" style=\"border-radius:48px;padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small);font-size:clamp(19.481px, 1.218rem + ((1vw - 3.2px) * 1.019), 31px);\"><strong>About<\/strong> <strong>Us<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd0a \u5f00\u542f\u58f0\u97f3 Let AI capture brainwaves and enhance every mome &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/info.diva-ai.cn\/?page_id=600&#038;lang=en\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> \"Cultural Mission\"<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0},"class_list":["post-600","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/info.diva-ai.cn\/index.php?rest_route=\/wp\/v2\/pages\/600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/info.diva-ai.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/info.diva-ai.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/info.diva-ai.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/info.diva-ai.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=600"}],"version-history":[{"count":0,"href":"https:\/\/info.diva-ai.cn\/index.php?rest_route=\/wp\/v2\/pages\/600\/revisions"}],"wp:attachment":[{"href":"https:\/\/info.diva-ai.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}