OPPO Find X8 Pro - Powerful Camera, Powerful AI

<!DOCTYPE HTML> <html lang="en-AU"> <head> <meta charset="UTF-8"/> <link rel="dns-prefetch" href="//image.oppo.com"/> <meta property="og:title" content="OPPO Find X8 Pro - Powerful Camera, Powerful AI | OPPO Australia"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/"/> <meta property="og:image" content="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/listpage/432-600-white.png"/> <meta property="og:description" content="The new OPPO Find X8 Pro flagship phone has AI Telescope Zoom, Lightning Snap, AI Photo Remaster, Trinity Engine x Dimensity 9400, and the all-new ColorOS 15."/> <meta property="og:site_name" content="OPPO"/> <meta name="twitter:site" content="@OPPO"/> <meta name="twitter:title" content="OPPO Find X8 Pro - Powerful Camera, Powerful AI | OPPO Australia"/> <meta name="twitter:description" content="The new OPPO Find X8 Pro flagship phone has AI Telescope Zoom, Lightning Snap, AI Photo Remaster, Trinity Engine x Dimensity 9400, and the all-new ColorOS 15."/> <meta imageurl="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/listpage/432-600-white.png" name="twitter:image" content="https://www.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/listpage/432-600-white.png"/> <meta content="oppo,find X8 pro,oppo new phone, oppo hasselblad, flagship phone, 80W supervooc, AI photo remaster" name="keywords"/> <title>OPPO Find X8 Pro - Powerful Camera, Powerful AI | OPPO Australia</title> <meta name="description" content="The new OPPO Find X8 Pro flagship phone has AI Telescope Zoom, Lightning Snap, AI Photo Remaster, Trinity Engine x Dimensity 9400, and the all-new ColorOS 15."/> <link rel="canonical" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/"/> <link rel="alternate" hreflang="en-IE" href="https://www.oppo.com/ie/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="en-EG" href="https://www.oppo.com/eg-en/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="en-IN" href="https://www.oppo.com/in/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="zh-CN" href="https://www.oppo.com/cn/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="nl-BE" href="https://www.oppo.com/benl/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="en-MY" href="https://www.oppo.com/my/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="nl-NL" href="https://www.oppo.com/nl/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="en-AU" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="en" href="https://www.oppo.com/en/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="en-NZ" href="https://www.oppo.com/nz/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="pt-PT" href="https://www.oppo.com/pt/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="fr-BE" href="https://www.oppo.com/befr/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="en-SG" href="https://www.oppo.com/sg/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="fr-FR" href="https://www.oppo.com/fr/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="vi-VN" href="https://www.oppo.com/vn/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="en-GB" href="https://www.oppo.com/uk/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="km-KH" href="https://www.oppo.com/kh/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="ro-MD" href="https://www.oppo.com/md/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="zh-TW" href="https://www.oppo.com/tw/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="zh-hk" href="https://www.oppo.com/hk/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="es-ES" href="https://www.oppo.com/es/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="it-IT" href="https://www.oppo.com/it/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="id-ID" href="https://www.oppo.com/id/smartphones/series-find-x/find-x8-pro/"> <link rel="alternate" hreflang="th-TH" href="https://www.oppo.com/th/smartphones/series-find-x/find-x8-pro/">   <script> window.DIGITAL_DATA = { pageInfo: { "pageTitle" : "OPPO Find X8 Pro", "pageGroup" : "Product Details Page", "countryCode" : "au" } } </script> <script> // Start Google Tag Manager // 官网GTM基础代码 //浏览器兼容 if (typeof String.prototype.endsWith != 'function') { String.prototype.endsWith = function(suffix) { return this.indexOf(suffix, this.length - suffix.length) !== -1; } } //$pageGroup 的判断 // var url = window.location.href.split('//')[1] || '' var OPPOUserAgent = window.navigator.userAgent.toLowerCase(); var deviceCategory = function() { if(OPPOUserAgent.indexOf('usercenter') !== -1) { return "AMO"; } if(OPPOUserAgent.indexOf('oppostore') !== -1) { return "AHS"; } if(OPPOUserAgent.indexOf('oppocommunity') !== -1) { return "AOC"; } if(OPPOUserAgent.indexOf('miniprogram') !== -1) { return "MOS"; } if(OPPOUserAgent.indexOf('micromessenger') !== -1) { return "GOPPO"; } return "web"; } var getPageType = function () { if (location.hostname.indexOf('support.') >= 0) { return 'Support Page' } else if (location.pathname.indexOf('/store/contents/') >= 0) { return 'Oppo Store' } else { return 'Others' } } var initGtm = function () { // support cn站不加载gtm if(location.hostname.indexOf('support.') >= 0 && location.pathname.indexOf("/cn/") >= 0) return false; if(OPPOUserAgent.indexOf('miniprogram') !== -1) return false; if(getPageType() == "Support Page"){ dataLayer = [{'UserSource' :'from ' + deviceCategory()}] ;(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NWJ8QDL'); } else if (getPageType() == 'Oppo Store') { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5NQRNFR'); } else { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N2HBVQ'); } } initGtm() // End Google Tag Manager </script>  <meta name="template" content="product-detail-template"/> <link rel="shortcut icon" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon"/> <link rel="icon" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon" sizes="16x16"/> <link rel="bookmark" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon"/> <base target="_self"/> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="format-detection" content="telephone=no"/> <meta name="screen-orientation" content="portrait"/> <meta name="x5-orientation" content="portrait"/> <meta name="x5-fullscreen" content="true"/> <meta name="format-detection" content="telephone=no"/> <meta name="msapplication-tab-highlight" content="no"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="msvalidate.01" content="AC9BE4D3A1879566FFA3D4731ACE7DA8"/> <meta name="referrer" content="strict-origin"/> <link rel="preload" href="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/lazyload-v2.js" as="script"> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design.min.5584b9bba10bcf146bce56f924ac0de5.css" type="text/css"> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-productdetail.min.04904ee5e3934bad74f17e8b79602839.css" type="text/css"> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-product.min.955515c958ae857040e9521666fe3276.css" type="text/css"> <script type="text/javascript"> (function() { var defaultSize = window .getComputedStyle(document.documentElement) .getPropertyValue("font-size"); function getFontBase(windowWidth) { var fontBase = 0; var screenBreakPoints = [1440, 1024, 768, 360]; var arrLength = screenBreakPoints.length; for (var i = 0; i < arrLength; i++) { var breakpoint = screenBreakPoints[i]; if (windowWidth >= breakpoint) { fontBase = breakpoint; break; } if (i === arrLength - 1 && fontBase === 0) { fontBase = screenBreakPoints[arrLength - 1]; } } return fontBase; } function setFontSize() { var ww = window.innerWidth; var maxWidth = 1440; if (ww > maxWidth) { ww = maxWidth; } var fontBase = getFontBase(ww); var fontSize = (100 * ww) / fontBase; var targetSize = (fontSize / parseFloat(defaultSize)) * 100 + "%"; document.documentElement.style.fontSize = targetSize; } setFontSize(); window.addEventListener("resize", setFontSize); })(); </script> <script type="text/javascript"> window.lazySizesConfig = window.lazySizesConfig || {}; window.lazySizesConfig.customMedia = { 'md': '(max-width: 1080px)', 'lg': '(min-width: 1081px)', }; </script> <script src="https://www.oppo.com/content/dam/statics/js/jquery-3.5.1.min.js"></script> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-font-en.min.168806125ff5a89e4fc56dc505476bc6.css" type="text/css"> </head> <body class="product-detail-page page basicpage light-theme"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NWJ8QDL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N2HBVQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <input type="hidden" id="subscribe_list_id" name="subscribe_list_id" value="609ea2fea8"/> <input type="hidden" id="opsite-domain-url" name="opsite-domain-url" value="https://opsiteapi-sg.oppo.com"/> <div class="cp-site-language-tip cp-site-language-tip-new force-hide"> <div class="fixedness-width"> <div class="language-tip-container"> <span class="tip"></span> <ul class="site-list"> </ul> <a href="javascript:;" class="stay"></a> </div> </div> </div> <div id="oc-wrapper"> <script> window.NoScrollFixed = true; </script> <header search-tips-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" search-lang="en-gb" class="header-v2 " id="header-v2" vue-site="header-v2"> <div class="header-main-pc"> <div class="header-left" data-user-center="https://shop.oppoaustralia.com.au/" data-txt-user-center="Account" data-txt-signin="Login" data-txt-signup="Sign Up" data-txt-logout="Log out" data-order="https://shop.oppoaustralia.com.au/" data-txt-order="Shop" data-user-show="false"> <input type="hidden" id="sow_domain_host" name="sow_domain_host" value="https://sgp-sow-cms.oppo.com"/> <a href="https://www.oppo.com/au/" class="logo op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Oppo logo" tm-button_name="Oppo logo"> <svg xmlns="http://www.w3.org/2000/svg" width="85" height="22" viewBox="0 0 85 22" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M10.0905 13.7856H10.0898H10.0888C5.80572 13.7403 3.03806 11.7032 3.03806 8.59604C3.03806 5.48888 5.80572 3.45175 10.0888 3.40651C14.3738 3.45175 17.1411 5.48888 17.1411 8.59604C17.1411 11.7032 14.3738 13.7403 10.0905 13.7856ZM10.2155 0.898183C10.2144 0.89832 10.1292 0.896816 10.0863 0.895996C10.0424 0.896543 9.95715 0.898183 9.95715 0.898183C4.09395 0.993718 0 4.1591 0 8.5961C0 13.0331 4.09395 16.1986 9.95578 16.294C9.95578 16.294 10.0424 16.2948 10.0851 16.2946C10.1299 16.295 10.2157 16.294 10.2157 16.294C16.0774 16.1986 20.1712 13.0331 20.1712 8.5961C20.1712 4.1591 16.0774 0.993718 10.2155 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M74.9195 13.7856H74.9188H74.9177C70.6348 13.7403 67.8671 11.7032 67.8671 8.59604C67.8671 5.48888 70.6348 3.45175 74.9177 3.40651C79.2027 3.45175 81.9701 5.48888 81.9701 8.59604C81.9701 11.7032 79.2027 13.7403 74.9195 13.7856ZM75.0445 0.898183C75.0434 0.89832 74.9584 0.896816 74.9152 0.895996C74.8715 0.896543 74.7862 0.898183 74.7862 0.898183C68.923 0.993718 64.829 4.1591 64.829 8.5961C64.829 13.0331 68.923 16.1986 74.785 16.294C74.785 16.294 74.8715 16.2948 74.9141 16.2946C74.9591 16.295 75.0448 16.294 75.0448 16.294C80.9065 16.1986 85.0003 13.0331 85.0003 8.5961C85.0003 4.1591 80.9065 0.993718 75.0445 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M53.3494 13.7856H53.3487H53.3477C49.0648 13.7403 46.2971 11.7032 46.2971 8.59604C46.2971 5.48888 49.0648 3.45175 53.3477 3.40651C57.6326 3.45175 60.4001 5.48888 60.4001 8.59604C60.4001 11.7032 57.6326 13.7403 53.3494 13.7856ZM53.4745 0.898183C53.4734 0.89832 53.3884 0.896816 53.3452 0.895996C53.3015 0.896543 53.2162 0.898183 53.2162 0.898183C50.423 0.943695 48.032 1.68638 46.2932 2.93081V1.61846H43.2591V21.1043H46.2932V14.2617C48.0317 15.506 50.4223 16.2486 53.2149 16.294C53.2151 16.2942 53.3015 16.2948 53.344 16.2946C53.3891 16.295 53.4747 16.294 53.4747 16.294C59.3364 16.1986 63.4303 13.0331 63.4303 8.5961C63.4303 4.1591 59.3364 0.993718 53.4745 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M31.7169 13.7856H31.7162H31.7154C27.4323 13.7403 24.6646 11.7032 24.6646 8.59604C24.6646 5.48888 27.4323 3.45175 31.7154 3.40651C36.0003 3.45175 38.7677 5.48888 38.7677 8.59604C38.7677 11.7032 36.0003 13.7403 31.7169 13.7856ZM31.8472 0.898183C31.8459 0.89832 31.7609 0.896816 31.7179 0.895996C31.674 0.896543 31.5887 0.898183 31.5887 0.898183C28.7955 0.943695 26.4045 1.68638 24.6657 2.93081V1.61846H21.6317V21.1043H24.6657V14.2617C26.4044 15.506 28.7949 16.2486 31.5873 16.294C31.5873 16.294 31.674 16.2948 31.7166 16.2946C31.7616 16.295 31.8473 16.294 31.8473 16.294C37.709 16.1986 41.8028 13.0331 41.8028 8.5961C41.8028 4.1591 37.709 0.993718 31.8472 0.898183Z" fill="black"/> </svg> </a> <ul class="nav"> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Smartphones" tm-nav_name="Smartphones"> <a v-if="isTouch" href="https://www.oppo.com/au/smartphones/" @click="navOver(0, $event)" target="_self">Smartphones</a> <a v-else href="https://www.oppo.com/au/smartphones/" @mouseenter="navOver(0)" target="_self">Smartphones</a> <transition name="nav-fade"> <section v-show="navindex == 0" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> </div> <p>OPPO Find X8 Pro <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> </div> <p>OPPO Reno12 Pro 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> </div> <p>OPPO Find N2 Flip </p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> </div> <p>OPPO A80 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> </div> <p>OPPO A60 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> </div> <p>OPPO A60 <i>New</i></p> </a> </li> </ul> <div class="series-list "> <div class="series-list-left"> <a href="https://www.oppo.com/au/smartphones/?tab1" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find N Series " target="_self">Find N Series </a> <a href="https://www.oppo.com/au/smartphones/?tab2" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find X Series" target="_self">Find X Series</a> <a href="https://www.oppo.com/au/smartphones/?tab3" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Reno Series" target="_self">Reno Series</a> <a href="https://www.oppo.com/au/smartphones/?tab4" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="A Series" target="_self">A Series</a> </div> <div class="series-list-right"> <a class="view-all op-trk-event" href="https://www.oppo.com/au/compare/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Compare" target="_blank">Compare</a> <a class="compare op-trk-event" href="https://www.oppo.com/au/smartphones/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="View All Phones" target="_self">View All Phones</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Tablets" tm-nav_name="Tablets"> <a v-if="isTouch" href="https://www.oppo.com/au/tablets/" @click="navOver(1, $event)" target="_self">Tablets</a> <a v-else href="https://www.oppo.com/au/tablets/" @mouseenter="navOver(1)" target="_self">Tablets</a> <transition name="nav-fade"> <section v-show="navindex == 1" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> </div> <p>OPPO Pad Neo <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> </div> <p>OPPO Pad 2 </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/tablets/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Tablets" tm-nav_name="View Tablets" target="_self">View Tablets</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Audio" tm-nav_name="Audio"> <a v-if="isTouch" href="https://www.oppo.com/au/audio/" @click="navOver(2, $event)" target="_self">Audio</a> <a v-else href="https://www.oppo.com/au/audio/" @mouseenter="navOver(2)" target="_self">Audio</a> <transition name="nav-fade"> <section v-show="navindex == 2" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Buds2 Pro <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Air2 Pro </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> </div> <p>OPPO Enco Air2 </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> </div> <p>OPPO Enco X2 </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/audio/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Audio" tm-nav_name="View Audio" target="_self">View Audio</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Wearables" tm-nav_name="Wearables"> <a v-if="isTouch" href="https://www.oppo.com/au/wearables/" @click="navOver(3, $event)" target="_self">Wearables</a> <a v-else href="https://www.oppo.com/au/wearables/" @mouseenter="navOver(3)" target="_self">Wearables</a> <transition name="nav-fade"> <section v-show="navindex == 3" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/watch-x" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> </div> <p>OPPO Watch X <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch-free/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> </div> <p>OPPO Watch Free </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> </div> <p>OPPO Band </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> </div> <p>OPPO Watch </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/wearables/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Wearables" tm-nav_name="View Wearables" target="_self">View Wearables</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="About OPPO" tm-nav_name="About OPPO"> <a v-if="isTouch" href="https://www.oppo.com/au/about/" @click="navOver(4, $event)" target="_self">About OPPO</a> <a v-else href="https://www.oppo.com/au/about/" @mouseenter="navOver(4)" target="_self">About OPPO</a> <transition name="nav-fade"> <section v-show="navindex == 4" class="nav-list-box link"> <ul> <li> <a href="https://www.oppo.com/au/about/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <p>Our Story </p> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <p>OPPO AI </p> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <p>News </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> </div> </div> </section> </transition> </li> </ul> </div> <div :class="['header-right', {'no-user': !userData.userShow && !dataCart.cartShow, 'no-search': !baseData.searchShow}]"> <ul class="nav-link support-nav"> <li> <a href="https://www.oppo.com/au/coloros14/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="ColorOS" tm-nav_name="ColorOS"> <span class="third-link-title">ColorOS</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://support.oppo.com/au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Support" tm-nav_name="Support"> <span class="third-link-title">Support</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://shop.oppoaustralia.com.au/" target="_blank" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Shop Now" tm-nav_name="Shop Now"> <span class="third-link-title">Shop Now</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://oppopromotions.com.au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Promotions" tm-nav_name="Promotions"> <span class="third-link-title">Promotions</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div v-if="baseData.searchShow" class="search" :class="{show: searchShow}"> <div class="search-box"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z"/> </svg> <input class="op-trk-event" type="text" @click="inputFoucs" @keyup.enter="inputKeyup" v-model="inputValue" :placeholder="baseData.placeholder" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"/> <svg class="empty-search" v-show="inputValue.length > 0" @click="clearSearch" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27195 10.1562L5.00009 14.4281L5.88398 15.312L10.1558 11.0401L14.4281 15.3124L15.312 14.4285L11.0397 10.1562L15.3121 5.88388L14.4282 5L10.1558 9.27235L5.88388 5.0004L5 5.88428L9.27195 10.1562Z" fill="black" fill-opacity="0.55"/> </svg> </div> </div> <div class="user-cart"> <div v-if="userData.userShow" class="userInfo op-trk-event" @mouseOver="mouseOver('user')" @mouseLeave="mouseLeave('user')" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" tm-button_name="Account Icon"> <img v-if="userInfo.avatar && userInfo.isLogin" class="nav-avatar" :src="userInfo.avatar" alt=""/> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle class="stroke" cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke-width="1.5"/> <path class="stroke" d="M14.75 10.5356C14.75 12.0544 13.5188 13.2856 12 13.2856C10.4812 13.2856 9.25 12.0544 9.25 10.5356C9.25 9.01686 10.4812 7.78564 12 7.78564C13.5188 7.78564 14.75 9.01686 14.75 10.5356Z" stroke-width="1.5"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z"/> </svg> <transition name="box-fade"> <div v-show="userShow" class="user-box"> <div class="user-contain" :class="{isLogin: userInfo.isLogin}"> <ul> <li> <div class="user-avatr"><img class="lazyload" :data-src="userInfo.avatar" alt=""/></div> <div class="user-name"> <p>{{userInfo.name}}</p> <p> <a class="sign-up op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSignUp"> <span>{{userData.txtSignUp}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> <a class="sign-in op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSigniIn"> <span>{{userData.txtSigniIn}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> <a class="log-out op-trk-event" @click="goLogOut" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtLogOut"> <span>{{userData.txtLogOut}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> </p> </div> </li> <li class="user-link" v-if="userData.orderLink"> <a :href="userData.orderLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textOrder"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="path-1-inside-1_13126_83833" fill="white"> <rect x="5" y="3" width="14" height="18" rx="1"/> </mask> <rect x="5" y="3" width="14" height="18" rx="1" stroke="black" stroke-width="3" mask="url(#path-1-inside-1_13126_83833)"/> <rect x="8" y="7" width="8" height="1.5" fill="black"/> <rect x="8" y="10" width="8" height="1.5" fill="black"/> <rect x="8" y="13" width="6" height="1.5" fill="black"/> </svg> <span>{{userData.textOrder}}</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> <li class="user-link" v-if="userData.userLink"> <a :href="userData.userLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtUser"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke="black" stroke-width="1.5"/> <path d="M14.75 10.5352C14.75 12.0539 13.5188 13.2852 12 13.2852C10.4812 13.2852 9.25 12.0539 9.25 10.5352C9.25 9.01637 10.4812 7.78515 12 7.78515C13.5188 7.78515 14.75 9.01637 14.75 10.5352Z" stroke="black" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z" fill="black"/> </svg> <span>{{userData.txtUser}}</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> <li v-if="userData.memberLink" class="user-link"> <a :href="userData.memberLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtMember"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 7.625L12.7062 7.27645L12 5.84576L11.2938 7.27645L12 7.625ZM13.1777 10.0111L12.4716 10.3597L12.4719 10.3604L13.1777 10.0111ZM13.5068 10.25L13.3932 11.0293L13.3934 11.0293L13.5068 10.25ZM16.1405 10.6332L16.69 11.1973L17.833 10.0837L16.2539 9.85396L16.1405 10.6332ZM14.2347 12.49L13.6852 11.9259L13.6848 11.9264L14.2347 12.49ZM14.1087 12.875L13.3319 13.0044L13.3326 13.008L14.1087 12.875ZM14.5585 15.5L14.192 16.197L15.6041 16.9395L15.3347 15.367L14.5585 15.5ZM12.2039 14.2619L11.8369 14.9586L11.8374 14.9589L12.2039 14.2619ZM11.7961 14.2619L12.1626 14.9589L12.1631 14.9586L11.7961 14.2619ZM9.4415 15.5L8.66531 15.367L8.39588 16.9395L9.80801 16.197L9.4415 15.5ZM9.89125 12.875L9.11514 12.7416L9.11506 12.742L9.89125 12.875ZM9.76525 12.4874L10.3146 11.9231L10.3144 11.9229L9.76525 12.4874ZM7.8595 10.6332L7.7461 9.85396L6.1656 10.0839L7.31035 11.1977L7.8595 10.6332ZM10.4932 10.25L10.6066 11.0293L10.6069 11.0293L10.4932 10.25ZM10.8223 10.0111L11.5281 10.3604L11.5284 10.3597L10.8223 10.0111ZM11.2938 7.97355L12.4716 10.3597L13.8839 9.66257L12.7062 7.27645L11.2938 7.97355ZM12.4719 10.3604C12.5599 10.5381 12.6897 10.6918 12.8501 10.8083L13.7755 9.53386C13.8213 9.56714 13.8584 9.61106 13.8835 9.66184L12.4719 10.3604ZM12.8501 10.8083C13.0106 10.9248 13.1969 11.0007 13.3932 11.0293L13.6203 9.47074C13.6764 9.47891 13.7297 9.50057 13.7755 9.53386L12.8501 10.8083ZM13.3934 11.0293L16.0271 11.4125L16.2539 9.85396L13.6201 9.47071L13.3934 11.0293ZM15.591 10.0692L13.6852 11.926L14.7843 13.0541L16.69 11.1973L15.591 10.0692ZM13.6848 11.9264C13.5434 12.0643 13.4375 12.2344 13.3761 12.4221L14.8729 12.912C14.8554 12.9656 14.8251 13.0142 14.7847 13.0536L13.6848 11.9264ZM13.3761 12.4221C13.3146 12.6098 13.2995 12.8096 13.332 13.0044L14.8855 12.7456C14.8948 12.8013 14.8905 12.8584 14.8729 12.912L13.3761 12.4221ZM13.3326 13.008L13.7823 15.633L15.3347 15.367L14.8849 12.742L13.3326 13.008ZM14.925 14.803L12.5704 13.5649L11.8374 14.9589L14.192 16.197L14.925 14.803ZM12.5708 13.5651C12.3948 13.4724 12.1989 13.424 12 13.424V14.999C11.9432 14.999 11.8872 14.9851 11.8369 14.9586L12.5708 13.5651ZM12 13.424C11.8011 13.424 11.6052 13.4724 11.4292 13.5651L12.1631 14.9586C12.1128 14.9851 12.0568 14.999 12 14.999V13.424ZM11.4296 13.5649L9.07499 14.803L9.80801 16.197L12.1626 14.9589L11.4296 13.5649ZM10.2177 15.633L10.6674 13.008L9.11506 12.742L8.66531 15.367L10.2177 15.633ZM10.6674 13.0084C10.7011 12.8125 10.6865 12.6113 10.6251 12.4222L9.12722 12.9091C9.10966 12.855 9.10551 12.7975 9.11514 12.7416L10.6674 13.0084ZM10.6251 12.4222C10.5636 12.2331 10.457 12.0618 10.3146 11.9231L9.21594 13.0517C9.17523 13.012 9.14478 12.9631 9.12722 12.9091L10.6251 12.4222ZM10.3144 11.9229L8.40865 10.0688L7.31035 11.1977L9.2161 13.0518L10.3144 11.9229ZM7.9729 11.4125L10.6066 11.0293L10.3799 9.47071L7.7461 9.85396L7.9729 11.4125ZM10.6069 11.0293C10.8031 11.0007 10.9894 10.9248 11.1499 10.8083L10.2245 9.53386C10.2703 9.50057 10.3236 9.47891 10.3796 9.47074L10.6069 11.0293ZM11.1499 10.8083C11.3103 10.6918 11.4401 10.5381 11.5281 10.3604L10.1164 9.66184C10.1416 9.61106 10.1787 9.56714 10.2245 9.53386L11.1499 10.8083ZM11.5284 10.3597L12.7062 7.97355L11.2938 7.27645L10.1161 9.66257L11.5284 10.3597ZM19.9625 12C19.9625 16.3976 16.3976 19.9625 12 19.9625V21.5375C17.2674 21.5375 21.5375 17.2674 21.5375 12H19.9625ZM12 19.9625C7.60243 19.9625 4.0375 16.3976 4.0375 12H2.4625C2.4625 17.2674 6.73258 21.5375 12 21.5375V19.9625ZM4.0375 12C4.0375 7.60243 7.60243 4.0375 12 4.0375V2.4625C6.73258 2.4625 2.4625 6.73258 2.4625 12H4.0375ZM12 4.0375C16.3976 4.0375 19.9625 7.60243 19.9625 12H21.5375C21.5375 6.73258 17.2674 2.4625 12 2.4625V4.0375Z" fill="black" fill-opacity="0.95"/> </svg> <span>{{userData.txtMember}}</span>  <span v-if="memberData.levelName" class="member font-medium ft-body-3" :class="'level-' + memberData.level"> {{ memberData.levelName }} </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> </ul> <div class="download" v-if="userData.textDownLoad"> <a :href="userData.downloadLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textDownLoad">{{userData.textDownLoad}}</a> </div> </div> </div> </transition> </div> <div v-if="dataCart.cartShow && true" class="cart op-trk-event" :class="{'has-product': isHasProduct}" @mouseOver="mouseOver('cart')" @mouseLeave="mouseLeave('cart')" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5" fill="none"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> <transition name="box-fade">  <div v-show="cartShow" class="cart-box" data-cart-show="false" data-islink="false"> <div class="cart-contain">  <div class="cart-list" v-if="isHasProduct"> <p class="cart-num">{{dataCart.txtYourCart}} (<i>{{dataList.cartItems.length}}</i>)</p> <div class="product-box"> <ul class="product-list"> <li v-for="item in dataList.cartItems" v-show="!item.stockIndex || showAllFlag"> <p v-if="item.stockIndex === 0" class="err-tip"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99997 2.69948C5.07286 2.69948 2.69997 5.07237 2.69997 7.99948C2.69997 10.9266 5.07286 13.2995 7.99997 13.2995C10.9271 13.2995 13.3 10.9266 13.3 7.99948C13.3 5.07237 10.9271 2.69948 7.99997 2.69948ZM1.6333 7.99948C1.6333 4.48327 4.48375 1.63281 7.99997 1.63281C11.5162 1.63281 14.3666 4.48327 14.3666 7.99948C14.3666 11.5157 11.5162 14.3661 7.99997 14.3661C4.48375 14.3661 1.6333 11.5157 1.6333 7.99948ZM7.46663 8.64011V5.1401H8.5333V8.64011H7.46663ZM8.72913 10.0984C8.72913 10.5011 8.40268 10.8276 7.99997 10.8276C7.59726 10.8276 7.2708 10.5011 7.2708 10.0984C7.2708 9.69573 7.59726 9.36927 7.99997 9.36927C8.40268 9.36927 8.72913 9.69573 8.72913 10.0984Z" fill="black"/> </svg> {{dataCart.txtStock}} </p> <a :href="item.targetLink"> <div class="product-img"> <img class="lazyload" :data-src="item.imageUrl" alt=""/> </div> <div class="product-info"> <p class="name">{{item.attachment.productDisplayName || item.displayName}}</p> <p class="type">{{productType(item.attachment.skuSelectOptions)}}</p> <p v-if="filterStock(item.salesStatus, item.stockStatus)" id="stock">{{filterStock(item.salesStatus, item.stockStatus)}}</p> <p class="price"><i>x{{item.qty}}</i> <span><i v-show="item.originPrice != item.nowPrice">{{dataList.symbol}}{{item.originPrice}} </i><i>{{dataList.symbol}}{{item.nowPrice}}</i></span></p>  <ul v-if="item.childItems && item.childItems.length > 0"> <li v-for="list in item.childItems"> <div class="img"><img class="lazyload" :data-src="list.imageUrl" alt=""/></div> <div class="sub-product-info"> <p>{{list.displayName}}</p> <p v-if="filterStock(list.salesStatus, list.stockStatus)" id="stock">{{filterStock(list.salesStatus, list.stockStatus)}}</p> <p><u>x{{list.qty}}</u> <span><i v-show="list.originPrice != list.nowPrice">{{dataList.symbol}}{{list.originPrice}}</i><i>-{{dataList.symbol}}{{list.nowPrice}}</i></span></p> </div> </li> </ul>  <ul class="trade-in" v-if="item.evaluateOrder"> <li> <div class="img"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 13.75C11.25 12.3693 12.3693 11.25 13.75 11.25H26.25C27.6307 11.25 28.75 12.3693 28.75 13.75V26.25C28.75 27.6307 27.6307 28.75 26.25 28.75H11.25V13.75ZM15.9119 18.9796L16.4629 18.4339C16.679 18.2212 16.9923 18.0917 17.3273 18.0917L20.9682 18.0917L20.7305 19.0998C20.6657 19.3587 21.0114 19.5437 21.2599 19.3865L24.3066 17.4534C24.4902 17.3425 24.4902 17.1112 24.3066 16.991L21.2599 15.058C21.0114 14.9007 20.6656 15.0857 20.7305 15.3447L20.9682 16.3529H17.2624C16.3225 16.3529 15.5554 17.0096 15.5554 17.8142V18.8593C15.5554 19.0258 15.7931 19.0998 15.9119 18.9796ZM23.5368 21.566L24.0877 21.0203L24.0878 21.0203C24.2066 20.9001 24.4443 20.9741 24.4443 21.1406V22.1857C24.4443 22.9903 23.6772 23.647 22.7373 23.647H19.0316L19.2584 24.6552C19.3233 24.9142 18.9775 25.0991 18.729 24.9419L15.6932 23.0089C15.5095 22.8886 15.5095 22.6574 15.6932 22.5464L18.7398 20.6134C18.9884 20.4562 19.3341 20.6411 19.2692 20.9001L19.0316 21.9082L22.6724 21.9081C23.0074 21.9081 23.3207 21.7787 23.5368 21.566Z" fill="black"/> </svg> </div> <div class="sub-product-info"> <p>{{item.evaluateOrder.productName}}</p> <p><u></u> <span><i>-{{dataList.symbol}}{{item.evaluateOrder.tradeInDiscount}}</i></span></p> </div> </li> </ul> </div> </a> </li> <div v-if="outOfStorck > 1" class="view-all-box"> <span :class="['viewAll', {'collapse': showAllFlag}]" @click="viewAll">{{showAllFlag ? dataCart.txtCollapseAll : dataCart.txtViewAll}} ({{ outOfStorck }}) <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91732 5.3688L0.833984 1.28547L1.4527 0.666748L5.22668 4.44072L9.00065 0.666748L9.61937 1.28547L5.53604 5.3688C5.36518 5.53965 5.08817 5.53965 4.91732 5.3688Z" fill="black" fill-opacity="0.55"/> </svg> </span> </div> </ul> </div> <div class="total-box"> <p><span>Total</span> <span>{{dataList.symbol}}{{dataList.subtotalPrice}}</span></p> <p v-show="dataList.subtotalPrice * 1 > dataList.freeLimit * 1">You are <i>{{dataList.symbol}}{{dataList.freeLimit}}</i> away from free shipping.</p> </div> <div class="cart-btn"> <a :href="dataCart.viewCartLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtViewCart">{{dataCart.txtViewCart}}</a> <a :href="dataCart.checkOutLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtCheckOut">{{dataCart.txtCheckOut}}</a> </div> </div>  <div v-else class="cart-empty"> <p class="cart-num">{{dataCart.txtYourCart}} (0)</p> <a v-show="!userInfo.isLogin" @click="goSignIn" class="no-sign op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtSign">{{dataCart.txtSign}} <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7001 9.36896L6.97506 14.3242L6.20007 13.5098L10.5001 8.99923L6.20007 4.4887L6.97506 3.67423L11.7001 8.62949C11.8982 8.83369 11.8982 9.16476 11.7001 9.36896Z" fill="black" fill-opacity="0.55"/> </svg> </a> <img class="bag-empty lazyload" :data-src="dataCart.emptyImg"/> <div class="empty-text"> <p>{{dataCart.txtEmpty1}}</p> <span>{{dataCart.txtEmpty2}}</span> </div> <a class="go-shopping op-trk-event" :href="dataCart.shoppingLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtShopping">{{dataCart.txtShopping}}</a> </div> </div> </div> </transition> </div> <a v-if="dataCart.cartShow && false" class="cart op-trk-event" @mouseover="mouseOver('cnCart')" @mouseleave="mouseLeave('cnCart')" :href="dataCart.cartLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5" fill="none"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </a> </div> <transition name="box-fade"> <div v-show="searchShow" class="search-list"> <div class="search-list-box"> <div v-if="searchData && searchData.length > 0" class="serach-link"> <ul> <li v-for="item in searchData"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Related Search" :tm-search_term="item"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> {{item}} </a> </li> </ul> </div> <div class="quick-link" v-show="!searchData || searchData.length == 0" data-search-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" data-txt-placeholder="Search OPPO.com" data-txt-history="SEARCH HISTORY" data-lang-code="en-gb" data-search-link="https://www.oppo.com/au/search/?params=" data-search-show="true" data-search-key="oppo"> <p>Quick Links</p> <ul> <li v-for="item in ['OPPO Find X8 Pro','OPPO Find N2 Flip','OPPO Reno8 Pro 5G','OPPO Reno8 5G','OPPO A57s']"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Popular Search" :tm-search_term="item">{{item}}</a> </li> </ul> </div> <div v-if="serachHistory && serachHistory.length > 0" class="search-history"> <p>{{baseData.historyTitle}} <svg @click="removeSearchWords('all')" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.81898 1.85742H6.46238L6.32612 2.18696L5.48597 4.21875H2.0957V5.28542H3.33385V13.0178C3.33385 13.3158 3.45225 13.6016 3.66299 13.8124C3.87373 14.0231 4.15956 14.1415 4.45759 14.1415H11.5425C11.8405 14.1415 12.1263 14.0231 12.3371 13.8124C12.5478 13.6016 12.6662 13.3158 12.6662 13.0178V5.28542H13.9038V4.21875H10.5136L9.67346 2.18696L9.5372 1.85742H9.1806H6.81898ZM5.0449 5.28542L5.04478 5.28571H5.84245H10.1571H10.9548L10.9547 5.28542H11.5995V13.0178C11.5995 13.0329 11.5935 13.0474 11.5828 13.0581C11.5721 13.0688 11.5576 13.0748 11.5425 13.0748H4.45759C4.44245 13.0748 4.42794 13.0688 4.41724 13.0581C4.40653 13.0474 4.40052 13.0329 4.40052 13.0178V5.28542H5.0449ZM9.35935 4.21875L8.824 2.92409H7.17557L6.64023 4.21875H9.35935ZM6.28568 11.2489V7.11601H7.35234V11.2489H6.28568ZM8.647 7.11601V11.2489H9.71367V7.11601H8.647Z" fill="black" fill-opacity="0.55"/> </svg> </p> <ul> <li v-for="item in serachHistory"> <a :href="baseData.searchLink + item + '#' + decodeURI(item)" class="op-trk-event" tm-event_name="search" tm-search_type="History Search" :tm-search_term="decodeURI(item)">{{decodeURI(item)}}</a> <svg @click="removeSearchWords(item)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33961 6.99958L3.09668 10.2425L3.75665 10.9025L6.99958 7.65955L10.2425 10.9025L10.9025 10.2425L7.65955 6.99958L10.9025 3.75665L10.2425 3.09668L6.99958 6.33961L3.75665 3.09668L3.09668 3.75665L6.33961 6.99958Z" fill="black" fill-opacity="0.3"/> </svg> </li> </ul> </div> </div> </div> </transition> </div> </div> <div class="header-main-mo"> <div class="header-first"> <transition name="header-fade"> <div v-show="!searchShow" class="first-nav"> <a href="https://www.oppo.com/au/" class="nav-logo op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Oppo logo" tm-button_name="Oppo logo"> <svg class="fill" xmlns="http://www.w3.org/2000/svg" width="76" height="18" viewBox="0 0 68 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.98905 10.2055H7.98851H7.98775C4.59658 10.1696 2.40527 8.55674 2.40527 6.09663C2.40527 3.63652 4.59658 2.02361 7.98775 1.98779C11.3804 2.02361 13.5714 3.63652 13.5714 6.09663C13.5714 8.55674 11.3804 10.1696 7.98905 10.2055ZM8.08814 0.0017314C8.08728 0.00183962 8.01986 0.000649276 7.98588 0C7.95114 0.000432851 7.88362 0.0017314 7.88362 0.0017314C3.2414 0.0773721 0 2.58358 0 6.0966C0 9.60961 3.2414 12.1159 7.88254 12.1915C7.88254 12.1915 7.95114 12.1921 7.98491 12.1919C8.0204 12.1922 8.08836 12.1915 8.08836 12.1915C12.7294 12.1159 15.9707 9.60961 15.9707 6.0966C15.9707 2.58358 12.7294 0.0773721 8.08814 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M59.3178 10.2055H59.3173H59.3164C55.9254 10.1696 53.7341 8.55674 53.7341 6.09663C53.7341 3.63652 55.9254 2.02361 59.3164 1.98779C62.7091 2.02361 64.9002 3.63652 64.9002 6.09663C64.9002 8.55674 62.7091 10.1696 59.3178 10.2055ZM59.4168 0.0017314C59.4159 0.00183962 59.3486 0.000649276 59.3144 0C59.2798 0.000432851 59.2122 0.0017314 59.2122 0.0017314C54.57 0.0773721 51.3286 2.58358 51.3286 6.0966C51.3286 9.60961 54.57 12.1159 59.2113 12.1915C59.2113 12.1915 59.2798 12.1921 59.3135 12.1919C59.3491 12.1922 59.417 12.1915 59.417 12.1915C64.058 12.1159 67.2993 9.60961 67.2993 6.0966C67.2993 2.58358 64.058 0.0773721 59.4168 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M42.2396 10.2055H42.2391H42.2383C38.8472 10.1696 36.6559 8.55674 36.6559 6.09663C36.6559 3.63652 38.8472 2.02361 42.2383 1.98779C45.6309 2.02361 47.8221 3.63652 47.8221 6.09663C47.8221 8.55674 45.6309 10.1696 42.2396 10.2055ZM42.3386 0.0017314C42.3378 0.00183962 42.2705 0.000649276 42.2363 0C42.2016 0.000432851 42.1341 0.0017314 42.1341 0.0017314C39.9226 0.0377662 38.0295 0.625794 36.6528 1.61107V0.572012H34.2505V16H36.6528V10.5823C38.0293 11.5675 39.922 12.1555 42.133 12.1915C42.1332 12.1916 42.2016 12.1921 42.2353 12.1919C42.271 12.1922 42.3387 12.1915 42.3387 12.1915C46.9798 12.1159 50.2212 9.60961 50.2212 6.09659C50.2212 2.58358 46.9798 0.0773721 42.3386 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.112 10.2055H25.1115H25.1108C21.7196 10.1696 19.5283 8.55674 19.5283 6.09663C19.5283 3.63652 21.7196 2.02361 25.1108 1.98779C28.5034 2.02361 30.6945 3.63652 30.6945 6.09663C30.6945 8.55674 28.5034 10.1696 25.112 10.2055ZM25.2151 0.0017314C25.2141 0.00183962 25.1468 0.000649276 25.1127 0C25.078 0.000432851 25.0105 0.0017314 25.0105 0.0017314C22.7989 0.0377662 20.9058 0.625794 19.5292 1.61107V0.572012H17.127V16H19.5292V10.5823C20.9057 11.5675 22.7985 12.1555 25.0094 12.1915C25.0094 12.1915 25.078 12.1921 25.1118 12.1919C25.1474 12.1922 25.2152 12.1915 25.2152 12.1915C29.8562 12.1159 33.0975 9.60961 33.0975 6.09659C33.0975 2.58358 29.8562 0.0773721 25.2151 0.0017314Z"></path> </svg> </a> <ul class="header-box-right"> <li v-if="dataCart.cartShow && true" @click="cartChange" class="shop-cart op-trk-event visibility" :class="{'has-product': isHasProduct && menuflag < 1}" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <transition name="menu-show"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </transition> </li> <li v-if="dataCart.cartShow && false" class="shop-cart"> <a :href="dataCart.cartLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </a> </li> <li v-if="baseData.searchShow" @click="searchChange" class="search-nav op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"> <transition name="menu-show"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M16.6918 10.8959C16.6918 14.0969 14.0969 16.6918 10.8959 16.6918C7.69492 16.6918 5.1 14.0969 5.1 10.8959C5.1 7.69492 7.69492 5.1 10.8959 5.1C14.0969 5.1 16.6918 7.69492 16.6918 10.8959ZM15.5294 16.6608C14.2616 17.6812 12.6501 18.2918 10.8959 18.2918C6.81127 18.2918 3.5 14.9806 3.5 10.8959C3.5 6.81127 6.81127 3.5 10.8959 3.5C14.9806 3.5 18.2918 6.81127 18.2918 10.8959C18.2918 12.6501 17.6812 14.2616 16.6608 15.5294L20.5011 19.3697L19.3697 20.5011L15.5294 16.6608Z"/> </svg> </transition> </li> <li class="nav-menu" @click="menuShow"> <em class="fill" :class="{rotate: menuflag == 1 || menuflag == 2}"></em> </li> </ul> </div> </transition> </div> <transition name="menu-fade"> <div v-show="menuflag == 1" class="header-menu visibility"> <div class="header-menu-box" ref="headerMenuBox" @scroll="boxScroll"> <ul class="second-nav"> <li> <p @click="changeThirdNav(0)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Smartphones" tm-nav_name="Smartphones">Smartphones <i :class="{'show': thirdNavIndex == 0}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==0" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> </div> <p>OPPO Find X8 Pro</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> </div> <p>OPPO Reno12 Pro 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> </div> <p>OPPO Find N2 Flip</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> </div> <p>OPPO A80 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> </div> <p>OPPO A60 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> </div> <p>OPPO A60</p> <p class="new">New</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/smartphones/?tab1" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find N Series "> <span class="third-link-title"> Find N Series </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab2" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find X Series"> <span class="third-link-title"> Find X Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab3" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Reno Series"> <span class="third-link-title"> Reno Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab4" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="A Series"> <span class="third-link-title"> A Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> OPPO Find X8 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> OPPO Reno12 Pro 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> OPPO Find N2 Flip</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> OPPO A80 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> OPPO A60 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> OPPO A60</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="compare op-trk-event" href="https://www.oppo.com/au/compare/" target="_blank" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Compare">Compare</a> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/smartphones/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="View All Phones">View All Phones</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(1)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Tablets" tm-nav_name="Tablets">Tablets <i :class="{'show': thirdNavIndex == 1}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==1" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> </div> <p>OPPO Pad Neo</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> </div> <p>OPPO Pad 2</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> OPPO Pad Neo</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> OPPO Pad 2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/tablets/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Tablets" tm-nav_name="View Tablets">View Tablets</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(2)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Audio" tm-nav_name="Audio">Audio <i :class="{'show': thirdNavIndex == 2}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==2" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Buds2 Pro</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Air2 Pro</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> </div> <p>OPPO Enco Air2</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> </div> <p>OPPO Enco X2</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> OPPO Enco Buds2 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> OPPO Enco Air2 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> OPPO Enco Air2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> OPPO Enco X2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/audio/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Audio" tm-nav_name="View Audio">View Audio</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(3)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Wearables" tm-nav_name="Wearables">Wearables <i :class="{'show': thirdNavIndex == 3}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==3" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch-x" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> </div> <p>OPPO Watch X</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch-free/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> </div> <p>OPPO Watch Free</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> </div> <p>OPPO Band</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> </div> <p>OPPO Watch</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/watch-x" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> OPPO Watch X</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch-free/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> OPPO Watch Free</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> OPPO Band</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> OPPO Watch</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/wearables/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Wearables" tm-nav_name="View Wearables">View Wearables</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(4)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="About OPPO" tm-nav_name="About OPPO">About OPPO <i :class="{'show': thirdNavIndex == 4}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==4" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && false" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/about/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <p>Our Story</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <p>OPPO AI</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/newsroom/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <p>News</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/about/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <span class="third-link-title"> Our Story</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <span class="third-link-title"> OPPO AI</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="News"> <span class="third-link-title"> News</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/about/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <span class="third-link-title"> Our Story</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <span class="third-link-title"> OPPO AI</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <span class="third-link-title"> News</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> </section> </transition> </li> </ul> <div class="other-box"> <ul class="nav-link support-nav"> <li> <a href="https://www.oppo.com/au/coloros14/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="ColorOS" tm-nav_name="ColorOS"> <span class="third-link-title">ColorOS</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://support.oppo.com/au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Support" tm-nav_name="Support"> <span class="third-link-title">Support</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://shop.oppoaustralia.com.au/" target="_blank" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Shop Now" tm-nav_name="Shop Now"> <span class="third-link-title">Shop Now</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://oppopromotions.com.au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Promotions" tm-nav_name="Promotions"> <span class="third-link-title">Promotions</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div v-if="userData.userShow" class="userinfo-nav" :class="{isLogin: userInfo.isLogin}"> <div class="userinfo-box"> <div class="user-img"><img class="lazyload" :data-src="userInfo.avatar" alt=""/></div> <div class="userinfo"> <p class="user-name">{{userInfo.name}}</p> <p class="sign"> <a class="sign-up op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSignUp"> <span>{{userData.txtSignUp}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> <a class="sign-in op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSigniIn"> <span> {{userData.txtSigniIn}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> <a class="log-out op-trk-event" @click="goLogOut" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtLogOut"> <span>{{userData.txtLogOut}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </p> </div> </div> <ul class="userinfo-link"> <li v-if="userData.orderLink"> <a class="op-trk-event" :href="userData.orderLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textOrder"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="path-1-inside-1_17069_23314" fill="white"> <rect x="5" y="3" width="14" height="18" rx="1"/> </mask> <rect x="5" y="3" width="14" height="18" rx="1" stroke="black" stroke-width="3" mask="url(#path-1-inside-1_17069_23314)"/> <rect x="8" y="7" width="8" height="1.5" fill="black"/> <rect x="8" y="10" width="8" height="1.5" fill="black"/> <rect x="8" y="13" width="6" height="1.5" fill="black"/> </svg> <i>{{userData.textOrder}}</i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li v-if="userData.memberLink"> <a class="op-trk-event" :href="userData.memberLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtMember"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 7.625L12.7062 7.27645L12 5.84576L11.2938 7.27645L12 7.625ZM13.1777 10.0111L12.4716 10.3597L12.4719 10.3604L13.1777 10.0111ZM13.5068 10.25L13.3932 11.0293L13.3934 11.0293L13.5068 10.25ZM16.1405 10.6332L16.69 11.1973L17.833 10.0837L16.2539 9.85396L16.1405 10.6332ZM14.2347 12.49L13.6852 11.9259L13.6848 11.9264L14.2347 12.49ZM14.1087 12.875L13.3319 13.0044L13.3326 13.008L14.1087 12.875ZM14.5585 15.5L14.192 16.197L15.6041 16.9395L15.3347 15.367L14.5585 15.5ZM12.2039 14.2619L11.8369 14.9586L11.8374 14.9589L12.2039 14.2619ZM11.7961 14.2619L12.1626 14.9589L12.1631 14.9586L11.7961 14.2619ZM9.4415 15.5L8.66531 15.367L8.39588 16.9395L9.80801 16.197L9.4415 15.5ZM9.89125 12.875L9.11514 12.7416L9.11506 12.742L9.89125 12.875ZM9.76525 12.4874L10.3146 11.9231L10.3144 11.9229L9.76525 12.4874ZM7.8595 10.6332L7.7461 9.85396L6.1656 10.0839L7.31035 11.1977L7.8595 10.6332ZM10.4932 10.25L10.6066 11.0293L10.6069 11.0293L10.4932 10.25ZM10.8223 10.0111L11.5281 10.3604L11.5284 10.3597L10.8223 10.0111ZM11.2938 7.97355L12.4716 10.3597L13.8839 9.66257L12.7062 7.27645L11.2938 7.97355ZM12.4719 10.3604C12.5599 10.5381 12.6897 10.6918 12.8501 10.8083L13.7755 9.53386C13.8213 9.56714 13.8584 9.61106 13.8835 9.66184L12.4719 10.3604ZM12.8501 10.8083C13.0106 10.9248 13.1969 11.0007 13.3932 11.0293L13.6203 9.47074C13.6764 9.47891 13.7297 9.50057 13.7755 9.53386L12.8501 10.8083ZM13.3934 11.0293L16.0271 11.4125L16.2539 9.85396L13.6201 9.47071L13.3934 11.0293ZM15.591 10.0692L13.6852 11.926L14.7843 13.0541L16.69 11.1973L15.591 10.0692ZM13.6848 11.9264C13.5434 12.0643 13.4375 12.2344 13.3761 12.4221L14.8729 12.912C14.8554 12.9656 14.8251 13.0142 14.7847 13.0536L13.6848 11.9264ZM13.3761 12.4221C13.3146 12.6098 13.2995 12.8096 13.332 13.0044L14.8855 12.7456C14.8948 12.8013 14.8905 12.8584 14.8729 12.912L13.3761 12.4221ZM13.3326 13.008L13.7823 15.633L15.3347 15.367L14.8849 12.742L13.3326 13.008ZM14.925 14.803L12.5704 13.5649L11.8374 14.9589L14.192 16.197L14.925 14.803ZM12.5708 13.5651C12.3948 13.4724 12.1989 13.424 12 13.424V14.999C11.9432 14.999 11.8872 14.9851 11.8369 14.9586L12.5708 13.5651ZM12 13.424C11.8011 13.424 11.6052 13.4724 11.4292 13.5651L12.1631 14.9586C12.1128 14.9851 12.0568 14.999 12 14.999V13.424ZM11.4296 13.5649L9.07499 14.803L9.80801 16.197L12.1626 14.9589L11.4296 13.5649ZM10.2177 15.633L10.6674 13.008L9.11506 12.742L8.66531 15.367L10.2177 15.633ZM10.6674 13.0084C10.7011 12.8125 10.6865 12.6113 10.6251 12.4222L9.12722 12.9091C9.10966 12.855 9.10551 12.7975 9.11514 12.7416L10.6674 13.0084ZM10.6251 12.4222C10.5636 12.2331 10.457 12.0618 10.3146 11.9231L9.21594 13.0517C9.17523 13.012 9.14478 12.9631 9.12722 12.9091L10.6251 12.4222ZM10.3144 11.9229L8.40865 10.0688L7.31035 11.1977L9.2161 13.0518L10.3144 11.9229ZM7.9729 11.4125L10.6066 11.0293L10.3799 9.47071L7.7461 9.85396L7.9729 11.4125ZM10.6069 11.0293C10.8031 11.0007 10.9894 10.9248 11.1499 10.8083L10.2245 9.53386C10.2703 9.50057 10.3236 9.47891 10.3796 9.47074L10.6069 11.0293ZM11.1499 10.8083C11.3103 10.6918 11.4401 10.5381 11.5281 10.3604L10.1164 9.66184C10.1416 9.61106 10.1787 9.56714 10.2245 9.53386L11.1499 10.8083ZM11.5284 10.3597L12.7062 7.97355L11.2938 7.27645L10.1161 9.66257L11.5284 10.3597ZM19.9625 12C19.9625 16.3976 16.3976 19.9625 12 19.9625V21.5375C17.2674 21.5375 21.5375 17.2674 21.5375 12H19.9625ZM12 19.9625C7.60243 19.9625 4.0375 16.3976 4.0375 12H2.4625C2.4625 17.2674 6.73258 21.5375 12 21.5375V19.9625ZM4.0375 12C4.0375 7.60243 7.60243 4.0375 12 4.0375V2.4625C6.73258 2.4625 2.4625 6.73258 2.4625 12H4.0375ZM12 4.0375C16.3976 4.0375 19.9625 7.60243 19.9625 12H21.5375C21.5375 6.73258 17.2674 2.4625 12 2.4625V4.0375Z" fill="black" fill-opacity="0.75"/> </svg> <i>{{userData.txtMember}} <u v-if="memberData.levelName" class="member font-medium ft-body-3" :class="'level-' + memberData.level"> {{ memberData.levelName }} </u> </i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li class="account" v-if="userData.userLink"> <a class="op-trk-event" :href="userData.userLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtUser"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke="black" stroke-width="1.5"/> <path d="M14.75 10.5355C14.75 12.0542 13.5188 13.2855 12 13.2855C10.4812 13.2855 9.25 12.0542 9.25 10.5355C9.25 9.01668 10.4812 7.78546 12 7.78546C13.5188 7.78546 14.75 9.01668 14.75 10.5355Z" stroke="black" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z" fill="black"/> </svg> <i>{{userData.txtUser}}</i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> </div> <div v-if="userData.textDownLoad" :class="['download-box', {'download-box-show': downloadBoxShow}]"> <a :href="userData.downloadLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textDownLoad">{{userData.textDownLoad}}</a> </div> </div> </div> </div> </transition> <transition name="menu-fade"> <div v-show="menuflag == 2" class="mini-cart-mo visibility" :class="{empty: isHasProduct}"> <div class="mini-cart-box"> <div v-if="isHasProduct" class="cart-list"> <div class="product-box"> <p class="cart-num">{{dataCart.txtYourCart}} (<i>{{dataList.cartItems.length}}</i>)</p> <ul class="product-list"> <li v-for="item in dataList.cartItems" v-show="!item.stockIndex || showAllFlag"> <p v-if="item.stockIndex === 0" class="err-tip"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.0001 2.02485C3.80477 2.02485 2.0251 3.80452 2.0251 5.99985C2.0251 8.19519 3.80477 9.97485 6.0001 9.97485C8.19543 9.97485 9.9751 8.19519 9.9751 5.99985C9.9751 3.80452 8.19543 2.02485 6.0001 2.02485ZM1.2251 5.99985C1.2251 3.36269 3.36294 1.22485 6.0001 1.22485C8.63726 1.22485 10.7751 3.36269 10.7751 5.99985C10.7751 8.63701 8.63726 10.7749 6.0001 10.7749C3.36294 10.7749 1.2251 8.63701 1.2251 5.99985ZM5.6001 6.48118V3.85618H6.4001V6.48118H5.6001ZM6.54697 7.57493C6.54697 7.87696 6.30213 8.1218 6.0001 8.1218C5.69807 8.1218 5.45322 7.87696 5.45322 7.57493C5.45322 7.2729 5.69807 7.02805 6.0001 7.02805C6.30213 7.02805 6.54697 7.2729 6.54697 7.57493Z" fill="black"/> </svg> {{dataCart.txtStock}} </p> <a :href="item.targetLink"> <div class="product-list-box"> <div class="product-img"> <img class="lazyload" :data-src="item.imageUrl" alt=""/> </div> <div class="product-info"> <p class="name">{{item.attachment.productDisplayName || item.displayName}}</p> <p class="type">{{productType(item.attachment.skuSelectOptions)}}</p> <p v-if="filterStock(item.salesStatus, item.stockStatus)" id="stock">{{filterStock(item.salesStatus, item.stockStatus)}}</p> <p class="price"><i>x{{item.qty}}</i> <span><i v-show="item.originPrice != item.nowPrice">{{dataList.symbol}}{{item.originPrice}} </i><i>{{dataList.symbol}}{{item.nowPrice}}</i></span></p> </div> </div> <ul v-if="item.childItems && item.childItems.length > 0"> <li v-for="list in item.childItems"> <div class="img"><img class="lazyload" :data-src="list.imageUrl" alt=""/></div> <div class="sub-product-info"> <p>{{list.displayName}}</p> <p v-if="filterStock(list.salesStatus, list.stockStatus)" id="stock">{{filterStock(list.salesStatus, list.stockStatus)}}</p> <p><u>x{{list.qty}}</u> <span><i v-show="list.originPrice != list.nowPrice">{{dataList.symbol}}{{list.originPrice}}</i><i>-{{dataList.symbol}}{{list.nowPrice}}</i></span></p> </div> </li> </ul> <ul class="trade-in" v-if="item.evaluateOrder"> <li> <div class="img"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 13.75C11.25 12.3693 12.3693 11.25 13.75 11.25H26.25C27.6307 11.25 28.75 12.3693 28.75 13.75V26.25C28.75 27.6307 27.6307 28.75 26.25 28.75H11.25V13.75ZM15.9119 18.9796L16.4629 18.4339C16.679 18.2212 16.9923 18.0917 17.3273 18.0917L20.9682 18.0917L20.7305 19.0998C20.6657 19.3587 21.0114 19.5437 21.2599 19.3865L24.3066 17.4534C24.4902 17.3425 24.4902 17.1112 24.3066 16.991L21.2599 15.058C21.0114 14.9007 20.6656 15.0857 20.7305 15.3447L20.9682 16.3529H17.2624C16.3225 16.3529 15.5554 17.0096 15.5554 17.8142V18.8593C15.5554 19.0258 15.7931 19.0998 15.9119 18.9796ZM23.5368 21.566L24.0877 21.0203L24.0878 21.0203C24.2066 20.9001 24.4443 20.9741 24.4443 21.1406V22.1857C24.4443 22.9903 23.6772 23.647 22.7373 23.647H19.0316L19.2584 24.6552C19.3233 24.9142 18.9775 25.0991 18.729 24.9419L15.6932 23.0089C15.5095 22.8886 15.5095 22.6574 15.6932 22.5464L18.7398 20.6134C18.9884 20.4562 19.3341 20.6411 19.2692 20.9001L19.0316 21.9082L22.6724 21.9081C23.0074 21.9081 23.3207 21.7787 23.5368 21.566Z" fill="black"/> </svg> </div> <div class="sub-product-info"> <p>{{item.evaluateOrder.productName}}</p> <p><u></u> <span><i>-{{dataList.symbol}}{{item.evaluateOrder.tradeInDiscount}}</i></span></p> </div> </li> </ul> </a> </li> <div v-if="outOfStorck > 1" class="view-all-box"> <span :class="['viewAll', {'collapse': showAllFlag}]" @click="viewAll">{{showAllFlag ? dataCart.txtCollapseAll : dataCart.txtViewAll}} ({{ outOfStorck }}) <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91732 5.3688L0.833984 1.28547L1.4527 0.666748L5.22668 4.44072L9.00065 0.666748L9.61937 1.28547L5.53604 5.3688C5.36518 5.53965 5.08817 5.53965 4.91732 5.3688Z" fill="black" fill-opacity="0.55"/> </svg> </span> </div> </ul> </div> <div class="total-box"> <p><span>Total</span> <span>{{dataList.symbol}}{{dataList.subtotalPrice}}</span></p> <p v-show="dataList.subtotalPrice * 1 > dataList.freeLimit * 1">You are <i>{{dataList.symbol}}{{dataList.freeLimit}}</i> away from free shipping.</p> </div> <div class="cart-btn"> <a class="op-trk-event" :href="dataCart.viewCartLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtViewCart">{{dataCart.txtViewCart}}</a> <a class="op-trk-event" :href="dataCart.checkOutLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtCheckOut">{{dataCart.txtCheckOut}}</a> </div> </div> <div v-else class="cart-empty"> <a v-show="!userInfo.isLogin" @click="goSignIn" class="no-sign op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtSign">{{dataCart.txtSign}} <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7001 9.36896L6.97506 14.3242L6.20007 13.5098L10.5001 8.99923L6.20007 4.4887L6.97506 3.67423L11.7001 8.62949C11.8982 8.83369 11.8982 9.16476 11.7001 9.36896Z" fill="black" fill-opacity="0.55"/> </svg> </a> <img class="bag-empty lazyload" :data-src="dataCart.emptyImg"/> <div class="empty-text"> <p>{{dataCart.txtEmpty1}}</p> <span>{{dataCart.txtEmpty2}}</span> </div> <a class="go-shopping op-trk-event" :href="dataCart.shoppingLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtShopping">{{dataCart.txtShopping}}</a> </div> </div> </div> </transition> <div class="search-hide header-menu" :class="[{'search-show': menuflag == 3}]"> <div class="search"> <div class="search-box op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> <input type="text" id="searchInput" @keyup.enter="inputKeyup" v-model="inputValue" :placeholder="baseData.placeholder"/> <svg v-show="inputValue.length > 0" @click="clearSearch" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27195 10.1562L5.00009 14.4281L5.88398 15.312L10.1558 11.0401L14.4281 15.3124L15.312 14.4285L11.0397 10.1562L15.3121 5.88388L14.4282 5L10.1558 9.27235L5.88388 5.0004L5 5.88428L9.27195 10.1562Z" fill="black" fill-opacity="0.55"/> </svg> </div> <span @click="menuShow" class="search-cancel">Cancel</span> </div> <div class="search-list"> <div class="search-list-box"> <div v-if="searchData && searchData.length > 0" class="serach-link"> <ul> <li v-for="item in searchData"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Related Search" :tm-search_term="item"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> {{item}} </a> </li> </ul> </div> <div class="quick-link" v-show="!searchData || searchData.length == 0" data-search-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" data-txt-placeholder="Search OPPO.com" data-txt-history="SEARCH HISTORY" data-lang-code="en-gb" data-search-link="https://www.oppo.com/au/search/?params=" data-search-show="true" data-search-key="oppo"> <p>Quick Links</p> <ul> <li v-for="item in ['OPPO Find X8 Pro','OPPO Find N2 Flip','OPPO Reno8 Pro 5G','OPPO Reno8 5G','OPPO A57s']"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Popular Search" :tm-search_term="item">{{item}}</a> </li> </ul> </div> <div v-if="serachHistory && serachHistory.length > 0" class="search-history"> <p>{{baseData.historyTitle}} <svg @click="removeSearchWords('all')" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.81898 1.85742H6.46238L6.32612 2.18696L5.48597 4.21875H2.0957V5.28542H3.33385V13.0178C3.33385 13.3158 3.45225 13.6016 3.66299 13.8124C3.87373 14.0231 4.15956 14.1415 4.45759 14.1415H11.5425C11.8405 14.1415 12.1263 14.0231 12.3371 13.8124C12.5478 13.6016 12.6662 13.3158 12.6662 13.0178V5.28542H13.9038V4.21875H10.5136L9.67346 2.18696L9.5372 1.85742H9.1806H6.81898ZM5.0449 5.28542L5.04478 5.28571H5.84245H10.1571H10.9548L10.9547 5.28542H11.5995V13.0178C11.5995 13.0329 11.5935 13.0474 11.5828 13.0581C11.5721 13.0688 11.5576 13.0748 11.5425 13.0748H4.45759C4.44245 13.0748 4.42794 13.0688 4.41724 13.0581C4.40653 13.0474 4.40052 13.0329 4.40052 13.0178V5.28542H5.0449ZM9.35935 4.21875L8.824 2.92409H7.17557L6.64023 4.21875H9.35935ZM6.28568 11.2489V7.11601H7.35234V11.2489H6.28568ZM8.647 7.11601V11.2489H9.71367V7.11601H8.647Z" fill="black" fill-opacity="0.55"/> </svg> </p> <ul> <li v-for="item in serachHistory"> <a :href="baseData.searchLink + item + '#' + decodeURI(item)" class="op-trk-event" tm-event_name="search" tm-search_type="History Search" :tm-search_term="decodeURI(item)">{{decodeURI(item)}}</a> <svg @click="removeSearchWords(item)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33961 6.99958L3.09668 10.2425L3.75665 10.9025L6.99958 7.65955L10.2425 10.9025L10.9025 10.2425L7.65955 6.99958L10.9025 3.75665L10.2425 3.09668L6.99958 6.33961L3.75665 3.09668L3.09668 3.75665L6.33961 6.99958Z" fill="black" fill-opacity="0.3"/> </svg> </li> </ul> </div> </div> </div> </div> </div> <transition name="mask-fade"> <div v-show="maskShow" @click="closeMask" class="header-v2-mask visibility"> </div> </transition> </header> <section id="oc-container"> <div :class="['oppo-navbar', 'oppo-navbar-v2', isfixed? 'navbar-fixed' : '', isStart?'':'is-start', headerNoFixed? 'header-nofixed' : '', channelPopupState? '' : 'up-index']" ref="navbar" vue-site="oppo_navbar_V2" data-theme="light" data-buymode="popup" style="display:none;" :key="isReFresh"> <nav id="navbar"> <div class="navbar-container navbar-pc" v-if="!isMobile"> <div class="navbar-left"> <div class="navbar-product_tab"> <ul class="product_tab-wrap"> <li class="active"> <a class="product_tab-btn op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Series" tm-nav_name="Find X8 Pro">Find X8 Pro</a> </li> </ul> </div> <div class="navbar-anchor_point" ref="anchorPoint"> <ul class="anchor_point-wrap"> <li :class="['anchor_point-item', anchorHighlightIndex === index && anchorHighlightIndex !== null ? 'active' : '']" v-for="(item, index) in anchorData" :key="index" :data-jumpid="item.id"> <a :href="item.id" @click="($event) => {toggleAnchorPoint($event, index, item.id)}" class="op-trk-event" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Content" :tm-nav_name="item.title">{{item.title}}</a> </li> </ul> </div> </div> <div class="navbar-right"> <div class="navbar-general_param"> <ul class="general_param-wrap"> <li class="general_param-item active"> <a href="#" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Overview"> <svg class="op-icon"> <use xlink:href="#icon-overview"></use> </svg> Overview </a> </li> <li class="general_param-item"> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/specs/" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Specs"> <svg class="op-icon"> <use xlink:href="#icon-menu"></use> </svg> Specs </a> </li> </ul> </div> <div class="navbar-buy"> <div class="navbar-buy-wrap" ref="buyPopTrigger"> <a class="navbar-buy-btn op-trk-event green" v-if="generalData.buyBtnMode == 'link'" target="_blank" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Find X8 Pro" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else-if="generalData.buyBtnMode == 'dropDown'" href="javascript:void(0)" @click="showByPop" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Find X8 Pro" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else href="javascript:void(0)" @click="showBuyPopup" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Find X8 Pro" tm-button_name="Buy Now">Buy Now</a> </div> <div class="navbar-buy-pop" v-show="buyPopState"> <ul class="buy-pop-wrap" v-if="generalData.buyBtnMode == 'dropDown'"> </ul> </div> </div> </div> </div> <div class="navbar-container navbar-mob" v-else> <div :class="['navbar-mask', prdPopAniHide || anchorAniHide?'navbar-mask-show':'']"></div> <div class="navbar-top"> <div :class="['navbar-product_tab', anchorAniHide ?'navbar-product_tab-none':'', mobShowPrdPopState? 'navbar-product_tab-select':'', 'op-trk-event']" ref="prdPopTrigger" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowPrdPopState ? 'collapse' : 'expand'" tm-nav_name="Find X8 Pro"> <div class="product_tab-btn"> <a href="javascript:void(0);" @click="mobPrdToggleShowPop"> <span>Find X8 Pro</span> <i v-show="prdNum > 1"> <svg class="op-icon"> <use xlink:href="#icon-arrow-down"></use> </svg> </i> </a> </div> </div> <div class="navbar-buy"> <div class="navbar-buy-wrap" ref="buyPopTrigger"> <a class="navbar-buy-btn op-trk-event green" v-if="generalData.buyBtnMode == 'link'" target="_blank" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Find X8 Pro" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else-if="generalData.buyBtnMode == 'dropDown'" href="javascript:void(0)" @click="showByPop" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Find X8 Pro" tm-button_name="Buy Now">Buy Now</a> <a class="navbar-buy-btn op-trk-event green" v-else href="javascript:void(0)" @click="showBuyPopup" tm-event_name="cta_button_click" tm-module="secondary navigation" tm-product_name="Find X8 Pro" tm-button_name="Buy Now">Buy Now</a> </div> <div class="navbar-buy-pop" v-show="buyPopState"> <ul class="buy-pop-wrap" v-if="generalData.buyBtnMode == 'dropDown'"> </ul> </div> </div> <div :class="['product_tab-pop', mobShowPrdPopState?'product_tab-pop-show':'']" ref="prdTabPop"> <ul class="product_tab-pop-wrap"> <li class="currPage"> <a target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowPrdPopState? 'Series' : 'collapse'" tm-nav_name="Find X8 Pro">Find X8 Pro </a> </li> </ul> </div> </div> <div class="navbar-bottom"> <div class="navbar-bottom-container"> <div class="navbar-bottom-wrap"> <div :class="['navbar-anchor_point', mobShowAnchorPopState? 'navbar-anchor_point-select':'', 'op-trk-event']" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowAnchorPopState? 'collapse':'expand'" :tm-nav_name="anchorData[anchorHighlightIndex].title" ref="anchorPopTrigger" v-if="anchorData.length"> <div class="navbar-anchor_point-btn navbar-common-btn active"> <div class="navbar-anchor_point-scroll" :style="{'height': scrollBtnLH+'px', 'width': getTextSize + 'px',}"> <ul :style="{'transform': 'translate(0, -' + (100/anchorData.length)*anchorHighlightIndex + '%)'}"> <li v-for="(item, index) in anchorData" :key="index" :data-jumpid="item.id" :style="{'width': Number(scrollBtnFS)*anchorData[index].title.length + 'px'}"> {{item.title}} </li> </ul> </div> <svg class="op-icon"> <use xlink:href="#icon-arrow-down"></use> </svg> </div> </div> <div :class="['navbar-general_param', anchorAniHide?'navbar-general_param-hide':'', isParallel?'parallel':'']"> <ul class="general_param-wrap"> <li class="general_param-item active currPage"> <a class="navbar-common-btn op-trk-event" href="#" target="_self" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Overview"> <svg class="op-icon"> <use xlink:href="#icon-overview"></use> </svg> Overview </a> </li> <li class="general_param-item"> <a class="navbar-common-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/specs/" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" tm-nav_group="Interact" tm-nav_name="Specs"> <svg class="op-icon"> <use xlink:href="#icon-menu"></use> </svg> Specs </a> </li> </ul> </div> </div> </div> <div :class="['anchor_point-pop', mobShowAnchorPopState?'anchor_point-pop-show':'']" ref="anchorPointPop"> <ul class="anchor_point-pop-wrap"> <li :class="['anchor_point-item', anchorHighlightIndex === index && anchorHighlightIndex !== null ? 'active' : '']" v-for="(item, index) in anchorData" :key="index" :data-jumpid="item.id"> <a class="op-trk-event" :href="item.id" @click="($event) => {toggleAnchorPoint($event, index, item.id)}" tm-event_name="click_navigation" tm-module="secondary navigation" tm-level="none" :tm-nav_group="mobShowAnchorPopState? 'Content' : 'collapse'" :tm-nav_name="item.title">{{item.title}}</a> </li> </ul> </div> </div> </div> </nav> <div :class="['navbar_channel-popup', channelPopupState?'hidden':'', aniChannelPopup?'animate':'']"> <div class="channel-container" ref="navbarChannelTrigger"> <div class="tab-header one-header"> <div class="tab-item" target="multiple-popup"></div> </div> <div class="close-btn" @click="hideBuyPopup"> <svg class="op-icon"> <use xlink:href="#icon-close"></use> </svg> </div> <div class="tab-container" target="multiple-popup"> <p class="title"> </p> <div class="media-box"> <a class="media-link op-trk-event" data-type="shops1" data-name="OPPO Online Store" href="https://www.oppostore.com.au/products/find-x8-pro" target="_self" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+OPPO Online Store" tm-store_name="OPPO Online Store"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/oppostore.png" alt="" data-src-webp="true"/> </a> <a class="media-link op-trk-event" data-type="shops1" data-name="JB Hi-Fi" href="https://www.jbhifi.com.au/products/oppo-find-x8-pro-5g-512gb-pearl-white" target="_blank" tm-event_name="online_store_entry" tm-module="where to buy" tm-store_type="EC+JB Hi-Fi" tm-store_name="JB Hi-Fi"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/au/mkt/onlinestore/renoseries/JBHifi-1.png" alt="" data-src-webp="true"/> </a> </div> </div> </div> </div> </div> <script type="application/json" class="navbar-anchor-data"> { "list": [] } </script> <div> </div> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="customhtmlcomponent aem-GridColumn aem-GridColumn--default--12"> <div class="custom-html-component">  <link rel="stylesheet" type="text/css" href="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/main-v10.css"/>  <style> </style> <div class="zn--wrapper bg-black" data-apac="false"> <div class="z-20 relative -mt-2px bg-[#FFFFFF] h-200vh w-full" id="section-kv" ani-kv="" data-gtm-view="Part1: KV"> <div class="hidden bg-[#FFFFFF] h-200vh w-full z-20 relative"></div> <div class="container h-[var(--content-height)] top-[var(--nav-height)] sticky w-full overflow-hidden z-16 pc:opacity-0 mo:opacity-0 pad:opacity-0" style="opacity:0"> <div class="flex pc:w-1312rpx pc:min-w-850px pc:h-full pc:flex pc:items-center pc:-mt-4.5vh pc:mx-auto mo:h-full mo:w-328rpx mo:mx-auto mo:pt-48rpx mo:pb-20rpx pad:w-720rpx pad:h-full pad:flex pad:items-center pad:mx-auto pad:-mt-2vh"> <div class="flex relative pc:h-38.6vw pc:max-h-98vh mo:flex-col mo:max-h-full pad:h-51.82vw pad:max-h-[calc(var(--content-height)-10vh)]"> <div class="h-full flex flex-col pc:mr-85rpx pc:w-568px pc:flex-shrink-0 pc:justify-center mo:h-auto pad:justify-center"><img data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-logo-1.svg" class="pc:h-27px pc:w-142px mo:h-22rpx mo:w-105rpx pad:h-22rpx pad:w-114rpx"> <h1 textKey="16lv5" zn-text="">Find X8 Pro</h1><span class="font-m pc:my-12rpx pc:text-32px pc:leading-40px mo:mt-4rpx mo:mb-12rpx mo:text-24rpx mo:leading-32rpx pad:mt-4px pad:mb-12px pad:text-24rpx pad:leading-32rpx">Find X8 Pro</span> <div class="flex mb-12rpx"><span class="font-m pc:text-12px pc:leading-15px mo:text-10px mo:leading-9px pad:text-10px pad:leading-9px">Co-developed with</span><img class="w-159px h-14px ml-13px -mt-2px mo:w-116px mo:h-11px mo:ml-11px mo:-mt-1px pad:w-116px pad:h-11px pad:ml-11px pad:-mt-1px" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-hassel-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-hassel-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-hassel-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-hassel-mo-1.png.avif"></div><span class="font-m pc:text-68px pc:leading-76px mo:text-48rpx mo:leading-56rpx pad:text-48rpx pad:leading-56rpx">Powerful <br class="pad-only"> Camera</span><span class="font-m pc: pc:text-68px pc:leading-76px mo:text-48rpx mo:leading-56rpx pad:text-48rpx pad:leading-56rpx">Powerful AI</span> <h2 textKey="1hf80" zn-text="">Powerful Camera Powerful AI</h2> </div> <picture> <source type="image/png" media="(min-width: 1024px)" srcset="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-bg-k.png" class=""> <source type="image/png" media="(min-width: 650px)" srcset="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-bg-k-pad.png" class=""> <source type="image/png" media="(max-width: 649px)" srcset="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-bg-k-mo.png" class=""><img class="phone object-contain pc:w-47.847vw pc:h-50.278vw pc:bottom-[calc(-0px-30rpx)] pc:left-[calc(331px+275rpx)] pc:max-h-97vh pc:max-w-92.1vh pc:absolute mo:mx-auto mo:mt-5rpx mo:relative mo: mo:z-18 mo:w-305rpx mo:h-320rpx pad:w-53.776vw pad:h-56.38vw pad:-bottom-10px pad:left-[calc(170px+145rpx)] pad:max-h-90vh pad:max-w-90.1vh pad:absolute" data-no-lazy-load="" style="transform: translateZ(0)" alt="Find X8 Pro"> </picture> <div class="os-image pc:h-52rpx pc:-bottom-30rpx pc:left-0 pc:w-144rpx pc:absolute mo:w-full mo:flex mo:justify-end mo:pr-11rpx mo:mt-3rpx pad:h-21rpx pad:bottom-0 pad:left-0 pad:w-60rpx pad:absolute"><img class="object-contain pc:w-full pc:h-full mo:h-34rpx mo:w-97rpx pad:w-full pad:h-full" alt="Color OS Logo" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-os-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-os-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-os-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-kv-os-1.png.avif"></div> </div> </div> </div> </div> <div class="ksp-btn pc-only opacity-0 transform top-0 left-0 z-999 fixed pointer-events-none"> <div class="relative btn-wrapper h-90rpx w-90rpx"> <div class="rounded-full h-90rpx w-90rpx circle overflow-hidden"> <div class="circle-bg backdrop-filter backdrop-blur-md bg-white rounded-full h-90rpx w-90rpx bg-opacity-50 flex items-center justify-center"></div> </div> <div class="flex h-90px top-0 left-0 w-90px arrow absolute justify-center items-center"> <p class="text-[#000000] pct:text-12px pct:tracking-0.041em pct:leading-[1.67]" textKey="abhv0" zn-text=""><span class="zn-text-inner" zn-text-inner="">Discover</span></p> </div> </div> </div> <div class="w-screen relative flex bg-[#201F1C] z-22 justify-center -mt-100vh transform translate-z-0 pc:py-80rpx mo:pt-48rpx pad:-mt-85vh" id="section-ksp" ani-ksp="" data-gtm-view="Part2: Highlights"> <div class="mo-hidden cards-wraper flex flex-col items-center pc:w-1312rpx pad:w-720rpx pad:py-60px"><a class="card flex justify-center items-center relative pc:h-480rpx pc:mb-8rpx pc:w-1312rpx pad:w-720rpx pad:mb-4px pad:h-280rpx" href="#anchor-ai" data-gtm-click="" data-gtm-label="AI Telescope Zoom"> <div class="content bg-black rounded-8rpx full overflow-hidden relative"><img class="h-full object-cover w-full" alt="Distant wonders at your fingertips, brought close by AI-powered zoom." data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-0-k-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-0-k-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-pad-0-k-1.jpg.avif"> <div class="text-wrapper flex flex-col w-full bottom-0 absolute pc:p-24rpx pad:px-16rpx pad:py-12px"><span class="font-m font-24 font-18m text-white">AI Telescope Zoom</span> <h2 textKey="duu3m" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Telescope Zoom</span></h2><span class="desc font-16 font-14m text-white opacity-55">Distant wonders at your fingertips, brought close by AI-powered zoom.</span> <h3 textKey="2rpih" zn-text=""><span class="zn-text-inner" zn-text-inner="">Distant wonders at your fingertips, brought close by AI-powered zoom.</span></h3> </div> </div><img class="arrow pad-only h-17px right-21.3rpx bottom-15.2px w-13px absolute" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-down-arrow-1.svg"></a> <div class="flex w-full justify-between pc:h-480rpx pc:mb-8rpx pad:h-280rpx pad:mb-4px"><a class="card flex justify-center items-center relative pc:h-480rpx pc:w-652rpx pad:h-280rpx pad:w-358rpx" href="#anchor-lightning-snap" data-gtm-click="" data-gtm-label="Lightning Snap"> <div class="content rounded-8rpx full overflow-hidden relative"><img class="h-full object-cover w-full" alt="Lightning Snap" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-1-k-white-1.jpg.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-1-k-white-d7111.jpg.avif?v=1731920220000" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-mo-1-k-white-1.jpg.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-pad-1-k-white-1.jpg.avif?v=1731920220000"> <div class="text-wrapper flex flex-col w-full bottom-0 absolute pc:p-24rpx pad:px-16rpx pad:py-12px"><span class="font-m font-24 font-18m text-white">Lightning Snap</span> <h2 textKey="1575v" zn-text=""><span class="zn-text-inner" zn-text-inner="">Lightning Snap</span></h2><span class="desc font-16 font-14m text-white opacity-55 pad:max-w-302rpx">Freeze the decisive moment in crystal <br class="pad-only">clarity.</span> <h3 textKey="wplnb" zn-text="">Freeze the decisive moment in crystal <br class="pad-only">clarity.</h3> </div> </div><img class="arrow pad-only h-17px right-21.3rpx bottom-15.2px w-13px absolute" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-down-arrow-1.svg"></a><a class="card flex justify-center items-center relative pc:h-480rpx pc:w-652rpx pad:h-280rpx pad:w-358rpx" href="#anchor-ai-remaster" data-gtm-click="" data-gtm-label="AI Photo Remaster"> <div class="content rounded-8rpx full overflow-hidden relative"><img class="h-full object-cover w-full" alt="AI Photo Remaster" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-2-k-white-1.jpg.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-2-k-white-d7111.jpg.avif?v=1731920220000" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-mo-2-k-white-1.jpg.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-pad-2-k-white-1.jpg.avif?v=1731920220000"> <div class="text-wrapper flex flex-col w-full bottom-0 absolute pc:p-24rpx pad:px-16rpx pad:py-12px"><span class="font-m font-24 font-18m text-white">AI Photo Remaster</span> <h2 textKey="h7wj7" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Photo Remaster</span></h2><span class="desc font-16 font-14m text-white opacity-55 pad:max-w-302rpx">Creativity and efficiency, effortlessly achieved.</span> <h3 textKey="1aqhv" zn-text=""><span class="zn-text-inner" zn-text-inner="">Creativity and efficiency, effortlessly achieved.</span></h3> </div> </div><img class="arrow pad-only h-17px right-21.3rpx bottom-15.2px w-13px absolute" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-down-arrow-1.svg"></a> </div> <div class="last-two-card flex w-full justify-between pc:h-480rpx pad:h-280rpx"><a class="card flex justify-center items-center relative pc:h-480rpx pc:w-652rpx pad:h-280rpx pad:w-358rpx" href="#anchor-trinity-engine" data-gtm-click="" data-gtm-label="Trinity Engine x Dimensity 9400"> <div class="content rounded-8rpx full overflow-hidden relative"><img class="h-full object-cover w-full" alt="Trinity Engine x Dimensity 9400" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-3-k-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-3-k-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-mo-3-k-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-pad-3-k-1.jpg.avif"> <div class="text-wrapper flex flex-col w-full bottom-0 absolute pc:p-24rpx pad:px-16rpx pad:py-12px"><span class="font-m font-24 font-18m text-white">Trinity Engine x Dimensity 9400</span> <h2 textKey="3zdk9" zn-text=""><span class="zn-text-inner" zn-text-inner="">Trinity Engine x Dimensity 9400</span></h2><span class="desc twoline font-16 font-14m text-white opacity-55 pad:max-w-302rpx">Ultra-powerful, ultra-stable performance with our independently developed chip-level solution and next-gen 3nm chip process.</span> <h3 textKey="kyrjx" zn-text=""><span class="zn-text-inner" zn-text-inner="">Ultra-powerful, ultra-stable performance with our independently developed chip-level solution and next-gen 3nm chip process.</span></h3> </div> </div><img class="arrow pad-only h-17px right-21.3rpx bottom-15.2px w-13px absolute" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-down-arrow-1.svg"></a><a class="card flex justify-center items-center relative pc:h-480rpx pc:w-652rpx pad:h-280rpx pad:w-358rpx" href="#anchor-battery" data-gtm-click="" data-gtm-label="Loooong Battery Life"> <div class="content rounded-8rpx full overflow-hidden relative"><img class="h-full object-cover w-full" alt="Loooong Battery Life" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-4-k-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-4-k-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-mo-4-k-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-pad-4-k-1.jpg.avif"> <div class="text-wrapper flex flex-col w-full bottom-0 absolute pc:p-24rpx pad:px-16rpx pad:py-12px"><span class="font-m font-24 font-18m text-white">Long Battery Life</span> <h2 textKey="1o3xa" zn-text=""><span class="zn-text-inner" zn-text-inner="">Long Battery Life</span></h2><span class="desc twoline font-16 font-14m text-white opacity-55 pad:max-w-302rpx">5910mAh OPPO Silicon-carbon Battery to support 26-hour streaming, plus fast charging with 80W SuperVOOC<sub class="subFont" style="">TM</sub> and 50W AirVOOC<sub class="subFont" style="">TM</sub>. <sup>1</sup></span> <h3 textKey="1l8hh" zn-text="">5910mAh OPPO Silicon-carbon Battery to support 26-hour streaming, plus fast charging with 80W SuperVOOC<sub class="subFont" style="">TM</sub> and 50W AirVOOC<sub class="subFont" style="">TM</sub>. <sup>1</sup></h3> </div> </div><img class="arrow pad-only h-17px right-21.3rpx bottom-15.2px w-13px absolute" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-down-arrow-1.svg"></a> </div> </div><img class="mo-only w-full h-full absolute top-0 left-0 z-24" src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-mo-ksp-mask-mo-k.png?v=1731920220000" data-no-lazy-load="" alt=""> <div class="mo-only h-280vh w-full relative z-25" ani-ksp-mo=""> <div class="sticky h-[var(--content-height)] mx-auto top-[var(--nav-height)] w-328rpx"> <div class="cards-wrapper flex flex-col w-full"><a class="card rounded-8rpx w-full relative overflow-hidden h-360rpx flex-shrink-0 bg-black flex justify-center items-center" style="-webkit-transform: translate3d(0, 0, 0)" href="#anchor-ai" data-gtm-click="" data-gtm-label="AI Telescope Zoom"><img class="object-contain h-360rpx w-full" alt="AI Telescope Zoom" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-mo-0-k.jpg"> <div class="text-wrapper flex flex-col w-full py-12rpx px-16rpx bottom-0 absolute"> <p class="font-m font-18m text-white" textKey="duu3mc" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Telescope Zoom</span></p> <p class="desc font-14m text-white opacity-55" textKey="2rpihp" zn-text="">Distant wonders at your fingertips, brought close by AI-powered zoom.</p> </div><img class="arrow h-13px right-16rpx bottom-12rpx w-17px absolute" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-down-arrow-1.svg"></a><a class="card rounded-8rpx w-full relative overflow-hidden mt-8rpx h-80rpx flex-shrink-0 bg-black flex justify-center items-center" style="-webkit-transform: translate3d(0, 0, 0)" href="#anchor-lightning-snap" data-gtm-click="" data-gtm-label="Lightning Snap"><img class="object-contain h-360rpx w-full" alt="Lightning Snap" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-mo-1-k-white-1.jpg.avif?v=1731920220000"> <div class="text-wrapper flex flex-col w-full py-12rpx px-16rpx bottom-0 absolute"> <p class="font-m font-18m text-white" textKey="1575vw" zn-text=""><span class="zn-text-inner" zn-text-inner="">Lightning Snap</span></p> <p class="desc font-14m text-white opacity-55" textKey="wplnbm" zn-text="">Freeze the decisive moment in crystal <br class="pad-only">clarity.</p> </div><img class="arrow h-13px right-16rpx bottom-12rpx w-17px absolute" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-down-arrow-1.svg"></a><a class="card rounded-8rpx w-full relative overflow-hidden mt-8rpx h-80rpx flex-shrink-0 bg-black flex justify-center items-center" style="-webkit-transform: translate3d(0, 0, 0)" href="#anchor-ai-remaster" data-gtm-click="" data-gtm-label="AI Photo Remaster"><img class="object-contain h-360rpx w-full" alt="AI Photo Remaster" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-mo-2-k-white-1.jpg.avif?v=1731920220000"> <div class="text-wrapper flex flex-col w-full py-12rpx px-16rpx bottom-0 absolute"> <p class="font-m font-18m text-white" textKey="h7wj7s" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Photo Remaster</span></p> <p class="desc font-14m text-white opacity-55" textKey="1aqhv9" zn-text="">Creativity and efficiency, effortlessly achieved.</p> </div><img class="arrow h-13px right-16rpx bottom-12rpx w-17px absolute" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-down-arrow-1.svg"></a><a class="card rounded-8rpx w-full relative overflow-hidden mt-8rpx h-80rpx flex-shrink-0 bg-black flex justify-center items-center" style="-webkit-transform: translate3d(0, 0, 0)" href="#anchor-trinity-engine" data-gtm-click="" data-gtm-label="Trinity Engine x Dimensity 9400"><img class="object-contain h-360rpx w-full" alt="Trinity Engine x Dimensity 9400" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-mo-3-k-1.jpg.avif"> <div class="text-wrapper flex flex-col w-full py-12rpx px-16rpx bottom-0 absolute"> <p class="font-m font-18m text-white" textKey="3zdk9l" zn-text=""><span class="zn-text-inner" zn-text-inner="">Trinity Engine x Dimensity 9400</span></p> <p class="desc font-14m text-white opacity-55" textKey="kyrjxb" zn-text="">Ultra-powerful, ultra-stable performance with our independently developed chip-level solution and next-gen 3nm chip process.</p> </div><img class="arrow h-13px right-16rpx bottom-12rpx w-17px absolute" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-down-arrow-1.svg"></a><a class="card rounded-8rpx w-full relative overflow-hidden mt-8rpx h-80rpx flex-shrink-0 bg-black flex justify-center items-center" style="-webkit-transform: translate3d(0, 0, 0)" href="#anchor-battery" data-gtm-click="" data-gtm-label="Loooong Battery Life"><img class="object-contain h-360rpx w-full" alt="Loooong Battery Life" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-mo-4-k-1.jpg.avif"> <div class="text-wrapper flex flex-col w-full py-12rpx px-16rpx bottom-0 absolute"> <p class="font-m font-18m text-white" textKey="1o3xa1" zn-text=""><span class="zn-text-inner" zn-text-inner="">Long Battery Life</span></p> <p class="desc fourline font-14m text-white opacity-55" textKey="1l8hhk" zn-text="">5910mAh OPPO Silicon-carbon Battery to support 26-hour streaming, plus fast charging with 80W SuperVOOC<sub class="subFont" style="">TM</sub> and 50W AirVOOC<sub class="subFont" style="">TM</sub>. <sup>1</sup></p> </div><img class="arrow h-13px right-16rpx bottom-12rpx w-17px absolute" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ksp-down-arrow-1.svg"></a> </div> </div> </div> </div> <div class="w-screen bg-[#000] -mt-1px relative" id="section-screen-light"> <div class="sticky-container w-full relative pc:h-200vh pad:h-200vh" ani-screen-light-k=""> <div class="absolute top-0 h-50vh left-0 w-full opacity-0" data-gtm-view="Part3: Style And Fit"></div> <div class="absolute top-50vh h-50vh left-0 w-full opacity-0" data-gtm-view="Part4: Infinite View Display"></div> <div class="absolute top-100vh h-1vh left-0 w-full opacity-0" data-gtm-view="Part5: Edge-to-Edge"></div> <div class="content flex flex-col items-center justify-center overflow-hidden pc:h-[calc(var(--content-height))] pc:min-h-720rpx pc:top-[var(--nav-height)] pc:sticky pc:py-80rpx pad:h-[calc(var(--content-height))] pad:top-[var(--nav-height)] pad:sticky"> <div class="container-wrap relative pc:w-1312rpx mo:flex mo:flex-col mo:items-center"> <h2 class="seo-title" textKey="77nzf" zn-text="">Stylish, Sleek, Sturdy<br>Designed for both Style and Fit</h2> <div class="new-title pc:absolute pc:w-full pc:top-150rpx mo:mt-80rpx mo:mb-40rpx mo:w-328rpx mo:mx-auto pad:absolute pad:w-full pad:top-84rpx"> <p class="mx-auto text-[#FFFFFF] opacity-95 font-48m font-m pc:w-690px pc:text-center pc:text-68px pc:leading-[1.15] pad:text-center" textKey="14wx2" zn-text="">Stylish, Sleek, <br class="mo-only">Sturdy<br>Designed for <br class="mo-only">both <br class="mo-hidden"> Style <br class="mo-only">and Fit</p> </div> <div class="title-wrap mo-hidden text-center mx-auto pc:w-892px pad:w-720rpx"> <h2 class="text-white font-48 font-30m font-medium" textKey="lmqbh" zn-text=""><span class="zn-text-inner" zn-text-inner="">Infinite View Display</span></h2> <h3 class="text-white opacity-95 font-16 font-16m pc:mt-13rpx pc:whitespace-nowrap" textKey="1x65a" zn-text=""><span class="zn-text-inner" zn-text-inner="">Elegantly curved edges, smooth as pebbles, offer a perfect balance of expansive viewing and comfortable grip.</span></h3> </div><img class="scale-img mx-auto relative object-cover z-4 pc:w-1308rpx pc:h-229rpx pc:mt-90rpx pc:mb-50rpx mo:w-164rpx mo:h-448rpx mo:transform mo:origin-bottom pad:mt-29rpx pad:mb-37rpx pad:w-704rpx pad:h-130rpx" alt="Infinite View Display" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-screen-light-k-phone-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-screen-light-k-phone-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-screen-light-k-phone-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-screen-light-k-phone-pad-1.png.avif"> <div class="title-wrap mo-only mx-auto mo:w-328rpx"> <h2 class="text-white font-30m font-medium" textKey="lmqbh6" zn-text=""><span class="zn-text-inner" zn-text-inner="">Infinite View Display</span></h2> <h3 class="text-white opacity-95 font-16m mt-18rpx" textKey="1x65ao" zn-text=""><span class="zn-text-inner" zn-text-inner="">Elegantly curved edges, smooth as pebbles, offer a perfect balance of expansive viewing and comfortable grip.</span></h3> </div> <div class="text-wrap mx-auto relative z-5 pc:w-495px mo:mt-30rpx mo:mb-64rpx pad:w-704rpx"> <div class="flex pc:justify-center pc:w-494px mo:flex-wrap mo:justify-center mo:w-328rpx pad:w-720rpx pad:mx-auto pad:justify-center"> <div class="bg-[#201F1C] rounded-[8rpx] pc: pc:px-20rpx pc:py-16rpx pc:w-162px mo:w-328rpx mo:mb-4rpx mo:py-14rpx mo:px-16rpx pad: pad:py-14rpx pad:px-16rpx pad:w-160rpx"> <p class="font-m font-24 font-20m" textKey="1d6ua" zn-text=""> <span class="number-animation text-white" data-start="250" data-end="215" data-count="215">215</span><span class="text-white">g</span></p> <p class="opacity-75 font-m font-14 font-12m text-white mot:mt-4rpx pc:mt-8rpx" textKey="1tfjh" zn-text=""><span class="zn-text-inner" zn-text-inner="">Delightfully light<sup>2</sup></span></p> </div> <div class="bg-[#201F1C] rounded-[8rpx] pc:ml-8rpx pc:px-20rpx pc:py-16rpx pc:w-162px mo:mr-4rpx mo:w-162rpx mo:py-14rpx mo:px-16rpx pad:ml-4rpx pad:py-14rpx pad:px-16rpx pad:w-160rpx"> <p class="font-m font-24 font-20m" textKey="qowo3" zn-text=""> <span class="number-animation text-white" data-start="8.59" data-end="8.24" data-count="8.24">8.24</span><span class="text-white">mm</span></p> <p class="opacity-75 font-m font-14 font-12m text-white mot:mt-4rpx pc:mt-8rpx" textKey="1kf2z" zn-text=""><span class="zn-text-inner" zn-text-inner="">Remarkably thin<sup>2</sup></span></p> </div> <div class="bg-[#201F1C] rounded-[8rpx] pc:ml-8rpx pc:px-20rpx pc:py-16rpx pc:w-162px mo:w-162rpx mo:py-14rpx mo:px-16rpx pad:ml-4rpx pad:py-14rpx pad:px-16rpx pad:w-160rpx"> <p class="font-m font-24 font-20m" textKey="shb62" zn-text=""> <span class="number-animation text-white" data-start="6.43" data-end="6.78" data-count="6.78">6.78</span><span class="text-white">"</span></p> <p class="opacity-75 font-m font-14 font-12m text-white mot:mt-4rpx pc:mt-8rpx" textKey="2g59h" zn-text="">Display size</p> </div> </div> </div> <div class="end-text mo-hidden absolute left-0 top-1/2 transform -translate-y-1/2 pc:w-430px"> <h2 class="font-48 text-white font-m font-30m" textKey="1f1p3" zn-text=""><span class="zn-text-inner" zn-text-inner="">Edge-to-Edge</span></h2> <h3 class="font-18 text-white font-16m mt-24rpx pc-only" textKey="14r04" zn-text=""><span class="zn-text-inner" zn-text-inner="">Super-narrow bezels and super-high screen-to-</span></h3> <h3 class="font-18 text-white font-16m pc-only" textKey="vdruh" zn-text=""><span class="zn-text-inner" zn-text-inner="">body ratio for an immersive view.</span></h3> <h3 class="font-18 text-white font-16m mt-18rpx pad-only" textKey="al4qg" zn-text=""><span class="zn-text-inner" zn-text-inner="">Super-narrow bezels and super-high screen-</span></h3> <h3 class="font-18 text-white font-16m pad-only" textKey="a697z" zn-text=""><span class="zn-text-inner" zn-text-inner="">to-body ratio for an immersive view.</span></h3> </div> <div class="mo-only mb-64rpx w-full flex flex-col items-start"> <div class="mx-auto w-360rpx h-196rpx mb-46rpx mt-65rpx relative"><img class="mo-only phone-b w-500rpx h-196rpx absolute left-0" alt="Edge-to-Edge" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-screen-light-k-phone-b-mo-1.png.avif"></div> <div class="w-328rpx mx-auto mo-text-b"> <h2 class="font-48 text-white font-m font-30m" textKey="1f1p3c" zn-text=""><span class="zn-text-inner" zn-text-inner="">Edge-to-Edge</span></h2> <h3 class="font-18 text-white font-16m mt-18rpx mo-only" textKey="qbiow" zn-text=""><span class="zn-text-inner" zn-text-inner="">Super-narrow bezels and super-high screen-to-body ratio for an immersive view.</span></h3> </div> </div> </div> </div> </div> </div> <div class="bg-[#000] text-[#fff] -mt-1px w-full z-10 relative" id="section-color"> <div class="color-wrapper mx-auto pc:w-1312rpx pc:py-80rpx mo:w-328rpx mo: mo:pb-64px mo:mx-auto mo:pt-64rpx pad:w-720rpx pad:py-64rpx pad:mx-auto" ani-color="" data-active="0"> <div class="flex pc:h-523rpx pc:w-full mo:flex-col mo:w-full pad:flex-col pad:w-full" data-gtm-view="Part6: Color"> <div class="color-left h-full relative pc:w-873rpx pc:h-523rpx pc:rounded-8rpx mo:w-328rpx mo:h-262rpx pad:w-720rpx pad:h-405rpx"><img class="h-full object-cover w-full absolute color-img-0" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-l-0.jpg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-l-0.jpg" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-l-0-mo.jpg" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-l-0-pad.jpg"><img class="h-full object-cover w-full absolute color-img-1" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-l-1.jpg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-l-1.jpg" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-l-1-mo.jpg" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-l-1-pad.jpg"> </div> <div class="h-full overflow-hidden pc:ml-20rpx pc:w-420rpx mo:mt-8rpx mo:w-328rpx mo:h-196rpx mo:flex pad:w-720rpx pad:h-280rpx pad:mt-4rpx"> <div class="color-right bgkonka bg-white relative pc:h-250rpx pc:mt-273rpx pc:w-full pc: mo:h-full mo:w-full pad: pad:w-full pad:h-full"><img class="object-cover color-img-0 absolute pc:h-232rpx pc:w-564rpx pc:top-10rpx pc:left-16rpx pc: mo:w-full mo:h-full pad:w-full pad:h-full" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-r-0.png" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-r-0.png" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-r-0-mo.jpg" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-r-0-pad.jpg"><img class="object-cover color-img-1 absolute pc:h-232rpx pc:w-564rpx pc:top-10rpx pc:left-16rpx pc: mo:w-full mo:h-full pad:w-full pad:h-full" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-r-1.png" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-r-1.png" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-r-1-mo.jpg" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-r-1-pad.jpg"> </div> </div> </div> <div class="mo-hidden relative pc:mt-24rpx pad:mt-28rpx"> <h3 class="color-text pc:w-872rpx pad:w-720rpx opacity-95 color-text-0 relative pct:text-18px pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5]" textKey="18a2k" zn-text=""><span class="zn-text-inner" zn-text-inner="">The exclusive craftsmanship creates a magical pearlescent texture, with every phone uniquely patterned.</span></h3> <h3 class="color-text pc:w-872rpx pad:w-720rpx opacity-95 color-text-1 absolute top-0 left-0 pct:text-18px pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5]" textKey="gmak6" zn-text=""><span class="zn-text-inner" zn-text-inner="">Serene and steady, mirroring the distant night sky.</span></h3> </div> <div class="switch mo-hidden flex relative items-center pc:mt-28rpx pad:mt-32rpx"> <div class="btn cursor-pointer w-32rpx h-32rpx rounded-full btn-0 flex justify-center items-center" data-gtm-click="Color" data-gtm-label="Pearl White"> <div class="inner rounded-full w-24rpx h-24rpx"></div> </div> <p class="text font-16 text-0 font-14m ml-8rpx pad:ml-4rpx" textKey="1dihy" zn-text=""><span class="zn-text-inner" zn-text-inner="">Pearl White</span></p> <div class="btn cursor-pointer w-32rpx h-32rpx rounded-full btn-1 flex justify-center items-center ml-20rpx pad:ml-24rpx" data-gtm-click="Color" data-gtm-label="Space Black"> <div class="inner rounded-full w-24rpx h-24rpx"></div> </div> <p class="text font-16 text-1 font-14m ml-8rpx pad:ml-4rpx" textKey="12i0u" zn-text=""><span class="zn-text-inner" zn-text-inner="">Space Black</span></p> </div> <div class="switch mo-only flex relative mt-32rpx"> <div class="flex flex-col items-center"> <div class="btn cursor-pointer w-32rpx h-32rpx rounded-full btn-0 flex justify-center items-center" data-gtm-click="Color" data-gtm-label="Pearl White"> <div class="inner rounded-full w-24rpx h-24rpx"></div> </div> <p class="text font-16 text-0 font-14m mt-4rpx" textKey="1dihyd" zn-text=""><span class="zn-text-inner" zn-text-inner="">Pearl White</span></p> </div> <div class="flex flex-col items-center ml-20rpx"> <div class="btn cursor-pointer w-32rpx h-32rpx rounded-full btn-1 flex justify-center items-center" data-gtm-click="Color" data-gtm-label="Space Black"> <div class="inner rounded-full w-24rpx h-24rpx"></div> </div> <p class="text font-16 text-1 font-14m mt-4rpx" textKey="12i0us" zn-text=""><span class="zn-text-inner" zn-text-inner="">Space Black</span></p> </div> </div> <div class="mo-only relative mt-32rpx"> <h3 class="color-text opacity-95 color-text-0 relative mot:text-16px mot:tracking-0.031em mot:leading-[1.5]" textKey="18a2kq" zn-text="">The exclusive craftsmanship creates a magical pearlescent texture, with every phone uniquely patterned.</h3> <h3 class="color-text opacity-95 color-text-1 absolute top-0 left-0 mot:text-16px mot:tracking-0.031em mot:leading-[1.5]" textKey="gmak6q" zn-text="">Serene and steady, mirroring the distant night sky.</h3> </div> </div> <div class="color-bottom flex items-center w-full py-80rpx mo:py-0 mo:flex-col pad:pt-64rpx pad: pad:flex-col !pad:pb-64rpx" data-gtm-view="Part7: Camera Module And Slider And Ring Design"> <div class="w-1312rpx mx-auto flex mo:w-328rpx mo:flex-col pad:w-720rpx"> <div class="color-b-card w-432rpx h-540rpx rounded-8rpx overflow-hidden px-40rpx pt-40rpx flex flex-col items-center mo:w-328rpx mo:h-450rpx mo:px-20rpx mo:pt-28rpx pad:w-356rpx pad:h-447rpx pad:px-20rpx pad:pt-20rpx"> <div> <h2 class="font-m opacity-95 pct:text-32px pct:tracking-0.015em pct:leading-[1.25] mot:text-24px mot:tracking-0.02em mot:leading-[1.33] pc:" textKey="127zr" zn-text=""><span class="zn-text-inner" zn-text-inner="">Ultra-compact Camera Module</span></h2> <h3 class="opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-14px mot:tracking-0.035em mot:leading-[1.57] pc:mt-20px mo:mt-12px pad:mt-12px" textKey="12nb2" zn-text=""><span class="zn-text-inner" zn-text-inner="">Good feel, strong image quality, both can be achieved.</span></h3> </div> <div class="image-wraper w-352rpx h-304rpx mt-48rpx relative pad:w-328rpx pad:h-254rpx"><img class="w-352rpx h-534rpx -top-30rpx absolute left-1/2 transform -translate-x-1/2 object-cover mo:w-268rpx mo:h-346rpx mo:-top-30px mo: mo:absolute mo:left-1/2 mo:transform mo:-translate-x-1/2 pad:w-292rpx pad:h-381rpx pad:" alt="Ultra-compact Camera Module" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-1.png" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-1.png" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-1-mo.png" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-1-pad-1.png.avif"></div> </div> <div class="color-b-card w-432rpx h-540rpx rounded-8rpx ml-8rpx overflow-hidden px-40rpx pt-40rpx flex flex-col items-center mo:w-328rpx mo:h-410rpx mo:px-20rpx mo:pt-28rpx mo:mt-8rpx mo:ml-0 pad:w-356rpx pad:h-447rpx pad:px-20rpx pad:pt-20rpx"> <div> <h2 class="font-m opacity-95 pct:text-32px pct:tracking-0.015em pct:leading-[1.25] mot:text-24px mot:tracking-0.02em mot:leading-[1.33]" textKey="1g969" zn-text=""><span class="zn-text-inner" zn-text-inner="">Exclusive Alert Slider</span></h2> <h3 class="opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-14px mot:tracking-0.035em mot:leading-[1.57] pc:mt-20px mo:mt-12px pad:mt-12px" textKey="1bq9t" zn-text=""><span class="zn-text-inner" zn-text-inner="">Silent, vibration, and ringing modes, switchable with a single flick.</span></h3> </div> <div class="image-wraper w-352rpx h-344rpx mt-48rpx relative mo:w-288rpx mo:h-246rpx mo:mt-30rpx pad:w-352rpx pad:h-291rpx"><img alt="Exclusive Alert Slider" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-2-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-2-mo.png" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-2-pad-1.png.avif" class="pc:w-830rpx pc:h-316rpx pc:absolute pc:left-0 pc:top-0 pc:object-cover mo:w-657rpx mo:h-263rpx pad:w-694rpx pad:h-263rpx"></div> </div> <div class="color-b-card pad-hidden w-432rpx h-540rpx rounded-8rpx ml-8rpx overflow-hidden px-40rpx pt-40rpx flex flex-col items-center mo:w-328rpx mo:h-410rpx mo:mt-8rpx mo:ml-0 mo:px-20rpx mo:pt-28rpx"> <div> <h2 class="pct:text-32px pct:font-medium pct:tracking-0.015em pct:leading-[1.25] mot:text-24px mot:tracking-0.02em mot:leading-[1.33] pc:self-stretch pc: pc:opacity-95" textKey="1d26t" zn-text=""><span class="zn-text-inner" zn-text-inner="">Cosmos Ring Design</span></h2> <h3 class="pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-14px mot:tracking-0.035em mot:leading-[1.57] pc:self-stretch pc:mt-20px pc:opacity-95 mo:mt-12px" textKey="n3hsc" zn-text=""><span class="zn-text-inner" zn-text-inner="">Classic design, glittering highlights, light and agile.</span></h3> </div> <div class="image-wraper w-352rpx h-344rpx mt-48rpx relative mo:w-288rpx mo:h-246rpx mo:relative"><img alt="Cosmos Ring Design" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-3.png" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-3.png" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-3-mo.png" class="pc:w-352rpx pc:h-411rpx pc: pc:absolute pc:top-1px pc:left-1/2 pc:transform pc:-translate-x-1/2 pc:object-cover pc:z-2 mo:w-376rpx mo:h-375rpx mo:-top-17px mo:-left-10rpx mo:absolute mo: mo:object-cover mo:z-2"></div> </div> </div> <div class="pad-only"> <div class="color-b-card h-320rpx w-720rpx px-20rpx pt-20rpx rounded-8rpx mt-8rpx overflow-hidden flex flex-col items-center"> <div class="w-680rpx"> <h2 class="font-m opacity-95 mot:text-24px mot:tracking-0.02em mot:leading-[1.33]" textKey="1d26tg" zn-text=""><span class="zn-text-inner" zn-text-inner="">Cosmos Ring Design</span></h2> <h3 class="opacity-95 mt-12px mot:text-14px mot:tracking-0.035em mot:leading-[1.57]" textKey="n3hscq" zn-text=""><span class="zn-text-inner" zn-text-inner="">Classic design, glittering highlights, light and agile.</span></h3> </div> <div class="image-wraper w-680rpx h-313rpx mt-56rpx relative"><img class="w-644rpx h-145rpx absolute -top-12px left-1/2 transform -translate-x-1/2 object-cover z-2" alt="Cosmos Ring Design" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-color-konka-b-3-pad.png"></div> </div> </div> </div> </div> <div class="apac-only bg-black text-white relative overflow-hidden w-full flex justify-center pc:py-80rpx mo:py-64rpx pad:px-24rpx pad:py-64rpx" id="section-gift" data-gtm-view="Part8: MaisonKitsune Phone Case"> <div class="relative overflow-hidden w-full flex mx-auto pc:items-center pc:justify-between pc:h-auto pc:rounded-8rpx pc:w-1312rpx mo:w-328rpx mo:flex-col-reverse mo:rounded-4rpx pad:flex-col-reverse pad:rounded-4rpx"> <div class="text-wrapper bg-[#202020] flex flex-col mot:px-20rpx mot:py-40rpx pc:justify-center pc:flex-shrink-0 pc:w-480rpx pc:min-w-470px pc:self-stretch pc:px-44rpx pc:py-73rpx"> <div> <h3 class="font-medium mot:text-30px mot:leading-[1.27] mot:tracking-0.016em pc:text-48px pc:leading-[1.25]" textKey="1cqs2" zn-text="">Where Innovation <br class="pad-hidden">Meets Artistry</h3> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx pc:mt-20rpx" textKey="gg8my" zn-text="">Discover the exclusive <br class="pad-hidden">#OPPOxMaisonKitsune phone case — your new tech essential!</p> </div> <div id="pre-order" class=""> <div class="bg-[#414141] h-1px w-full mot:my-24rpx pc:my-40rpx"></div> <p class="font-medium pct:text-36px pct:tracking-0.014em pct:leading-[1.11] mot:text-24px mot:font-medium mot:tracking-0.02em mot:leading-[1.5]" textKey="gqk2a" zn-text="">Discover Pre-Order <br class="pad-hidden">Benefits</p> <p class="pct:text-18px pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-12rpx pc:mt-20rpx">Exclusive xxxx Worth xxxx. Includes 1 x Air3 Pro, 1 x 80W Car Charger, 1 x Type-C VoOC Cable. <br class="mo-only"><nobr><a href="https://www.oppo.com/cn/" target="__blank" class="" textkey="zstz3" zn-text="">Click here to know more</a></nobr></p> </div> </div> <div class="bg-[#FFFFFF00] pc:w-832rpx pc:self-stretch pad:w-720rpx pad:h-404rpx"><img class="w-full h-full object-cover" alt="Where Innovation <br class='pad-hidden'>Meets Artistry" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-li-gift-k-pc.jpg?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-li-gift-k-pc.jpg?v=1731920220000" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-li-gift-k-mo.jpg?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-li-gift-k-pad.jpg?v=1731920220000"></div> </div> </div> <div class="relative z-1 bg-black text-white pad:overflow-hidden" id="section-lens" ani-lens="" data-gtm-view="Part9: HASSELBLAD Photography"> <div class="absolute top-[calc(-50px-var(--nav-height))]" id="anchor-lens"></div> <div class="color-wrapper flex flex-col justify-center items-center pc:pt-144rpx mo:w-full mo:mx-auto mo:pt-80rpx pad:pt-80rpx pad:w-720rpx pad:mx-auto pad:mb-37rpx"><img class="object-contain mot:w-292rpx mot:h-25rpx mot:mb-28rpx pc:w-357rpx pc:h-30rpx pc:mb-25rpx" alt="hasselblad" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-lens-hasselblad-white-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-lens-hasselblad-white-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-lens-hasselblad-white-pad-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-lens-hasselblad-white-pad-1.png.avif"> <h2 class="text-center font-m mot:text-48px mot:leading-[1.17] mot:mx-auto pc:text-68px pc:leading-[1.35] pc:pb-[3.3vw] mo:w-328rpx pad:w-720rpx" ani-section-title="" textKey="2d7v0" zn-text="">Pushing the Boundaries<br>of Phone Photography</h2> <div class="title-wrapper pc-hidden text-left pt-80rpx mo:w-328rpx mo:mx-auto" data-gtm-view="Part10: HyperTone Quad Main Camera"> <p class="mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5] mot:opacity-55" textKey="iz9cl" zn-text="">HyperTone Quad Main Camera System</p> <h3 class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx" textKey="16vof" zn-text="">Any Distance, <br class="mo-only">Always Amazing</h3> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx" textKey="vvhkj" zn-text=""><span class="zn-text-inner" zn-text-inner="">Get better colours, more detail, and improved light and shadow across a breathtaking 0.6x to 120x zoom range. Whether you're ready for your closeup or capturing a perfect sunset, your shots will shine.</span></p> </div> <div class="phone-wrapper mo-only w-full h-490rpx overflow-hidden"><img class="relative w-291rpx h-607rpx mx-auto top-47rpx origin-top" alt="Pushing The Boundaries Of Phone Photography" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-lens-phone-kon-mo-1-88.png.avif"></div> </div> <div class="sticky-wrapper relative mo-hidden w-full pc:h-[calc(var(--content-height)+50vh)]"> <div class="sticky w-full pc:h-[var(--content-height)] pc:top-[var(--nav-height)] pc:overflow-hidden"> <div class="phone absolute mx-auto pc:w-[25.90vw] pc:h-[55.06vw] pc:top-[4vw] pc:left-0 pc:right-0 pad:w-322rpx pad:h-683rpx pad:top-[calc(var(--half-content-height)+40rpx)] pad:left-0 pad:right-0"><img class="full" alt="Pushing The Boundaries Of Phone Photography" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-lens-phone-kon-pc-1-88.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-lens-phone-kon-pc-d7111-88.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-lens-phone-kon-pad-1-88.png.avif"></div> <div class="title-wrapper absolute top-0 pc-only w-[calc(31.30vw+785rpx)] h-full left-0 right-0 mx-auto flex justify-between items-center pad:w-602rpx"> <div class="subtitle"> <p class="text-20rpx leading-28rpx w-390rpx font-m opacity-55 mot:text-30 mot:w-132px" textKey="iz9cld" zn-text="">HyperTone Quad Main Camera System</p> <h3 class="text-48rpx leading-60rpx w-390rpx font-m mt-12rpx mot:text-30 mot:w-132px" textKey="16vofo" zn-text="">Any Distance, <br class="mo-only">Always Amazing</h3> </div> <div class="subdesc text-18rpx leading-26rpx w-365rpx mot:text-16 mot:w-160px" textKey="vvhkj3" zn-text=""><span class="zn-text-inner" zn-text-inner="">Get better colours, more detail, and improved light and shadow across a breathtaking 0.6x to 120x zoom range. Whether you're ready for your closeup or capturing a perfect sunset, your shots will shine.</span></div> </div> <div class="param-wrapper absolute w-[calc(31.30vw+790rpx)] top-[calc(4vw+5.5vw)] left-0 right-0 mx-auto pad:w-720rpx pad:h-258rpx pad:top-78rpx"> <div class="param-card absolute align-left flex flex-col gap-8rpx pc:w-[calc(14.65vw+403rpx)] pc:top-0.4861111111111111vw pad:w-349rpx pad:top-0rpx"> <div class="div pc-only w-full h-2px relative"><svg width="618" height="2" viewBox="0 0 618 2" fill="none" xmlns="http://www.w3.org/2000/svg" class=""> <path d="M0 1H618" stroke="white" stroke-opacity="0.55" style="mix-blend-mode:difference" class=""></path> </svg> </div> <div class="div pad-only w-full h-2px relative"><svg width="349" height="2" viewBox="0 0 349 2" fill="none" xmlns="http://www.w3.org/2000/svg" class=""> <path d="M0 1H349" stroke="white" stroke-opacity="0.55" style="mix-blend-mode:difference" class=""></path> </svg> </div> <div class="param text-28rpx leading-36rpx tracking-0.017em leading-[1.29] font-m mot:text-18rpx mot:leading-26rpx" textKey="sm2vq" zn-text="">50MP 3x Periscope <br class="pad-only">Telephoto</div> <div class="value text-18rpx tracking-0.027em leading-[1.44] opacity-95 mot:text-14rpx mot:leading-22rpx" textKey="ehfm6" zn-text="">1/1.95" Large Sensor<br>f/2.6 Aperture<br>Optical Image Stabilization<br>73mm Focal Length</div> </div> <div class="param-card absolute align-left line-bottom single-line flex flex-col gap-8rpx pc:w-[calc(14.65vw+329rpx)] pc:top-15.416666666666668vw pad:w-290rpx pad:top-217rpx"> <div class="div pc-only w-full h-2px relative"><svg width="548" height="119" viewBox="0 0 548 119" fill="none" xmlns="http://www.w3.org/2000/svg" class=""> <path d="M0 118H548" stroke="white" stroke-opacity="0.55" style="mix-blend-mode:difference" class=""></path> <path d="M547.5 0L547.5 117.5" stroke="white" stroke-opacity="0.55" style="mix-blend-mode:difference" class=""></path> </svg> </div> <div class="div pad-only w-full h-2px relative"><svg width="291" height="136" viewBox="0 0 291 136" fill="none" xmlns="http://www.w3.org/2000/svg" class=""> <path d="M0 135.5H290V0" stroke="white" stroke-opacity="0.55" style="mix-blend-mode:difference" class=""></path> </svg> </div> <div class="param text-28rpx leading-36rpx tracking-0.017em leading-[1.29] font-m mot:text-18rpx mot:leading-26rpx" textKey="iw0tp" zn-text=""><span class="zn-text-inner" zn-text-inner="">50MP Main Camera</span></div> <div class="value text-18rpx tracking-0.027em leading-[1.44] opacity-95 mot:text-14rpx mot:leading-22rpx" textKey="1j9wd" zn-text="">1/1.4" Sensor Size<br>f/1.6 Aperture<br>Optical Image Stabilization<br>23mm Focal Length</div> </div> <div class="param-card absolute align-right reverse flex flex-col gap-8rpx pc:w-[calc(14.65vw+319rpx)] pc:top-5.972222222222222vw pad:w-275rpx pad:top-64rpx"> <div class="div pc-only w-full h-2px relative"><svg width="530" height="2" viewBox="0 0 530 2" fill="none" xmlns="http://www.w3.org/2000/svg" class=""> <path d="M0 1H530" stroke="white" stroke-opacity="0.55" style="mix-blend-mode:difference" class=""></path> </svg> </div> <div class="div pad-only w-full h-2px relative"><svg width="280" height="2" viewBox="0 0 280 2" fill="none" xmlns="http://www.w3.org/2000/svg" class=""> <path d="M0 1H280" stroke="white" stroke-opacity="0.55" style="mix-blend-mode:difference" class=""></path> </svg> </div> <div class="param text-28rpx leading-36rpx tracking-0.017em leading-[1.29] font-m mot:text-18rpx mot:leading-26rpx" textKey="s64t3" zn-text="">50MP 6x Periscope <br class="pad-only">Telephoto</div> <div class="value text-18rpx tracking-0.027em leading-[1.44] opacity-95 mot:text-14rpx mot:leading-22rpx" textKey="jop71" zn-text="">1/2.51" Sensor Size<br>f/4.3 Aperture<br>Optical Image Stabilization<br>135mm Focal Length</div> </div> <div class="param-card absolute align-right reverse line-bottom flex flex-col gap-8rpx pc:w-[calc(14.65vw+409rpx)] pc:top-20.97222222222222vw pad:w-360rpx pad:top-272rpx"> <div class="div pc-only w-full h-2px relative"><svg width="631" height="124" viewBox="0 0 631 124" fill="none" xmlns="http://www.w3.org/2000/svg" class=""> <path d="M1 123H631" stroke="white" stroke-opacity="0.55" style="mix-blend-mode:difference" class=""></path> <path d="M1 0L1.00001 123.5" stroke="white" stroke-opacity="0.55" style="mix-blend-mode:difference" class=""></path> </svg> </div> <div class="div pad-only w-full h-2px relative"><svg width="360" height="126" viewBox="0 0 360 126" fill="none" xmlns="http://www.w3.org/2000/svg" class=""> <path d="M360 125.5H1V0" stroke="white" stroke-opacity="0.55" style="mix-blend-mode:difference" class=""></path> </svg> </div> <div class="param text-28rpx leading-36rpx tracking-0.017em leading-[1.29] font-m mot:text-18rpx mot:leading-26rpx" textKey="d5k85" zn-text="">50MP Ultra-wide <br class="pad-only">camera</div> <div class="value text-18rpx tracking-0.027em leading-[1.44] opacity-95 mot:text-14rpx mot:leading-22rpx" textKey="1tkeq" zn-text="">1/2.75" Sensor Size<br>f/2.0 Aperture<br>15mm Focal Length</div> </div> </div> </div> </div> <div class="param-wrapper mo-only w-full px-16px pt-32rpx pb-5rpx justify-between bg-[#151515] flex flex-wrap" data-gtm-view="Part11: Camera Parameters"> <div class="param-card w-[45.7%] mb-27rpx"> <div class="param text-18px tracking-0.027em leading-[1.44] font-m" textKey="iw0tp" zn-text=""><span class="zn-text-inner" zn-text-inner="">50MP Main Camera</span></div> <div class="value text-14px tracking-0.035em leading-[1.57] opacity-70 mt-8rpx" textKey="1j9wdn" zn-text="">1/1.4" Sensor Size<br>f/1.6 Aperture<br>Optical Image Stabilization<br>23mm Focal Length</div> </div> <div class="param-card w-[45.7%] ml-27rpx mb-27rpx"> <div class="param text-18px tracking-0.027em leading-[1.44] font-m" textKey="1u7vz" zn-text=""><span class="zn-text-inner" zn-text-inner="">50MP Ultra-wide camera</span></div> <div class="value text-14px tracking-0.035em leading-[1.57] opacity-70 mt-8rpx" textKey="1tkeqr" zn-text="">1/2.75" Sensor Size<br>f/2.0 Aperture<br>15mm Focal Length</div> </div> <div class="param-card w-[45.7%] mb-27rpx"> <div class="param text-18px tracking-0.027em leading-[1.44] font-m" textKey="1d5k6" zn-text=""><span class="zn-text-inner" zn-text-inner="">50MP 3x Periscope Telephoto</span></div> <div class="value text-14px tracking-0.035em leading-[1.57] opacity-70 mt-8rpx" textKey="ehfm6j" zn-text="">1/1.95" Large Sensor<br>f/2.6 Aperture<br>Optical Image Stabilization<br>73mm Focal Length</div> </div> <div class="param-card w-[45.7%] ml-27rpx mb-27rpx"> <div class="param text-18px tracking-0.027em leading-[1.44] font-m" textKey="1xzv8" zn-text=""><span class="zn-text-inner" zn-text-inner="">50MP 6x Periscope Telephoto</span></div> <div class="value text-14px tracking-0.035em leading-[1.57] opacity-70 mt-8rpx" textKey="jop716" zn-text="">1/2.51" Sensor Size<br>f/4.3 Aperture<br>Optical Image Stabilization<br>135mm Focal Length</div> </div> </div> </div> <div class="text-white relative z-2 pc:w-full" id="section-zoom" data-gtm-view="Part12: AI Telescope Zoom"> <div class="absolute h-0px top-[calc(0px-var(--nav-height))]" id="anchor-ai"></div> <div class="sticky-wrapper pc:h-2500rpx pad:py-64rpx" ani-zoom=""> <div class="sticky flex items-center w-full mx-auto sticky overflow-visible relative pc:h-[var(--content-height)] pc:top-[var(--nav-height)] pc:justify-center mo:justify-center pad:w-720rpx"> <div class="pc:overflow-visible pc:h-full pc:max-h-508px mo:py-64rpx pad:w-full"> <div class="container flex items-center pc:h-full pc:w-1312rpx mo:flex-col pad:w-full pad:justify-between"> <div class="left-text pc:w-542rpx pc:basis-470px pc:flex-shrink-0 pc:h-full pc:mr-40rpx pc:flex pc:flex-col pc:justify-center mo:w-328rpx mo:min-h-260px pad:w-308rpx pad:h-200rpx"> <p class="self-stretch text-[#ffffff] opacity-55 pct:text-20px pct:font-medium pct:tracking-0.025em pct:leading-[1.4] pct:opacity-55 mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5]" textKey="duu3mc" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Telescope Zoom</span></p> <h3 class="opacity-95 font-m mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:text-48px pc:leading-58px pc:pt-12rpx pc:pb-24rpx" textKey="j5jph" zn-text=""><span class="zn-text-inner" zn-text-inner="">See Further, <br>See Clearer</span></h3> <p class="mot:text-16px mot:leading-20px mot:pt-12rpx mot:mt-18rpx pc:min-w-430px pc:w-494rpx pc:text-18px pc:tracking-0.027em pc:leading-[1.44] pad:text-16px pad:leading-20px pad:pt-12rpx">Next-gen AI algorithms bridge the gap, bringing unprecedented clarity and color reproduction to long-range zoom for an exceptional image <nobr textKey="1yn0d" zn-text="">quality. <sup>3</sup></nobr></p> </div> <div class="right-imgs overflow-hidden relative text-black pc:w-762rpx pc:h-508rpx mo:w-328rpx mo:h-250rpx pad:w-380rpx pad:h-278rpx"> <div class="detail z-2 absolute w-full pc:top-16rpx mo:top-8rpx pad:top-10rpx"> <div class="pc-only text-16px leading-20px font-m pc:text-12px pc:leading-[1.67] pc:text-center pc:ml-16rpx pc:w-37px pc:py-3rpx pc:bg-white pc:rounded-full mo:pl-9rpx pad:pl-12rpx" textKey="32s5h" zn-text=""><span class="zn-text-inner" zn-text-inner="">1×</span></div> </div><img class="w-full h-full object-cover absolute top-0 active" alt="See Further, See Clearer 1x" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x1-pc.jpg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x1-pc.jpg" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x1.jpg" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x1.jpg"> <div class="detail z-2 absolute w-full pc:top-[100%] mo:h-27rpx mo:-bottom-27rpx pad:h-32rpx pad:-bottom-32rpx"> <div class="border pc-only w-full bg-white pc:mb-15rpx pc:h-1px"></div> <div class="pc-only text-16px leading-20px font-m pc:text-12px pc:leading-[1.67] pc:text-center pc:ml-16rpx pc:w-39px pc:py-3rpx pc:bg-white pc:rounded-full" textKey="32s5j" zn-text=""><span class="zn-text-inner" zn-text-inner="">3×</span></div> </div><img class="w-full h-full object-cover absolute top-0" alt="See Further, See Clearer 3×" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x2-pc.jpg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x2-pc.jpg" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x2.jpg" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x2.jpg"> <div class="detail z-2 absolute w-full pc:top-[100%] mo:h-27rpx mo:-bottom-27rpx pad:h-32rpx pad:-bottom-32rpx"> <div class="border pc-only w-full bg-white pc:mb-15rpx pc:h-1px"></div> <div class="pc-only text-16px leading-20px font-m pc:text-12px pc:leading-[1.67] pc:text-center pc:ml-16rpx pc:w-39px pc:py-3rpx pc:bg-white pc:rounded-full" textKey="32s5e" zn-text=""><span class="zn-text-inner" zn-text-inner="">6×</span></div> </div><img class="w-full h-full object-cover absolute top-0" alt="See Further, See Clearer 6×" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x3-pc.jpg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x3-pc.jpg" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x3.jpg" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x3.jpg"> <div class="detail z-2 absolute w-full pc:top-[100%] mo:h-27rpx mo:-bottom-27rpx pad:h-32rpx pad:-bottom-32rpx"> <div class="border pc-only w-full bg-white pc:mb-15rpx pc:h-1px"></div> <div class="pc-only text-16px leading-20px font-m pc:text-12px pc:leading-[1.67] pc:text-center pc:ml-16rpx pc:w-39px pc:py-3rpx pc:bg-white pc:rounded-full" textKey="2ne8n" zn-text=""><span class="zn-text-inner" zn-text-inner="">30×</span></div> </div><img class="w-full h-full object-cover absolute top-0" alt="See Further, See Clearer 30×" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x4-pc.jpg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x4-pc.jpg" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x4.jpg" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x4.jpg"> <div class="detail z-2 absolute w-full pc:top-[100%] mo:h-27rpx mo:-bottom-27rpx pad:h-32rpx pad:-bottom-32rpx"> <div class="border pc-only w-full bg-white pc:mb-15rpx pc:h-1px"></div> <div class="pc-only text-16px leading-20px font-m pc:text-12px pc:leading-[1.67] pc:text-center pc:ml-16rpx pc:w-39px pc:py-3rpx pc:bg-white pc:rounded-full" textKey="2ne8ne" zn-text="">60×</div> </div><img class="w-full h-full object-cover absolute top-0" alt="See Further, See Clearer 60×" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x5-pc.jpg" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x5-pc.jpg" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x5.jpg" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-zoom-k-x5.jpg"> <div class="text-switch pc-hidden flex items-center flex-shrink-0 p-2px bg-white bg-opacity-30 absolute rounded-full mot:bottom-12rpx mot:left-12rpx"><a class="text-[#ffffff] font-medium opacity-95 rounded-full active pct:text-12px pct:leading-[1.67] mot:text-12px mot:leading-[1.67] mot:px-12rpx mot:py-3rpx pc:px-12rpx pc:py-4rpx" data-num="0" data-gtm-click="AI Telescope Zoom" data-gtm-label="1× img" textkey="32s5h" zn-text=""><span class="zn-text-inner" zn-text-inner="">1×</span></a><a class="text-[#ffffff] font-medium opacity-95 rounded-full pct:text-12px pct:leading-[1.67] mot:text-12px mot:leading-[1.67] mot:px-12rpx mot:py-3rpx pc:px-12rpx pc:py-4rpx" data-num="1" data-gtm-click="AI Telescope Zoom" data-gtm-label="3× img" textkey="32s5j" zn-text=""><span class="zn-text-inner" zn-text-inner="">3×</span></a><a class="text-[#ffffff] font-medium opacity-95 rounded-full pct:text-12px pct:leading-[1.67] mot:text-12px mot:leading-[1.67] mot:px-12rpx mot:py-3rpx pc:px-12rpx pc:py-4rpx" data-num="2" data-gtm-click="AI Telescope Zoom" data-gtm-label="6× img" textkey="32s5e" zn-text=""><span class="zn-text-inner" zn-text-inner="">6×</span></a><a class="text-[#ffffff] font-medium opacity-95 rounded-full pct:text-12px pct:leading-[1.67] mot:text-12px mot:leading-[1.67] mot:px-12rpx mot:py-3rpx pc:px-12rpx pc:py-4rpx" data-num="3" data-gtm-click="AI Telescope Zoom" data-gtm-label="30× img" textkey="2ne8nj" zn-text=""><span class="zn-text-inner" zn-text-inner="">30×</span></a><a class="text-[#ffffff] font-medium opacity-95 rounded-full pct:text-12px pct:leading-[1.67] mot:text-12px mot:leading-[1.67] mot:px-12rpx mot:py-3rpx pc:px-12rpx pc:py-4rpx" data-num="4" data-gtm-click="AI Telescope Zoom" data-gtm-label="60× img" textkey="2ne8ne" zn-text="">60×</a> </div> </div> </div> </div> </div> </div> </div> <div class="relative overflow-hidden w-full mx-auto text-[#ffffff] pc:h-720rpx pc: mo:h-auto pad:h-auto" id="section-telephoto" data-gtm-view="Part13: Dual Periscope"> <div class="relative mx-auto h-full flex justify-end w-full pc:max-w-1440px mo:flex-col"><img class="absolute object-cover pc:w-1535rpx pc:h-1238rpx pc:top-0 pc:-left-419rpx mo:relative mo:w-360rpx mo:h-405rpx mo:top-0 mo:left-0 pad:w-526rpx pad:h-524rpx pad:top-98rpx pad:left-0" alt="Dual Periscope = Definitively Premium" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-li-telephoto-k-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-li-telephoto-k-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-li-telephoto-k-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-li-telephoto-k-pad-1.jpg.avif"> <div class="pc:h-full mo:bg-black mo:w-full mo:z-1 mo:relative"> <div class="mask mo-only w-full h-64rpx absolute -top-50rpx"></div> <div class="bg-[#201f1c] rounded-8rpx relative overflow-hidden z-1 pc:w-550rpx pc:min-w-450px pc:px-32rpx pc:py-32rpx pc:mr-64rpx pc:my-64rpx mo:w-328rpx mo:px-20rpx mo:py-24rpx mo:self-stretch mo:mx-auto mo:-top-20rpx pad:w-380rpx pad:px-20rpx pad:py-24rpx pad:my-64rpx pad:mr-24rpx"> <p class="opacity-55 font-m mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pc:text-20rpx pc:tracking-0.025em pc:leading-[1.4]" textKey="y5tbg" zn-text="">Unrivaled Dual Periscope Telephoto Cameras</p> <h3 class="self-stretch opacity-95 font-m mot:text-30px mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:text-48rpx pc:leading-[1.25] pc:mt-12rpx" textKey="1fnr7" zn-text=""><span class="zn-text-inner" zn-text-inner="">Dual Periscope =<br>Definitively Premium</span></h3> <p class="self-stretch opacity-95 mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx pc:text-18rpx pc:tracking-0.027em pc:leading-[1.44] pc:mt-24rpx" textKey="12rob" zn-text=""><span class="zn-text-inner" zn-text-inner="">Packing in two 50MP periscope telephoto lenses, large sensor, large aperture and OIS into an ultra compact design, this is true ultra camera performance.</span></p> <div class="text-wrapper content-center self-stretch flex-shrink-0 mot:mt-32rpx pc: pc:mt-56rpx pc:flex pc:flex-wrap"> <div class="flex justify-between relative mot:mb-4rpx pc:w-full"> <div class="bg-black rounded-8rpx mot:p-16rpx pc:w-[100%] pc:p-20rpx mo:w-full pad:w-full"> <p class="mot:text-20px mot:font-medium mot:tracking-0.025em mot:leading-[1.4] mot:opacity-95 pc:text-24rpx pc:font-medium pc:tracking-0.02em pc:leading-[1.33]" textKey="1d5k6c" zn-text=""><span class="zn-text-inner" zn-text-inner="">50MP 3x Periscope Telephoto</span></p> <p class="opacity-75 mot:text-12px mot:mt-4rpx pc:text-14rpx pc:font-medium pc:tracking-0.035em pc:leading-[1.57] pc:mt-8rpx" textKey="g0mo4" zn-text=""><span class="zn-text-inner" zn-text-inner="">1/1.95", f/2.6, OIS, 73mm</span></p> </div> <div class="mo-hidden bg-black rounded-8rpx opacity-95 hidden mot:text-20px mot:font-medium mot:tracking-0.025em mot:leading-[1.4] mot:opacity-95 pc:w-[49.17%] pc:h-full pc:p-20rpx pc:ml-8rpx pc:text-24rpx pc:font-medium pc:tracking-0.02em pc:leading-[1.33] pad:w-[49.17%] pad:p-16rpx"></div> </div> <div class="flex justify-between relative pc:mt-8rpx pc:w-full"> <div class="mo-only bg-black rounded-8rpx opacity-95 hidden mo:w-[34.722%] mo:text-20px mo:font-medium mo:tracking-0.025em mo:leading-[1.4] mo:py-14rpx mo:px-16rpx"></div> <div class="bg-black rounded-8rpx opacity-95 mot:text-20px mot:font-medium mot:tracking-0.025em mot:leading-[1.4] mot:py-14rpx mot:px-16rpx pc:w-[100%] pc:p-20rpx pc:text-24px pc:font-medium pc:tracking-0.02em pc:leading-[1.33] mo:w-[100%] pad:w-full"> <p class="mot:opacity-95 pc:text-24rpx pc:font-medium pc:tracking-0.02em pc:leading-[1.33]" textKey="1xzv8j" zn-text="">50MP 6x Periscope Telephoto</p> <p class="opacity-75 mot:text-12px mot:mt-4rpx pc:text-14rpx pc:font-medium pc:tracking-0.035em pc:leading-[1.57] pc:mt-12px" textKey="xpl1g" zn-text="">1/2.51", f/4.3, 135mm</p> </div> <div class="bg-black rounded-8rpx opacity-95 hidden mot:text-20px mot:font-medium mot:tracking-0.025em mot:leading-[1.4] mot:py-14rpx mot:px-16rpx pc:w-[49.17%] pc:h-full pc:p-20rpx pc:ml-8rpx pc:text-24rpx pc:font-medium pc:tracking-0.02em pc:leading-[1.33] mo:w-[31.25%] pad:w-[49.17%]"></div> </div> </div> </div> </div> </div> <div class="mask w-full h-64rpx absolute bottom-0 mo:hidden"></div> </div> <div class="bg-black w-full z-2 relative text-white" id="section-dynamic-k" ani-dynamic-k=""> <div class="part1 w-full overflow-hidden pc:pt-128rpx mo:pt-80rpx pad:pt-80px"> <div class="title pc:w-872rpx pc:mb-130rpx pc:mx-auto pc:text-center mo:w-328rpx mo:mx-auto mo:mb-112rpx pad:w-720rpx pad:mb-80px pad:mx-auto pad:text-left"> <p class="text-20px font-m tracking-0.025em leading-[1.4] opacity-55" textKey="12g2b" zn-text=""><span class="zn-text-inner" zn-text-inner="">Quick Button</span></p> <h3 class="text-48px font-m leading-[1.25] mt-12rpx" textKey="6tnw0" zn-text="">Supercharge Your Snapping</h3> <p class="text-18px tracking-0.027em leading-[1.44] pc:mt-24rpx mo:mt-24rpx pad:mt-24px" textKey="1vph1" zn-text=""><span class="zn-text-inner" zn-text-inner="">Gesture to shoot, press for snapshot and slide to zoom. This magic button makes on-the-go grabs of magic moments a breeze.</span></p> </div> <div class="phone-wrapper flex w-full relative justify-center mo:h-330rpx" data-gtm-view="Part14: Quick Button"> <div class="absolute z-3 pc:left-50% pc:top-43rpx pc:transform pc:-translate-x-[155rpx] mo:left-40vw mo:top-[calc(24vw-160px)] pad:left-50% pad:top-[calc(98rpx-144px)] pad:transform pad:-translate-x-[105rpx]"> <div class="line-wrapper w-1px pc:h-160rpx mo:h-198px pad:h-175px"> <div class="h-full w-full opacity-75 top-0 left-0 absolute overflow-hidden"> <div class="line bg-[#FFFFFF] h-full w-full transform translate-y-[100%]"></div> </div> <div class="text-w absolute opacity-0 pc:-top-2.5px pc:w-390rpx pc:min-w-340px pc:left-16rpx mo:-top-4px mo:left-9rpx pad:-top-4px pad:left-16rpx"> <p class="mo-hidden font-m font-24m text-white pc:text-24rpx pc:leading-32rpx pc:tracking-0.5rpx" textKey="12g2by" zn-text=""><span class="zn-text-inner" zn-text-inner="">Quick Button</span></p> <p class="mo-hidden font-16m text-white opacity-55 pc:mt-4rpx pc:text-16rpx pc:leading-24rpx pc:tracking-0.5rpx pad:mt-4px pad:w-266px" textKey="ic5sm" zn-text="">Double-press to launch the camera instantly. Press again to capture a photo. Or long press for continuous shooting. Swipe to zoom in landscape mode.</p> <p class="mo-only font-m font-20m text-white" textKey="12g2by0" zn-text="">Quick Button</p> <p class="mo-only font-14m mt-4rpx text-white opacity-55 w-167px" textKey="ic5smd" zn-text="">Double-press to launch the camera instantly. Press again to capture a photo. Or long press for continuous shooting. Swipe to zoom in landscape mode.</p> </div> </div> </div><img class="object-contain z-2 relative pc:h-824.86rpx pc:w-2856rpx pc:ml-24rpx mo:w-100vw mo:h-57.78vw mo:-bottom-48rpx mo:origin-bottom pad:w-1812.21rpx pad:h-523.4rpx pad:-ml-10rpx" alt="Supercharge Your Snapping" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-phone-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-phone-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-phone-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-phone-pad-1.png.avif"> </div> </div> <div class="part2 h-200vh w-full relative mo:h-1200rpx" id="section-snap" data-gtm-view="Part15: Lightning Snap"> <div class="absolute h-0px top-[calc(0px-var(--nav-height))]" id="anchor-lightning-snap"></div> <div class="text-wrapper mo-only mo:mt-48rpx mo:w-328rpx mo:mx-auto"> <div class="relative z-20 title2"> <p class="text-20px font-m tracking-0.025em leading-[1.4] opacity-55" textKey="1575vw7" zn-text=""><span class="zn-text-inner" zn-text-inner="">Lightning Snap</span></p> <h3 class="text-48px font-m leading-[1.25] mt-12px" textKey="1fitm" zn-text=""><span class="zn-text-inner" zn-text-inner="">Freeze the Action, One Click Away</span></h3> </div> </div> <div class="sticky top-[var(--nav-height)] w-full init-content-height"> <div class="wrapper h-full w-full relative overflow-hidden"> <div class="h-full flex mx-auto pc:w-1312rpx pc:items-center mo:w-328rpx pad:w-720rpx"> <div class="text-wrapper pc:w-432rpx pc:relative pc:z-20 pc:min-w-340px mo:h-full pad:flex pad:flex-col pad:items-center pad:mt-80px"> <div class="relative z-20 title2"> <p class="mo-hidden text-20px font-m tracking-0.025em leading-[1.4] opacity-55" textKey="1575vw7" zn-text=""><span class="zn-text-inner" zn-text-inner="">Lightning Snap</span></p> <h3 class="mo-hidden text-48px font-m leading-[1.25] mt-12px" textKey="1fitmk" zn-text=""><span class="zn-text-inner" zn-text-inner="">Freeze the Action, One Click Away</span></h3> <p class="text-18px tracking-0.027em leading-[1.44] pc:mt-24rpx pc:w-full mo:w-328rpx mo:mt-18rpx pad:mt-18px" textKey="16g76" zn-text="">Shooting jumping kids and sporting highs just got easier. Press and hold to capture up to seven frames per second, so no matter how fast paced the action, you'll get the perfectly clear shot. <sup>4</sup></p> </div> <div class="content transform pc:h-379rpx pc:w-505rpx pc:-top-5vh pc:absolute mo:w-193rpx mo:h-146rpx mo:mt-32rpx mo:ml-46rpx pad:w-296rpx pad:h-223rpx pad:mt-80px pad:-ml-68rpx pad:flex-shrink-0"> <div class="image-wrapper h-full w-full transform origin-top relative"><img class="phone-wrapper object-contain opacity-0 z-10 absolute pc:h-1040rpx pc:w-3006rpx pc:-top-77rpx pc:-left-1221rpx mo:w-1152rpx mo:h-399rpx mo: mo:-top-28rpx mo:-left-469rpx pad:w-1759rpx pad:h-609rpx pad:-top-42rpx pad:-left-714rpx" alt="Freeze the Action, One Click Away" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-wrapper-white-1.png.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-wrapper-white-d7111.png.avif?v=1731920220000" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-wrapper-white-mo-1.png.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-wrapper-white-pad-1.png.avif?v=1731920220000"> <div class="block-img-wrapper h-full object-cover w-full absolute z-2 overflow-hidden pc:left-0rpx pc:top-0rpx mo:left-0rpx mo:top-0rpx pad:left-0px pad:top-0px"><img class="block-img h-full object-cover w-[101%]" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-1-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-1-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-1-1.jpg.avif"> <div class="img-mask absolute bg-black w-full h-full top-0" alt="Lightning Snap - Image 1"></div> </div> <div class="block-img-wrapper h-full object-cover w-full absolute z-3 overflow-hidden pc:left-52rpx pc:top-27rpx mo:left-22.5rpx mo:top-13rpx pad:left-25px pad:top-20px"><img class="block-img h-full object-cover w-[101%]" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-2-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-2-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-2-1.jpg.avif"> <div class="img-mask absolute bg-black w-full h-full top-0" alt="Lightning Snap - Image 2"></div> </div> <div class="block-img-wrapper h-full object-cover w-full absolute z-4 overflow-hidden pc:left-104rpx pc:top-54rpx mo:left-45rpx mo:top-26rpx pad:left-50px pad:top-40px"><img class="block-img h-full object-cover w-[101%]" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-3-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-3-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-3-1.jpg.avif"> <div class="img-mask absolute bg-black w-full h-full top-0" alt="Lightning Snap - Image 3"></div> </div> <div class="block-img-wrapper h-full object-cover w-full absolute z-5 overflow-hidden pc:left-156rpx pc:top-81rpx mo:left-67.5rpx mo:top-39rpx pad:left-75px pad:top-60px"><img class="block-img h-full object-cover w-[101%]" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-4-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-4-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-4-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-4-1.jpg.avif"> <div class="img-mask absolute bg-black w-full h-full top-0" alt="Lightning Snap - Image 4"></div> </div> <div class="block-img-wrapper h-full object-cover w-full absolute z-6 overflow-hidden pc:left-208rpx pc:top-108rpx mo:left-90rpx mo:top-52rpx pad:left-100px pad:top-80px"><img class="block-img h-full object-cover w-[101%]" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-5-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-5-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-5-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-frame-dynamic-5-1.jpg.avif"> <div class="img-mask absolute bg-black w-full h-full top-0 opacity-0" alt="Lightning Snap - Image 5"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="pc-only pc:inline-flex pc:flex-col pc:items-center pc:justify-start pc:w-full pc:py-80rpx pc:bg-black pc:relative pc:overflow-hidden" data-figma="胶片样张，四个卖点中的第二个-2195_1630" data-gtm-view="Part16: Sample Gallery"> <div class="text-wrapper pc:flex pc:flex-col pc:items-start pc:justify-start pc:w-1312rpx pc:mx-auto" data-figma="Frame 2117130064-2195_1631"> <div data-figma="Frame 2117130408-2195_1632" class="pc:flex pc:flex-col pc:items-start pc:justify-start pc:w-872rpx"> <div data-figma="Frame 2117129966-2195_1633" class="pc:flex pc:flex-col pc:items-start pc:justify-start pc:self-stretch"> <div data-figma="Frame 2117130487-2195_1634" class="pc:flex pc:flex-col pc:items-start pc:justify-start pc:self-stretch"> <h3 data-figma="Dive into our sample gallery and witness the magic!-2195_1635" class="pct:text-48px pct:font-medium pct:leading-[1.25] pc:self-stretch pc:text-[#ffffff] pc:opacity-95" textKey="u93j8" zn-text=""><span class="zn-text-inner" zn-text-inner="">Dive into our sample gallery and witness the magic!</span></h3> </div> </div> </div> </div> <div data-comp-gallery="" data-figma="Gallery - Desktop 1440 & above-2195_1636" class="pc:flex pc:flex-col pc:items-center pc:justify-start pc:w-1312rpx pc:mx-auto pc:mt-32rpx"> <div class="images-container images-container pc:inline-flex pc:items-start pc:justify-start pc:w-1312rpx" data-figma="Frame 427318622-2195_1637"><img class="image pc:flex-shrink-0 pc:w-558rpx pc:h-420rpx pc:object-cover pc:relative" data-figma="后置超广0-2195_1658" alt="Dive into our sample gallery - Image 1" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1658-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1658-d7111.jpg.avif"><img class="image pc:flex-shrink-0 pc:w-558rpx pc:h-420rpx pc:ml-20rpx pc:object-cover pc:relative" data-figma="后置超广0-2195_1659" alt="Dive into our sample gallery - Image 2" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1659-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1659-d7111.jpg.avif"><img class="image pc:flex-shrink-0 pc:w-558rpx pc:h-420rpx pc:ml-20rpx pc:object-cover pc:relative" data-figma="后置超广0-2195_1660" alt="Dive into our sample gallery - Image 3" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1660-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1660-d7111.jpg.avif"><img class="image pc:flex-shrink-0 pc:w-558rpx pc:h-420rpx pc:ml-20rpx pc:object-cover pc:relative" data-figma="后置1x-印尼火山-3-2195_1661" alt="Dive into our sample gallery - Image 4" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1661-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1661-d7111.jpg.avif"><img class="image pc:flex-shrink-0 pc:w-558rpx pc:h-420rpx pc:ml-20rpx pc:object-cover pc:relative" data-figma="后置超广0-2195_1662" alt="Dive into our sample gallery - Image 5" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1662-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1662-d7111.jpg.avif"><img class="image pc:flex-shrink-0 pc:w-558rpx pc:h-420rpx pc:ml-20rpx pc:object-cover pc:relative" data-figma="后置超广0-2195_1663" alt="Dive into our sample gallery - Image 6" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1663-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1663-d7111.jpg.avif"></div> <div data-figma="Frame 2117130064-2195_1643" class="pc:flex pc:flex-col pc:items-start pc:justify-start pc:w-1312rpx pc:mt-24rpx"> <div data-figma="ui-2195_1644" class="pc:inline-flex pc:items-center pc:justify-start"> <div class="progress-bar pc:flex-shrink-0 pc:w-234rpx pc:h-2rpx pc:relative" data-figma="scroll line-2195_1645"><img class="svg pc:w-234rpx pc:h-2rpx pc:top-[calc(50%-1rpx)] pc:left-[calc(50%-117rpx)] pc:absolute" data-figma="Rectangle 240647471-2195_1646" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1646-1.png.avif"><img class="svg pc:w-48rpx pc:h-2rpx pc:top-[calc(50%-1rpx)] pc:left-0 pc:absolute" data-figma="Rectangle 240647472-2195_1647" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1647-1.png.avif"></div> <div class="double-button pc:flex pc:items-start pc:justify-end pc:ml-64rpx" data-figma="左右切换-2195_1648"><img class="button combine-image pc:flex-shrink-0 pc:w-48rpx pc:h-48rpx pc:relative pc:object-contain pc:cursor-pointer" data-figma="Pagination Button 翻页按钮-2195_1649" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1649-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1649-d7111.png.avif"><img class="button combine-image pc:flex-shrink-0 pc:w-48rpx pc:h-48rpx pc:relative pc:ml-20rpx pc:object-contain pc:cursor-pointer" data-figma="Pagination Button 翻页按钮-2195_1650" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1650-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1650-d7111.png.avif"></div> </div> </div> </div> </div> <div class="z-1 pad-only pad:w-full pad:px-24px pad:py-30px pad:bg-black pad:relative pad:overflow-hidden pad:flex pad:justify-center" data-figma="Frame 2134129386-2195_1682" data-gtm-view="Part16: Sample Gallery"> <div class="pad:w-720rpx pad:mx-auto pad:inline-flex pad:flex-col pad:items-start pad:justify-start"> <h3 data-figma="Dive into our sample gallery and witness the magic!-2195_1683" class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pad:text-[#ffffff] pad:opacity-95 pad:w-full" textKey="u93j8a" zn-text=""><span class="zn-text-inner" zn-text-inner="">Dive into our sample gallery and witness the magic!</span></h3> <div data-comp-gallery="" data-figma="Gallery - Desktop 1440 & above-2195_1684" class="pad:flex pad:flex-col pad:items-start pad:justify-start pad:self-stretch pad:mt-32px"> <div class="images-container pad:inline-flex pad:items-start pad:justify-start" data-figma="Frame 427318622-2195_1685"><img class="image pad:flex-shrink-0 pad:w-398rpx pad:h-300rpx pad:object-cover pad:relative" data-figma="后置1x-印尼火山-3-2195_1735" alt="Dive into our sample gallery - Image 1" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1735-1.jpg.avif"><img class="image pad:flex-shrink-0 pad:w-398rpx pad:h-300rpx pad:ml-8rpx pad:object-cover pad:relative" data-figma="后置1x-印尼火山-3-2195_1736" alt="Dive into our sample gallery - Image 2" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1736-1.jpg.avif"><img class="image pad:flex-shrink-0 pad:w-398rpx pad:h-300rpx pad:ml-8rpx pad:object-cover pad:relative" data-figma="后置超广0-2195_1730" alt="Dive into our sample gallery - Image 3" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1730-1.jpg.avif"><img class="image pad:flex-shrink-0 pad:w-398rpx pad:h-300rpx pad:ml-8rpx pad:object-cover pad:relative" data-figma="后置超广0-2195_1731" alt="Dive into our sample gallery - Image 4" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1731-1.jpg.avif"><img class="image pad:flex-shrink-0 pad:w-398rpx pad:h-300rpx pad:ml-8rpx pad:object-cover pad:relative" data-figma="后置超广0-2195_1732" alt="Dive into our sample gallery - Image 5" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1732-1.jpg.avif"><img class="image pad:flex-shrink-0 pad:w-398rpx pad:h-300rpx pad:ml-8rpx pad:object-cover pad:relative" data-figma="后置超广0-2195_1733" alt="Dive into our sample gallery - Image 6" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1733-1.jpg.avif"></div> <div data-figma="ui-2195_1691" class="pad:inline-flex pad:items-center pad:justify-start pad:mt-24px"> <div class="progress-bar pad:flex-shrink-0 pad:w-162rpx pad:h-2px pad:relative" data-figma="scroll line-2195_1692"><img class="svg pad:w-162rpx pad:h-2rpx pad:top-[calc(50%-1rpx)] pad:left-[calc(50%-81rpx)] pad:absolute" data-figma="Rectangle 240647471-2195_1693" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2155_1151-1.png.avif"><img class="svg pad:w-48rpx pad:h-2rpx pad:top-[calc(50%-1rpx)] pad:left-0 pad:absolute" data-figma="Rectangle 240647472-2195_1694" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1694-1.svg"></div> <div class="double-button pad:flex pad:items-center pad:justify-center pad:ml-32rpx" data-figma="左右切换-2252_1387"><img class="button combine-image pad:transform pad:rotate-180 pad:flex-shrink-0 pad:w-32rpx pad:h-32rpx pad:relative pad:object-contain pad:rounded-full" data-figma="Pagination Button 翻页按钮-2252_1388" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2252_1389-1.svg?v=1731920220000"><img class="button combine-image pad:flex-shrink-0 pad:w-32rpx pad:h-32rpx pad:relative pad:ml-8rpx pad:object-contain pad:rounded-full" data-figma="Pagination Button 翻页按钮-2252_1389" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2252_1389-1.svg?v=1731920220000"></div> </div> </div> </div> </div> <div class="mo-only mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:w-full mo:px-16px mo:pt-64px mo:bg-black mo:relative mo:overflow-hidden" data-figma="Frame 2134129387-2195_1780" data-gtm-view="Part16: Sample Gallery"> <h3 data-figma="Dive into our sample gallery and witness the magic!-2195_1781" class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:w-328rpx mo:mx-auto mo:text-[#ffffff] mo:opacity-95" textKey="1uoe0" zn-text=""><span class="zn-text-inner" zn-text-inner="">Dive into our sample gallery and witness <br>the magic!</span></h3> <div data-comp-gallery="" data-figma="Gallery - Desktop 1440 & above-2195_1782" class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:mx-auto mo:mt-32px"> <div class="images-container mo:inline-flex mo:items-start mo:justify-start" data-figma="Frame 427318622-2195_1783"><img class="image mo:flex-shrink-0 mo:w-284rpx mo:h-214rpx mo:object-cover mo:relative" data-figma="后置1x-印尼火山-3-2195_1807" alt="Dive into our sample gallery - Image 1" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1807-1.jpg.avif"><img class="image mo:flex-shrink-0 mo:w-284rpx mo:h-214rpx mo:ml-8rpx mo:object-cover mo:relative" data-figma="后置1x-印尼火山-3-2195_1808" alt="Dive into our sample gallery - Image 2" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1808-1.jpg.avif"><img class="image mo:flex-shrink-0 mo:w-284rpx mo:h-214rpx mo:ml-8rpx mo:object-cover mo:relative" data-figma="后置1x-印尼火山-3-2195_1803" alt="Dive into our sample gallery - Image 3" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1803-1.jpg.avif"><img class="image mo:flex-shrink-0 mo:w-284rpx mo:h-214rpx mo:ml-8rpx mo:object-cover mo:relative" data-figma="后置1x-印尼火山-3-2195_1804" alt="Dive into our sample gallery - Image 4" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1804-1.jpg.avif"><img class="image mo:flex-shrink-0 mo:w-284rpx mo:h-214rpx mo:ml-8rpx mo:object-cover mo:relative" data-figma="后置1x-印尼火山-3-2195_1805" alt="Dive into our sample gallery - Image 5" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1805-1.jpg.avif"><img class="image mo:flex-shrink-0 mo:w-284rpx mo:h-214rpx mo:ml-8rpx mo:object-cover mo:relative" data-figma="后置1x-印尼火山-3-2195_1806" alt="Dive into our sample gallery - Image 6" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1806-1.jpg.avif"></div> <div data-figma="ui-2195_1789" class="mo:inline-flex mo:items-center mo:justify-start mo:mt-24px"> <div class="progress-bar mo:flex-shrink-0 mo:w-162rpx mo:h-2px mo:relative" data-figma="scroll line-2195_1790"><img class="svg mo:w-162rpx mo:h-2rpx mo:top-[calc(50%-1rpx)] mo:left-[calc(50%-81rpx)] mo:absolute" data-figma="Rectangle 240647471-2195_1791" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1791-1.svg"><img class="svg mo:w-48rpx mo:h-2rpx mo:top-[calc(50%-1rpx)] mo:left-0 mo:absolute" data-figma="Rectangle 240647472-2195_1792" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2195_1792-1.svg"></div> <div class="double-button mo:flex mo:items-center mo:justify-center mo:ml-32rpx" data-figma="左右切换-2195_1793"><img class="button combine-image mo:transform mo:rotate-180 mo:flex-shrink-0 mo:w-32rpx mo:h-32rpx mo:relative mo:object-contain" data-figma="Pagination Button 翻页按钮-2252_1306" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2252_1306-1.png.avif"><img class="button combine-image mo:flex-shrink-0 mo:w-32rpx mo:h-32rpx mo:relative mo:ml-8rpx mo:object-contain" data-figma="Pagination Button 翻页按钮-2252_1316" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2252_1316-1.png.avif"></div> </div> </div> </div> <div class="flex flex-col items-center w-full items-center bg-black z-1 relative mot:py-64rpx pc:py-80rpx" id="section-portrait" ani-portrait="" data-gtm-view="Part17: Hasselblad Portrait Mode"> <div class="flex justify-center mx-auto pc:w-1312rpx mo:w-328rpx mo:flex-col mo:flex-col-reverse pad:w-720rpx"> <div class="wrapper flex flex-col items-start justify-end relative pc:flex-[1_1_762rpx] pc:w-762rpx pc:self-stretch pc:min-h-580rpx pc:px-28rpx pc:py-28rpx mo:w-full mo:h-260rpx pad:flex-[1_1_408rpx] pad:w-408rpx pad:self-stretch pad:min-h-408rpx"><img class="absolute top-0 left-0 w-full h-full object-cover active" alt="A Legendary Legacy Redefined f/8.0" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f0-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f0-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f0-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f0-pad-1.jpg.avif"><img class="absolute top-0 left-0 w-full h-full object-cover" alt="A Legendary Legacy Redefined f/6.3" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f1-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f1-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f1-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f1-pad-1.jpg.avif"><img class="absolute top-0 left-0 w-full h-full object-cover" alt="A Legendary Legacy Redefined f/4.5" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f2-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f2-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f2-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-portrait-k-f2-pad-1.jpg.avif"> <div class="text-switch flex items-center justify-center flex-shrink-0 bg-white bg-opacity-30 relative rounded-full w-155px h-30px mot:bottom-16rpx mot:left-16rpx"> <div class="active-block bg-white rounded-full absolute transform duration-300 w-51px h-26px left-2px"></div><a class="text-[#ffffff] font-medium opacity-95 rounded-full active px-12px py-3px pct:text-12px pct:leading-[1.67] mot:text-12px" data-num="0" data-gtm-click="Hasselblad Portrait Mode" data-gtm-label="f/8.0 img" textkey="1pwvn" zn-text=""><span class="zn-text-inner" zn-text-inner="">f/8.0</span></a><a class="text-[#ffffff] font-medium opacity-95 rounded-full px-12px py-3px pct:text-12px pct:leading-[1.67] mot:text-12px" data-num="1" data-gtm-click="Hasselblad Portrait Mode" data-gtm-label="f/6.3 img" textkey="1pw7x" zn-text=""><span class="zn-text-inner" zn-text-inner="">f/6.3</span></a><a class="text-[#ffffff] font-medium opacity-95 rounded-full px-12px py-3px pct:text-12px pct:leading-[1.67] mot:text-12px" data-num="2" data-gtm-click="Hasselblad Portrait Mode" data-gtm-label="f/4.5 img" textkey="1pzq9" zn-text=""><span class="zn-text-inner" zn-text-inner="">f/4.5</span></a> </div> </div> <div class="card flex flex-col items-ceter justify-between self-stretch bg-[#201f1c] rounded-8rpx pc:w-542rpx pc:px-40rpx pc:py-32rpx pc:ml-8rpx mo:px-16rpx mo:py-20rpx mo:mb-8rpx pad:w-304rpx pad:px-16rpx pad:py-40rpx pad:ml-8rpx"> <div> <p class="text-[#ffffff] opacity-55 font-medium pct:text-20px pct:tracking-0.025em pct:leading-[1.4] mot:text-16px mot:tracking-0.031em mot:leading-[1.5]" textKey="d7kd1" zn-text=""><span class="zn-text-inner" zn-text-inner="">Hasselblad Portrait Mode</span></p> <h3 class="text-[#ffffff] opacity-95 font-medium pct:text-48px pct:leading-[1.25] mot:text-30px mot:tracking-0.016em mot:leading-[1.27] pc:mt-12px pad:mt-4rpx" textKey="zjkz9" zn-text="">A Legendary Legacy Redefined</h3> </div> <p class="text-[#ffffff] opacity-95 pct:text-18px pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx" textKey="p2kfv" zn-text="">The iconic Hasselblad color tones blend seamlessly with OPPO's computational optics prowess. Experience classic photography reimagined through innovative new portrait styles and effects, pushing the boundaries of mobile photography.</p> </div> </div> </div> <div class="flex pc:px-64rpx pc:w-full pc:bg-[#121212] mo:flex-col mo:items-center pad:bg-[#121212]" id="section-dream" ani-dream=""> <div class="sticky-wrapper mo-hidden mx-auto pc:w-1312rpx pc:h-3600px pad:h-2800rpx pad:w-720rpx"> <div class="sticky flex justify-center items-center w-full mx-auto sticky overflow-hidden relative pc:top-[var(--nav-height)] pc:h-[var(--content-height)] pad:top-[var(--nav-height)] pad:h-[var(--content-height)]"> <div class="pc:max-h-720px pc:h-full pc:w-full mo:h-460rpx mo:w-full pad:h-468px pad:w-full"> <div class="container flex items-center relative pc:h-full pc:justify-between pc:w-full pad:justify-between pad:h-full"> <div class="left-text relative pc:w-432rpx pc:min-w-360px pc:h-[var(--window-height)] pc:top-0 pad:w-308rpx pad:h-[var(--window-height)] pad:top-0"> <div class="dream-text text-[#ffffff] opacity-95 absolute pc:transform pc:top-[50%] pc:translate-y-[-50%] mo:relative mo:w-328rpx pad:transform pad:top-[50%] pad:translate-y-[-50%]"> <p class="opacity-55 pct:text-20rpx pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5]" textKey="1pi4i" zn-text="">Soft Lighting Portraits</p> <h3 class="pct:text-48rpx pct:font-medium pct:leading-[1.25] mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:mt-12px pc:mb-24rpx" textKey="6tc79" zn-text="">Illuminate Every Detail, Even the Finest Strands</h3> <p class="pct:text-18rpx pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx" textKey="g0tug" zn-text="">Capture the light in your eyes and create stunning, expressive portraits with a fresh and natural style, infused with Hasselblad's professional expertise.</p> </div> <div class="dream-text text-[#ffffff] opacity-95 absolute pc:transform pc:top-[50%] pc:translate-y-[-50%] mo:relative mo:w-328rpx pad:transform pad:top-[50%] pad:translate-y-[-50%]"> <p class="opacity-55 pct:text-20rpx pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5]" textKey="7b9yx" zn-text=""><span class="zn-text-inner" zn-text-inner="">Film Simulations</span></p> <h3 class="pct:text-48rpx pct:font-medium pct:leading-[1.25] mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:mt-12px pc:mb-24rpx" textKey="1ajux" zn-text=""><span class="zn-text-inner" zn-text-inner="">Timeless Classics at Your Fingertips</span></h3> <p class="pct:text-18rpx pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx" textKey="1bsjt" zn-text="">Embrace the essence of film with distinctive styles, each capturing the unique charm of a different era. Experience the authentic colors and character of film photography, without the inconvenience of traditional methods.</p> </div> <div class="dream-text text-[#ffffff] opacity-95 absolute pc:transform pc:top-[50%] pc:translate-y-[-50%] mo:relative mo:w-328rpx pad:transform pad:top-[50%] pad:translate-y-[-50%]"> <p class="opacity-55 pct:text-20rpx pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5]" textKey="6frjl" zn-text="">Hasselblad Multi-Focal Length Portrait</p> <h3 class="pct:text-48rpx pct:font-medium pct:leading-[1.25] mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:mt-12px pc:mb-24rpx" textKey="ob618" zn-text="">Versatility Meets Consistency. Mastering Portraits with Every Focal Length</h3> <p class="pct:text-18rpx pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx" textKey="xp5mw" zn-text="">Embrace the classic focal lengths designed for portrait photography, allowing you to capture the essence of your subject, whether they are amidst a scenic backdrop or in a close-up portrait.</p> </div> <div class="dream-text text-[#ffffff] opacity-95 absolute pc:transform pc:top-[50%] pc:translate-y-[-50%] mo:relative mo:w-328rpx pad:transform pad:top-[50%] pad:translate-y-[-50%]"> <p class="opacity-55 pct:text-20rpx pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5]" textKey="909mf" zn-text="">Livephoto</p> <h3 class="pct:text-48rpx pct:font-medium pct:leading-[1.25] mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:mt-12px pc:mb-24rpx" textKey="14ohl" zn-text=""><span class="zn-text-inner" zn-text-inner="">Memories in Motion</span></h3> <p class="pct:text-18rpx pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx" textKey="3g3ck" zn-text="">Capture 3 Seconds of Life's Precious Moments and Share Them with the World.</p> </div> </div> <div class="right-switch absolute right-0 top-0 transform duration-700"> <div class="img-wrapper origin-right transform duration-700 pc:w-762rpx pc:h-428rpx pad:w-380rpx pad:h-280rpx"><img class="top-0 left-0 w-full h-full object-cover" alt="Illuminate Every Detail, Even the Finest Strands" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d1-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d1-pc-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d1-pad-1.jpg.avif"></div> <div class="img-wrapper origin-right transform duration-700 pc:w-762rpx pc:h-428rpx pad:w-380rpx pad:h-280rpx"><img class="top-0 left-0 w-full h-full object-cover" alt="Timeless Classics at Your Fingertips" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d2-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d2-pc-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d2-pad-1.jpg.avif"></div> <div class="img-wrapper origin-right transform duration-700 pc:w-762rpx pc:h-428rpx pad:w-380rpx pad:h-280rpx"> <div class="wrapper w-full h-full relative"><img class="absolute top-0 left-0 w-full h-full object-cover active" alt="Versatility Meets Consistency. Mastering Portraits with Every Focal Length - Image 1" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pc-0-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pc-0-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pad-0-1.jpg.avif"><img class="absolute top-0 left-0 w-full h-full object-cover" alt="Versatility Meets Consistency. Mastering Portraits with Every Focal Length - Image 2" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pc-1-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pc-1-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pad-1-1.jpg.avif"><img class="absolute top-0 left-0 w-full h-full object-cover" alt="Versatility Meets Consistency. Mastering Portraits with Every Focal Length - Image 3" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pc-2-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pc-2-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pad-2-1.jpg.avif"><img class="absolute top-0 left-0 w-full h-full object-cover" alt="Versatility Meets Consistency. Mastering Portraits with Every Focal Length - Image 4" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pc-3-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pc-3-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pad-3-1.jpg.avif"><img class="absolute top-0 left-0 w-full h-full object-cover" alt="Versatility Meets Consistency. Mastering Portraits with Every Focal Length - Image 5" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pc-4-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pc-4-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-pad-4-1.jpg.avif"> <div class="omit absolute w-full z-2 pc:bottom-24rpx pc:right-24rpx pad:bottom-12rpx pad:right-18rpx"><a class="rounded-full w-[25%] h-full flex justify-center items-center" data-num="0" data-gtm-click="Hasselblad Multi-Focal Length Portrait" data-gtm-label="img1"><span class="active" textKey="" zn-text=""></span></a><a class="rounded-full w-[25%] h-full flex justify-center items-center" data-num="1" data-gtm-click="Hasselblad Multi-Focal Length Portrait" data-gtm-label="img2"><span textKey="" zn-text=""></span></a><a class="rounded-full w-[25%] h-full flex justify-center items-center" data-num="2" data-gtm-click="Hasselblad Multi-Focal Length Portrait" data-gtm-label="img3"><span textKey="" zn-text=""></span></a><a class="rounded-full w-[25%] h-full flex justify-center items-center" data-num="3" data-gtm-click="Hasselblad Multi-Focal Length Portrait" data-gtm-label="img4"><span textKey="" zn-text=""></span></a><a class="rounded-full w-[25%] h-full flex justify-center items-center" data-num="4" data-gtm-click="Hasselblad Multi-Focal Length Portrait" data-gtm-label="img5"><span textKey="" zn-text=""></span></a> </div> </div> </div> <div class="img-wrapper origin-right transform duration-700 relative pc:w-762rpx pc:h-428rpx pad:w-380rpx pad:h-280rpx"> <div class="video-wrapper h-full object-cover w-full top-0" data-src-pc="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dream-k_1000.mp4" data-src-pad="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dream-k_656.flv" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dream-k_656.mp4" ani-video-wrapper=""> <canvas></canvas> <video></video><img class="h-full w-full" alt="Memories in Motion" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dream-k_1000_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dream-k_1000_poster-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dream-k_656_poster-1.jpg.avif"> </div> <div class="replay absolute bottom-16rpx right-16rpx w-40rpx h-40rpx bg-[#3E3E3E80] flex justify-center items-center rounded-full cursor-pointer mot:h-28rpx mot:w-28rpx mot:bottom-12rpx mot:right-12rpx" data-gtm-click="Livephoto" data-gtm-label="replay"><img data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-1.png.avif" class="mot:top-12rpx mot:right-12rpx mot:w-15rpx mot:h-15rpx pc:w-22rpx pc:h-22rpx"></div> <div class="live absolute top-16rpx right-20rpx w-56px h-24px bg-[#3E3E3E80] flex justify-between items-center px-6.5rpx rounded-5.22px z-2 pad:top-12rpx pad:right-12rpx pad:gap-3.9rpx"><img class="w-15.6px h-15.6px" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-live-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-live-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-live-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-live-1.png.avif"> <p class="text-13px leading-[1.4] text-[#ffffff]" textKey="b7br9" zn-text=""><span class="zn-text-inner" zn-text-inner="">Live</span></p> </div> </div> </div> </div> </div> </div> </div> <div class="mo-only"> <div class="box-wrapper mo:pb-64rpx" data-gtm-view="Part18: Soft Lighting Portraits"> <div class="dream-text text-[#ffffff] opacity-95 absolute pc:transform pc:top-[50%] pc:translate-y-[-50%] mo:relative mo:w-328rpx pad:transform pad:top-[50%] pad:translate-y-[-50%]"> <p class="opacity-55 pct:text-20rpx pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5]" textKey="1pi4i7" zn-text="">Soft Lighting Portraits</p> <h3 class="pct:text-48rpx pct:font-medium pct:leading-[1.25] mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:mt-12px pc:mb-24rpx" textKey="6tc79c" zn-text="">Illuminate Every Detail, Even the Finest Strands</h3> <p class="pct:text-18rpx pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx" textKey="g0tugc" zn-text="">Capture the light in your eyes and create stunning, expressive portraits with a fresh and natural style, infused with Hasselblad's professional expertise.</p> </div> <div class="img-wrapper mo:w-328rpx mo:h-240rpx mo:mt-32rpx"><img class="top-0 left-0 w-full h-full object-cover" alt="Illuminate Every Detail, Even the Finest Strands" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d1-mo-1.jpg.avif"></div> </div> <div class="box-wrapper mo:pb-64rpx" data-gtm-view="Part19: Film Simulations"> <div class="dream-text text-[#ffffff] opacity-95 absolute pc:transform pc:top-[50%] pc:translate-y-[-50%] mo:relative mo:w-328rpx pad:transform pad:top-[50%] pad:translate-y-[-50%]"> <p class="opacity-55 pct:text-20rpx pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5]" textKey="7b9yx7" zn-text=""><span class="zn-text-inner" zn-text-inner="">Film Simulations</span></p> <h3 class="pct:text-48rpx pct:font-medium pct:leading-[1.25] mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:mt-12px pc:mb-24rpx" textKey="1ajuxx" zn-text=""><span class="zn-text-inner" zn-text-inner="">Timeless Classics at Your Fingertips</span></h3> <p class="pct:text-18rpx pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx" textKey="1bsjtt" zn-text="">Embrace the essence of film with distinctive styles, each capturing the unique charm of a different era. Experience the authentic colors and character of film photography, without the inconvenience of traditional methods.</p> </div> <div class="img-wrapper mo:w-328rpx mo:h-240rpx mo:mt-32rpx"><img class="top-0 left-0 w-full h-full object-cover" alt="Timeless Classics at Your Fingertips" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d2-mo-1.jpg.avif"></div> </div> <div class="box-wrapper mo:pb-64rpx" data-gtm-view="Part20: Hasselblad Multi-Focal Length Portrait"> <div class="dream-text text-[#ffffff] opacity-95 absolute pc:transform pc:top-[50%] pc:translate-y-[-50%] mo:relative mo:w-328rpx pad:transform pad:top-[50%] pad:translate-y-[-50%]"> <p class="opacity-55 pct:text-20rpx pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5]" textKey="6frjlo" zn-text="">Hasselblad Multi-Focal Length Portrait</p> <h3 class="pct:text-48rpx pct:font-medium pct:leading-[1.25] mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:mt-12px pc:mb-24rpx" textKey="ob618d" zn-text="">Versatility Meets Consistency. Mastering Portraits with Every Focal Length</h3> <p class="pct:text-18rpx pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx" textKey="xp5mw0" zn-text="">Embrace the classic focal lengths designed for portrait photography, allowing you to capture the essence of your subject, whether they are amidst a scenic backdrop or in a close-up portrait.</p> </div> <div class="img-wrapper mo:w-327rpx mo:mt-32rpx mo:overflow-hidden"> <div class="touch-event w-full"> <div class="wrapper w-1312rpx h-240rpx relative mb-24rpx flex transform duration-700"><img class="w-328rpx h-full object-cover" alt="Versatility Meets Consistency. Mastering Portraits with Every Focal Length - Image 1" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-mo-0-1.jpg.avif"><img class="w-328rpx h-full object-cover" alt="Versatility Meets Consistency. Mastering Portraits with Every Focal Length - Image 2" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-mo-1-1.jpg.avif"><img class="w-328rpx h-full object-cover" alt="Versatility Meets Consistency. Mastering Portraits with Every Focal Length - Image 3" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-mo-2-1.jpg.avif"><img class="w-328rpx h-full object-cover" alt="Versatility Meets Consistency. Mastering Portraits with Every Focal Length - Image 4" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-mo-3-1.jpg.avif"><img class="w-328rpx h-full object-cover" alt="Versatility Meets Consistency. Mastering Portraits with Every Focal Length - Image 5" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-k-d3-mo-4-1.jpg.avif"> </div> </div> <div class="text-switch mo:flex mo:items-center"> <div class="w-162rpx h-2rpx bg-[#4d4d4d] mr-32rpx rounded-2px relative overflow-hidden"> <div class="active-item w-full h-full bg-white rounded-2px absolute transform translate-x-[-75%] duration-700"></div> </div><img class="left-btn w-32rpx h-32rpx transform duration-300 rotate-180 mr-8rpx cursor-pointer opacity-30" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2252_1316-1.png.avif"><img class="right-btn w-32rpx h-32rpx cursor-pointer duration-300" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-2252_1316-1.png.avif"> </div> </div> </div> <div class="box-wrapper mo:pb-64rpx" ani-dolby="" data-gtm-view="Part21: Livephoto"> <div class="dream-text text-[#ffffff] opacity-95 absolute pc:transform pc:top-[50%] pc:translate-y-[-50%] mo:relative mo:w-328rpx pad:transform pad:top-[50%] pad:translate-y-[-50%]"> <p class="opacity-55 pct:text-20rpx pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5]" textKey="909mfh" zn-text="">Livephoto</p> <h3 class="pct:text-48rpx pct:font-medium pct:leading-[1.25] mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:mt-12px pc:mb-24rpx" textKey="14ohlk" zn-text=""><span class="zn-text-inner" zn-text-inner="">Memories in Motion</span></h3> <p class="pct:text-18rpx pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx" textKey="3g3ck6" zn-text="">Capture 3 Seconds of Life's Precious Moments and Share Them with the World.</p> </div> <div class="img-wrapper mo:w-328rpx mo:h-240rpx mo:mt-32rpx mo:relative"> <div class="video-wrapper h-full object-cover w-full top-0" data-src-mo="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dream-k_656.flv" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dream-k_656.mp4" ani-video-wrapper=""> <canvas></canvas> <video></video><img class="h-full w-full" alt="Memories in Motion" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dream-k_656_poster-1.jpg.avif"> </div> <div class="replay absolute bottom-16rpx right-16rpx w-40rpx h-40rpx bg-[#3E3E3E80] flex justify-center items-center rounded-full cursor-pointer mot:h-28rpx mot:w-28rpx" data-gtm-click="Livephoto" data-gtm-label="replay"><img data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-1.png.avif" class="mot:top-12rpx mot:right-12rpx mot:w-15rpx mot:h-15rpx pc:w-22rpx pc:h-22rpx"></div> <div class="live absolute top-12rpx right-12rpx w-56rpx min-w-48px h-24rpx bg-[#3E3E3E80] flex justify-between items-center px-6.5rpx rounded-5.22rpx z-2"><img class="h-full w-full w-16rpx h-16rpx object-cover" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-live-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-live-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-live-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-live-1.png.avif"> <p class="text-13px leading-[1.4] text-[#ffffff]" textKey="b7br93" zn-text=""><span class="zn-text-inner" zn-text-inner="">Live</span></p> </div> </div> </div> </div> </div> <div class="w-full bg-black relative overflow-hidden flex justify-center text-[#ffffff] pc:py-80rpx mo:w-328rpx mo:mx-auto mo:pb-64rpx pad:px-24px pad:py-64rpx" id="section-dolby" data-gtm-view="Part22: 4K 60fps Dolby Vision"> <div class="w-full mx-auto flex flex-col justify-center items-center pc:w-1312rpx"> <div class="flex flex-col items-center justify-center mx-auto pc:w-872rpx pc:min-w-670px"> <p class="opacity-55 font-medium text-center self-stretch pct:text-20px pct:tracking-0.025em pct:leading-[1.4] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:text-left" textKey="1vvxi" zn-text="">4K 60fps Dolby Vision Recording on All Cameras</p> <h3 class="opacity-95 font-medium text-center self-stretch pct:text-48px pct:leading-[1.25] mot:text-30px mot:tracking-0.016em mot:leading-[1.27] mot:mt-4rpx pc:mt-12px mo:text-left" textKey="1o9s5" zn-text="">Even Better than <br class="mo-only">Being There</h3> <p class="opacity-95 text-center self-stretch pct:text-18px pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mot:mt-18rpx pc:mt-24px mo:text-left" textKey="16ep4" zn-text="">Capture stunning 10-bit HDR Dolby Vision footage without interruption or frame dropping, even in challenging environments. The new studio-quality 4-mic array delivers immersive sound. Enjoy vivid colouring, better layering, and ultra realistic rendering of videos across all cameras. Easily edit directly on your phone and then enjoy top-level image quality on the ProXDR display.</p> </div> <div class="bottom relative self-stretch flex-shrink-0 pc:h-540rpx pc:mt-40rpx mo:mt-32rpx mo:h-240rpx pad:mt-32rpx pad:h-275rpx pad:overflow-hidden" ani-dolby=""> <div class="video-wrapper h-full object-cover w-full top-0" data-src-pc="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dolby-k_1920.mp4" data-src-pad="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dolby-k_656.flv" data-src-mo="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dolby-k_656.flv" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dolby-k_656.mp4" ani-video-wrapper=""> <canvas></canvas> <video></video><img class="h-full w-full object-cover" alt="Even Better than Being There" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dolby-k_1920_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dolby-k_1920_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dolby-k_656_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-dolby-k_656_poster-1.jpg.avif"> </div> <div class="replay absolute bottom-16rpx right-16rpx w-40rpx h-40rpx bg-[#FFFFFF46] flex justify-center items-center rounded-full cursor-pointer mot:h-28rpx mot:w-28rpx" data-gtm-click="4K 60fps Dolby Vision" data-gtm-label="replay"><img data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-dream-replay-1.png.avif" class="mot:top-12rpx mot:right-12rpx mot:w-15rpx mot:h-15rpx pc:w-22rpx pc:h-22rpx"></div> </div> </div> </div> <div class="relative h-0"> <div class="absolute h-0px top-[calc(0px-var(--nav-height))]" id="anchor-ai-remaster"></div> </div> <div class="mo-hidden inline-flex flex-col items-start justify-start w-full" id="section-ai"> <div class="title flex flex-col items-center justify-center self-stretch items-center relative bg-black pc:px-[10rpx] pc:py-[182rpx] pad:px-[10rpx] pad:py-[80rpx]" ani-ai-title="" data-gtm-view="Part23: OPPO AI"> <h2 class="flex items-center justify-center mx-auto relative relative pad:gap-[10rpx]"> <p class="text-white opacity-95 pct:text-68px pct:font-medium pct:leading-[1.12] mot:text-48rpx mot:font-medium mot:leading-[56rpx]" textKey="b6myg" zn-text=""><span class="zn-text-inner" zn-text-inner="">OPPO</span></p><img class="combine-image inline-flex flex-col items-start justify-start flex-shrink-0 object-contain pc:w-94rpx pc:h-80rpx pad:w-[47.19rpx] pad:h-[53rpx]" alt="oppo ai Simply Brilliant" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-ai-logo-pc-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-ai-logo-pc-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-ai-logo-pad-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-ai-logo-pad-mo-1.png.avif"> <p class="flex-shrink-0 text-white opacity-95 pct:text-68px pct:font-medium pct:leading-[1.12] mot:text-48rpx mot:font-medium mot:leading-[56rpx] pc:w-[30rpx] pad:w-[11rpx]" textKey="3kqf" zn-text="">,</p> <p class="text-white opacity-95 pct:text-68px pct:font-medium pct:leading-[1.12] mot:text-48rpx mot:font-medium mot:leading-[56rpx]" textKey="onrcl" zn-text=""><span class="zn-text-inner" zn-text-inner="">Simply Brilliant</span></p> </h2> </div> <div class="flex justify-center self-stretch bg-black pc:px-64px pc:pb-80rpx pc:my-[-1px] mo:px-[16rpx] mo:pb-[64rpx] pad:px-[24rpx] pad:pb-[64rpx]" data-comp-gallery=""> <div class="mx-auto inline-flex flex-wrap content-center items-start justify-start pc:w-[1312rpx] mo:w-[328rpx] pad:w-[720rpx]"> <div class="flex items-center justify-between flex-shrink-0 mx-auto bg-[#201f1c] rounded-8rpx pc:max-h-540px pc:min-h-540rpx pc:w-1312rpx pc:px-32rpx pad:w-[720rpx] pad:min-h-[514rpx] pad:px-[20rpx]" data-comp-choices-card="" data-gtm-scope="AI Photo Remaster" data-gtm-view="Part24: AI Photo Remaster"> <div class="inline-flex flex-col items-start justify-between self-stretch overflow-hidden pc:flex-[1_1_532rpx] pc:w-532rpx pc: pc:py-32rpx pc:relative pc:z-2 pad:flex-[1_1_308rpx] pad:w-[308rpx] pad:pt-[20rpx] pad:pb-[32rpx]"> <div class="flex flex-col items-start justify-start self-stretch"> <h3 class="card-title text-white opacity-55 pct:text-18px pct:font-medium pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:font-medium mot:tracking-0.027em mot:leading-[24px] pc:w-426px" textKey="h7wj7s" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Photo Remaster</span></h3> <div class="title-container text-wrapper flex flex-col items-start justify-start self-stretch relative pc:h-180rpx pc:pb-48rpx pc:mt-8rpx pad:h-132px pad:pb-[32rpx] pad:mt-[4rpx]"> <div class="flex flex-col items-start justify-start pc:w-532rpx pc:top-0 pc:left-[calc(50%-266rpx)] pc:absolute pad:w-308rpx pad:top-0 pad:left-0 pad:absolute"> <p class="self-stretch text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-0.014em pct:leading-[1.11] mot:text-30px mot:font-medium mot:tracking-0.014em mot:leading-[38px]" textKey="1dntt" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Clarity Enhancer</span></p> <p class="text-white opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:tracking-0.031em mot:leading-[24px] pc:w-426rpx pc:mt-20px pad:w-308rpx pad:mt-18rpx" textKey="rbbfh" zn-text=""><span class="zn-text-inner" zn-text-inner="">Caught something cool in the distance? Crop your pic to zoom in and let the AI magic restore awesome 4K clarity to your composition.</span></p> </div> <div class="flex flex-col items-start justify-start pc:w-532rpx pc:top-0 pc:left-[calc(50%-266rpx)] pc:absolute pad:w-308rpx pad:top-0 pad:left-0 pad:absolute"> <p class="self-stretch text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-0.014em pct:leading-[1.11] mot:text-30px mot:font-medium mot:tracking-0.014em mot:leading-[38px]" textKey="291e5" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Reflection Remover</span></p> <p class="text-white opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:tracking-0.031em mot:leading-[24px] pc:w-426rpx pc:mt-20px pad:w-308rpx pad:mt-18rpx" textKey="1hlt8" zn-text=""><span class="zn-text-inner" zn-text-inner="">One-click recognition and removal of reflections gives ultra clear images of views shot through glass, whether that's a window, Ferris wheel, or cable car.</span></p> </div> <div class="flex flex-col items-start justify-start pc:w-532rpx pc:top-0 pc:left-[calc(50%-266rpx)] pc:absolute pad:w-308rpx pad:top-0 pad:left-0 pad:absolute"> <p class="self-stretch text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-0.014em pct:leading-[1.11] mot:text-30px mot:font-medium mot:tracking-0.014em mot:leading-[38px]" textKey="n43iu" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Unblur</span></p> <p class="text-white opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:tracking-0.031em mot:leading-[24px] pc:w-426rpx pc:mt-20px pad:w-308rpx pad:mt-18rpx" textKey="ab4d5" zn-text=""><span class="zn-text-inner" zn-text-inner="">Turn blurred images from shaky hands or motion into super clear shots in a click, restoring natural textures to skin and hair.</span></p> </div> <div class="flex flex-col items-start justify-start pc:w-532rpx pc:top-0 pc:left-[calc(50%-266rpx)] pc:absolute pad:w-308rpx pad:top-0 pad:left-0 pad:absolute"> <p class="self-stretch text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-0.014em pct:leading-[1.11] mot:text-30px mot:font-medium mot:tracking-0.014em mot:leading-[38px]" textKey="1lmqr" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Eraser</span></p> <p class="text-white opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:tracking-0.031em mot:leading-[24px] pc:w-426rpx pc:mt-20px pad:w-308rpx pad:mt-18rpx" textKey="5riaz" zn-text=""><span class="zn-text-inner" zn-text-inner="">Say "see ya" to strangers or that stain on your shirt. Whatever you want gone from your pics, declutter them in a click.</span></p> </div> </div> </div> <div class="text-choices text-choices inline-flex items-start justify-start self-stretch"> <div class="progress-bar w-2rpx relative flex items-start justify-start flex-shrink-0 self-stretch bg-white bg-opacity-15"> <div class="svg-like w-2rpx bg-white pc:h-36rpx pad:h-36rpx"></div> </div> <div class="text-wrapper inline-flex flex-col items-start justify-start self-stretch pc:flex-[1_1_513rpx] pc:w-513rpx pc:ml-17rpx pad:flex-[1_1_289rpx] pad:w-289rpx pad:ml-17rpx"> <div class="flex flex-col items-start justify-start self-stretch"> <p class="self-stretch text-white opacity-95 pct:text-16rpx pct:font-medium pct:tracking-0.031em pct:leading-[1.5] mot:text-14rpx mot:font-medium mot:tracking-0.031em mot:leading-[22px]" textKey="1dntti" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Clarity Enhancer</span></p> </div> <div class="flex flex-col items-start justify-start self-stretch pc:mt-20rpx pad:mt-[16rpx]"> <p class="self-stretch text-white opacity-95 pct:text-16rpx pct:font-medium pct:tracking-0.031em pct:leading-[1.5] mot:text-14rpx mot:font-medium mot:tracking-0.031em mot:leading-[22px]" textKey="291e5c" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Reflection Remover</span></p> </div> <div class="flex flex-col items-start justify-start self-stretch pc:mt-20rpx pad:mt-[16rpx]"> <p class="self-stretch text-white opacity-95 pct:text-16rpx pct:font-medium pct:tracking-0.031em pct:leading-[1.5] mot:text-14rpx mot:font-medium mot:tracking-0.031em mot:leading-[22px]" textKey="67woe" zn-text=""> AI Unblur</p> </div> <div class="flex flex-col items-start justify-start self-stretch pc:mt-20rpx pad:mt-[16rpx]"> <p class="self-stretch text-white opacity-95 pct:text-16rpx pct:font-medium pct:tracking-0.031em pct:leading-[1.5] mot:text-14rpx mot:font-medium mot:tracking-0.031em mot:leading-[22px]" textKey="at85f" zn-text=""> AI Eraser</p> </div> </div> </div> </div> <div class="image-group flex items-center justify-center flex-shrink-0 relative overflow-hidden z-1 pc:w-716rpx pc:h-476rpx pad:w-352rpx pad:h-474rpx"> <div class="combine-image absolute flex pc:w-716rpx pc:h-476rpx pc:top-[calc(50%-238rpx)] pc:left-[calc(50%-358rpx)] pad:flex-col pad:w-352rpx pad:h-474rpx pad:top-[calc(50%-237rpx)] pad:left-[calc(50%-176rpx)]"> <div class="image-wrapper w-full h-full flex relative"><img class="object-cover pc:w-[356rpx] pc:h-[476rpx] pad:w-[352rpx] pad:h-[235rpx]" alt="AI Photo Remaster - Image 4 - Left" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-four-pc-left-1.jpg.avif?v=1732100365000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-four-pc-left-d7111.jpg.avif?v=1732100365000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-four-pad-left-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 pc:left-[16rpx] pc:bottom-[16rpx] pc:rounded-[4rpx] pc:px-[10px] pc:py-[4px] pad:left-[12rpx] pad:bottom-[12rpx] pad:rounded-[4rpx] pad:px-[10px] pad:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text pct:text-12px pct:leading-[20px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="14v3b" zn-text=""><span class="zn-text-inner" zn-text-inner="">Before</span></div> </div> </div> <div class="image-wrapper w-full h-full flex relative pc:ml-[4rpx] pad:mt-[4rpx]"><img class="object-cover pc:w-[356rpx] pc:h-[476rpx] pad:w-[352rpx] pad:h-[235rpx]" alt="AI Photo Remaster - Image 4 - Right" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-four-pc-right-1.jpg.avif?v=1732100365000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-four-pc-right-d7111.jpg.avif?v=1732100365000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-four-pad-right-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 pc:left-[16rpx] pc:bottom-[16rpx] pc:rounded-[4rpx] pc:px-[10px] pc:py-[4px] pad:left-[12rpx] pad:bottom-[12rpx] pad:rounded-[4rpx] pad:px-[10px] pad:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text pct:text-12px pct:leading-[20px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="1qvtv" zn-text=""><span class="zn-text-inner" zn-text-inner="">After</span></div> </div> </div> </div> <div class="combine-image absolute flex pc:w-716rpx pc:h-476rpx pc:top-[calc(50%-238rpx)] pc:left-[calc(50%-358rpx)] pad:flex-col pad:w-352rpx pad:h-474rpx pad:top-[calc(50%-237rpx)] pad:left-[calc(50%-176rpx)]"> <div class="image-wrapper w-full h-full flex relative"><img class="object-cover pc:w-[356rpx] pc:h-[476rpx] pad:w-[352rpx] pad:h-[235rpx]" alt="AI Photo Remaster - Image 3 - Left" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-three-pc-left-1.jpg.avif?v=1732100365000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-three-pc-left-d7111.jpg.avif?v=1732100365000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-three-pad-left-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 pc:left-[16rpx] pc:bottom-[16rpx] pc:rounded-[4rpx] pc:px-[10px] pc:py-[4px] pad:left-[12rpx] pad:bottom-[12rpx] pad:rounded-[4rpx] pad:px-[10px] pad:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text pct:text-12px pct:leading-[20px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="14v3bk" zn-text="">Before</div> </div> </div> <div class="image-wrapper w-full h-full flex relative pc:ml-[4rpx] pad:mt-[4rpx]"><img class="object-cover pc:w-[356rpx] pc:h-[476rpx] pad:w-[352rpx] pad:h-[235rpx]" alt="AI Photo Remaster - Image 3 - Right" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-three-pc-right-1.jpg.avif?v=1732100365000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-three-pc-right-d7111.jpg.avif?v=1732100365000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-three-pad-right-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 pc:left-[16rpx] pc:bottom-[16rpx] pc:rounded-[4rpx] pc:px-[10px] pc:py-[4px] pad:left-[12rpx] pad:bottom-[12rpx] pad:rounded-[4rpx] pad:px-[10px] pad:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text pct:text-12px pct:leading-[20px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="1qvtvr" zn-text="">After</div> </div> </div> </div> <div class="combine-image absolute flex pc:w-716rpx pc:h-476rpx pc:top-[calc(50%-238rpx)] pc:left-[calc(50%-358rpx)] pad:flex-col pad:w-352rpx pad:h-474rpx pad:top-[calc(50%-237rpx)] pad:left-[calc(50%-176rpx)]"> <div class="image-wrapper w-full h-full flex relative"><img class="object-cover pc:w-[356rpx] pc:h-[476rpx] pad:w-[352rpx] pad:h-[235rpx]" alt="AI Photo Remaster - Image 2 - Left" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-two-pc-left-1.jpg.avif?v=1732100365000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-two-pc-left-d7111.jpg.avif?v=1732100365000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-two-pad-left-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 pc:left-[16rpx] pc:bottom-[16rpx] pc:rounded-[4rpx] pc:px-[10px] pc:py-[4px] pad:left-[12rpx] pad:bottom-[12rpx] pad:rounded-[4rpx] pad:px-[10px] pad:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text pct:text-12px pct:leading-[20px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="14v3bk6" zn-text="">Before</div> </div> </div> <div class="image-wrapper w-full h-full flex relative pc:ml-[4rpx] pad:mt-[4rpx]"><img class="object-cover pc:w-[356rpx] pc:h-[476rpx] pad:w-[352rpx] pad:h-[235rpx]" alt="AI Photo Remaster - Image 2 - Right" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-two-pc-right-1.jpg.avif?v=1732100365000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-two-pc-right-d7111.jpg.avif?v=1732100365000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-two-pad-right-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 pc:left-[16rpx] pc:bottom-[16rpx] pc:rounded-[4rpx] pc:px-[10px] pc:py-[4px] pad:left-[12rpx] pad:bottom-[12rpx] pad:rounded-[4rpx] pad:px-[10px] pad:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text pct:text-12px pct:leading-[20px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="1qvtvr5" zn-text="">After</div> </div> </div> </div> <div class="combine-image absolute flex pc:w-716rpx pc:h-476rpx pc:top-[calc(50%-238rpx)] pc:left-[calc(50%-358rpx)] pad:flex-col pad:w-352rpx pad:h-474rpx pad:top-[calc(50%-237rpx)] pad:left-[calc(50%-176rpx)]"> <div class="image-wrapper w-full h-full flex relative"><img class="object-cover pc:w-[356rpx] pc:h-[476rpx] pad:w-[352rpx] pad:h-[235rpx]" alt="AI Photo Remaster - Image 1 - Left" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-one-pc-left-1.jpg.avif?v=1732100365000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-one-pc-left-d7111.jpg.avif?v=1732100365000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-one-pad-left-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 pc:left-[16rpx] pc:bottom-[16rpx] pc:rounded-[4rpx] pc:px-[10px] pc:py-[4px] pad:left-[12rpx] pad:bottom-[12rpx] pad:rounded-[4rpx] pad:px-[10px] pad:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text pct:text-12px pct:leading-[20px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="14v3bk6" zn-text="">Before</div> </div> </div> <div class="image-wrapper w-full h-full flex relative pc:ml-[4rpx] pad:mt-[4rpx]"><img class="object-cover pc:w-[356rpx] pc:h-[476rpx] pad:w-[352rpx] pad:h-[235rpx]" alt="AI Photo Remaster - Image 1 - Right" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-one-pc-right-1.jpg.avif?v=1732100365000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-one-pc-right-d7111.jpg.avif?v=1732100365000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-one-pad-right-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 pc:left-[16rpx] pc:bottom-[16rpx] pc:rounded-[4rpx] pc:px-[10px] pc:py-[4px] pad:left-[12rpx] pad:bottom-[12rpx] pad:rounded-[4rpx] pad:px-[10px] pad:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text pct:text-12px pct:leading-[20px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="1qvtvr5" zn-text="">After</div> </div> </div> </div> </div> </div> <div class="flex items-start justify-between bg-[#201f1c] relative overflow-hidden rounded-8rpx mx-auto pc:flex-[1_1_1312rpx] pc:w-1312rpx pc:h-540rpx pc:pl-32rpx pc:mt-8rpx pad:flex-[1_1_720rpx] pad:w-720rpx pad:h-432px pad:pl-20rpx pad:mt-8px" data-comp-choices-card="" data-gtm-scope="AI Toolbox" data-gtm-view="Part25: AI Toolbox" ani-fade-in=""> <div class="inline-flex flex-col items-start justify-between self-stretch pc:flex-[1_1_624rpx] pc:w-624rpx pc:pt-32rpx pc:pb-52rpx pad:flex-[1_1_308rpx] pad:w-308rpx pad:py-20px"> <div class="flex flex-col items-start justify-start pad:w-195rpx"> <h3 class="card-title text-white opacity-55 pct:text-18px pct:font-medium pct:tracking-0.027em pct:leading-[1.44] mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5] pc:w-624px pad:w-624px" textKey="h65m0" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Toolbox</span></h3> <div class="title-container flex flex-col items-start justify-start relative mt-8rpx pc:w-624rpx pc:h-136rpx pc:pb-28rpx pad:w-195rpx pad:h-136px pad:pb-28px"> <div class="flex flex-col items-start justify-start absolute pc:w-588rpx pc:top-0 pc:left-[calc(47%-294rpx)] pad:w-195rpx pad:top-0 pad:left-[calc(50%-97.5rpx)]"> <div class="text-wrapper flex flex-col items-start justify-start self-stretch"> <p class="text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-0.014em pct:leading-[1.11] mot:text-36px mot:font-medium mot:tracking-0.014em mot:leading-[1.11] pad:w-250rpx" textKey="1p2iz" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Writer</span></p> </div> <p class="text-white opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pc:w-518rpx pc:mt-20px pad:w-195px pad:mt-20px" textKey="6wn5e" zn-text=""><span class="zn-text-inner" zn-text-inner="">Let your AI correct, rewrite, polish, abridge, or continue your writing in your chosen style.</span></p> </div> <div class="flex flex-col items-start justify-start absolute pc:w-588rpx pc:top-0 pc:left-[calc(47%-294rpx)] pad:w-195rpx pad:top-0 pad:left-[calc(50%-97.5rpx)]"> <div class="text-wrapper flex flex-col items-start justify-start self-stretch"> <p class="text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-0.014em pct:leading-[1.11] mot:text-36px mot:font-medium mot:tracking-0.014em mot:leading-[1.11] pad:w-250rpx" textKey="1wtms" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Reply</span></p> </div> <p class="text-white opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pc:w-518rpx pc:mt-20px pad:w-195px pad:mt-20px" textKey="rmln0" zn-text=""><span class="zn-text-inner" zn-text-inner="">Typo troubles on your DMs or stuck for inspiration on your replies? AI suggests suitable responses in different styles.</span></p> </div> <div class="flex flex-col items-start justify-start absolute pc:w-588rpx pc:top-0 pc:left-[calc(47%-294rpx)] pad:w-195rpx pad:top-0 pad:left-[calc(50%-97.5rpx)]"> <div class="text-wrapper flex flex-col items-start justify-start self-stretch"> <p class="text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-0.014em pct:leading-[1.11] mot:text-36px mot:font-medium mot:tracking-0.014em mot:leading-[1.11] pad:w-250rpx" textKey="gdbb2" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Summary</span></p> </div> <p class="text-white opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pc:w-518rpx pc:mt-20px pad:w-195px pad:mt-20px" textKey="6cnqu" zn-text=""><span class="zn-text-inner" zn-text-inner="">Generate an easy-to-read summary of long articles, recipes, or documents for an instant productivity boost.</span></p> </div> </div> </div> <div class="text-choices inline-flex items-start justify-start"> <div class="progress-bar bg-white bg-opacity-15 flex items-start justify-start flex-shrink-0 w-2rpx self-stretch relative"> <div class="svg-like w-2rpx h-40rpx bg-white"></div> </div> <div class="text-wrapper inline-flex flex-col items-start justify-start self-stretch ml-17rpx"> <div class="flex flex-col items-start justify-start"> <p class="self-stretch text-white opacity-95 pct:text-16rpx pct:font-medium pct:tracking-0.031em pct:leading-[1.5] mot:text-14rpx mot:font-medium mot:tracking-0.035em mot:leading-[1.57]" textKey="1p2izj" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Writer</span></p> </div> <div class="flex flex-col items-start justify-start mt-16rpx"> <p class="self-stretch text-white opacity-95 pct:text-16rpx pct:font-medium pct:tracking-0.031em pct:leading-[1.5] mot:text-14rpx mot:font-medium mot:tracking-0.035em mot:leading-[1.57]" textKey="1wtmsn" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Reply</span></p> </div> <div class="flex flex-col items-start justify-start mt-16rpx"> <p class="self-stretch text-white opacity-95 pct:text-16rpx pct:font-medium pct:tracking-0.031em pct:leading-[1.5] mot:text-14rpx mot:font-medium mot:tracking-0.035em mot:leading-[1.57]" textKey="gdbb2b" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Summary</span></p> </div> </div> </div> </div> <div class="self-stretch relative overflow-hidden pc:w-640rpx pad:w-392rpx"> <div class="bottomFadeMask absolute flex-shrink-0 flex items-center pc:w-295rpx pc:h-620rpx pc:bottom-[calc(32.22%-310rpx)] pc:right-[calc(62.66%-147.5rpx)] pad:w-[199.5rpx] pad:h-[399rpx] pad:bottom-[calc(50%-199.5rpx)] pad:right-[calc(48.98%-99.25rpx)]"> <div class="image-group absolute flex-shrink-0 flex items-center justify-start pc:top-0 pc:left-0 pc:w-295rpx pc:h-620rpx pad:w-[199.5rpx] pad:h-[399rpx]"> <div class="flex-shrink-0 absolute top-0 left-0 pc:w-297rpx pc:h-620rpx pad:w-[199.5rpx] pad:h-[399rpx]"> <div class="w-full h-full pc-only"> <div class="phone-video rounded-[15rpx] overflow-hidden absolute top-0 bottom-0 left-0 right-0 mx-auto my-auto -z-1 pc:w-[90.2%] pc:h-[96.6%] mo:w-[78.4%] mo:h-[88.4%] mo:rounded-[6rpx] pad:w-[80%] pad:h-[88.5%]"> <div class="video h-full video" data-src="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_528.flv" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_368_ios.mp4"> <canvas class="abs-0 w-[100%] h-[100%] object-initial z-1"></canvas> <video class="abs-0 h-[100%] object-cover z-1"></video><img class="w-full h-full absolute top-0 left-0 -z-1"><img class="abs-0 h-[100%] object-cover" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_368_poster-1.jpg.avif" alt="AI Toolbox - Image 3" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_368_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_368_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_368_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_368_poster-1.jpg.avif"> </div> </div> </div> <div class="w-full h-full pc-hidden"> <div class="phone-video rounded-[15rpx] overflow-hidden absolute top-0 bottom-0 left-0 right-0 mx-auto my-auto -z-1 pc:w-[90.2%] pc:h-[96.6%] mo:w-[78.4%] mo:h-[88.4%] mo:rounded-[6rpx] pad:w-[80%] pad:h-[88.5%]"> <div class="video h-full video" data-src="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_400.flv?v=1731920220000" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_368_ios.mp4"> <canvas class="abs-0 w-[100%] h-[100%] object-initial z-1"></canvas> <video class="abs-0 h-[100%] object-cover z-1"></video><img class="w-full h-full absolute top-0 left-0 -z-1"><img class="abs-0 h-[100%] object-cover" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_368_ios-1.jpg.avif" alt="AI Toolbox - Image 3" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_400_poster-1.jpg.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_400_poster-d7111.jpg.avif?v=1731920220000" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_400_poster-1.jpg.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_400_poster-1.jpg.avif?v=1731920220000"> </div> </div> </div> </div> <div class="flex-shrink-0 absolute top-0 left-0 pc:w-297rpx pc:h-620rpx pad:w-[199.5rpx] pad:h-[399rpx]"> <div class="w-full h-full pc-only"> <div class="phone-video rounded-[15rpx] overflow-hidden absolute top-0 bottom-0 left-0 right-0 mx-auto my-auto -z-1 pc:w-[90.2%] pc:h-[96.6%] mo:w-[78.4%] mo:h-[88.4%] mo:rounded-[6rpx] pad:w-[80%] pad:h-[88.5%]"> <div class="video h-full video" data-src="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_528.flv" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_368_ios.mp4"> <canvas class="abs-0 w-[100%] h-[100%] object-initial z-1"></canvas> <video class="abs-0 h-[100%] object-cover z-1"></video><img class="w-full h-full absolute top-0 left-0 -z-1"><img class="abs-0 h-[100%] object-cover" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_368_ios-1.jpg.avif" alt="AI Toolbox - Image 2" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_528_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_528_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_528_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_528_poster-1.jpg.avif"> </div> </div> </div> <div class="w-full h-full pc-hidden"> <div class="phone-video rounded-[15rpx] overflow-hidden absolute top-0 bottom-0 left-0 right-0 mx-auto my-auto -z-1 pc:w-[90.2%] pc:h-[96.6%] mo:w-[78.4%] mo:h-[88.4%] mo:rounded-[6rpx] pad:w-[80%] pad:h-[88.5%]"> <div class="video h-full video" data-src="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_400.flv?v=1731920220000" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_368_ios.mp4"> <canvas class="abs-0 w-[100%] h-[100%] object-initial z-1"></canvas> <video class="abs-0 h-[100%] object-cover z-1"></video><img class="w-full h-full absolute top-0 left-0 -z-1"><img class="abs-0 h-[100%] object-cover" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_368_ios-1.jpg.avif" alt="AI Toolbox - Image 2" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_400_poster-1.jpg.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_400_poster-d7111.jpg.avif?v=1731920220000" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_400_poster-1.jpg.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_400_poster-1.jpg.avif?v=1731920220000"> </div> </div> </div> </div> <div class="flex-shrink-0 absolute top-0 left-0 pc:w-[295rpx] pc:h-[620rpx] pad:w-[199.5rpx] pad:h-[399rpx]"><img class="image object-cover absolute -z-1 pc:mt-[-1px] pc:w-[275rpx] pc:h-[597rpx] pc:top-[calc(50%-298.5rpx)] pc:right-[calc(50%-137.5rpx)] pc:rounded-[28rpx] pad:w-[161.5rpx] pad:h-[351rpx] pad:top-[calc(50%-176rpx)] pad:right-[calc(50%-80.75rpx)] pad:rounded-[12rpx]" alt="AI Toolbox - Image 1" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-writer-pc-1-80.jpg.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-writer-pc-d7111-80.jpg.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-writer-pad-1-80.jpg.avif?v=1731920220000"></div> </div><img class="image object-cover relative pc:w-[295rpx] pc:h-[620rpx] pad:w-[199.5rpx] pad:h-[399rpx]" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-phoneCase-white-295-2-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-phoneCase-white-295-2-d7111.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-phoneFrame-konka-white-pad-1.png.avif"> </div> <div class="replay absolute w-40rpx h-40rpx bg-[#716F6846] flex justify-center items-center rounded-full cursor-pointer opacity-0 mot:h-28rpx mot:w-28rpx pc:right-[28rpx] pc:bottom-[28rpx] pad:right-[28rpx] pad:bottom-[28rpx]"><img class="h-full w-full w-22rpx h-22rpx mot:w-15rpx mot:h-15rpx" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-replay-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-replay-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-replay-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-replay-1.png.avif"></div> </div> </div> <div class="image-and-others flex items-center justify-between mx-auto rounded-8rpx relative mt-8rpx overflow-hidden flex-shrink-0 bg-[#201F1C] pc:w-1312rpx pc:min-h-540rpx pc:pl-24rpx pad:w-720rpx pad:min-h-432rpx pad:pl-20rpx" ani-card-exp="" ani-fade-in="" data-gtm-view="Part26: AI Assistant For Notes" data-gtm-scope="AI Assistant For Notes"> <div class="inline-flex flex-col items-start justify-between flex-shrink-0 self-stretch relative pc:w-440rpx pc:pt-32rpx pc:pb-38rpx pad:py-20rpx"> <div class="text-wrapper inline-flex items-center justify-center self-stretch pb-32rpx"> <h3 class="w-full text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-0.014em pct:leading-[1.11] mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27]" textKey="1uthv" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Assistant for Notes </span></h3> </div> <div class="card-container flex flex-col items-start justify-end self-stretch pad:w-308rpx"> <div class="card-item bg-black bg-opacity-80 pc:px-20rpx pc:py-20rpx pc:rounded-20rpx pad:px-12rpx pad:py-12rpx pad:rounded-12rpx"> <div class="w-full flex justify-between items-center"> <p class="flex-shrink-0 text-white opacity-95 pct:text-20px pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-18px mot:font-medium mot:tracking-0.027em mot:leading-[1.33] pc:w-223px" textKey="yw6tw" zn-text=""><span class="zn-text-inner" zn-text-inner="">Clean up and Polish</span></p> <div class="w-[28rpx] h-[28rpx] pc-only"> <div class="circle button w-full h-full rounded-[50%] flex justify-center items-center relative"> <div class="horiz w-[58.4%] h-[6.7%]"></div> <div class="vert w-[6.7%] h-[58.4%]"></div> </div> </div> <div class="w-[20rpx] h-[20rpx] pad-only"> <div class="circle button w-full h-full rounded-[50%] flex justify-center items-center relative"> <div class="horiz w-[58.4%] h-[6.7%]"></div> <div class="vert w-[6.7%] h-[58.4%]"></div> </div> </div> </div> <p class="self-stretch text-white opacity-75 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-14px mot:tracking-0.035em mot:leading-[1.57] pc:mt-[12px] pad:mt-[8rpx]" textKey="1hvi7" zn-text=""><span class="zn-text-inner" zn-text-inner="">Polish your writing, correct grammar issues and make style adjustments to an entire note or set of notes in a single click.</span></p> </div> <div class="card-item bg-black bg-opacity-80 pc:px-20rpx pc:py-20rpx pc:rounded-20rpx pc:mt-[8rpx] pad:px-12rpx pad:py-12rpx pad:rounded-12rpx pad:mt-[4rpx]"> <div class="w-full flex justify-between items-center"> <p class="flex-shrink-0 text-white opacity-95 pct:text-20px pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-18px mot:font-medium mot:tracking-0.027em mot:leading-[1.33] pc:w-223px" textKey="bvjrl" zn-text=""><span class="zn-text-inner" zn-text-inner="">Continue writing</span></p> <div class="w-[28rpx] h-[28rpx] pc-only"> <div class="circle button w-full h-full rounded-[50%] flex justify-center items-center relative"> <div class="horiz w-[58.4%] h-[6.7%]"></div> <div class="vert w-[6.7%] h-[58.4%]"></div> </div> </div> <div class="w-[20rpx] h-[20rpx] pad-only"> <div class="circle button w-full h-full rounded-[50%] flex justify-center items-center relative"> <div class="horiz w-[58.4%] h-[6.7%]"></div> <div class="vert w-[6.7%] h-[58.4%]"></div> </div> </div> </div> <p class="self-stretch text-white opacity-75 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-14px mot:tracking-0.035em mot:leading-[1.57] pc:mt-[12px] pad:mt-[8rpx]" textKey="1bsqv" zn-text=""><span class="zn-text-inner" zn-text-inner="">Generate coherent follow-up text based on what you've already written to continue your thoughts, spark inspiration, and create new content.</span></p> </div> <div class="card-item bg-black bg-opacity-80 pc:px-20rpx pc:py-20rpx pc:rounded-20rpx pc:mt-[8rpx] pad:px-12rpx pad:py-12rpx pad:rounded-12rpx pad:mt-[4rpx]"> <div class="w-full flex justify-between items-center"> <p class="flex-shrink-0 text-white opacity-95 pct:text-20px pct:font-medium pct:tracking-0.025em pct:leading-[1.4] mot:text-18px mot:font-medium mot:tracking-0.027em mot:leading-[1.33] pc:w-223px" textKey="wiuiy" zn-text=""><span class="zn-text-inner" zn-text-inner="">Format</span></p> <div class="w-[28rpx] h-[28rpx] pc-only"> <div class="circle button w-full h-full rounded-[50%] flex justify-center items-center relative"> <div class="horiz w-[58.4%] h-[6.7%]"></div> <div class="vert w-[6.7%] h-[58.4%]"></div> </div> </div> <div class="w-[20rpx] h-[20rpx] pad-only"> <div class="circle button w-full h-full rounded-[50%] flex justify-center items-center relative"> <div class="horiz w-[58.4%] h-[6.7%]"></div> <div class="vert w-[6.7%] h-[58.4%]"></div> </div> </div> </div> <p class="self-stretch text-white opacity-75 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-14px mot:tracking-0.035em mot:leading-[1.57] pc:mt-[12px] pad:mt-[8rpx]" textKey="1p4s2" zn-text=""><span class="zn-text-inner" zn-text-inner="">Automatically optimise the layout and format of the notes to ensure readability and a professional and elegant touch on every page.</span></p> </div> </div> </div> <div class="self-stretch relative overflow-hidden pc:w-640rpx pad:w-392rpx"> <div class="absolute flex-shrink-0 flex items-center justify-start pc:w-295rpx pc:h-620rpx pc:bottom-[calc(32.22%-310rpx)] pc:right-[calc(62.66%-147.5rpx)] pad:w-[199.5rpx] pad:h-[399rpx] pad:bottom-[calc(50%-199.5rpx)] pad:right-[calc(48.98%-99.7rpx)] pad:"> <div class="absolute flex-shrink-0 flex items-center justify-start pc:top-0 pc:left-0 pc:w-295rpx pc:h-620rpx pad:w-[199.5rpx] pad:h-[399rpx]"> <div class="flex-shrink-0 absolute top-0 left-0 pc:w-295rpx pc:h-620rpx pad:flex pad:items-center pad:justify-center pad:w-[199.5rpx] pad:h-[399rpx]"><img class="image object-cover relative pc:w-295rpx pad:w-[174rpx]" alt="AI Assistant for Notes" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-two-white-pc-1-100.png.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-two-white-pc-d7111-100.png.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-two-white-pad-1.png.avif?v=1731920220000"></div> </div> </div> </div> </div> <div class="flex items-center justify-start flex-shrink-0 mx-auto items-stretch pc:w-1312rpx pc:mt-8rpx pad:w-720rpx pad:mt-8px" ani-fade-in="" data-gtm-view="Part27: Translate And AI Studio"> <div class="bg-[#201f1c] rounded-8rpx relative overflow-hidden inline-flex flex-col items-start justify-between self-stretch pc:flex-[1_1_652rpx] pc:w-652rpx pc:px-32rpx pc:py-32rpx pad:flex-[1_1_356rpx] pad:w-356rpx pad:px-16rpx pad:pt-48rpx" id="ai-Translate" data-comp-choices-card="" data-gtm-scope="Translate And AI Studio"> <div class="text-container flex flex-col items-start justify-start self-stretch"> <h3 class="card-title self-stretch text-white opacity-55 pct:text-18px pct:font-medium pct:tracking-0.027em pct:leading-[1.44] mot:text-18px mot:font-medium mot:tracking-0.027em mot:leading-[1.44]" textKey="n3s39" zn-text=""><span class="zn-text-inner" zn-text-inner="">Documents</span></h3> <div class="title-container flex flex-col items-start justify-start self-stretch relative pc:h-160rpx pc:pb-28rpx pc:mt-8rpx pad:h-208px pad:pb-32rpx pad:mt-[4rpx]"> <div class="flex flex-col items-start justify-start absolute pc:w-588rpx pc:top-0 pc:left-[calc(50%-294rpx)] pad:w-324rpx pad:top-0 pad:left-[calc(50%-162rpx)]"> <div class="text-wrapper flex flex-col items-start justify-start self-stretch"> <p class="text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-[0.5px] pct:leading-[1.11] mot:text-30px mot:font-medium mot:tracking-[0.5px] mot:leading-[1.27]" textKey="1fjc1" zn-text=""><span class="zn-text-inner" zn-text-inner="">Translate Documents </span></p> </div> <p class="self-stretch text-white opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pc:mt-20px pad:mt-18px" textKey="kkgnr" zn-text=""><span class="zn-text-inner" zn-text-inner="">Whether it is a business document, a technical manual, or a personal document, the instant translation feature enables quick and accurate translation.</span></p> </div> <div class="flex flex-col items-start justify-start absolute pc:w-588rpx pc:top-0 pc:left-[calc(50%-294rpx)] pad:w-324rpx pad:top-0 pad:left-[calc(50%-162rpx)]"> <div class="text-wrapper flex flex-col items-start justify-start self-stretch"> <p class="text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-[0.5px] pct:leading-[1.11] mot:text-30px mot:font-medium mot:tracking-[0.5px] mot:leading-[1.27] pad:w-330rpx" textKey="26ua1" zn-text=""><span class="zn-text-inner" zn-text-inner="">Summarise Documents </span></p> </div> <p class="self-stretch text-white opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pc:mt-20px pad:mt-18px" textKey="th0t8" zn-text=""><span class="zn-text-inner" zn-text-inner="">Intelligently summarises key points to provide a quick overview of the full text. Point-by-point summary to help quickly locate the original text while focusing on the content that matters most.</span></p> </div> </div> </div> <div class="self-stretch flex-shrink-0 relative overflow-hidden pc:h-435rpx pc:bg-[#121212] pad:pb-48px"> <div class="bottomFadeMask inline-flex items-center overflow-hidden pc:w-430rpx pc:h-435rpx pc:absolute pc:top-0 pc:right-0 pc:justify-start pad:relative pad:rounded-4rpx pad:justify-center pad:w-324rpx pad:h-351rpx pad:z-2 pad:bg-[#121212]"> <div class="image-group pc:w-430rpx pc:h-435rpx pc: pc:top-0 pc:right-0 pad:w-[156rpx] pad:h-[313rpx]" clas="flex items-center justify-start absolute"> <div class="absolute flex items-center justify-start flex-shrink-0 pc:w-[181rpx] pc:h-[377rpx] pc:right-[calc(50%-90.5rpx)] pc:top-[calc(50%-188.5rpx)] pad:w-[136rpx] pad:h-[283rpx] pad:top-[calc(50%-141.5rpx)] pad:right-[calc(50%-68rpx)]"><img class="image object-cover absolute pc:w-[181rpx] pc:h-[377rpx] pad:w-[136rpx] pad:h-[283rpx]" alt="Documents - Image 2" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-three-white-pc-1-90.png.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-three-white-pc-d7111-90.png.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-three-white-pad-1.png.avif"></div> <div class="image-group absolute flex-shrink-0 pc:w-[181rpx] pc:h-[377rpx] pc:right-[calc(50%-90.5rpx)] pc:top-[calc(50%-188.5rpx)] pad:w-[136rpx] pad:h-[283rpx] pad:top-[calc(50%-141.5rpx)] pad:right-[calc(50%-68rpx)]"><img class="image object-cover absolute pc:w-[181rpx] pc:h-[377rpx] pad:w-[136rpx] pad:h-[283rpx]" alt="Documents - Image 1" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-four-white-pc-1-90.png.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-four-white-pc-d7111-90.png.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-four-white-pad-1.png.avif"></div> </div> </div> <div class="text-choices inline-flex items-start justify-start pc:top-[calc(50%-56rpx)] pc:left-24rpx pc:absolute pad:flex-col pad:mt-[20rpx]"> <div class="progress-bar flex items-start justify-start flex-shrink-0 self-stretch relative bg-white bg-opacity-15 pc:w-2rpx pad:w-full pad:h-2rpx pad:order-2 pad:mt-6rpx"> <div class="svg-like bg-white pc:w-2rpx pc:h-56rpx pad:w-149px pad:h-2px"></div> </div> <div class="text-wrapper inline-flex items-start self-stretch pc:flex-col pc:ml-17rpx pc:justify-start pad:justify-start pad:order-1"> <div class="pc:flex pc:flex-col pc:items-start pc:justify-start pc:w-97rpx"> <p class="self-stretch text-white opacity-95 pct:text-16rpx pct:font-medium pct:tracking-0.031em pct:leading-[1.5] mot:text-14px mot:font-medium mot:tracking-0.035em mot:leading-[1.57] pc:w-100px" textKey="1dg6a" zn-text=""><span class="zn-text-inner" zn-text-inner="">Translate Documents</span></p> </div> <div class="flex flex-col items-start justify-start pc:w-97rpx pc:mt-16rpx pad:ml-24px"> <p class="self-stretch text-white opacity-95 pct:text-16rpx pct:font-medium pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5] pc:w-100px" textKey="26ua1j" zn-text=""><span class="zn-text-inner" zn-text-inner="">Summarise Documents </span></p> </div> </div><img class="image mask pointer-events-none pad:transform pad:rotate-180 pad:w-78rpx pad:flex-shrink-0 pad:h-63rpx pad:bottom-37rpx pad:left-[-1px] pad:absolute pad:z-1" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-mask-black-1.png.avif"><img class="image mask pointer-events-none pad:w-78rpx pad:flex-shrink-0 pad:h-63rpx pad:right-[-1px] pad:bottom-37rpx pad:absolute pad:z-1" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-mask-black-1.png.avif"> </div> </div> </div> <div class="self-stretch relative ml-8rpx rounded-8rpx overflow-hidden inline-flex flex-col items-start justify-between bg-[#201f1c] pc:flex-[1_1_652rpx] pc:w-652rpx pc:px-32rpx pc:py-32rpx pad:flex-[1_1_356rpx] pad:w-356rpx pad:px-16rpx pad:justify-between pad:pt-48rpx" ani-ai-studio=""> <div class="text-container pc:flex pc:flex-col pc:items-start pc:justify-start pc:self-stretch pc:pb-28rpx pc:relative"> <div class="text-wrapper pc:flex pc:flex-col pc:items-start pc:justify-start pc:self-stretch"> <h3 class="text-white opacity-55 pct:text-18px pct:font-medium pct:tracking-0.027em pct:leading-[1.44] mot:text-18px mot:font-medium mot:tracking-0.027em mot:leading-[1.44]" textKey="1cp09" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Studio</span></h3> <p class="self-stretch text-white opacity-95 pct:text-36px pct:font-medium pct:tracking-0.014em pct:leading-[1.11] mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] pc:mt-8px pad:mt-[4rpx]" textKey="nrzqk" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Reimage</span></p> </div> <p class="self-stretch text-white opacity-95 pct:text-16px pct:tracking-0.031em pct:leading-[1.5] mot:text-16px mot:tracking-0.031em mot:leading-[1.5] pc:mt-20px pad:mt-[18rpx] pad:w-full" textKey="1s5c7" zn-text=""><span class="zn-text-inner" zn-text-inner="">Turn your photos into fun art! Pick a template like cartoon material drawing, and watch your images burst with color and creativity. Get creative and have a blast！</span></p> </div> <div class="pc-hidden pad:w-full pad:flex pad:flex-col pad:items-center pad:justify-start pad:self-stretch pad:pb-[calc(75.5px+24rpx)]">  <div class="image-group flex flex-col items-center justify-center self-stretch flex-shrink-0 pc:h-435rpx pc:px-76rpx pc:relative pc:bg-[#121212] pc:overflow-hidden pad:w-[324rpx] pad:h-351rpx pad:bg-[#121212] pad:rounded-4rpx pad:relative pad:overflow-hidden"><img class="combine-image pc:inline-flex pc:items-center pc:justify-start pc:w-532rpx pc:flex-shrink-0 pc:h-263rpx pc:object-contain pc:rounded-8rpx pc:relative pc:overflow-hidden pad:w-274.5rpx pad:rounded-[4rpx]" alt="AI Studio" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-painting-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-painting-pc-d7111.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-painting-pad-1.jpg.avif"></div> </div> <div class="image-group pc-only flex flex-col items-center justify-center self-stretch flex-shrink-0 pc:h-435rpx pc:px-76rpx pc:relative pc:bg-[#121212] pc:overflow-hidden pad:w-[324rpx] pad:h-351rpx pad:bg-[#121212] pad:rounded-4rpx pad:relative pad:overflow-hidden"><img class="combine-image pc:inline-flex pc:items-center pc:justify-start pc:w-532rpx pc:flex-shrink-0 pc:h-263rpx pc:object-contain pc:rounded-8rpx pc:relative pc:overflow-hidden pad:w-274.5rpx pad:rounded-[4rpx]" alt="AI Studio" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-painting-pc-1-85.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-painting-pc-d7111-85.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-painting-pad-1-85.jpg.avif"></div> </div> </div> </div> </div> </div> <div class="mo-only mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:w-full mo:bg-black mo:relative mo:overflow-hidden" id="section-ai"> <div class="absolute h-0px top-[calc(0px-var(--nav-height))]" id="anchor-ai-remaster"></div> <h2 ani-ai-title="" data-gtm-view="Part23: OPPO AI" class="mo:flex mo:flex-col mo:items-center mo:justify-center mo:self-stretch mo:py-80px mo:bg-black"> <div class="mo:flex mo:items-center mo:justify-center mo:self-stretch"> <p class="mot:text-48px mot:font-medium mot:leading-[1.17] mo:text-center mo:text-[#ffffff] mo:opacity-95" textKey="b6myg3" zn-text=""><span class="zn-text-inner" zn-text-inner="">OPPO</span></p><img class="combine-image mo:inline-flex mo:flex-col mo:items-center mo:justify-center mo:flex-shrink-0 mo:w-47.2px mo:h-56px mo:ml-10px mo:object-contain" alt="oppo ai Simply Brilliant" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-200_5098-1.png.avif"> <p class="mot:text-48px mot:font-medium mot:leading-[1.17] mo:flex-shrink-0 mo:w-8.9px mo:ml-10rpx mo:text-center mo:text-[#ffffff] mo:opacity-95" textKey="32utl" zn-text=""><span class="zn-text-inner" zn-text-inner="">, </span></p> </div> <div class="text-wrapper mo:inline-flex mo:items-center mo:justify-center mo:self-stretch mo:pt-13px"> <p class="mot:text-48px mot:font-medium mot:leading-[1.17] mo:w-full mo:mx-auto mo:text-center mo:text-[#ffffff] mo:opacity-95" textKey="onrcl4" zn-text=""><span class="zn-text-inner" zn-text-inner="">Simply Brilliant</span></p> </div> </h2> <div class="mo:flex mo:flex-col mo:items-center mo:justify-center mo:self-stretch mo:pb-64px mo:bg-black"> <div data-comp-choices-card="" data-gtm-view="Part24: AI Photo Remaster" data-gtm-scope="AI Photo Remaster" class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:mx-auto mo:bg-[#201f1c] mo:rounded-8rpx mo:relative mo:overflow-hidden"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:px-16rpx mo:pt-48px mo:bg-[#201f1c]"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-center mo:self-stretch"> <h3 class="card-title mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:text-[#ffffff] mo:opacity-55" textKey="h7wj7s" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Photo Remaster</span></h3> <div class="title-container mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:h-188px mo:pb-32px mo:relative mo:mt-4px"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-296rpx mo:top-0 mo:left-[calc(50%-148rpx)] mo:absolute"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-[#ffffff] mo:opacity-95" textKey="1dnttip" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Clarity Enhancer</span></p> </div> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-[#ffffff] mo:opacity-95" textKey="rbbfhs" zn-text=""><span class="zn-text-inner" zn-text-inner="">Caught something cool in the distance? Crop your pic to zoom in and let the AI magic restore awesome 4K clarity to your composition.</span></p> </div> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:opacity-0 mo:w-296rpx mo:top-0 mo:left-[calc(50%-148rpx)] mo:absolute"> <p class="mot:text-36px mot:font-medium mot:tracking-0.014em mot:leading-[1.11] mo:self-stretch mo:text-[#ffffff] mo:opacity-95" textKey="291e5c" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Reflection Remover</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-20px mo:text-[#ffffff] mo:opacity-95" textKey="1hlt80" zn-text=""><span class="zn-text-inner" zn-text-inner="">One-click recognition and removal of reflections gives ultra clear images of views shot through glass, whether that's a window, Ferris wheel, or cable car.</span></p> </div> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:opacity-0 mo:w-296rpx mo:top-0 mo:left-[calc(50%-148rpx)] mo:absolute"> <p class="mot:text-36px mot:font-medium mot:tracking-0.014em mot:leading-[1.11] mo:self-stretch mo:text-[#ffffff] mo:opacity-95" textKey="n43iuf" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Unblur</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-20px mo:text-[#ffffff] mo:opacity-95" textKey="ab4d5b" zn-text=""><span class="zn-text-inner" zn-text-inner="">Turn blurred images from shaky hands or motion into super clear shots in a click, restoring natural textures to skin and hair.</span></p> </div> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:opacity-0 mo:w-296rpx mo:top-0 mo:left-[calc(50%-148rpx)] mo:absolute"> <p class="mot:text-36px mot:font-medium mot:tracking-0.014em mot:leading-[1.11] mo:self-stretch mo:text-[#ffffff] mo:opacity-95" textKey="1lmqrb" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Eraser</span></p> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-20px mo:text-[#ffffff] mo:opacity-95" textKey="5riazs" zn-text=""><span class="zn-text-inner" zn-text-inner="">Say "see ya" to strangers or that stain on your shirt. Whatever you want gone from your pics, declutter them in a click.</span></p> </div> </div> </div> </div> <div class="mo:flex mo:flex-col mo:items-start mo:justify-center mo:w-328rpx mo:px-16rpx mo:pb-48px mo:relative mo:mt-8px mo:bg-[#201f1c] mo:rounded-4rpx"> <div class="image-group mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-300rpx mo:flex-shrink-0 mo:h-404rpx mo:relative mo:z-2"> <div class="combine-image mo:w-300rpx mo:h-404rpx mo:top-[calc(50%-202rpx)] mo:left-[calc(50%-150rpx)] mo:absolute mo:flex mo:flex-col"> <div class="image-wrapper w-full h-full flex relative"><img class="w-[300rpx] h-[200rpx] object-cover" alt="AI Photo Remaster - Image 4 - Left" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-four-mo-left-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 mo:left-[12rpx] mo:bottom-[12rpx] mo:rounded-[4rpx] mo:px-[10px] mo:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="14v3bk6" zn-text="">Before</div> </div> </div> <div class="image-wrapper w-full h-full flex relative mt-[4rpx]"><img class="w-[300rpx] h-[200rpx] object-cover" alt="AI Photo Remaster - Image 4 - Right" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-four-mo-right-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 mo:left-[12rpx] mo:bottom-[12rpx] mo:rounded-[4rpx] mo:px-[10px] mo:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="1qvtvr5" zn-text="">After</div> </div> </div> </div> <div class="combine-image mo:w-300rpx mo:h-404rpx mo:top-[calc(50%-202rpx)] mo:left-[calc(50%-150rpx)] mo:absolute mo:flex mo:flex-col"> <div class="image-wrapper w-full h-full flex relative"><img class="w-[300rpx] h-[200rpx] object-cover" alt="AI Photo Remaster - Image 3 - Left" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-three-mo-left-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 mo:left-[12rpx] mo:bottom-[12rpx] mo:rounded-[4rpx] mo:px-[10px] mo:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="14v3bk6" zn-text="">Before</div> </div> </div> <div class="image-wrapper w-full h-full flex relative mt-[4rpx]"><img class="w-[300rpx] h-[200rpx] object-cover" alt="AI Photo Remaster - Image 3 - Right" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-three-mo-right-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 mo:left-[12rpx] mo:bottom-[12rpx] mo:rounded-[4rpx] mo:px-[10px] mo:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="1qvtvr5" zn-text="">After</div> </div> </div> </div> <div class="combine-image mo:w-300rpx mo:h-404rpx mo:top-[calc(50%-202rpx)] mo:left-[calc(50%-150rpx)] mo:absolute mo:flex mo:flex-col"> <div class="image-wrapper w-full h-full flex relative"><img class="w-[300rpx] h-[200rpx] object-cover" alt="AI Photo Remaster - Image 2 - Left" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-two-mo-left-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 mo:left-[12rpx] mo:bottom-[12rpx] mo:rounded-[4rpx] mo:px-[10px] mo:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="14v3bk6" zn-text="">Before</div> </div> </div> <div class="image-wrapper w-full h-full flex relative mt-[4rpx]"><img class="w-[300rpx] h-[200rpx] object-cover" alt="AI Photo Remaster - Image 2 - Right" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-two-mo-right-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 mo:left-[12rpx] mo:bottom-[12rpx] mo:rounded-[4rpx] mo:px-[10px] mo:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="1qvtvr5" zn-text="">After</div> </div> </div> </div> <div class="combine-image mo:w-300rpx mo:h-404rpx mo:top-[calc(50%-202rpx)] mo:left-[calc(50%-150rpx)] mo:absolute mo:flex mo:flex-col"> <div class="image-wrapper w-full h-full flex relative"><img class="w-[300rpx] h-[200rpx] object-cover" alt="AI Photo Remaster - Image 1 - Left" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-one-mo-left-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 mo:left-[12rpx] mo:bottom-[12rpx] mo:rounded-[4rpx] mo:px-[10px] mo:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="14v3bk6" zn-text="">Before</div> </div> </div> <div class="image-wrapper w-full h-full flex relative mt-[4rpx]"><img class="w-[300rpx] h-[200rpx] object-cover" alt="AI Photo Remaster - Image 1 - Right" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-one-mo-right-1.jpg.avif?v=1732100365000"> <div class="text-wrapper absolute bg-white/50 mo:left-[12rpx] mo:bottom-[12rpx] mo:rounded-[4rpx] mo:px-[10px] mo:py-[4px]" style="backdrop-filter: blur(13px)"> <div class="text mot:text-12px mot:leading-[20px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="1qvtvr5" zn-text="">After</div> </div> </div> </div> </div> <div class="text-choices text-choices mo:flex mo:flex-col mo:items-start mo:justify-center mo:relative mo:mt-20px"> <div class="text-wrapper mo:inline-flex mo:items-center mo:justify-start mo:pr-24px"> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:"> <p class="mot:text-14px mot:font-medium mot:tracking-0.035em mot:leading-[1.57] mo:text-[#ffffff] mo:opacity-95" textKey="1dnttip" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Clarity Enhancer</span></p> </div> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:ml-24px mo:"> <p class="mot:text-14px mot:font-medium mot:tracking-0.035em mot:leading-[1.57] mo:text-[#ffffff] mo:opacity-95" textKey="291e5c" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Reflection Remover</span></p> </div> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:ml-24px mo:"> <p class="mot:text-14px mot:font-medium mot:tracking-0.035em mot:leading-[1.57] mo:text-[#ffffff] mo:opacity-95" textKey="n43iuf" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Unblur</span></p> </div> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:ml-24px mo:"> <p class="mot:text-14px mot:font-medium mot:tracking-0.035em mot:leading-[1.57] mo:text-[#ffffff] mo:opacity-95" textKey="1lmqrbd" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Eraser</span></p> </div> </div> <div class="progress-bar mo:inline-flex mo:items-start mo:justify-start mo:flex-shrink-0 mo:h-2px mo:mt-6px mo:bg-white mo:bg-opacity-30 mo:relative"> <div class="svg-like mo:w-132px mo:h-2px mo:bg-white"></div> </div> </div><img class="image mask pointer-events-none mo:w-78rpx mo:h-78rpx mo:transform mo:rotate-180 mo:flex-shrink-0 mo:bottom-0 mo:left-0 mo:absolute mo:z-1 mo:rounded-[8rpx]" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-247_4595-1.png.avif"><img class="image mask pointer-events-none mo:w-78rpx mo:h-78rpx mo:flex-shrink-0 mo:absolute mo:right-0 mo:bottom-0 mo:z-1 mo:rounded-[8rpx]" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-247_4597-1.png.avif"> </div> </div> <div data-comp-choices-card="" ani-fade-in="" data-gtm-view="Part25: AI Toolbox" data-gtm-scope="AI Toolbox" class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:mx-auto mo:pb-48px mo:mt-8px mo:bg-[#201f1c] mo:rounded-8rpx mo:relative mo:overflow-hidden"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:px-16rpx mo:pt-48px mo:bg-[#201f1c]"> <h3 class="card-title mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:text-[#ffffff] mo:opacity-55" textKey="h65m08" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Toolbox</span></h3> <div class="title-container mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:h-162px mo:pb-32px mo:relative mo:mt-4px"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-296rpx mo:top-0 mo:left-[calc(50%-148rpx)] mo:absolute"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:text-[#ffffff] mo:opacity-95" textKey="1p2izj0" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Writer</span></p> </div> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-[#ffffff] mo:opacity-95" textKey="6wn5eo" zn-text=""><span class="zn-text-inner" zn-text-inner="">Let your AI correct, rewrite, polish, abridge, or continue your writing in your chosen style.</span></p> </div> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:opacity-0 mo:w-296rpx mo:top-0 mo:left-[calc(50%-148rpx)] mo:absolute"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-36px mot:font-medium mot:tracking-0.014em mot:leading-[1.11] mo:self-stretch mo:text-[#ffffff] mo:opacity-95" textKey="1wtmsn3" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Reply</span></p> </div> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-[#ffffff] mo:opacity-95" textKey="rmln0g" zn-text=""><span class="zn-text-inner" zn-text-inner="">Typo troubles on your DMs or stuck for inspiration on your replies? AI suggests suitable responses in different styles.</span></p> </div> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:opacity-0 mo:w-296rpx mo:top-0 mo:left-[calc(50%-148rpx)] mo:absolute"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-36px mot:font-medium mot:tracking-0.014em mot:leading-[1.11] mo:self-stretch mo:text-[#ffffff] mo:opacity-95" textKey="gdbb2b" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Summary</span></p> </div> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-[#ffffff] mo:opacity-95" textKey="6cnqum" zn-text=""><span class="zn-text-inner" zn-text-inner="">Generate an easy-to-read summary of long articles, recipes, or documents for an instant productivity boost.</span></p> </div> </div> </div> <div class="content mo:flex mo:flex-col mo:items-center mo:justify-center mo:self-stretch mo:px-16rpx mo:bg-[#201f1c]"> <div class="mo:inline-flex mo:items-center mo:justify-center mo:self-stretch mo:flex-shrink-0 mo:h-351rpx mo:relative mo:bg-[#121212] mo:rounded-4rpx mo:overflow-hidden"> <div class="image-group mo:flex mo:items-center mo:justify-start mo:flex-shrink-0 mo:w-157rpx mo:h-313rpx mo:relative"> <div class="mo:flex mo:items-center mo:justify-between mo:flex-shrink-0 mo:w-157rpx mo:h-313rpx mo:px-16rpx mo:py-19rpx mo:top-[calc(50%-156.6rpx)] mo:left-[calc(50%-78.5rpx)] mo:absolute"> <div class="phone-video rounded-[15rpx] overflow-hidden absolute top-0 bottom-0 left-0 right-0 mx-auto my-auto -z-1 pc:w-[90.2%] pc:h-[96.6%] mo:w-[78.4%] mo:h-[88.4%] mo:rounded-[6rpx] pad:w-[80%] pad:h-[88.5%]"> <div class="video h-full video" data-src="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_400.flv?v=1731920220000" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_368_ios.mp4"> <canvas class="abs-0 w-[100%] h-[100%] object-initial z-1"></canvas> <video class="abs-0 h-[100%] object-cover z-1"></video><img class="w-full h-full absolute top-0 left-0 -z-1"><img class="abs-0 h-[100%] object-cover" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_368_ios-1.jpg.avif" alt="AI Toolbox - Image 3" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_400_poster-1.jpg.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_400_poster-d7111.jpg.avif?v=1731920220000" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_400_poster-1.jpg.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Summary_400_poster-1.jpg.avif?v=1731920220000"> </div> </div><img class="image mo:absolute mo:top-0 mo:left-[50%] mo:z-3 mo:transform mo:translate-x-[-50%] mo:w-157rpx mo:object-cover" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-phoneFrame-konka-white-mo-1.png.avif"> </div> <div class="mo:flex mo:items-center mo:justify-between mo:flex-shrink-0 mo:w-157rpx mo:h-313rpx mo:px-23rpx mo:py-34rpx mo:top-[calc(50%-156.6rpx)] mo:left-[calc(50%-78.5rpx)] mo:absolute"> <div class="phone-video rounded-[15rpx] overflow-hidden absolute top-0 bottom-0 left-0 right-0 mx-auto my-auto -z-1 pc:w-[90.2%] pc:h-[96.6%] mo:w-[78.4%] mo:h-[88.4%] mo:rounded-[6rpx] pad:w-[80%] pad:h-[88.5%]"> <div class="video h-full video" data-src="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_400.flv?v=1731920220000" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_368_ios.mp4"> <canvas class="abs-0 w-[100%] h-[100%] object-initial z-1"></canvas> <video class="abs-0 h-[100%] object-cover z-1"></video><img class="w-full h-full absolute top-0 left-0 -z-1"><img class="abs-0 h-[100%] object-cover" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_368_ios-1.jpg.avif" alt="AI Toolbox Image 2" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_400_poster-1.jpg.avif?v=1731920220000" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_400_poster-d7111.jpg.avif?v=1731920220000" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_400_poster-1.jpg.avif?v=1731920220000" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-ai-Reply_400_poster-1.jpg.avif?v=1731920220000"> </div> </div><img class="image mo:absolute mo:top-0 mo:left-[50%] mo:z-3 mo:transform mo:translate-x-[-50%] mo:w-157rpx mo:object-cover" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-phoneFrame-konka-white-mo-1.png.avif"> </div> <div class="mo:flex mo:items-center mo:justify-between mo:flex-shrink-0 mo:w-157rpx mo:h-313rpx mo:px-23rpx mo:py-34rpx mo:top-[calc(50%-156.6rpx)] mo:left-[calc(50%-78.5rpx)] mo:absolute"><img class="image mo:flex-shrink-0 mo:w-[126rpx] mo:h-[274rpx] mo:absolute mo:top-[calc(50%-137.05rpx)] mo:left-[calc(50%-63rpx)] mo:object-cover mo:rounded-10.6rpx" alt="AI Toolbox - Image 1" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-writer-mo-1-75.jpg.avif"><img class="image mo:absolute mo:top-[50%] mo:left-[50%] mo:z-1 mo:transform mo:translate-x-[-50%] mo:translate-y-[-50%] mo:w-157rpx mo:object-cover" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-phoneFrame-konka-white-mo-1.png.avif"></div> </div> <div class="replay button mo:flex mo:items-center mo:justify-center mo:px-4rpx mo:py-4rpx mo:right-10rpx mo:bottom-10rpx mo:absolute mo:bg-white mo:bg-opacity-6 mo:rounded-full mo:opacity-0"><img class="combine-image mo:w-20rpx mo:h-20rpx mo:relative mo:object-contain" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-200_5199-1.svg"></div> </div> <div class="text-choices text-choices mo:flex mo:flex-col mo:items-center mo:justify-center mo:mt-20px"> <div class="text-wrapper mo:inline-flex mo:items-center mo:justify-start"> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:"> <p class="mot:text-14px mot:font-medium mot:tracking-0.035em mot:leading-[1.57] mo:text-[#ffffff] mo:opacity-95" textKey="1p2izj0" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Writer</span></p> </div> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:ml-24px mo:"> <p class="mot:text-14px mot:font-medium mot:tracking-0.035em mot:leading-[1.57] mo:text-[#ffffff] mo:opacity-30" textKey="1wtmsn3" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Reply</span></p> </div> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:ml-24px mo:"> <p class="mot:text-14px mot:font-medium mot:tracking-0.035em mot:leading-[1.57] mo:text-[#ffffff] mo:opacity-30" textKey="gdbb2b" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Summary</span></p> </div> </div> <div class="progress-bar mo:inline-flex mo:items-start mo:justify-start mo:flex-shrink-0 mo:h-2px mo:mt-6px mo:bg-white mo:bg-opacity-30 mo:relative"> <div class="svg-like mo:w-61px mo:h-2px mo:bg-white"></div> </div> </div> </div> </div> <div class="image-and-others min-h-418rpx bg-[#121212] mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:mx-auto mo:px-12rpx mo:pt-48px mo:pb-16px mo:relative mo:mt-8px mo:rounded-8px mo:overflow-hidden" ani-card-exp="" data-gtm-view="Part26: AI Assistant For Notes" data-gtm-scope="AI Assistant For Notes" ani-fade-in=""><img data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-387_10581-1.png.avif" class="mo:absolute mo:top-0 mo:left-0 mo:w-full mo:h-full mo:object-cover"> <div class="text-wrapper mo:inline-flex mo:items-center mo:justify-center mo:self-stretch mo:relative mo:ml-4rpx"> <h3 class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:w-[296rpx] mo:text-[#ffffff] mo:opacity-95" textKey="1uthvp" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Assistant for Notes </span></h3> </div> <div class="mo:flex mo:flex-col mo:items-center mo:justify-start mo:self-stretch mo:flex-shrink-0 mo:h-315rpx mo:relative mo:mt-32px"> <div class="mo:inline-flex mo:items-center mo:justify-center mo:w-172rpx mo:flex-shrink-0 mo:h-342.5px mo:px-23rpx mo:py-34px mo:top-[calc(50%-171.3px)] mo:left-[calc(50%-86rpx)] mo:absolute"><img class="image mo:flex-shrink-0 mo:w-[126rpx] mo:h-[275rpx] mo:top-[calc(50%-137.5rpx)] mo:left-[calc(50%-63rpx)] mo:absolute mo:object-cover mo:rounded-8rpx" alt="AI Assistant for Notes" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-notes-mo-1-75.jpg.avif"><img class="image mo:absolute mo:top-[50%] mo:left-[50%] mo:z-1 mo:transform mo:translate-x-[-50%] mo:translate-y-[-50%] mo:w-157rpx mo:object-cover" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-phoneFrame-konka-white-pad-1.png.avif"></div> </div> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:relative mo:mt-32px"> <div class="card-container mo:flex mo:flex-col mo:items-start mo:justify-end mo:self-stretch"> <div class="card-item mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:px-12rpx mo:py-13px mo:bg-black mo:bg-opacity-80 mo:rounded-12rpx"> <div class="mo:inline-flex mo:items-center mo:justify-between mo:self-stretch"> <p class="mot:text-18px mot:font-medium mot:tracking-0.027em mot:leading-[1.33] mo:text-[#ffffff] mo:opacity-95" textKey="yw6twj" zn-text=""><span class="zn-text-inner" zn-text-inner="">Clean up and Polish</span></p> <div class="w-[20rpx] h-[20rpx]"> <div class="circle button w-full h-full rounded-[50%] flex justify-center items-center relative"> <div class="horiz w-[58.4%] h-[6.7%]"></div> <div class="vert w-[6.7%] h-[58.4%]"></div> </div> </div> </div> <p class="mot:text-14px mot:tracking-0.035em mot:leading-[1.57] mo:self-stretch mo:mt-9px mo:text-[#ffffff] mo:opacity-75" textKey="1hvi7r" zn-text=""><span class="zn-text-inner" zn-text-inner="">Polish your writing, correct grammar issues and make style adjustments to an entire note or set of notes in a single click.</span></p> </div> <div class="card-item mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:px-12rpx mo:py-13px mo:mt-4px mo:bg-black mo:bg-opacity-80 mo:rounded-12rpx"> <div class="mo:inline-flex mo:items-center mo:justify-between mo:self-stretch"> <p class="mot:text-18px mot:font-medium mot:tracking-0.027em mot:leading-[1.33] mo:text-[#ffffff] mo:opacity-95" textKey="bvjrlg" zn-text=""><span class="zn-text-inner" zn-text-inner="">Continue writing</span></p> <div class="w-[20rpx] h-[20rpx]"> <div class="circle button w-full h-full rounded-[50%] flex justify-center items-center relative"> <div class="horiz w-[58.4%] h-[6.7%]"></div> <div class="vert w-[6.7%] h-[58.4%]"></div> </div> </div> </div> <p class="mot:text-14px mot:tracking-0.035em mot:leading-[1.57] mo:self-stretch mo:mt-9px mo:text-[#ffffff] mo:opacity-75" textKey="1bsqvh" zn-text=""><span class="zn-text-inner" zn-text-inner="">Generate coherent follow-up text based on what you've already written to continue your thoughts, spark inspiration, and create new content.</span></p> </div> <div class="card-item mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:px-12rpx mo:py-13px mo:mt-4px mo:bg-black mo:bg-opacity-80 mo:rounded-12rpx"> <div class="mo:inline-flex mo:items-center mo:justify-between mo:self-stretch"> <p class="mot:text-18px mot:font-medium mot:tracking-0.027em mot:leading-[1.33] mo:text-[#ffffff] mo:opacity-95" textKey="wiuiyu" zn-text=""><span class="zn-text-inner" zn-text-inner="">Format</span></p> <div class="w-[20rpx] h-[20rpx]"> <div class="circle button w-full h-full rounded-[50%] flex justify-center items-center relative"> <div class="horiz w-[58.4%] h-[6.7%]"></div> <div class="vert w-[6.7%] h-[58.4%]"></div> </div> </div> </div> <p class="mot:text-14px mot:tracking-0.035em mot:leading-[1.57] mo:self-stretch mo:mt-9px mo:text-[#ffffff] mo:opacity-75" textKey="1p4s2l" zn-text=""><span class="zn-text-inner" zn-text-inner="">Automatically optimise the layout and format of the notes to ensure readability and a professional and elegant touch on every page.</span></p> </div> </div> </div> </div> <div data-gtm-view="Part27: Translate And AI Studio" data-gtm-scope="Translate And AI Studio" class=""> <div data-comp-choices-card="" ani-fade-in="" class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:mx-auto mo:bg-[#121212] mo:mt-8px mo:rounded-8rpx mo:relative mo:overflow-hidden"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:px-16rpx mo:pt-48px mo:bg-[#201f1c]"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <h3 class="card-title mot:text-18px mot:font-medium mot:tracking-0.027em mot:leading-[1.44] mo:self-stretch mo:text-[#ffffff] mo:opacity-55" textKey="n3s399" zn-text=""><span class="zn-text-inner" zn-text-inner="">Documents</span></h3> <div class="title-container mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:h-232px mo:pb-32px mo:relative mo:mt-4px"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-296rpx mo:top-0 mo:left-[calc(50%-148rpx)] mo:absolute"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:text-[#ffffff] mo:opacity-95" textKey="1fjc15" zn-text=""><span class="zn-text-inner" zn-text-inner="">Translate Documents </span></p> </div> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-[#ffffff] mo:opacity-95" textKey="kkgnrc" zn-text=""><span class="zn-text-inner" zn-text-inner="">Whether it is a business document, a technical manual, or a personal document, the instant translation feature enables quick and accurate translation.</span></p> </div> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:opacity-0 mo:w-296rpx mo:top-0 mo:left-[calc(50%-148rpx)] mo:absolute"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:text-[#ffffff] mo:opacity-95" textKey="26ua1j" zn-text=""><span class="zn-text-inner" zn-text-inner="">Summarise Documents </span></p> </div> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-[#ffffff] mo:opacity-95" textKey="th0t8x" zn-text=""><span class="zn-text-inner" zn-text-inner="">Intelligently summarises key points to provide a quick overview of the full text. Point-by-point summary to help quickly locate the original text while focusing on the content that matters most.</span></p> </div> </div> </div> </div> <div class="content mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:px-16rpx mo:pb-48px mo:relative mo:bg-[#201f1c]"> <div class="mo:inline-flex mo:items-center mo:justify-center mo:self-stretch mo:flex-shrink-0 mo:h-351rpx mo:relative mo:z-1 mo:bg-[#121212] mo:rounded-4rpx mo:overflow-hidden"> <div class="image-group mo:flex mo:items-center mo:justify-start mo:flex-shrink-0 mo:w-157rpx mo:h-313rpx mo:relative"> <div class="mo:flex mo:items-center mo:justify-between mo:flex-shrink-0 mo:w-157rpx mo:h-313rpx mo:absolute mo:top-[calc(50% mo:- mo:156.5rpx)] mo:left-[calc(50%-77.5rpx)]"><img class="image mo:w-[136rpx] mo:h-[283rpx] mo:absolute mo:top-[calc(50%-141.5rpx)] mo:left-[calc(50%-69rpx)]" alt="Documents - Image 2" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-three-white-mo-1.png.avif?v=1731920220000"></div> <div class="mo:flex mo:items-center mo:justify-between mo:flex-shrink-0 mo:w-157rpx mo:h-313rpx mo:absolute mo:top-[calc(50% mo:- mo:156.5rpx)] mo:left-[calc(50%-77.5rpx)]"><img class="image mo:w-[136rpx] mo:h-[283rpx] mo:absolute mo:top-[calc(50%-141.5rpx)] mo:left-[calc(50%-69rpx)]" alt="Documents - Image 1" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-phone-four-white-mo-1.png.avif?v=1731920220000"></div> </div> </div> <div class="text-choices text-choices mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch mo:relative mo:mt-20px"> <div class="text-wrapper mo:inline-flex mo:items-center mo:justify-start" style="max-width: none"> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:"> <p class="mot:text-14px mot:font-medium mot:tracking-0.035em mot:leading-[22px] mo:text-[#ffffff] mo:opacity-95" textKey="1fjc15x" zn-text=""><span class="zn-text-inner" zn-text-inner="">Translate Documents </span></p> </div> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-start mo:ml-24px mo:"> <p class="mot:text-14px mot:font-medium mot:tracking-0.031em mot:leading-[22px] mo:text-[#ffffff] mo:opacity-30" textKey="26ua1j" zn-text=""><span class="zn-text-inner" zn-text-inner="">Summarise Documents </span></p> </div> </div> <div class="progress-bar mo:inline-flex mo:items-start mo:justify-start mo:flex-shrink-0 mo:h-2px mo:mt-6px mo:bg-white mo:bg-opacity-30 mo:relative" style="max-width: none"> <div class="svg-like mo:w-149px mo:h-2px mo:bg-white"></div> </div> </div><img class="image mask pointer-events-none mo:w-78rpx mo:h-78rpx mo:transform mo:rotate-180 mo:flex-shrink-0 mo:bottom-0 mo:left-0 mo:absolute mo:z-1 mo:rounded-[8rpx]" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-247_4595-1.png.avif"><img class="image mask pointer-events-none mo:w-78rpx mo:h-78rpx mo:flex-shrink-0 mo:absolute mo:right-0 mo:bottom-0 mo:z-1 mo:rounded-[8rpx]" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-pack-247_4597-1.png.avif"> </div> </div> <div ani-fade-in="" class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:mx-auto mo:mt-8px mo:bg-[#201f1c] mo:rounded-8rpx mo:relative mo:overflow-hidden"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:px-16rpx mo:pt-48px mo:pb-32px mo:bg-[#201f1c]"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <div class="text-wrapper mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <h3 class="mot:text-16px mot:font-medium mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:text-[#ffffff] mo:opacity-55" textKey="1cp09u" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Studio</span></h3> <p class="mot:text-30px mot:font-medium mot:tracking-0.016em mot:leading-[1.27] mo:self-stretch mo:mt-4px mo:text-[#ffffff] mo:opacity-95" textKey="nrzqkd" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Reimage</span></p> </div> <p class="mot:text-16px mot:tracking-0.031em mot:leading-[1.5] mo:self-stretch mo:mt-18px mo:text-[#ffffff] mo:opacity-95" textKey="1s5c7q" zn-text=""><span class="zn-text-inner" zn-text-inner="">Turn your photos into fun art! Pick a template like cartoon material drawing, and watch your images burst with color and creativity. Get creative and have a blast！</span></p> </div> </div> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:w-328rpx mo:px-16rpx mo:pb-48rpx mo:bg-[#201f1c]"> <div class="mo:flex mo:flex-col mo:items-start mo:justify-start mo:self-stretch"> <div class="mo:inline-flex mo:items-center mo:justify-center mo:w-296rpx mo:flex-shrink-0 mo:h-332rpx mo:bg-[#121212] mo:rounded-4rpx mo:relative mo:overflow-hidden"> <div class="mo:inline-flex mo:flex-col mo:items-start mo:justify-center mo:w-296rpx mo:h-332rpx mo:rounded-3.9rpx mo:relative mo:overflow-hidden"><img class="image mo:self-stretch mo:w-full mo:h-full mo:object-cover mo:relative" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-ai-painting-mo-1.jpg.avif"></div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full h-full" id="section-performance"> <div class="topic w-full flex flex-col items-center justify-center pc:h-[516rpx] mo:h-[384rpx] pad:h-[272rpx]" data-gtm-view="Part31: Performance And Battery"> <h2 class="mx-auto text-center pct:text-[68px] pct:leading-[82px] pct:text-white pct:opacity-[.95] pct:font-medium mot:text-[48px] mot:leading-[60px] mot:text-white mot:opacity-[.95] mot:font-medium" ani-section-title="" textKey="1imq2" zn-text="">Limitless <br class="mo-only">Performance,<br>Long <br class="mo-only">Battery Life</h2> </div> <div class="relative h-0"> <div class="w-full h-0 absolute" id="anchor-trinity-engine"></div> </div> <div class="trinity w-full flex flex-col items-center justify-center relative pc:pb-[80rpx] pc:px-[64rpx] mo:py-[64rpx] mo:px-[16rpx] pad:py-[64rpx] pad:px-[24rpx]" data-gtm-view="Part32: Dimensity 9400"> <div class="title flex flex-col items-center justify-center"> <h3 class="pct:text-[20px] pct:leading-[28px] pct:text-white pct:tracking-[0.5px] pct:opacity-[.55] pct:font-medium pct:text-center mot:text-[16px] mot:leading-[24px] mot:tracking-[0.5px] mot:font-medium mot:text-white mot:opacity-[.55] mot:text-center" textKey="3zdk9l" zn-text=""><span class="zn-text-inner" zn-text-inner="">Trinity Engine x Dimensity 9400</span></h3> <div class="text pct:text-[48px] pct:leading-[60px] pct:text-white pct:tracking-[2%] pct:opacity-[.95] pct:font-medium pct:text-center mot:text-[30px] mot:leading-[38px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] mot:text-center pc:mt-[12rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="twiqw" zn-text=""><span class="zn-text-inner" zn-text-inner="">Unbound Power, Unending Endurance</span></div> <div class="text pct:text-[18px] pct:text-white pct:leading-[26px] pct:tracking-[0.5px] pct:opacity-[.95] pct:text-center mot:text-[16px] mot:leading-[24px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] mot:text-center pc:mt-[24rpx] pc:w-[872rpx] mo:mt-[18rpx] pad:mt-[18rpx]" textKey="o8nls" zn-text="">Trinity Engine features smart caching that optimizes CPU and system performance, enhancing data access speed for both CPU and GPU. It also features a powerful software accelerator that enhances performance across tasks—delivering up to 3x improvement in algorithm efficiency for smoother multimedia playback, file decompression, and seamless app launches and switching. It greatly improves overall system smoothness by up to 22% and reduces power consumption by up to 8.24% for demanding games and up to 4.5% for video playback. <sup>5</sup></div> </div> <div class="container flex flex-col pc:w-[1312rpx] pc:mt-[40rpx] mo:mt-[32rpx] pad:mt-[24rpx]"> <div class="image-wrapper bg-[#000] overflow-hidden relative pc:w-[1312rpx] pc:h-[470rpx] mo:w-[328rpx] mo:h-[240rpx] pad:w-[720rpx] pad:h-[280rpx]" data-comp-parallax=""><img class="object-cover relative pc:w-[969rpx] pc:h-[545rpx] pc:top-[calc(50%-272.5rpx)] pc:left-[calc(50%-484.5rpx)] mo:w-[426.67rpx] mo:h-[240rpx] mo:top-[calc(50%-120rpx)] mo:left-[calc(50%-213.33rpx)] pad:w-[588rpx] pad:h-[330rpx] pad:top-[calc(50%-165rpx)] pad:left-[calc(50%-294rpx)]" alt="Trinity Engine x Dimensity 9400" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-trinity-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-trinity-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-trinity-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-trinity-pad-1.jpg.avif"></div> <div class="cards flex pc:w-[1312rpx] pc:mt-[32rpx] mo:w-[328rpx] mo:grid mo:grid-cols-2 mo:gap-[4rpx] pad:w-[720rpx]"> <div class="card bg-[#201F1C] flex-1 flex flex-col pc:px-[20rpx] pc:py-[20rpx] pc:rounded-[8rpx] mo:rounded-[4rpx] mo:px-[16rpx] mo:py-[16rpx] pad:rounded-[4rpx] pad:pl-[16rpx] pad:pr-[10rpx] pad:py-[16rpx]"> <div class="text text-white opacity-[.95] font-medium pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px]" textKey="2nhqz" zn-text=""><span class="zn-text-inner" zn-text-inner="">3nm</span></div> <div class="text text-white opacity-[.75] font-medium pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="1uxmj" zn-text=""><span class="zn-text-inner" zn-text-inner="">Process</span></div> </div> <div class="card bg-[#201F1C] flex-1 flex flex-col pc:px-[20rpx] pc:py-[20rpx] pc:rounded-[8rpx] mo:rounded-[4rpx] mo:px-[16rpx] mo:py-[16rpx] pad:rounded-[4rpx] pad:pl-[16rpx] pad:pr-[10rpx] pad:py-[16rpx]"> <div class="text text-white opacity-[.95] font-medium pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px]" textKey="2ngnm" zn-text=""><span class="zn-text-inner" zn-text-inner="">35%</span></div> <div class="text text-white opacity-[.75] font-medium pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="v50up" zn-text=""><span class="zn-text-inner" zn-text-inner="">Faster CPU</span></div> </div> <div class="card bg-[#201F1C] flex-1 flex flex-col pc:px-[20rpx] pc:py-[20rpx] pc:rounded-[8rpx] mo:rounded-[4rpx] mo:px-[16rpx] mo:py-[16rpx] pad:rounded-[4rpx] pad:pl-[16rpx] pad:pr-[10rpx] pad:py-[16rpx]"> <div class="text text-white opacity-[.95] font-medium pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px]" textKey="2ngni" zn-text=""><span class="zn-text-inner" zn-text-inner="">41%</span></div> <div class="text text-white opacity-[.75] font-medium pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="1lrwq" zn-text=""><span class="zn-text-inner" zn-text-inner="">Faster GPU</span></div> </div> <div class="card bg-[#201F1C] flex-1 flex flex-col pc:px-[20rpx] pc:py-[20rpx] pc:rounded-[8rpx] mo:rounded-[4rpx] mo:px-[16rpx] mo:py-[16rpx] pad:rounded-[4rpx] pad:pl-[16rpx] pad:pr-[10rpx] pad:py-[16rpx]"> <div class="text text-white opacity-[.95] font-medium pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px]" textKey="1q8ms" zn-text="">+ 40%</div> <div class="text text-white opacity-[.75] font-medium pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="ubqos" zn-text=""><span class="zn-text-inner" zn-text-inner="">CPU Efficiency</span></div> </div> <div class="card bg-[#201F1C] flex-1 flex flex-col pc:px-[20rpx] pc:py-[20rpx] pc:rounded-[8rpx] mo:rounded-[4rpx] mo:px-[16rpx] mo:py-[16rpx] pad:rounded-[4rpx] pad:pl-[16rpx] pad:pr-[10rpx] pad:py-[16rpx]"> <div class="text text-white opacity-[.95] font-medium pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px]" textKey="1q8ph" zn-text="">+ 44%</div> <div class="text text-white opacity-[.75] font-medium pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="ubqos2" zn-text=""><span class="zn-text-inner" zn-text-inner="">GPU Efficiency</span></div> </div> <div class="card bg-[#201F1C] flex-1 flex flex-col pc:px-[20rpx] pc:py-[20rpx] pc:rounded-[8rpx] mo:rounded-[4rpx] mo:px-[16rpx] mo:py-[16rpx] pad:rounded-[4rpx] pad:pl-[16rpx] pad:pr-[10rpx] pad:py-[16rpx]"> <div class="text text-white opacity-[.95] font-medium pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px]" textKey="1q8op" zn-text="">+ 35%</div> <div class="text text-white opacity-[.75] font-medium pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="1m9el" zn-text=""><span class="zn-text-inner" zn-text-inner="">AI Efficiency</span></div> </div> </div> </div> </div> <div class="frame flex items-center justify-center overflow-hidden pc:w-full pc:py-[88rpx] pc:px-[64rpx] mo:w-full mo:px-[16rpx] mo:pb-[48.5rpx] mo:pt-[266.5rpx] pad:w-full pad:py-[64rpx] pad:px-[24rpx]" data-gtm-view="Part33: Ultra Gaming Experience"> <div class="content flex flex-1 relative pc:max-w-[1312rpx]"> <div class="text-wrapper flex flex-col items-left bg-[#201F1C] relative z-1 rounded-[8rpx] overflow-hidden pc:w-[584rpx] pc:py-[32rpx] pc:px-[32rpx] pc:rounded-[8rpx] mo:w-[328rpx] mo:pt-[28rpx] mo:px-[20rpx] mo:pb-[20rpx] pad:w-[360rpx] pad:pt-[28rpx] pad:px-[20rpx] pad:pb-[20rpx]"> <h3 class="pct:font-medium pct:text-[20px] pct:leading-[28px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.55] mot:font-medium mot:text-[16px] mot:leading-[24px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.55]" textKey="1s2po" zn-text="">Ultra Gaming Experience</h3> <div class="text pct:font-medium pct:text-[48px] pct:leading-[60px] pct:text-white pct:opacity-[.95] mot:font-medium mot:text-[30px] mot:leading-[38px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:mt-[12rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="5ivd5" zn-text=""><span class="zn-text-inner" zn-text-inner="">Redefined Performance, Immersion, and Control</span></div> <div class="text pct:text-[18px] pct:leading-[26px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[16px] mot:leading-[24px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:mt-[24rpx] mo:mt-[18rpx] pad:mt-[18rpx]" textKey="bben6" zn-text="">Lose yourself in the on-screen gaming action with immersive images, full frame performance, and an amazing multisensory experience blending the best of sound, vision, and touch. <sup>6</sup></div> <div class="cards items-stretch flex pc:mt-[56rpx] mo:mt-[32rpx] pad:mt-[32rpx]"> <div class="card bg-[#000] flex-1 flex flex-col pc:px-[20rpx] pc:py-[20rpx] pc:rounded-[8rpx] mo:px-[16rpx] mo:py-[16rpx] mo:rounded-[4rpx] pad:px-[16rpx] pad:py-[16rpx] pad:rounded-[4rpx]"> <div class="text pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] pct:text-white pct:font-medium pct:opacity-[.95] mot:font-medium mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95]" textKey="1wonw" zn-text="">59.7fps</div> <div class="text pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.75] mot:font-medium mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.75] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="g9kwk" zn-text="">Genshin</div> </div> <div class="card bg-[#000] flex-1 flex flex-col pc:px-[20rpx] pc:py-[20rpx] pc:rounded-[8rpx] pc:ml-[8rpx] mo:px-[16rpx] mo:py-[16rpx] mo:rounded-[4rpx] mo:ml-[4rpx] pad:px-[16rpx] pad:py-[16rpx] pad:rounded-[4rpx] pad:ml-[4rpx]"> <div class="text pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] pct:text-white pct:font-medium pct:opacity-[.95] mot:font-medium mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95]" textKey="1xdhu" zn-text="">119.5fps</div> <div class="text pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.75] mot:font-medium mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.75] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="1q75d" zn-text="">PUBG </div> </div> </div> </div> <div class="image-wrapper flex-1 pc:relative pad:relative"><img class="object-cover absolute pc:w-[1285rpx] pc:h-[861rpx] pc:top-[calc(66%-430.5rpx)] pc:-left-258rpx mo:w-[573rpx] mo:h-[499rpx] mo:top-[-306.5rpx] mo:left-[-122rpx] pad:w-[739rpx] pad:h-[496rpx] pad:top-[11%] pad:left-[-54%]" alt="Ultra Gaming Experience" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-yk-konka-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-yk-konka-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-yk-konka-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-yk-konka-pad-1.jpg.avif"></div> </div> </div> <div class="row w-full bg-[#121212] flex items-center justify-center items-stretch pc:px-[64rpx] pc:py-[80rpx] mo:px-[16rpx] mo:py-[48rpx] mo:flex-col pad:px-[24rpx] pad:py-[80rpx]" data-gtm-view="Part34: Cooling System And Haptic Motor"> <div class="card flex-1 bg-[#000] flex overflow-hidden pc:rounded-[8rpx] pc:px-[32rpx] pc:py-[28rpx] pc:max-w-[651rpx] mo:rounded-[8rpx] mo:px-[16rpx] mo:py-[24rpx] mo:flex-col pad:rounded-[8rpx] pad:px-[16rpx] pad:py-[24rpx] pad:flex-col"> <div class="text-wrapper items-stretch flex-1 flex flex-col relative z-1 pc:justify-between"> <div class="text-top pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] pct:font-medium pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:font-medium mot:text-white mot:opacity-[.95] pc:pb-24rpx"> <h3 class="pc:w-[250rpx]" textKey="1ym1t" zn-text=""><span class="zn-text-inner" zn-text-inner="">Super Powerful Cooling System</span></h3> </div> <div class="text-bottom pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:w-[259rpx] mo:mt-[12rpx] pad:mt-[12rpx]"> <div class="text" textKey="182ql" zn-text=""><span class="zn-text-inner" zn-text-inner="">With high-performance graphite and a vast vapor chamber, the device stays remarkably cool even during intense gameplay.</span></div> </div> </div> <div class="image-wrapper relative pc:flex-1 pc:h-[334rpx] mo:w-[296rpx] mo:h-[266rpx] mo:mt-[12rpx] pad:w-[324px] pad:h-[294px] pad:mt-[12rpx]"><img class="object-cover absolute pc:w-[471rpx] pc:h-[395rpx] pc:-top-30rpx pc:-right-50rpx pc: mo:w-[447rpx] mo:h-[375rpx] mo:top-0 mo:-left-78rpx pad:w-[440rpx] pad:top-2rpx pad:-right-65rpx" alt="Super Powerful Cooling System" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-vc-konka-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-vc-konka-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-vc-konka-mo-1-90.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-vc-konka-pad-1.jpg.avif"></div> </div> <div class="card flex-1 bg-[#000] flex overflow-hidden pc:rounded-[8rpx] pc:max-w-[651rpx] pc:ml-[10rpx] mo:rounded-[8rpx] mo:px-[16rpx] mo:mt-[8rpx] mo:py-[24rpx] mo:flex-col pad:rounded-[8rpx] pad:px-[16rpx] pad:ml-[8rpx] pad:py-[24rpx] pad:flex-col"> <div class="text-wrapper items-stretch flex-1 flex flex-col relative z-1 pc:justify-between pc:pl-[32rpx] pc:py-[28rpx]"> <div class="text-top pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] pct:font-medium pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:font-medium mot:text-white mot:opacity-[.95]"> <h3 class="w-[200rpx]" textKey="77yll" zn-text=""><span class="zn-text-inner" zn-text-inner="">Haptic Motor</span></h3> </div> <div class="text-bottom pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:w-[259rpx] mo:mt-[12rpx] pad:mt-[12rpx]"> <div class="text" textKey="14e2j" zn-text=""><span class="zn-text-inner" zn-text-inner="">Crisp and immersive haptic feedback, simulating real combat reactions.</span></div> </div> </div> <div class="image-wrapper relative pc:flex-1 pc:h-[334rpx] mo:w-[296rpx] mo:h-[269rpx] mo:mt-[12rpx] pad:w-[324rpx] pad:h-[294rpx] pad:mt-[12rpx]"><img class="object-cover absolute pc:w-[410rpx] pc:h-[390rpx] pc:top-[0] pc:right-[0] mo:w-[343rpx] mo:h-[264rpx] mo:top-[30rpx] mo:right-[-8rpx] pad:w-[330rpx] pad:h-[271rpx] pad:right-[10rpx] pad:top-[11rpx]" alt="Haptic Motor" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-motor-konka-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-motor-konka-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-motor-konka-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-motor-konka-pad-1.jpg.avif"></div> </div> </div> <div class="relative h-0"> <div class="w-full h-0 absolute" id="anchor-battery"></div> </div> <div class="row w-full min-h-[720rpx] flex items-stretch justify-center mo:flex-col" data-gtm-view="Part35: Silicon-Carbon Battery"> <div class="image-wrapper bg-[#000] relative overflow-hidden pc:flex-1 mo:h-[404rpx] pad:flex-1" ani-picture-scale=""><img class="image-subject object-cover absolute pc:w-[722rpx] pc:h-[981rpx] pc:top-67rpx pc:right-68rpx mo:w-355rpx mo:h-404rpx mo:top-[5%] mo:left-[-4%] mo:origin-center pad:w-341rpx pad:h-625rpx pad:top-[calc(50%-312.5rpx)] pad:left-[calc(50%-170.5rpx)]" alt="Loooong Battery Life" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-battery-konka-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-battery-konka-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-battery-konka-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-battery-konka-pad-1.jpg.avif"><img class="mask w-full absolute left-0 bottom-0 pc:h-[100rpx] mo:h-[40rpx] pad:bottom-[9%]" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-black-gradient-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-black-gradient-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-black-gradient-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-black-gradient-1.png.avif"></div> <div class="text-wrapper flex-1 bg-[#201F1C] flex flex-col justify-between border-box mo:pt-[32rpx] mo:pb-[64rpx] mo:px-[16rpx]"> <div class="text-top pc:max-w-[592rpx] pc:ml-[64rpx] pc:mt-[69rpx] mo:pb-[24rpx] pad:mx-[24rpx] pad:mt-[48rpx] pad:pb-[48rpx]"> <h3 class="pct:text-[20px] pct:leading-[28px] pct:tracking-[0.5px] pct:font-medium pct:text-white pct:opacity-[.55] mot:text-[15px] mot:leading-[24px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.55] mot:font-medium" textKey="1o3xa19" zn-text=""><span class="zn-text-inner" zn-text-inner="">Long Battery Life</span></h3> <div class="text pct:text-[48px] pct:leading-[60px] pct:tracking-[2%] pct:font-medium pct:text-white pct:opacity-[.95] mot:text-[30px] mot:leading-[38px] mot:tracking-[0.5px] mot:font-medium mot:text-white mot:opacity-[.95] pc:mt-[12rpx] pad:mt-[4rpx]" textKey="1sfq7" zn-text=""><span class="zn-text-inner" zn-text-inner="">OPPO Silicon-carbon Battery</span></div> <div class="text pct:text-[18px] pct:leading-[26px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[16px] mot:leading-[24px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:mt-[24rpx] pc:mb-[24rpx] pad:mt-[18rpx]" textKey="1b0k2" zn-text="">Embrace unparalleled power and efficiency with our next-generation silicon-carbon anode technology, which significantly improves energy density. Now, Find X8 Pro packs both a massive battery capacity and exceptional resilience in low temperatures. Say goodbye to battery woes and get ready to power through your entire day!<sup class="hidden"> 7</sup></div> </div> <div class="text-bottom items-stretch flex flex-col pc:max-w-[592rpx] pc:ml-[64rpx] pc:mb-[69rpx] pad:mx-[24rpx] pad:mb-[48rpx]"> <div class="cards flex items-stretch flex-1"> <div class="card flex-1 flex flex-col bg-[#000] pc:rounded-[8rpx] pc:px-[20rpx] pc:py-[20rpx] mo:rounded-[4rpx] mo:px-[16rpx] mo:py-[16rpx] pad:rounded-[4rpx] pad:px-[16rpx] pad:py-[16rpx]"> <div class="text pct:text-[24px] pct:leading-[32px] pct:font-medium pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.95]" textKey="8upfm" zn-text="">5910mAh<sup class="w-0">7</sup></div> <div class="text pct:text-[14px] pct:leading-[22px] pct:font-medium pct:tracking-[0.5px] pct:text-white pct:opacity-[.75] mot:text-[12px] mot:leading-[20px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.75] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="1200a" zn-text=""><span class="zn-text-inner" zn-text-inner="">Typical Capacity</span></div> </div> <div class="card flex-1 flex flex-col bg-[#000] pc:rounded-[8rpx] pc:px-[20rpx] pc:py-[20rpx] pc:ml-[8rpx] mo:rounded-[4rpx] mo:px-[16rpx] mo:py-[16rpx] mo:ml-[4rpx] pad:rounded-[4rpx] pad:px-[16rpx] pad:py-[16rpx] pad:ml-[4rpx]"> <div class="text pct:text-[24px] pct:leading-[32px] pct:font-medium pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.95]" textKey="o74h3" zn-text="">7.2h<sup>8</sup></div> <div class="text pct:text-[14px] pct:leading-[22px] pct:font-medium pct:tracking-[0.5px] pct:text-white pct:opacity-[.75] mot:text-[12px] mot:leading-[20px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.75] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="h8deg" zn-text="">Continuous Dolby Vision Recording</div> </div> </div> <div class="cards flex pc:mt-[8rpx] mo:flex-col mo:mt-[4rpx] pad:mt-[4rpx]"> <div class="card flex-1 flex flex-col bg-[#000] pc:rounded-[8rpx] pc:px-[20rpx] pc:py-[20rpx] pc: mo:rounded-[4rpx] mo:px-[16rpx] mo:py-[16rpx] mo: pad:rounded-[4rpx] pad:px-[16rpx] pad:py-[16rpx] pad:"> <div class="text pct:text-[24px] pct:leading-[32px] pct:font-medium pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.95]"><span textKey="o74jh" zn-text="">5.3h<sup>8</sup></span></div> <div class="text pct:text-[14px] pct:leading-[22px] pct:font-medium pct:tracking-[0.5px] pct:text-white pct:opacity-[.75] mot:text-[12px] mot:leading-[20px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.75] pc:mt-[8rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="1s19o" zn-text="">-20℃ Continuous Dolby Vision Recording<sup class="hidden">9</sup></div> </div> </div> </div> </div> </div> <div class="row w-full flex justify-center items-center bg-[#131312] pc:px-[64rpx] pc:py-[80rpx] mo:py-[64rpx] mo:px-[16rpx] pad:px-[24rpx] pad:py-[64rpx]" data-gtm-view="Part36: Charging And Magnetic Accessory"> <div class="cards w-full flex pc:w-[1312rpx] mo:w-[328rpx] mo:flex-col pad:w-[720rpx]"> <div class="card flex flex-col bg-[#201F1C] rounded-[8rpx] pc:px-[28rpx] pc:py-[28rpx] pc:w-[652rpx] pc:justify-between mo:pt-[20rpx] mo:pb-[16rpx] mo:px-[16rpx] pad:px-[16rpx] pad:pt-[29rpx] pad:pb-[25rpx] pad:w-[356rpx] pad:justify-between"> <div class="text-wrapper"> <h3> <div class="text pct:text-[32px] pct:leading-[40px] pct:font-medium pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity[.95]" textKey="u09jw" zn-text="">80W SUPERVOOC<sub class="pc:text-[10px] mo:text-[8px] pad:text-[8px]">TM</sub></div> <div class="text pct:text-[32px] pct:leading-[40px] pct:font-medium pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity[.95]" textKey="sx59e" zn-text=""> 50W AIRVOOC<sub class="text-[10px] mo:text-[8px] pad:text-[8px]">TM</sub></div> </h3> <div class="text pct:text-[18px] pct:leading-[26px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:mt-[16rpx] mo:mt-[12rpx] pad:mt-[12rpx]" textKey="kwt41" zn-text="">Embrace the future of charging with wired & wireless flash charging: effortlessly fast, effortlessly convenient.<sup class="w-0 inline-flex"> 9 </sup></div> </div> <div class="image-wrapper pc:w-[596rpx] pc:h-[358rpx] pc:mt-[32rpx] mo:w-[296rpx] mo:h-[222rpx] mo:mt-[16rpx] pad:w-[324rpx] pad:h-[244rpx] pad:mt-[16rpx]"><img class="w-full h-full object-cover" alt="80W SUPERVOOC 50W AIRVOOC" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-charging-konka-white-pc-1-90.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-charging-konka-white-pc-d7111-90.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-charging-konka-white-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-charging-konka-white-pad-1-90.jpg.avif"></div> </div> <div class="card flex flex-col bg-[#201F1C] rounded-[8rpx] pc:px-[28rpx] pc:py-[28rpx] pc:w-[652rpx] pc:justify-between pc:ml-[8rpx] mo:pt-[20rpx] mo:pb-[16rpx] mo:px-[16rpx] mo:mt-[8rpx] pad:px-[16rpx] pad:pt-[29rpx] pad:pb-[25rpx] pad:w-[356rpx] pad:justify-between pad:ml-[8rpx]"> <div class="text-wrapper"> <h3 class="pct:text-[32px] pct:leading-[40px] pct:font-medium pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity[.95]" textKey="magdu" zn-text=""><span class="zn-text-inner" zn-text-inner="">OPPO Mag</span></h3> <div class="text pct:text-[18px] pct:leading-[26px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:mt-[16rpx] mo:mt-[12rpx] pad:mt-[12rpx]" textKey="1h7hc" zn-text=""><span class="zn-text-inner" zn-text-inner="">Click to Connect. A wide range of magnetic accessory options and magnetic cases are provided to support one click to charge, making life easier and more free flowing.</span></div> </div> <div class="image-wrapper relative flex flex-col items-center justify-end overflow-hidden pc:w-[596rpx] pc:h-[358rpx] pc:mt-[32rpx] mo:w-[296rpx] mo:h-[222rpx] mo:mt-[16rpx] pad:w-[324rpx] pad:h-[244rpx] pad:mt-[16rpx]"><img class="abs-0 w-full h-full object-cover" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-mag-bg-konka-white-pc-1-90.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-mag-bg-konka-white-pc-d7111-90.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-mag-bg-konka-white-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-mag-bg-konka-white-pad-1.jpg.avif"><img class="object-cover relative z-1 pc:w-[467rpx] pc:h-[288rpx] mo:w-[271rpx] mo:h-[168rpx] pad:w-[296rpx] pad:h-[183rpx] pad:mt-[4rpx]" alt="OPPO Mag" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-mag-case-konka-white-pc-1-90.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-mag-case-konka-white-pc-d7111-90.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-mag-case-konka-white-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-performance-mag-case-konka-white-pad-1.png.avif"> <div class="remark relative z-1 pct:text-[12px] pct:leading-[16px] pct:text-white pct:opacity-[.8] pct:tracking-[0.5px] mot:text-[11px] mot:leading-[16px] mot:text-white mot:opacity-[.6] mot:tracking-[0.5px] pc:mt-[7rpx] pc:mb-[16rpx] pc:mx-[16rpx] mo:mb-[7rpx] mo:ml-[10rpx] mo:mr-[17rpx] pad:mt-[3rpx] pad:mb-[10rpx] pad:ml-[10rpx] pad:mr-[14rpx]" textKey="ek6cv" zn-text=""><sup>*</sup>The magnetic feature requires a magnetic phone case. Accessories need to be purchased separately.</div> </div> </div> </div> </div> <div class="w-full" id="section-connected"> <div class="topic w-full flex flex-col items-center justify-center pc:h-[516rpx] mo:h-[384rpx] pad:h-[272rpx]" data-gtm-view="Part37: Stay Connected" style="background: linear-gradient(to bottom, #131312, #000000);"> <h2 class="mx-auto text-center pct:text-[68px] pct:leading-[80px] pct:text-white pct:opacity-[.95] pct:font-medium mot:text-[48px] mot:leading-[56px] mot:text-white mot:opacity-[.95] mot:font-medium" ani-section-title="" textKey="127vg" zn-text="">Stay <br class="mo-only">Connected <br class="mo-only">Where <br class="mo-hidden">Others <br class="mo-only">Fail</h2> </div> <div class="row overflow-hidden w-full bg-[#000] flex flex-col justify-center items-center relative pc:pt-[266rpx] pc:px-[64rpx] pc:pb-[80rpx] mo:pt-[54rpx] mo:pb-[64rpx] mo:px-[16rpx] pad:pt-[135rpx] pad:pb-[64rpx] pad:px-[24rpx]" data-gtm-view="Part38: AI Linkboost" image-fade-in=""> <div class="images-wrapper absolute top-0 z-[-1] pc:w-[1440rpx] pc:h-[810rpx] mo:w-[360rpx] mo:h-[157rpx] pad:w-[768rpx] pad:h-[298rpx]"><img class="bg object-cover w-full h-full" alt="LinkBoost" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-bg-konka-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-bg-konka-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-bg-konka-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-bg-konka-pad-1.jpg.avif"></div> <h3 class="pct:text-[48px] pct:leading-[60px] pct:tracking-[2%] pct:text-center pct:fong-medium pct:text-white pct:opacity-[.95] mot:text-[30px] mot:leading-[38px] mot:tracking-[0.5px] mot:font-medium mot:text-center mot:text-white mot:opacity-[.95]" textKey="blz9e" zn-text="">LinkBoost</h3> <div class="cards flex relative pc:w-[1312rpx] pc:min-h-[324rpx] pc:mt-[80rpx] mo:flex-col mo:w-[328rpx] mo:mt-[48rpx] pad:flex-col pad:w-[720rpx] pad:mt-[64rpx]"> <div class="card bg-[#201F1C] flex flex-col justify-between pc:py-[20rpx] pc:px-[28rpx] pc:rounded-[8rpx] pc:w-[432rpx] mo:flex-1 mo:px-[16px] mo:pt-[20rpx] mo:pb-[16rpx] mo:rounded-[4rpx] pad:flex-1 pad:pt-[20rpx] pad:pb-[16rpx] pad:px-[16rpx] pad:rounded-[4rpx]"> <div class="text-wrapper"> <h4 class="pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] pct:font-medium pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:font-medium mot:text-white mot:opacity-[.95]" textKey="jecz1" zn-text=""><span class="zn-text-inner" zn-text-inner="">360° Surround Antenna</span></h4> <div class="text pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:mt-[8rpx] pc:pb-[24rpx] mo:mt-[8rpx] pad:mt-[8rpx]" textKey="1hvj8" zn-text=""><span class="zn-text-inner" zn-text-inner="">Strong signal transmission and reception to eliminate dead zones. Reliable connectivity even in areas with weak signal strength.</span></div> </div> <div class="image-wrapper pc:w-48rpx pc:h-48rpx mo:w-[40rpx] mo:h-[40rpx] mo:mt-[24rpx] pad:w-[40rpx] pad:h-[40rpx] pad:mt-[24rpx]"><img class="w-full h-full" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-one-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-one-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-mo-one-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-one-1.png.avif"></div> </div> <div class="card bg-[#201F1C] flex flex-col justify-between pc:py-[20rpx] pc:px-[28rpx] pc:rounded-[8rpx] pc:w-[432rpx] pc:ml-[8rpx] mo:flex-1 mo:px-[16px] mo:pt-[20rpx] mo:pb-[16rpx] mo:rounded-[4rpx] mo:mt-[8rpx] pad:flex-1 pad:pt-[20rpx] pad:pb-[16rpx] pad:px-[16rpx] pad:rounded-[4rpx] pad:mt-[8rpx]"> <div class="text-wrapper"> <h4 class="pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] pct:font-medium pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:font-medium mot:text-white mot:opacity-[.95]">Exclusive Triple-Antenna <nobr textKey="1qz32" zn-text="">Wi-Fi</nobr> System </h4> <div class="text pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:mt-[8rpx] pc:pb-[24rpx] mo:mt-[8rpx] pad:mt-[8rpx]" textKey="jlwuz" zn-text=""><span class="zn-text-inner" zn-text-inner="">Whether you're clutching the phone in landscape mode or firing away in portrait, the antennas dynamically adjust to ensure a rock-solid connection, eliminating lag and empowering you to dominate the virtual battlefield.</span></div> </div> <div class="image-wrapper pc:w-48rpx pc:h-48rpx mo:w-[40rpx] mo:h-[40rpx] mo:mt-[24rpx] pad:w-[40rpx] pad:h-[40rpx] pad:mt-[24rpx]"><img class="w-full h-full" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-two-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-two-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-mo-two-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-two-1.png.avif"></div> </div> <div class="card bg-[#201F1C] flex flex-col justify-between pc:py-[20rpx] pc:px-[28rpx] pc:rounded-[8rpx] pc:w-[432rpx] pc:ml-[8rpx] mo:flex-1 mo:px-[16px] mo:pt-[20rpx] mo:pb-[16rpx] mo:rounded-[4rpx] mo:mt-[8rpx] pad:flex-1 pad:pt-[20rpx] pad:pb-[16rpx] pad:px-[16rpx] pad:rounded-[4rpx] pad:mt-[8rpx]"> <div class="text-wrapper"> <h4 class="pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] pct:font-medium pct:text-white pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:font-medium mot:text-white mot:opacity-[.95]" textKey="1p00d" zn-text=""><span class="zn-text-inner" zn-text-inner="">Network Acceleration at Concerts</span></h4> <div class="text pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:mt-[8rpx] pc:pb-[24rpx] mo:mt-[8rpx] pad:mt-[8rpx]" textKey="f8nra" zn-text=""><span class="zn-text-inner" zn-text-inner="">Share every magic moment as it happens at crowded concerts! Intelligently selecting the best network at crowded concerts and stay connected.</span></div> </div> <div class="image-wrapper pc:w-48rpx pc:h-48rpx mo:w-[40rpx] mo:h-[40rpx] mo:mt-[24rpx] pad:w-[40rpx] pad:h-[40rpx] pad:mt-[24rpx]"><img class="w-full h-full" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-three-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-three-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-mo-three-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-union-three-1.png.avif"></div> </div> </div> </div> <div class="card w-full overflow-hidden bg-[#000] flex justify-center items-center relative z-1 pc:py-[80rpx] pc:px-[64rpx] mo:px-[16rpx] mo:pb-[64rpx] pad:pb-[64rpx] pad:px-[24rpx]" data-gtm-view="Part39: Touch To Share"> <div class="content bg-[#131313] overflow-hidden rounded-[8rpx] pc:w-[1312rpx] pc:h-[660rpx] pc:py-[40rpx] mo:w-[328rpx] mo:h-[470rpx] mo:py-[32rpx] pad:flex-1 pad:h-[480rpx] pad:py-[24rpx]"> <div class="text-wrapper relative z-1 pc:ml-[64rpx] mo:mx-[16rpx] pad:mx-[32rpx]"> <h3 class="pct:text-[20px] pct:font-medium pct:leading-[28px] pct:tracking-[0.5px] pct:text-white pct:opacity-[.55] mot:text-[16px] mot:leading-[24px] mot:font-mdeium mot:tracking-[0.5px] mot:text-white mot:opacity-[.55]" textKey="1axsk" zn-text=""><span class="zn-text-inner" zn-text-inner="">Touch to Share</span></h3> <div class="text pct:text-[48px] pct:font-medium pct:leading-[60px] pct:text-white pct:opacity-[.95] mot:text-[30px] mot:leading-[38px] mot:font-medium mot: mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:mt-[12rpx] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="14mna" zn-text=""><span class="zn-text-inner" zn-text-inner="">First Handshake between Two Worlds</span></div> <div class="text pct:text-[18px] pct:leading-[26px] pct:text-white pct:opacity-[.95] pct:tracking-[0.5px] mot:text-[16px] mot:leading-[24px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] pc:w-[800rpx] pc:mt-[24rpx] mo:mt-[18rpx] pad:mt-[18rpx]" textKey="cwhih" zn-text="">Easily connect with iPhone with a gentle tap, and share photos, videos, files, and even live photos effortlessly.</div> </div> <div class="images-wrapper relative pc:w-full pc:h-[404rpx] mo:w-full mo:h-[213rpx] pad:w-full pad:h-[300rpx]" data-comp-parallax=""><img class="absolute pc:w-[1312rpx] pc:h-[430rpx] pc:top-[calc(50%-215rpx)] pc:left-0 mo:w-[328rpx] mo:h-[150rpx] mo:left-0 mo:top-[calc(50%-75rpx)] pad:w-720rpx pad:h-300rpx pad:left-0 pad:-bottom-12rpx" alt="Touch to Share" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-transmission-konka-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-transmission-konka-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-transmission-konka-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-transmission-konka-pad-1.jpg.avif"></div> </div> </div> <div class="row pc-hidden w-full flex overflow-hidden bg-[#201F1C] mo:flex-col pad:min-h-[576rpx]" data-gtm-view="Part40: Armour Shield"> <div class="image-wrapper relative overflow-hidden mo:w-full mo:h-[404rpx] pad:flex-1" ani-picture-scale=""><img class="bg hiddenw-full h-full" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-plain-color-yala-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-plain-color-yala-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-plain-color-yala-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-plain-color-yala-1.jpg.avif"><img class="image-subject object-cover absolute mo:w-417rpx mo:h-562rpx mo:top-[calc(53%-281rpx)] mo:left-[calc(47%-208.5rpx)] pad:w-538rpx pad:h-662rpx pad:top-[calc(50%-322rpx)] pad:left-[calc(49%-269rpx)]" alt="Armour Shield" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-waterproof-konka-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-waterproof-konka-pad-1-100.jpg.avif?v=1731920220000"></div> <div class="text-wrapper mo:pb-[64rpx] mo:pt-[32rpx] mo:px-[16rpx] pad:flex-1 pad:py-[48rpx] pad:flex pad:flex-col pad:justify-between"> <div class="text-top mo:mb-[32rpx] pad:mx-[24rpx] pad:mb-[24rpx]"> <h3 class="mot:text-[16px] mot:leading-[24px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.55]" textKey="le7es" zn-text=""><span class="zn-text-inner" zn-text-inner="">Armour Shield</span></h3> <div class="text mot:text-[30px] mot:leading-[38px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="texao" zn-text=""><span class="zn-text-inner" zn-text-inner="">Live Wild, Worry Free</span></div> <div class="text mot:text-[16px] mot:leading-[24px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] mo:mt-[18rpx] pad:mt-[18rpx]" textKey="1ix6j" zn-text="">High-strength Corning® Gorilla® Glass 7i, combined with IP68 & IP69 water and dust resistance, gives you more confidence in daily use, and a Splash Touch algorithm ensures precise touch control even when your hands and the display are wet.<sup class="w-0"> 10</sup></div> </div> <div class="text-bottom flex flex-col pad:mx-[24rpx]"> <div class="cards w-full flex"> <div class="card flex flex-col justify-center bg-[#000] rounded-[4rpx] px-[16rpx] py-[16rpx] flex-1 min-h-84rpx"> <div class="text mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:text-white mot:font-medium mot:opacity-[.95]" textKey="1g2yz" zn-text=""><span class="whitespace-nowrap">IP68</span> & <span class="whitespace-nowrap">IP69</span></div> </div> <div class="card flex-1 rounded-[4rpx] px-[16rpx] py-[16rpx] min-h-84rpx flex flex-col justify-center bg-[#000] mo:ml-[4rpx] pad:ml-[4rpx]"> <div class="text mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:text-white mot:font-medium mot:opacity-[.95]" textKey="1yult" zn-text=""><span class="whitespace-nowrap">Splash</span> <span class="whitespace-nowrap">Touch</span></div> </div> </div> </div> </div> </div> <div class="row pc-hidden w-full flex overflow-hidden bg-[#201F1C] mo:flex-col pad:min-h-[576rpx]" data-gtm-view="Part41: 120Hz ProXDR Display"> <div class="text-wrapper mo:pb-[64rpx] mo:pt-[32rpx] mo:px-[16rpx] mo:order-2 pad:flex-1 pad:py-[48rpx] pad:flex pad:flex-col pad:justify-between"> <div class="text-top mo:mb-[32rpx] pad:mx-[24rpx] pad:mb-[48rpx]"> <h3 class="mot:text-[16px] mot:leading-[24px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.55]" textKey="llfmh" zn-text=""><span class="zn-text-inner" zn-text-inner="">120Hz ProXDR Display</span></h3> <div class="text mot:text-[30px] mot:leading-[38px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="4us2w" zn-text=""><span class="zn-text-inner" zn-text-inner="">Exceptional Brightness, Seamless Fluidity</span></div> <div class="text mot:text-[16px] mot:leading-[24px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] mo:mt-[18rpx] pad:mt-[18rpx]" textKey="ow2gk" zn-text="">4500nits ultra-high brightness lets you see clearly, even under the sun, whilst up to 120Hz intelligent refresh rate provides silky smooth control. <sup>11</sup></div> </div> <div class="text-bottom flex flex-col pad:mx-[24rpx]"> <div class="cards w-full flex"> <div class="card flex flex-col justify-start bg-[#000] rounded-[4rpx] px-[16rpx] py-[16rpx] mo:w-[160rpx] pad:flex-1"> <div class="text mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:text-white mot:font-medium mot:opacity-[.95]" textKey="1mbwv" zn-text="">4500nits</div> <div class="text mt-[4rpx] mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] mot:text-white mot:font-medium mot:opacity-[.75]" textKey="8sivc" zn-text=""><span class="zn-text-inner" zn-text-inner="">Peak Brightness</span></div> </div> <div class="card flex-1 rounded-[4rpx] px-[16rpx] py-[16rpx] flex flex-col justify-start bg-[#000] ml-[4rpx]"> <div class="text mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:text-white mot:font-medium mot:opacity-[.95]" textKey="nsyjm" zn-text="">1-120Hz</div> <div class="text mt-[4rpx] mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] mot:text-white mot:font-medium mot:opacity-[.75]" textKey="4thxz" zn-text="">Dynamic Refresh Rate</div> </div> </div> <div class="cards w-full flex mt-[4rpx]"> <div class="card flex flex-col justify-start bg-[#000] rounded-[4rpx] px-[16rpx] py-[16rpx] mo:w-[160rpx] pad:flex-1"> <div class="text whitespace-nowrap mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:text-white mot:font-medium mot:opacity-[.95]" textKey="1f2nw" zn-text="">2780 x 1264</div> <div class="text mt-[4rpx] mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] mot:text-white mot:font-medium mot:opacity-[.75]" textKey="2r6np" zn-text=""><span class="zn-text-inner" zn-text-inner="">Resolution</span></div> </div> <div class="card flex-1 rounded-[4rpx] px-[16rpx] py-[16rpx] flex justify-start items-center bg-[#000] ml-[4rpx]"> <div class="image-wrapper"><img data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-DLB-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-DLB-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-DLB-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-DLB-1.png.avif" class="mo:w-[104.5rpx] pad:w-[97rpx]"></div> </div> </div> </div> </div> <div class="image-wrapper relative overflow-hidden bg-[#000] mo:w-full mo:h-[404rpx] mo:order-1 pad:flex-1" ani-picture-scale=""><img class="image-subject object-cover absolute mo:w-213rpx mo:mx-auto mo:h-520rpx mo:top-[calc(87%-317rpx)] mo:left-[calc(50%-106.5rpx)] mo: pad:w-255rpx pad:h-626rpx pad:bottom-[-17%] pad:left-[calc(54%-148.5rpx)]" style="transform-origin: 50% 20%" alt="120Hz ProXDR Display" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-brightness-konka-white-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-brightness-konka-white-pad-1.png.avif"></div> </div> <div class="row pc-hidden w-full flex overflow-hidden bg-[#201F1C] relative mt-[-1px] mo:flex-col pad:min-h-[576rpx]" data-gtm-view="Part42: Adaptive Eye Care"> <div class="image-wrapper relative overflow-hidden mo:w-full mo:h-[404rpx] pad:flex-1" ani-picture-scale=""><img class="image-subject object-cover absolute mo:w-546rpx mo:h-410rpx mo:top-[calc(50%-205rpx)] mo:left-[calc(50%-273rpx)] pad:w-794rpx pad:h-596rpx pad:top-[calc(52%-298rpx)] pad:left-[calc(50%-397rpx)]" alt="Adaptive Eye Care" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-eye-konka-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-eye-konka-pad-1.jpg.avif"></div> <div class="text-wrapper mo:pb-[64rpx] mo:pt-[32rpx] mo:px-[16rpx] pad:flex-1 pad:py-[48rpx] pad:flex pad:flex-col pad:justify-between"> <div class="text-top mo:mb-[32rpx] pad:mx-[24rpx] pad:mb-[24rpx]"> <h3 class="mot:text-[16px] mot:leading-[24px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.55]" textKey="rv5ad" zn-text=""><span class="zn-text-inner" zn-text-inner="">Adaptive Eye Care</span></h3> <div class="text mot:text-[30px] mot:leading-[38px] mot:font-medium mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] mo:mt-[4rpx] pad:mt-[4rpx]" textKey="19sj4" zn-text=""><span class="zn-text-inner" zn-text-inner="">Comfort and Care, Certified</span></div> <div class="text mot:text-[16px] mot:leading-[24px] mot:tracking-[0.5px] mot:text-white mot:opacity-[.95] mo:mt-[18rpx] pad:mt-[18rpx]" textKey="nm98o" zn-text=""><span class="zn-text-inner" zn-text-inner="">Eye care just got an upgrade, with less blue light, less screen flickering, and more comfortable colour temperature and brightness, all endorsed by a TÜV Rheinland Eye Comfort 4.0 certification.</span></div> </div> <div class="text-bottom flex flex-col pad:mx-[24rpx]"> <div class="cards w-full flex"> <div class="card flex flex-col justify-start bg-[#000] rounded-[4rpx] px-[16rpx] py-[16rpx] flex-1"> <div class="text mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:text-white mot:font-medium mot:opacity-[.95]" textKey="s9hp5" zn-text="">2160Hz</div> <div class="text mt-[4rpx] mot:text-[12px] mot:leading-[20px] mot:tracking-[0.5px] mot:text-white mot:font-medium mot:opacity-[.75]" textKey="1b0uq" zn-text="">PWM Dimming<sup>12</sup></div> </div> <div class="card flex flex-col justify-start bg-[#000] rounded-[4rpx] px-[16rpx] py-[16rpx] flex-1 ml-[4rpx]"><img class="object-cover w-[85.4px] h-[54px]" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-tuv-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-tuv-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-tuv-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-tuv-1.png.avif"></div> </div> </div> </div> </div> </div> <div class="pc-only w-full bg-[#000]" id="section-card-deff" ani-card-diff=""> <div class="sticky-wrapper w-full"> <div class="sticky top-0 w-full h-[100vh] overflow-hidden bg-[#f6f6f6]"> <div class="card-item w-full h-[100vh] max-h-1080px min-h-720rpx flex" data-gtm-view="Part40: Armour Shield"> <div class="picture-container flex-1 h-full relative overflow-hidden"> <div class="w-full h-full"><img class="bg w-full h-full object-cover hidden" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-bg-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-bg-d7111.jpg.avif"><img class="image-wrapper absolute bottom-0 w-full h-full object-cover" alt="Armour Shield" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-left-konka-1-85.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-left-konka-d7111-85.jpg.avif"></div> </div> <div class="content-container flex-1 h-full py-[64rpx] flex flex-col justify-between items-start bg-[#201F1C]"> <div class="sup w-[592rpx] flex flex-col mx-[64rpx] mb-[24rpx]"> <h3 class="items-stretch pct:text-20px pct:leading-[1.4] pct:text-white pct:tracking-[0.5px] pct:opacity-[0.55] pct:font-medium" textKey="le7es0" zn-text=""><span class="zn-text-inner" zn-text-inner="">Armour Shield</span></h3> <p class="items-stretch mt-[12rpx] pct:text-48px pct:leading-[1.25] pct:text-white pct:opacity-[0.95] pct:font-medium" textKey="texaoy" zn-text=""><span class="zn-text-inner" zn-text-inner="">Live Wild, Worry Free</span></p> <p class="items-stretch mt-[24rpx] pct:text-18px pct:leading-[1.44] pct:text-white pct:opacity-[0.95]">High-strength Corning® Gorilla® Glass 7i, combined with IP68 & IP69 water and dust resistance, gives you more confidence in daily use, and a Splash Touch algorithm ensures precise touch control even when your hands and <nobr textKey="1tdbt" zn-text="">the display are wet. <sup class="w-0">10</sup></nobr> </p> </div> <div class="down w-[592rpx] flex flex-col mx-[64rpx]"> <div class="row w-full flex"> <div class="block flex-1 min-w-[175rpx] bg-[#000] rounded-[8rpx] px-[20rpx] py-[35rpx] justify-center flex flex-col"> <p class="flex flex-wrap pct:text-[24px] pct:leading-[1.33] pct:tracking-[0.5px] pct:text-white pct:opacity-[0.95] pct:font-medium" textKey="qkri8" zn-text=""><span>IP68</span> & <span>IP69</span></p> </div> <div class="block flex-1 min-w-[193rpx] bg-[#000] rounded-[8rpx] px-[20rpx] py-[35rpx] flex flex-col justify-center ml-[8rpx]"> <p class="pct:text-[24px] pct:leading-[1.33] pct:tracking-[0.5px] pct:text-white pct:opacity-[0.95] pct:font-medium" textKey="qqh8y" zn-text=""><span class="zn-text-inner" zn-text-inner="">Splash Touch</span></p> </div> </div> </div> </div> </div> <div class="card-item w-full h-[100vh] max-h-1080px min-h-720rpx flex bg-[#201F1C]" data-gtm-view="Part41: 120Hz ProXDR Display"> <div class="content-container flex-1 h-full py-[64rpx] flex flex-col justify-between items-end bg-[#201F1C]"> <div class="sup w-[592rpx] flex flex-col mx-[64rpx] mb-[24rpx]"> <h3 class="items-stretch pct:text-20px pct:leading-[1.4] pct:text-white pct:tracking-[0.5px] pct:opacity-[0.55] pct:font-medium" textKey="llfmh1" zn-text=""><span class="zn-text-inner" zn-text-inner="">120Hz ProXDR Display</span></h3> <p class="items-stretch mt-[12rpx] pct:text-48px pct:leading-[1.25] pct:text-white pct:opacity-[0.95] pct:font-medium" textKey="4us2wn" zn-text=""><span class="zn-text-inner" zn-text-inner="">Exceptional Brightness, Seamless Fluidity</span></p> <p class="items-stretch mt-[24rpx] pct:text-18px pct:leading-[1.44] pct:text-white pct:opacity-[0.95] pct:tracking-[0.5px]" textKey="ow2gkj" zn-text="">4500nits ultra-high brightness lets you see clearly, even under the sun, whilst up to 120Hz intelligent refresh rate provides silky smooth control. <sup>11</sup></p> </div> <div class="down w-[592rpx] flex flex-col mx-[64rpx]"> <div class="row w-full flex"> <div class="block flex-1 bg-[#000] rounded-[8rpx] px-[20rpx] py-[20rpx] flex flex-col"> <p class="pct:text-[24px] pct:leading-[1.5] pct:tracking-[0.5px] pct:text-white pct:opacity-[0.95] pct:font-medium" textKey="1mbwv7" zn-text="">4500nits</p> <p class="pct:text-[14px] pct:leading-[1.57] pct:text-white pct:opacity-[0.75] pct:mt-[8rpx] pct:tracking-[0.5px] pct:font-medium" textKey="8sivcx" zn-text=""><span class="zn-text-inner" zn-text-inner="">Peak Brightness</span></p> </div> <div class="block flex-1 bg-[#000] rounded-[8rpx] px-[20rpx] py-[20rpx] flex flex-col ml-[8rpx]"> <p class="pct:text-[24px] pct:leading-[1.5] pct:tracking-[0.5px] pct:text-white pct:opacity-[0.95] pct:font-medium" textKey="nsyjms" zn-text="">1-120Hz</p> <p class="pct:text-[14px] pct:leading-[1.57] pct:text-white pct:opacity-[0.75] pct:mt-[8rpx] pct:tracking-[0.5px] pct:font-medium" textKey="4thxzh" zn-text="">Dynamic Refresh Rate</p> </div> </div> <div class="row w-full flex mt-[8rpx]"> <div class="block flex-1 bg-[#000] rounded-[8rpx] px-[20rpx] py-[20rpx] flex flex-col"> <p class="whitespace-nowrap pct:text-[24px] pct:leading-[1.5] pct:tracking-[0.5px] pct:text-white pct:opacity-[0.95] pct:font-medium" textKey="1f2nwj" zn-text="">2780 x 1264</p> <p class="pct:text-[14px] pct:leading-[1.57] pct:tracking-[0.5px] pct:text-white pct:opacity-[0.75] pct:mt-[8rpx] pct:font-medium" textKey="2r6npz" zn-text=""><span class="zn-text-inner" zn-text-inner="">Resolution</span></p> </div> <div class="block flex-1 bg-[#000] rounded-[8rpx] px-[20rpx] py-[20rpx] flex flex ml-[8rpx] items-center justify-start"> <div class="images-wrapper"><img class="w-[135rpx]" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-DLB-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-DLB-d7111.png.avif"></div> </div> </div> </div> </div> <div class="picture-container flex-1 h-full bg-[#121212] overflow-hidden"> <div class="image-wrapper min-w-[720rpx] max-w-[1280rpx] h-full bg-[#121212] relative"><img class="object-cover absolute left-[51.94%] transform translate-x-[-50%] h-[101.2%] bottom-[4%] translate-y-[22.45%]" alt="120Hz ProXDR Display" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-reise-phone-konka-white-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-reise-phone-konka-white-d7111.png.avif"></div> </div> </div> <div class="card-item w-full h-[100vh] mt-[-1px] max-h-1082px min-h-720rpx flex mt-[-1px]" data-gtm-view="Part42: Adaptive Eye Care"> <div class="picture-container flex-1 h-full overflow-hidden"> <div class="image-wrapper w-full h-full relative"><img class="h-full min-w-full object-cover absolute top-[0] mx-auto transform translate-x-[-47.03%] left-[49.17%]" alt="Adaptive Eye Care" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-eye-konka-1-90.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-card-deff-eye-konka-d7111-90.jpg.avif"></div> </div> <div class="content-container flex-1 h-full py-[64rpx] flex flex-col justify-between items-start bg-[#201F1C]"> <div class="sup w-[592rpx] flex flex-col mx-[64rpx] mb-24rpx"> <h3 class="items-stretch pct:text-20px pct:leading-[1.4] pct:text-white pct:tracking-[0.5px] pct:opacity-[0.55] pct:font-medium" textKey="rv5adb" zn-text=""><span class="zn-text-inner" zn-text-inner="">Adaptive Eye Care</span></h3> <p class="items-stretch mt-[12rpx] pct:text-48px pct:leading-[1.25] pct:text-white pct:opacity-[0.95] pct:font-medium" textKey="19sj4t" zn-text=""><span class="zn-text-inner" zn-text-inner="">Comfort and Care, Certified</span></p> <p class="items-stretch mt-[24rpx] pct:text-18px pct:leading-[1.44] pct:text-white pct:opacity-[0.95]" textKey="nm98o7" zn-text=""><span class="zn-text-inner" zn-text-inner="">Eye care just got an upgrade, with less blue light, less screen flickering, and more comfortable colour temperature and brightness, all endorsed by a TÜV Rheinland Eye Comfort 4.0 certification.</span></p> </div> <div class="down w-[592rpx] flex flex-col mx-[64rpx]"> <div class="row w-full flex"> <div class="block flex-1 bg-[#000] rounded-[8rpx] px-[20rpx] py-[20rpx] flex flex-col"> <p class="pct:text-[24px] pct:leading-[1.5] pct:tracking-[0.5px] pct:text-white pct:opacity-[0.95] pct:font-medium" textKey="s9hp5c" zn-text="">2160Hz</p> <p class="pct:text-[14px] pct:leading-[1.57] pct:tracking-[0.5px] pct:text-white pct:opacity-[0.75] pct:font-medium pct:mt-[8rpx]" textKey="1b0uqv" zn-text="">PWM Dimming<sup>12</sup></p> </div> <div class="block flex-1 ml-[8rpx] bg-[#000] rounded-[8rpx] px-[20rpx] py-[20rpx] flex flex-col justify-center items-satrt"> <div class="images-wrapper"><img class="h-[66px] object-cover" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-tuv-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-connected-tuv-d7111.png.avif"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full relative z-5 bg-[#F6F6F6] mb-[-1px] mo:overflow-hidden pad:overflow-hidden" id="section-system"> <div class="trinity inline-flex flex-col items-start justify-start w-full bg-[#F6F6F6] pc:transform pc:translate-y-[-2px] pc:relative pc:z-5" ani-system="" data-gtm-view="Part43: ColorOS15" data-gtm-scope="ColorOS15"> <div class="relative image-with-text flex flex-col items-center justify-center self-stretch items-center pc:px-64px pc:py-128rpx mo:px-64rpx mo:py-80px pad:px-64rpx pad:py-80px"> <div class="image-group flex flex-col items-center justify-start mx-auto flex-shrink-0 mo:h-104rpx mo:relative"><img class="image flex-shrink-0 object-cover relative pc:w-464rpx pc:h-132rpx mo:w-365.6rpx mo:h-104rpx mo:top-[calc(50%-52rpx)] mo:left-[calc(50%-182.8rpx)] mo:absolute pad:w-365.6rpx pad:h-104rpx" alt="ColorOS 15" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-logo-pc-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-logo-pc-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-logo-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-logo-pad-1.png.avif"></div><a class="link flex items-center justify-center mx-auto flex-shrink-0 bg-black rounded-full pc:h-44rpx pc:px-24rpx pc:py-11rpx pc:mt-32rpx mo:h-40px mo:px-20rpx mo:py-9px mo:mt-24px pad:h-40px pad:px-20rpx pad:py-9px pad:mt-24px" href="https://www.oppo.com/au/coloros15/"> <p class="text-center text-[#ffffff] pct:text-14px pct:font-medium pct:tracking-0.02em pct:leading-[1.57] mot:text-14px mot:font-medium mot:tracking-0.02em mot:leading-[1.57]" textKey="x0wh9" zn-text=""><span class="zn-text-inner" zn-text-inner="">Learn more</span></p></a> </div> </div> <div class="row w-full flex pc:pb-[80rpx] pc:px-[64rpx] pc:items-center pc:justify-center mo:pb-[64rpx] mo:px-[16rpx] pad:pb-[80rpx] pad:px-[24rpx]" data-gtm-view="Part44: More Function"> <div class="content flex items-stretch pc:w-[1312rpx] mo:flex-col pad:flex-col"> <div class="card flex flex-col overflow-hidden pc:w-[432rpx] pc:rounded-[8rpx] mo:w-[328rpx] mo:rounded-[4rpx] pad:w-[720rpx] pad:rounded-[4rpx]" system-video="" data-gtm-scope="More Function"> <div class="image-wrapper relative pc:w-[432rpx] pc:h-[404rpx] mo:w-[328rpx] mo:h-[280rpx] pad:w-[720rpx] pad:h-[350rpx]"> <div class="w-full h-full overflow"> <div class="video w-full h-full relative" data-src="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-system-one-yala_720.flv" data-src-ios="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-system-one-yala_720_ios.mp4" ani-video-wrapper=""> <canvas class="abs-0 w-full h-full object-cover z-1 pc:rounded-t-[8rpx] mo:rounded-t-[4rpx] pad:rounded-t-[4rpx]"></canvas> <video class="abs-0 w-full h-full object-cover z-1"></video><img class="abs-0 w-full h-full object-cover z-0" alt="Luminous Rendering Engine" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-system-one-yala_720_poster-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-system-one-yala_720_poster-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-system-one-yala_720_poster-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/videos-system-one-yala_720_poster-1.jpg.avif"> </div> </div> <div class="replay z-3 button inline-flex items-center justify-center flex-shrink-0 absolute bg-white bg-opacity-56 rounded-full pc:w-40rpx pc:h-40rpx pc:px-1rpx pc:py-1rpx pc:right-16rpx pc:bottom-16rpx mo:w-28rpx mo:h-28rpx mo:right-16rpx mo:bottom-16rpx pad:w-40rpx pad:h-40rpx pad:px-1rpx pad:py-1px pad:right-16rpx pad:bottom-16px"><img class="relative object-contain pc:w-21.3rpx pc:h-21.3rpx mo:w-[14.93rpx] mo:h-[14.93rpx] pad:w-[21rpx] pad:h-[21rpx]" data-src="//image.oppo.com/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-replay-1.svg"></div> </div> <div class="text-wrapper bg-[#fff] flex flex-col flex-1 pc:py-[20rpx] pc:px-[24rpx] mo:py-[20rpx] mo:px-[16rpx] pad:py-[20rpx] pad:px-[16rpx]"> <h3 class="pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] pct:font-medium pct:text-black pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:font-medium mot:text-black mot:opacity-[.95]" textKey="s9z4d" zn-text=""><span class="zn-text-inner" zn-text-inner="">Luminous Rendering Engine</span></h3> <div class="text mt-[12rpx] pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="1x2hr" zn-text="">The underlying Android animation logic is reconstructed to deliver more realistic animation effects - so smooth, so engaging.</div> </div> </div> <div class="cards flex items-stretch pc:ml-[8rpx] mo:flex-col mo:mt-[8rpx] pad:mt-[8rpx]"> <div class="card flex flex-col overflow-hidden pc:w-[432rpx] pc:rounded-[8rpx] mo:w-[328rpx] mo:rounded-[4rpx] pad:w-[356rpx] pad:rounded-[4rpx]"> <div class="image-wrapper pc:w-[432rpx] pc:h-[404rpx] mo:w-[328rpx] mo:h-[280rpx] pad:w-[356rpx] pad:h-[280rpx]"><img class="w-full h-full" alt="Flux Themes" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-two-konka-pc-1.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-two-konka-pc-d7111.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-two-konka-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-two-konka-pad-1.jpg.avif"></div> <div class="text-wrapper bg-[#fff] flex flex-col flex-1 pc:py-[20rpx] pc:px-[24rpx] mo:py-[20rpx] mo:px-[16rpx] pad:px-[16rpx] pad:py-[20rpx]"> <h3 class="pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] pct:font-medium pct:text-black pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:font-medium mot:text-black mot:opacity-[.95]" textKey="2bgbl" zn-text=""><span class="zn-text-inner" zn-text-inner="">Flux Themes</span></h3> <div class="text mt-[12rpx] pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="107ug" zn-text=""><span class="zn-text-inner" zn-text-inner="">A wealth of vibrant options, creating a visual experience uniquely your own.</span></div> </div> </div> <div class="card flex flex-col overflow-hidden pc:w-[432rpx] pc:rounded-[8rpx] pc:ml-[8rpx] mo:w-[328rpx] mo:rounded-[4rpx] mo:mt-[8rpx] pad:w-[356rpx] pad:rounded-[4rpx] pad:ml-[8rpx]"> <div class="image-wrapper pc:w-[432rpx] pc:h-[404rpx] mo:w-[328rpx] mo:h-[280rpx] pad:w-[356rpx] pad:h-[280rpx]"><img class="w-full h-full" alt="Aqua Dynamics" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-three-yala-pc-1-100.jpg.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-three-yala-pc-d7111-100.jpg.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-three-yala-mo-1.jpg.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-three-yala-pad-1-85.jpg.avif"></div> <div class="text-wrapper bg-[#fff] flex flex-col flex-1 pc:py-[20rpx] pc:px-[24rpx] mo:py-[20rpx] mo:px-[16rpx] pad:px-[16rpx] pad:py-[20rpx]"> <h3 class="pct:text-[24px] pct:leading-[32px] pct:tracking-[0.5px] pct:font-medium pct:text-black pct:opacity-[.95] mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:font-medium mot:text-black mot:opacity-[.95]" textKey="bk8dx" zn-text=""><span class="zn-text-inner" zn-text-inner="">Aqua Dynamics</span></h3> <div class="text mt-[12rpx] pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95]" textKey="1gmol" zn-text=""><span class="zn-text-inner" zn-text-inner="">Intuitive, beautiful, efficient, and comprehensive. All the key information, at a glance.</span></div> </div> </div> </div> </div> </div> <div class="card w-full flex justify-center items-center pc:px-[64rpx] pc:pb-[100rpx] mo:px-[16rpx] mo:pb-[80rpx] pad:px-[24rpx] pad:pb-[64rpx]" data-gtm-view="Part45: Theft Protection"> <div class="content bg-[#EBEBEB] flex overflow-hidden pc:w-[1312rpx] pc:h-[542rpx] pc:px-[32rpx] pc:rounded-[8rpx] mo:w-[328rpx] mo:px-[20rpx] mo:pt-[24rpx] mo:rounded-[4rpx] mo:flex-col pad:w-[720rpx] pad:h-[370rpx] pad:rounded-[4rpx] pad:px-[20rpx]"> <div class="text-wrapper items-stretch flex flex-col justify-between pc:my-[32rpx] pad:my-[24rpx]"> <h3 class="pct:text-[32px] pct:leading-[40px] pct:tracking-[0.5px] pct:font-medium pct:text-black mot:text-[20px] mot:leading-[28px] mot:tracking-[0.5px] mot:text-black pc:w-[556rpx] pad:w-[350rpx]" textKey="18vxn" zn-text="">Theft Protection</h3> <div class="text pct:text-[14px] pct:leading-[22px] pct:tracking-[0.5px] pct:text-black pct:opacity-[.95] mot:text-[14px] mot:leading-[22px] mot:tracking-[0.5px] mot:text-black mot:opacity-[.95] pc:w-[412rpx] mo:mt-[12rpx] pad:w-[344rpx]" textKey="lplz4" zn-text="">Intelligently recognize theft scenarios and automatically lock your phone to prevent privacy breaches. Remotely lock and wipe your user data even if it's turned off. <sup>13</sup></div> </div> <div class="image-wrapper relative pc:flex-1 mo:w-[288rpx] mo:h-[354rpx] mo:mt-[20rpx] pad:flex-1"><img class="absolute flex-shrink-0 bottom-0 object-cover pc:w-[348.4rpx] pc:h-[541rpx] pc:right-[190rpx] mo:w-[265rpx] mo:h-[361rpx] mo:left-[calc(50%-132.5rpx)] pad:w-[274rpx] pad:h-[370rpx] pad:right-[25rpx]" alt="Theft Protection" data-src-1440="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-four-konka-white-pc-1.png.avif" data-src-1024="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-four-konka-white-pc-d7111.png.avif" data-src-360="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-four-konka-white-mo-1.png.avif" data-src-650="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/assets/images-system-four-konka-white-pad-1.png.avif"></div> </div> </div> </div> <div class="w-full mt-[-1px]" id="section-remark"> <div class="text-wrapper inline-flex flex-col items-center justify-start w-full items-center bg-white"> <div class="self-stretch bg-white relative overflow-hidden flex justify-center pc:px-64px pc:py-128rpx mo:py-[64rpx] mo:px-[16rpx] pad:py-[64rpx] pad:px-[24rpx]"> <div class="mx-auto flex flex-col items-start justify-start pc:w-1312rpx mo:328rpx pad:w-[720rpx]"> <p class="text-[#000000] opacity-55 pct:text-14px pct:tracking-0.041em pct:leading-[22px] mot:text-12px mot:tracking-0.041em mot:leading-[20px] pc:font-medium pc:opacity-95" textKey="nva3c" zn-text=""><span class="zn-text-inner" zn-text-inner="">Remarks：</span></p> <p class="self-stretch text-[#000000] opacity-55 pct:text-12px pct:tracking-0.041em pct:leading-[1.67] mot:text-12px mot:tracking-0.041em mot:leading-[1.67] pc:mt-12px mo:mt-[8rpx] pad:mt-[8rpx]" textKey="3k0ry" zn-text="">1. This single-cell battery has a typical capacity of 5910mAh/22.88Wh and a rated capacity of 5770mAh/22.33Wh. The battery life data comes from the OPPO laboratory. Due to different testing environments and methods, the data may vary.<br>2. Data for weight, thickness, and camera bump height are from OPPO labs and may vary due to factors such as color options, testing conditions, measurement methods, and product craftsmanship. <br>3. For 10x to 60x zoom, AI algorithms enhance image resolution. For 60x to 120x zoom, on-device models reconstruct images at the pixel level, which can be turned off during shooting.<br>4. Tested in OPPO Lab. The continuous shooting speed may vary depending on phone load and environmental temperature.<br>5. Data is based on tests conducted in OPPO Labs comparing ColorOS 14.0. Actual experience may vary due to differences in software and hardware optimization, network conditions, and personal habits. Please refer to real-world usage. The Dimensity 9400 data is sourced from MediaTek's official website. The CPU improvement data refers to single-core CPU performance. <br>6. The data presented here is based on testing conducted in OPPO labs. Due to variations in testing environment, methods, memory specifications, software versions, and other conditions, the actual data may differ. The images are for illustrative purposes only. <br>7. 5910mAh is the typical value of battery capacity. The rated value of battery capacity is 5770mAh. All battery claims depend on network configuration and many other factors, actual results will vary. <br>8. Tested in the OPPO Lab at room temperature, with the phone recording 1080p 30fps Dolby Vison, switched to flight mode, GPS turned off, and the screen brightness set to 150nits.<br>9. When the input voltage is 200-240V, the maximum output power is 80W (50W Wireless charging). The maximum output power may not be 80W (50W Wireless charging) depending on different voltage input in different regions.<br>10. OPPO Find X8 Series supports IP68/IP69 waterproof and dustproof rating, which can prevent splashing, water, and dust in normal use. Under controlled laboratory conditions, it has been tested to meet the IP68/IP69 level according to GB/T 4208-2017 (China) / IEC 60529 (International) standards. The IP68/IP69 waterproof conditions are as follows: [IP68] The phone is submerged in still water at a depth of 1.5 meters for 30 minutes with a temperature difference of no more than 5℃ between the water and the product. [IP69] The device can also withstand continuous water jetting at 80±5℃ temperature and 15±1 L/min for 2 minutes (up to 30 seconds in each jet angle of 0º, 30º, 60º, and 90º). The splash-proof, waterproof, and dustproof functions may decrease due to daily wear and tear. Please do not charge the phone in a damp state. Damage caused by immersion in liquids is not covered by the warranty. <br>11. The default typical brightness is 800nits, the excitation maximum brightness is 1600nits, and the local peak brightness is 4500nits. The data presented here is based on testing conducted in OPPO labs. Due to factors such as test methods, usage environment, device condition, and software version, actual results may vary.<br>12. Find X8 Pro supports 2160Hz high-frequency PWM dimming when the screen brightness is below 70nits.<br>13. The theft detection lock feature ensures that the screen will lock if this setting detects that someone has taken your device and run away. For example, it can recognize a significant change in location and movement, triggering the lock screen. Actual detection results may vary by situation; this feature cannot guarantee 100% effectiveness, so users need to protect their belongings. Sensitive operations may include changing passwords, making payments, resetting the phone, and other scenarios requiring personal authentication. Users must enable this feature to utilize it.<br>* All the product pictures and featured effects are for reference only.<br>* Each function belongs to different software versions, and the release time and availability may vary by region.<br>* Please refer to the real product for actual functionality.<br>* The AI features described on the page may not be included in the software version at launch. In some countries and regions, these AI features will be updated via OTA. Please refer to the features in the actual version.<br>* An account login may be required to access certain OPPO AI features.<br>* OPPO AI features will vary due to regional laws and cloud-based capability of the user's location. You need an internet connection to use AI-related features.<br>* OPPO AI features displayed on the product pages in this website (including but not limited to UI and background) are only to demonstrate the functions. These functions are part of the various software versions and may vary according to the time and place (region) of launch of the different software versions. Please refer to the functions and pages in the actual version.<br>* Transfer between OPPO devices and iPhone/iPad requires the "O+ Connect" app, with software compatibility for ColorOS version 15.0 or later and iOS/iPadOS version 15.0 or later. Touch to Share function will be available via a future OTA and the release time may vary by region.<br class="hidden"><span class="hidden">* Illustration purpose only, the availibility of different models may vary by region.</span><br>* The UI is only for demonstration purposes, please refer to the UI design of actual product.</p> </div> </div> </div> </div> </div>   <script src="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/lazyload-v2.js"></script> <script defer src="/content/dam/oppo/product-asset-library/find/find-x8-series/en/oppo-find-x8-pro/white-apac/main-v11.js"></script> </div> </div> </div> </div> </div> </div> </section> <span> <section class="dark-theme"> <footer id="footer"> <section class="main"> <nav class="nav ft-body-3-1 bottom-line"> <dl> <dt class="ft-body-2-1">Smartphones</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self">OPPO Find X8 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N3" href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" target="_self">OPPO Find N3</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip" target="_self">OPPO Find N2 Flip</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self">OPPO Reno12 Pro 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" target="_self">OPPO Reno12 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno 11 F 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/" target="_self">OPPO Reno 11 F 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self">OPPO A80 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A98 5G" href="https://www.oppo.com/au/smartphones/series-a/a98-5g/" target="_self">OPPO A98 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A79 5G" href="https://www.oppo.com/au/smartphones/series-a/a79-5g/" target="_self">OPPO A79 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self">OPPO A60 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A60" href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self">OPPO A60</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A58" href="https://www.oppo.com/au/smartphones/series-a/a58/" target="_self">OPPO A58</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="See All Smartphones" href="https://www.oppo.com/au/smartphones/" target="_self">See All Smartphones</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">Tablet</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Tablet" tm-nav_name="OPPO Pad Neo" href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self">OPPO Pad Neo</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Tablet" tm-nav_name="OPPO Pad 2" href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self">OPPO Pad 2</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">IoT Products</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Buds2 Pro" href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self">OPPO Enco Buds2 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Air2 Pro" href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self">OPPO Enco Air2 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Air2" href="https://www.oppo.com/au/accessories/enco-air2/" target="_self">OPPO Enco Air2</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco X2" href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self">OPPO Enco X2</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco X" href="https://www.oppo.com/au/accessories/oppo-enco-x/" target="_self">OPPO Enco X</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">Support</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Contact Us" href="https://www.oppo.com/au/contact/" target="_self">Contact Us</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Service Centres & Reservation" href="https://support.oppo.com/au/service-center/" target="_self">Service Centres & Reservation</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Repair Service" href="https://support.oppocare.com.au/" target="_self">Repair Service</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Software Update" href="https://support.oppo.com/au/software-update/" target="_self">Software Update</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Warranty Check" href="https://support.oppo.com/au/warranty-check/" target="_self">Warranty Check</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Clone Phone" href="https://support.oppo.com/au/answer/?aid=neu159" target="_self">Clone Phone</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="HeyTap" href="https://support.oppo.com/au/answer/?aid=neu7838" target="_self">HeyTap</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="FAQ" href="https://support.oppo.com/au/answer/" target="_self">FAQ</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Security Response Centre" href="https://security.oppo.com" target="_blank">Security Response Centre</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Warranty Policy" href="https://support.oppo.com/au/warranty-policy/" target="_blank">Warranty Policy</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Online Safety Act" href="https://www.oppo.com/au/onlinesafety/" target="_blank">Online Safety Act</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">About OPPO</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Our Story" href="https://www.oppo.com/au/about/" target="_self">Our Story</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Technology" href="https://www.oppo.com/au/discover/technology/" target="_self">Technology</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Newsroom" href="https://www.oppo.com/au/newsroom/" target="_self">Newsroom</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Shop" href="https://www.oppostore.com.au/" target="_blank">Shop</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Imaging Technology" href="https://www.oppo.com/au/discover/technology/imaging/" target="_blank">Imaging Technology</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="OPPO 5G" href="https://www.oppo.com/au/discover/technology/5g/" target="_blank">OPPO 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Campaign" href="https://www.oppo.com/au/events/" target="_blank">Campaign</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="OPPO Sustainability" href="https://www.oppo.com/au/oppo-sustainability/" target="_blank">OPPO Sustainability</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">OPPO Community</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="OPPO Community" tm-nav_name="OPPO Community" href="https://community.oppo.com/" target="_blank">OPPO Community</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> </nav> <section class="contact"> <div class="cp-footer-subscribe bottom-line" ref="footerSubscribe" data-emailtip="@gmail.com,@hotmail.com,@yahoo.com,@outlook.com"> <div class="subscribe__wraper"> <div class="subscribe__info"> <h3 class="subscribe__info_title ft-body-2-1 font-medium">Stay updated with OPPO</h3> <p class="subscribe__info_des ft-body-3-1">{{ subscribeSuccess? 'Thank you for your subscription. We will keep you updated with OPPO.':'Subscribe now to get updates on products and campaigns.' }}</p> </div> <div :class="['subscribe__handle', inpval.length>0 ? 'ready':'', subscribeSuccess ? 'success':'', filterInpVal?'filter-temp':'' ]"> <div class="subscribe__handle_input"> <input type="text" placeholder="Please enter email address" v-model="inpval" ref="subInpt" :class="['ft-body-3-1', inpval.length>0?'active':'']"/> <div class="subscribe__handle_submit_btn op-trk-event" @click="submitSubscribe" tm-event_name="subscribe" tm-module="Email Subscribe" tm-button_name="Bottom Function"> <svg class="op-icon"> <use xlink:href="#icon-subscribe-submit"></use> </svg> </div> <div class="subscribe__handle_slide" v-show="slideState" ref="touchEmail"> <ul class="subscribe__handle_slide_box"> <li class="subscribe__handle_slide_item font-body-2 font-medium" v-for="(item, index) in emailTips" :key="item.tip" v-if="item.show" :data-target="item.tip" @click="touchVal(item.new)"> {{item.new}} </li> </ul> </div> </div> <div class="subscribe__handle_error"> <div class="subscribe__handle_input_error" v-if="!startSubmit"> <p class="ft-body-3" v-show="emailCorrect && firstInp">Please enter correct email.</p> </div> <div class="subscribe__handle_http_error" v-else data-faild="This email address has been subscribed to OPPO newsletter." ref="httpErrTip"> <p class="ft-body-3">{{httpErrText}}</p> </div> </div> </div> </div> </div> <div class="contact-bar top-line"> <div class="contact-us-btn bottom-line op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="Get Support From OPPO" tm-button_name="Get Support From OPPO"> <div class="robot-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/statics/default/footer/robot.png" data-src-webp="false"/> </div> <span class="contact-text ft-body-2-1"> Get Support From OPPO <svg class="op-icon down-icon"> <use xlink:href="#icon-access-light"></use> </svg> </span> <div class="live-chat-pop"> <div class="live-chat-wrap"> <ul class="group-list"> <div class="service-pc-list"> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Hotline "> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> <span class="ft-body-2-1">Hotline <i class="phone-number" data-href="1800 956 776"> 1800 956 776 </i> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri</p> <p class="subtitle ft-body-3-1">Including public holidays</p> </div> </li> <a class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> <span class="ft-body-2-1">Service Centre</span> <svg class="op-icon end-icon"> <use xlink:href="#icon-access-light"></use> </svg> </div> </a> </div> <div class="service-mobile-list"> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Hotline "> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> <span class="ft-body-2-1">Hotline <i class="phone-number" data-href="1800 956 776"> 1800 956 776 </i> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri</p> <p class="subtitle ft-body-3-1">Including public holidays</p> </div> </li> <a class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> <span class="ft-body-2-1">Service Centre</span> <svg class="op-icon end-icon"> <use xlink:href="#icon-access-light"></use> </svg> </div> </a> </div> </ul> </div> </div> </div> <div class="contact-bottom"> <ul class="social-media"> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Facebook"> <a href="https://www.facebook.com/OPPOAustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-facebook-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Linkedin"> <a href="https://au.linkedin.com/company/oppo" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-linkedin-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Twitter"> <a href="https://twitter.com/OPPOAustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-twitter-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Instagram"> <a href="https://instagram.com/oppoaustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-instagram-circle"></use> </svg> </a> </li> <li class="op-trk-event circle-li" tm-event_name="follow_us"> <a href="https://www.tiktok.com/@oppoaustralia" target="_blank" class="media-link "> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us/TikTok-solid.svg"/> </a> </li> </ul> <ul class="copyright op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="country choose" tm-button_name="Australia (English)"> <li> <a class="languages pc ft-body-3-1" href="https://www.oppo.com/en/choose-site/"> Australia (English) </a> </li> </ul> <a class="languages mobile op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="country choose" tm-button_name="Australia (English)" href="https://www.oppo.com/en/choose-site/"> Australia (English) </a> </div> </div> </section> </section> <section class="bottom"> <ul class="links ft-body-3"> <li> <a href="https://www.oppo.com/au/privacy/"> Privacy </a> </li> <li> <a href="https://www.oppo.com/au/terms/"> Terms of Use </a> </li> <li> <a href="https://www.oppo.com/au/cookies/"> Cookies </a> </li> <li> <a href="https://www.oppo.com/au/legal/"> Legal & Compliance </a> </li> <li class="rights"> Copyright © 2004-2024 OPPO. All rights reserved. </li> </ul> <a href="javascript:;" class="back-top-btn ft-body-3-1"> Back to Top <svg class="op-icon down-icon"> <use xlink:href="#icon-access-light"></use> </svg> </a> </section> </footer> </section> </span> <span> <div id="contact-pop"> <div class="contact-pop_icon op-trk-event" tm-event_name="function_entry" tm-module="suspension" tm-function_type="primary function" tm-button_name="live chat"> <div id="pop_icon"></div> </div> <div class="contact-pop_box contact-pop_bottom"> <div class="contact-pop_heightbox"></div> <div class="contact-pop_subbox"> <div class="pop-close_btn"> <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC41ODUgMTYuMDAwMUw4LjY5MjUzIDIxLjg5MjVMMTAuMTA2NyAyMy4zMDY3TDE1Ljk5OTIgMTcuNDE0M0wyMS44OTE3IDIzLjMwNjhMMjMuMzA1OSAyMS44OTI1TDE3LjQxMzQgMTYuMDAwMUwyMy4zMDYxIDEwLjEwNzRMMjEuODkxOSA4LjY5MzE5TDE1Ljk5OTIgMTQuNTg1OEwxMC4xMDY2IDguNjkzMjJMOC42OTIzOCAxMC4xMDc0TDE0LjU4NSAxNi4wMDAxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==" alt=""/> </div> <div class="contact-pop_title"> <p></p> </div> <div class="contact-pop_wrap"> <div class="contact-pop_wrap_scroll"> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="WhatsApp"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> </div> <div class="item-des"> <p class="phone-title"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </p>  <div class="phone-list"> <p>9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </div>  </div> </div> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Livechat"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> </div> <div class="item-des"> <p class="phone-title"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </p>  <div class="phone-list"> <p>9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </div>  </div> </div> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Hotline "> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> </div> <div class="item-des"> <p class="phone-title"> Hotline </p>  <div class="phone-list"> <p class="phone-number phone-color" data-herf="1800 956 776">1800 956 776</p> <p>9:00-18:00 Mon-Fri</p> <p>Including public holidays</p> </div> </div>  </div> </div> <a class="pop-item op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> </div> <p class="item-des"> <span>Service Centre</span> </p> <div class="item-status"> <i></i> </div> </div> </a> </div> </div> </div> <div class="contact-pop_heightbox"></div> </div> </div> </span>  <div class="cp-cookie-tip"> <span class="tip"> We use cookies and similar technologies to make this site work properly and to analyse traffic and optimise your browsing experience. By continuing to browse the site, you agree to the use of such cookies. <a href="https://www.oppo.com/au/privacy/" class="link">Privacy & Cookie Policy</a>. </span> <a href="javascript:;" class="close"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABSUlEQVRIS72WQWoDMQxF39BjJD1RNwkEUmgP0EVymmxygAQS0kU3PVHbY5QWwRg8RtLIzjBeztj/yfKXrY6ZRzczjxz4BBz7APbAx53BrIED8Ae8AZ+ilwO/gGUP+QVegUsj9Bk4AQ/9+m/gsQTKx0UGaIWWMJFUgZKCWxaVTKyFajDR2KQjKk2zBc6NUAv2AlxT5jSXWgu9Mw2vscoiLADUzB24tDRkRCgyZ6A7VvieoAjl1g+ZbAwoIhZU/qU6C8HKOvRqXIPm88PlE9lhEragYVjNDq3UhlPp1aGW2llTOqtpWspicJWV6fJME7lXQ/dnDrWAEZjnXnGuulMNWAOrhkafJ/dceqoVqPk8rYB35bqKwNJOLaj6AOc9TSroGpgH/Un9ktdEtcAsqNrTpDZRgthN0CbKEUmbKENtE73XYrJ/Na/FJNB/IKt3HTaQn2EAAAAASUVORK5CYII=" alt="close"> </a> </div>  <script> window.commAccount = { environment: 'prod', bizAppKey: '4BeqBphh1hpchQGZ15y3mJ', storeBizAppKey: 'L2UZzEh8P43RhBXjcJjLcF', ROUTER_HOST: document.getElementById('sow_domain_host') ? document.getElementById('sow_domain_host').value : 'https://sgp-sow-cms.oppo.com', storeROUTER_HOST: 'https://opsg-preapi-in.oppo.com', storeCallback: 'https://www.oppo.com/in/store/account/login', storeDomin: 'www.oppo.com', language: 'en-US' } </script> <div id="compareLink" data-compare-link="https://www.oppo.com/au/compare/#productName1=au_series-find-n_find-n3&productName2=au_series-reno_reno4-5g&productName3=au_series-a_a16s"></div> <script src="https://id.heytap.com/packages/account_web_sdk/index.umd.js"></script> <script src="https://www.oppo.com/content/dam/statics/js/TweenMax_TimelineMax.min.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-dependencies.min.b54c5acea5b98a3e10ccb9fe811db296.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design.min.91b548d3d9381569f4ea0e0924abe6f5.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-productdetail.min.285aeb5b5e4acee3ce33f0b22f3e7c61.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-product.min.8951b43cbf316f4ae2116dbc021706dd.js"></script> </div> </body> </html>

CINXE.COM

OPPO Find X8 Pro - Powerful Camera, Powerful AI | OPPO Australia