{"product_id":"aubox-x","title":"AuBox X  Intel® Core™ Ultra 5 226V","description":"\u003cstyle\u003e\n\t\t:root {\n\t\t\t--base-font-size: 20;\n\t\t}\n\n\t\thtml,\n\t\tbody {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\tbody * {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t\/* 定义自定义字体 *\/\n\n\t\t@font-face {\n\t\t\tfont-family: 'MiSans_Heavy';\n\t\t\tsrc: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Heavy.otf?v=1770357850');\n\t\t\tfont-style: normal;\n\t\t\tfont-display: swap;\n\t\t}\n\n\t\t@font-face {\n\t\t\tfont-family: 'MiSans_Bold';\n\t\t\tsrc: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Bold.otf?v=1735280758');\n\t\t\tfont-style: normal;\n\t\t\tfont-display: swap;\n\t\t}\n\n\t\t@font-face {\n\t\t\tfont-family: 'MiSans_Semibold';\n\t\t\tsrc: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Semibold.otf?v=1770357843');\n\t\t\tfont-style: normal;\n\t\t\tfont-display: swap;\n\t\t}\n\n\t\t@font-face {\n\t\t\tfont-family: 'MiSans_Demibold';\n\t\t\tsrc: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Demibold.otf?v=1770357849');\n\t\t\tfont-style: normal;\n\t\t\tfont-display: swap;\n\t\t}\n\n\t\t@font-face {\n\t\t\tfont-family: 'MiSans_Medium';\n\t\t\tsrc: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Medium.otf?v=1770357849');\n\t\t\tfont-style: normal;\n\t\t\tfont-display: swap;\n\t\t}\n\n\t\t@font-face {\n\t\t\tfont-family: 'MiSans_Regular';\n\t\t\tsrc: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Regular.ttf?v=1770357850');\n\t\t\tfont-style: normal;\n\t\t\tfont-display: swap;\n\t\t}\n\n\t\t@font-face {\n\t\t\tfont-family: 'MiSans_Normal';\n\t\t\tsrc: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Normal.otf?v=1770357850');\n\t\t\tfont-style: normal;\n\t\t\tfont-display: swap;\n\t\t}\n\n\t\t@font-face {\n\t\t\tfont-family: 'MiSans_Light';\n\t\t\tsrc: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Light.otf?v=1770357850');\n\t\t\tfont-style: normal;\n\t\t\tfont-display: swap;\n\t\t}\n\n\t\t@font-face {\n\t\t\tfont-family: 'MiSans_ExtraLight';\n\t\t\tsrc: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-ExtraLight.otf?v=1770357850');\n\t\t\tfont-style: normal;\n\t\t\tfont-display: swap;\n\t\t}\n\n\t\t@font-face {\n\t\t\tfont-family: 'MiSans_ExtraLight';\n\t\t\tsrc: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Thin.otf?v=1770357843');\n\t\t\tfont-style: normal;\n\t\t\tfont-display: swap;\n\t\t}\n\n\t\t.product-feature-detail {\n\t\t\tbackground-color: #000;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.product-feature-detail * {\n\t\t\tfont-family: 'MiSans_Regular';\n\t\t}\n\n\t\th1,\n\t\th2,\n\t\th3,\n\t\th4,\n\t\tp {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.con {\n\t\t\tfont-size: calc(1px * var(--base-font-size));\n\t\t\tbox-sizing: border-box;\n\t\t\tfont-family: 'MiSans_Regular';\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.con .con-video {\n\t\t\tposition: absolute;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t.con .container .con-title {\n\t\t\tfont-size: calc(70em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Bold';\n\t\t}\n\n\t\t.con .container .con-context {\n\t\t\tfont-size: calc(32em \/ var(--base-font-size));\n\t\t\tpadding: calc(10em \/ var(--base-font-size)) 0;\n\t\t\tfont-family: 'MiSans_Regular';\n\t\t}\n\n\t\t.con .container .feature-item .feature-item-title {\n\t\t\tfont-size: calc(40em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Demibold';\n\t\t}\n\n\t\t.con .container .feature-item .feature-item-context {\n\t\t\tfont-size: calc(27em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Light';\n\t\t}\n\n\t\t.con div,\n\t\t.con p,\n\t\t.con ul {\n\t\t\tfont-size: unset;\n\t\t}\n\n\t\t.feature-item p {}\n\n\t\t.con img {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.con .container {\n\t\t\ttext-align: center;\n\t\t\ttransition: all 0.4s ease;\n\t\t\tpadding-top: calc(80em \/ var(--base-font-size));\n\t\t}\n\n\t\t.con .con-page-width {\n\t\t\tmax-width: 1920px;\n\t\t\tmargin: 0 auto;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.con .row {\n\t\t\tdisplay: flex;\n\t\t\tmargin-bottom: 1em;\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t.con .dark-theme-text {\n\t\t\tdisplay: inline-block;\n\t\t\tbackground-image: -webkit-linear-gradient(left, #10253f 0%, #5c7c9d 100%);\n\t\t\t-webkit-background-clip: text;\n\t\t\t-webkit-text-fill-color: transparent;\n\t\t}\n\n\t\t.con .light-theme-text {\n\t\t\tdisplay: inline-block;\n\t\t\tbackground-image: -webkit-linear-gradient(left, #fbf6e8 0%, #a68b64 100%);\n\t\t\t-webkit-background-clip: text;\n\t\t\t-webkit-text-fill-color: transparent;\n\t\t}\n\n\t\t.con .theme-text {\n\t\t\tdisplay: inline-block;\n\t\t\tcolor: #3fe5ff;\n\t\t}\n\n\t\t.con.con-black {\n\t\t\tbackground-color: #000;\n\t\t\tcolor: #fff;\n\t\t}\n\n\t\t.con.con-white {\n\t\t\tbackground-color: #fff;\n\t\t\tcolor: #000;\n\t\t}\n\n\t\t.con.con-dark {\n\t\t\tbackground-color: #f6f6f6;\n\t\t\tcolor: #000;\n\t\t}\n\n\t\t.con.con-grey {\n\t\t\tbackground-color: #303030;\n\t\t\tcolor: #000;\n\t\t}\n\t\u003c\/style\u003e\n\u003cstyle\u003e\n\t\t.con.small--hide,\n\t\t.con .small--hide {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.con.pc--hide,\n\t\t.con .pc--hide {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.con.con1 {\n\t\t\t\/* background: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_1.png') left top\/100% 100% no-repeat; *\/\n\t\t\taspect-ratio: 2560\/1310;\n\t\t}\n\n\t\t.con.con1 .container {\n\t\t\tposition: relative;\n\t\t\tz-index: 2;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-end;\n\t\t\tjustify-content: center;\n\t\t\tpadding-top: 0;\n\t\t\tpadding-bottom: 8em;\n\t\t}\n\n\t\t.con.con1 .container .con1--wrapper {\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t.con.con1 .container .con-title {\n\t\t\tfont-size: calc(100em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Bold';\n\t\t\tpadding-top: 0;\n\t\t}\n\n\t\t.con.con1 .container .con-context {\n\t\t\tfont-size: calc(32em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Regular';\n\t\t\tcolor: #1d1e1f;\n\t\t\tpadding-top: calc(15em \/ var(--base-font-size));\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_1-feature.png') left top\/100% 100% no-repeat;\n\t\t\tpadding: 0.3em 1em;\n\t\t\tborder-radius: 4px;\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.con.con1 .container img {\n\t\t\theight: 6em;\n\t\t\twidth: unset;\n\t\t\tpadding-top: 2em;\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-rows: 870fr 427fr 427fr 427fr 377fr;\n\t\t\tgrid-gap: 1em;\n\t\t\tpadding: calc(50em \/ var(--base-font-size)) 0;\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-row {\n\t\t\tdisplay: grid;\n\t\t\tgrid-gap: 1em;\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-row-1 {\n\t\t\tgrid-template-rows: repeat(2, 1fr);\n\t\t\tgrid-template-columns: 945fr 955fr;\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-row-2 {\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-row-3 {\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-row-4 {\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-row-5 {\n\t\t\tgrid-template-columns: repeat(3, 1fr);\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block {\n\t\t\tpadding: calc(30em \/ var(--base-font-size));\n\t\t\theight: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-start;\n\t\t\ttext-align: center;\n\t\t\ttransition: all 0.4s linear;\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block:hover {\n\t\t\tbackground-size: 110% 110%;\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block .con-block-icon img {\n\t\t\theight: calc(100em \/ var(--base-font-size));\n\t\t\twidth: unset;\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block .con-block-title {\n\t\t\tfont-size: calc(48em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Bold';\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block .con-block-context {\n\t\t\tfont-size: calc(32em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Regular';\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block .con-block-context b {\n\t\t\tfont-size: 1.2em;\n\t\t\tfont-family: 'MiSans_Regular';\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-1 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-1-1-1.png') center center\/100% 100% no-repeat;\n\t\t\taspect-ratio: 945\/870;\n\t\t\tgrid-area: 1\/1\/3\/2;\n\t\t\tpadding-top: calc(60em \/ var(--base-font-size));\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-2 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-1-2-1.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 955\/424; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-3 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-1-2-2.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 955\/424; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-4 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-2-1-1.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 949\/427; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-5 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-2-2-1.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 949\/427; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-6 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-3-1-1.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 949\/427; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-7 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-3-2-1.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 949\/427; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-8 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-4-1-1.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 949\/427; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-9 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-4-2-1.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 949\/427; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-10 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-5-1-1.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 625\/377; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-11 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-5-2-1.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 625\/377; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-12 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_2-5-3-1.png') center center\/100% 100% no-repeat;\n\t\t\t\/* aspect-ratio: 625\/377; *\/\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-2,\n\t\t.con.con2 .container .con2--wrapper .con2-block-3,\n\t\t.con.con2 .container .con2--wrapper .con2-block-4,\n\t\t.con.con2 .container .con2--wrapper .con2-block-5 {\n\t\t\talign-items: flex-end;\n\t\t\tjustify-content: center;\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-8 {\n\t\t\talign-items: flex-start;\n\t\t}\n\n\t\t.con.con2 .container .con2--wrapper .con2-block-10,\n\t\t.con.con2 .container .con2--wrapper .con2-block-11,\n\t\t.con.con2 .container .con2--wrapper .con2-block-12 {\n\t\t\tjustify-content: flex-end;\n\t\t\tfont-size: 0.9em;\n\t\t}\n\n\t\t.con.con3 {\n\t\t\tbackground-color: #120f0c;\n\t\t}\n\n\t\t.con.con3 .feature-list {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(4, 1fr);\n\t\t\tgrid-gap: 2em;\n\t\t\tpadding: 2em 0;\n\t\t}\n\n\t\t.con.con3 .feature-list .feature-item {\n\t\t\taspect-ratio: 460\/601;\n\t\t\tpadding: 1em;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: flex-end;\n\t\t\talign-items: center;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.con.con3 .feature-list .feature-item.feature-item-1 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_3-1.png') center center\/100% 100% no-repeat;\n\t\t}\n\n\t\t.con.con3 .feature-list .feature-item.feature-item-2 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_3-2.png') center center\/100% 100% no-repeat;\n\t\t}\n\n\t\t.con.con3 .feature-list .feature-item.feature-item-3 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_3-3.png') center center\/100% 100% no-repeat;\n\t\t}\n\n\t\t.con.con3 .feature-list .feature-item.feature-item-4 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_3-4.png') center center\/100% 100% no-repeat;\n\t\t}\n\n\t\t.con.con3 .feature-list .feature-item .feature-item-content {\n\t\t\tbackground: #fff;\n\t\t\tcolor: #000;\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 1em 1.5em;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.con.con3 .feature-list .feature-item .feature-item-title {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tfont-size: calc(32em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Demibold';\n\t\t\tline-height: 1em;\n\t\t\theight: 3em;\n\t\t\tmax-height: 3em;\n\n\t\t}\n\n\t\t.con.con3 .feature-list .feature-item .feature-item-title img {\n\t\t\theight: 1em;\n\t\t\twidth: unset;\n\t\t\tpadding: 0 0.5em;\n\t\t}\n\n\t\t.con.con3 .feature-list .feature-item .feature-item-context {\n\t\t\tfont-size: calc(21em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Regular';\n\t\t\tpadding-top: 0.3em;\n\t\t\tline-height: 1.1em;\n\t\t\theight: 5em;\n\t\t\tmax-height: 5em;\n\t\t\twill-change: display, transform;\n\t\t\ttransition: display 1s ease, transform 1.5s ease;\n\t\t\ttransform: scaleY(0);\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.con.con3 .feature-list .feature-item:hover .feature-item-context {\n\t\t\tdisplay: block;\n\t\t\ttransform: scaleY(1);\n\t\t}\n\n\t\t.con.con4 {\n\t\t\tbackground: #000000;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.con.con4 .container {\n\t\t\toverflow-x: hidden;\n\t\t\toverflow-y: hidden;\n            max-width: unset;\n\t\t}\n\n\t\t.con.con4 .container .con-title {\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.con.con4 .con4-img-list {\n\t\t\tpadding-top: 2em;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t}\n\n\t\t.con.con5 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_5.png') center top\/100% auto no-repeat #000;\n\t\t\taspect-ratio: 2560\/1433;\n\t\t}\n\n\t\t.con.con5 .container {\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: space-between;\n\t\t}\n\n\t\t.con.con5 .container .con-note {\n\t\t\ttext-align: right;\n\t\t\tcolor: #333333;\n\t\t\tpadding-bottom: 1em;\n\t\t}\n\n\t\t.con.con6 {\n\t\t\tbackground: #000;\n\t\t\twidth: 100%;\n\t\t\taspect-ratio: 2560\/1440;\n\t\t}\n\n\t\t.con.con6 .container {\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\tmax-width: 100%;\n\t\t\taspect-ratio: 2560\/1440;\n\t\t}\n\n\t\t.con.con6 .container .con6--wrapper {\n\t\t\twidth: 100%;\n\t\t\taspect-ratio: 2560\/1440;\n\t\t}\n\n\t\t.con.con6 .con6-card {\n\t\t\tbackground: #000;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tz-index: 1;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t\talign-items: center;\n\t\t\toverflow-x: hidden;\n\t\t}\n\n\t\t.con.con6 .con6-card.con6-card-4-1 {\n\t\t\tz-index: 0;\n\t\t}\n\n\t\t.con.con6 .con6-card.con6-card-3-2 {\n\t\t\tz-index: 3;\n\t\t}\n\n\t\t.con.con6 .con6-card.con6-card-3-1 {\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t.con.con6 .con6-card.con6-card-2-2 {\n\t\t\tz-index: 5;\n\t\t}\n\n\t\t.con.con6 .con6-card.con6-card-2-1 {\n\t\t\tz-index: 4;\n\t\t}\n\n\t\t.con.con6 .con6-card.con6-card-1-2 {\n\t\t\tz-index: 7;\n\t\t}\n\n\t\t.con.con6 .con6-card.con6-card-1-1 {\n\t\t\tz-index: 6;\n\t\t}\n\n\t\t.con.con6 .con6-card.card-1 {\n\t\t\tjustify-content: center;\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.con.con6 .con6-card.card-1 img {\n\t\t\twidth: 50vw;\n\t\t\taspect-ratio: 1406\/909;\n\t\t\tborder-radius: 30px;\n\t\t}\n\n\t\t.con.con6 .con6-card.card-2 {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t}\n\n\t\t.con.con6 .con6-card.con6-card-1-2,\n\t\t.con.con6 .con6-card.con6-card-3-2 {\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.con.con6 .con6-card.con6-card-1-2 .card-right--wrapper,\n\t\t.con.con6 .con6-card.con6-card-3-2 .card-right--wrapper,\n\t\t.con.con6 .con6-card.con6-card-2-2 .card-left--wrapper,\n\t\t.con.con6 .con6-card.con6-card-4-2 .card-left--wrapper {\n\t\t\tpadding: 0 4em;\n\t\t\t\/* visibility: hidden; *\/\n\t\t}\n\n\t\t.con.con6 .con6-card.con6-card-2-2,\n\t\t.con.con6 .con6-card.con6-card-4-2 {\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t.con.con7 {\n\t\t\t\/* background: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_7.png') center top\/100% auto no-repeat #000; *\/\n\t\t\taspect-ratio: 2560\/1310;\n\t\t}\n\n\t\t.con.con7 .container {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-end;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.con.con7 .container .con7--wrapper {\n\t\t\twidth: 40%;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.con.con7 .container .feature-list {\n\t\t\twidth: 40%;\n\t\t\tpadding-top: 2em;\n\t\t\ttext-align: left;\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t\tgrid-gap: 2em;\n\t\t}\n\n\t\t.con.con7 .container .feature-item .feature-item-context {}\n\n\t\t.con.con7 .container .feature-item .feature-item-context b {\n\t\t\tfont-size: 1.4em;\n\t\t}\n\n\t\t.con.con7-chart {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_7-chart-bg.png') center top\/100% 100% no-repeat #000;\n\t\t\taspect-ratio: 2560\/1100;\n\t\t}\n\n\t\t.con.con7-chart .container {\n\t\t\tpadding: 8em 0;\n\t\t}\n\n\t\t.con.con7-chart .container .con7-chart--wrapper {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_7-chart.png') center top\/100% auto no-repeat;\n\t\t\taspect-ratio: 1919\/645;\n\t\t\tpadding-top: calc(80em \/ var(--base-font-size));\n\t\t\tpadding-bottom: calc(90em \/ var(--base-font-size));\n\t\t\tpadding-left: 20.8%;\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-rows: repeat(4, 1fr);\n\t\t}\n\n\t\t.con.con7-chart .container .con7-chart-item {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t.con.con7-chart .container .con7-chart--wrapper .progress-box {\n\t\t\theight: calc(20em \/ var(--base-font-size));\n\t\t\twidth: calc(75%);\n\t\t\tborder-radius: 0 25px 25px 0;\n\t\t\tbackground: linear-gradient(to right, #434343, #999999);\n\t\t}\n\n\t\t.con.con7-chart .container .con7-chart--wrapper .progress-box-1 {\n\t\t\tbackground: linear-gradient(to right, #fffbee, #a68b64);\n\t\t\twidth: calc(67%);\n\t\t}\n\n\t\t.con.con7-chart .container .con7-chart--wrapper .progress-box-3 {\n\t\t\twidth: calc(62%);\n\t\t}\n\n\t\t.con.con7-chart .container .con7-chart--wrapper .progress-box-4 {\n\t\t\twidth: calc(57%);\n\t\t}\n\n\t\t.con.con7-chart .container .progress-num {\n\t\t\tdisplay: inline-block;\n\t\t\tfont-size: calc(30em \/ var(--base-font-size));\n\t\t\tpadding-left: 1em;\n\t\t}\n\n\t\t.con.con7-chart .container .con7-note {\n\t\t\tcolor: #fefefe4d;\n\t\t\ttext-align: left;\n\t\t\tpadding-top: 2em;\n\t\t}\n\n\t\t.con.con8 {\n\t\t\tbackground: #0e0d0c;\n\t\t\taspect-ratio: 2560\/1310;\n\t\t}\n\n\t\t.con.con8 .container {\n\t\t\tposition: relative;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t.con.con8 .container img {\n\t\t\tpadding: 2em 0;\n\t\t}\n\n\t\t.con.con9 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_9.png') center bottom\/100% auto no-repeat #000;\n\t\t\taspect-ratio: 2560\/1310;\n\t\t}\n\n\t\t.con.con9 .container .con9--wrapper {\n\t\t\twidth: 80%;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.con.con9 .container .feature-list {\n\t\t\twidth: 80%;\n\t\t\ttext-align: left;\n\t\t\tpadding-top: 2em;\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t\tgrid-gap: 1em;\n\t\t}\n\n\t\t.con.con9 .container .feature-item {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t.con.con9 .container .feature-item .feature-item-icon img {\n\t\t\theight: 1.5em;\n\t\t\twidth: unset;\n\t\t\tpadding-right: 1em;\n\t\t}\n\n\t\t.con.con10 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_10.png') center bottom\/100% auto no-repeat #000;\n\t\t\taspect-ratio: 2560\/1310;\n\t\t}\n\n\t\t.con.con10 .container .feature-list {\n\t\t\ttext-align: right;\n\t\t\tpadding-top: 10em;\n\t\t}\n\n\t\t.con.con10 .container .feature-list .feature-item {\n\t\t\tpadding: 1.5em 0;\n\t\t}\n\n\t\t.con.con10 .container .feature-list .feature-item-context {\n\t\t\tline-height: 1.2em;\n\t\t}\n\n\t\t.con.con11 {\n\t\t\t\/* background: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_11.png') center bottom\/100% auto no-repeat #000; *\/\n\t\t\taspect-ratio: 2560\/1383;\n\t\t}\n\n\t\t.con.con11 .container {\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: flex-end;\n\t\t\tpadding-bottom: 9em;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.con.con12 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_12.png') center top\/100% auto no-repeat #000;\n\t\t\taspect-ratio: 2560\/1310;\n\t\t}\n\n\t\t.con.con12 .container {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t.con.con12 .container .con12--wrapper {\n\t\t\twidth: 42%;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.con.con12 .container .feature-list {\n\t\t\twidth: 42%;\n\t\t\ttext-align: left;\n\t\t\tpadding-top: 2em;\n\t\t}\n\n\t\t.con.con12 .container .feature-item {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tpadding: 1em 0;\n\t\t}\n\n\t\t.con.con12 .container .feature-item .feature-item-icon img {\n\t\t\twidth: 3.5em;\n\t\t\tpadding-right: 1em;\n\t\t}\n\n\t\t.con.con13 {\n\t\t\tbackground: #1a1a1a;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.con.con13 .container {\n\t\t\toverflow-x: hidden;\n\t\t\toverflow-y: hidden;\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\t.con.con13 .container .con-title {\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.con.con13 .con13-img-list {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 1368fr 812fr 320fr;\n\t\t\tgrid-gap: 2em;\n\t\t\tpadding: 2em 0;\n\t\t}\n\n\t\t.con.con13 .con13-img-list .img-list-right--wrapper {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-rows: 555fr 300fr;\n\t\t\tgrid-gap: 2em;\n\t\t}\n\n\t\t.con.con13 .con13-img-list .img-list-right--wrapper\u003eimg {\n\t\t\twidth: unset;\n\t\t}\n\n\t\t.con.con13 .feature-list {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\t.con.con13 .feature-list .feature-item-icon img {\n\t\t\theight: 5.8em;\n\t\t\twidth: unset;\n\t\t}\n\n\t\t.con.con13 .feature-list .feature-item-title {\n\t\t\tpadding-top: 0.4em;\n\t\t\tfont-size: calc(72em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Bold';\n\t\t}\n\n\t\t.con.con14 {\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_14.png') center bottom\/100% auto no-repeat #000;\n\t\t\taspect-ratio: 2560\/1310;\n\t\t}\n\n\t\t.con.con14 .con14--wrapper {\n\t\t\twidth: 40%;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.con.con15 .con15--wrapper {\n\t\t\tpadding: 8em 0;\n\t\t\tcolor: #959494;\n\t\t}\n\n\t\t.con.con15 .con15--wrapper .table-head {\n\t\t\twidth: 80%;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding-bottom: 1em;\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(3, 1fr);\n\t\t\tfont-size: calc(54em \/ var(--base-font-size));\n\t\t}\n\n\t\t.con.con15 .con15--wrapper .table-head .table-col {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: flex-end;\n\t\t}\n\n\t\t.con.con15 .con15--wrapper .table-head .table-col .table-cell {\n\t\t\tfont-family: 'MiSans_Demibold';\n\t\t}\n\n\t\t.con.con15 .con15--wrapper .table-head .table-col.table-col-2 {\n\t\t\tpadding-bottom: 1.5em;\n\t\t}\n\n\t\t.con.con15 .con15--wrapper .table-body {\n\t\t\twidth: 80%;\n\t\t\tmargin: 0 auto;\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_15.png') center center\/100% 100% no-repeat;\n\t\t\tpadding: 0 1em;\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(3, 1fr);\n\n\t\t}\n\n\t\t.con.con15 .con15--wrapper .table-body .table-col.table-col-2 {\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.con.con15 .con15--wrapper .table-body .table-col.table-col-2::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100%;\n\t\t\theight: calc(100% + 6em);\n\t\t\tpadding: 3em 0;\n\t\t\ttop: -3em;\n\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_15-img.png') center center\/100% 100% no-repeat;\n\t\t}\n\n\t\t.con.con15 .con15--wrapper .table-body .table-col {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-rows: repeat(5, 1fr);\n\t\t}\n\n\t\t.con.con15 .con15--wrapper .table-body .table-col .table-cell {\n\t\t\tpadding: 1em 0;\n\t\t\tfont-size: calc(32em \/ var(--base-font-size));\n\t\t\tfont-family: 'MiSans_Regular';\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.con.con15 .con15--wrapper .table-head .table-col.table-col-2 .table-cell span {\n\t\t\tfont-family: 'MiSans_Bold';\n\t\t}\n\t\u003c\/style\u003e\n\u003cstyle\u003e\n\t\t@media screen and (max-width: 1920px) {\n\t\t\t.con {\n\t\t\t\tfont-size: calc(0.8px * var(--base-font-size));\n\t\t\t}\n\n\t\t\t.con .con-page-width {\n\t\t\t\tmax-width: 1440px;\n\t\t\t}\n\n\t\t\t.con.con2 .container .con2--wrapper .con2-block-10,\n\t\t\t.con.con2 .container .con2--wrapper .con2-block-11,\n\t\t\t.con.con2 .container .con2--wrapper .con2-block-12 {\n\t\t\t\tfont-size: 0.8em;\n\t\t\t}\n\n\t\t\t.con.con11 .container {\n\t\t\t\tpadding-bottom: 8em;\n\t\t\t}\n\n\t\t\t.con.con13 .con13-img-list {\n\t\t\t\tgrid-template-columns: 1368fr 812fr;\n\t\t\t}\n\n\t\t\t.con.con13 .con13-img-list .img-list-right--wrapper\u003eimg {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.con.con15 .con15--wrapper .table-head {\n\t\t\t\twidth: 98%;\n\t\t\t}\n\n\t\t\t.con.con15 .con15--wrapper .table-body {\n\t\t\t\twidth: 98%;\n\t\t\t}\n\t\t}\n\n\t\t@media screen and (max-width: 1450px) {\n\t\t\t.con {\n\t\t\t\tfont-size: calc(0.7px * var(--base-font-size));\n\t\t\t}\n\t\t}\n\n\t\t@media screen and (max-width: 1030px) {\n\t\t\t.con {\n\t\t\t\tfont-size: calc(0.5px * var(--base-font-size));\n\t\t\t}\n\t\t}\n\n\t\t@media screen and (max-width: 768px) {\n\t\t\t.con {\n\t\t\t\tfont-size: calc(0.6px * var(--base-font-size));\n\t\t\t}\n\n\t\t\t.con .con-video {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.con .container {\n\t\t\t\tpadding-top: calc(20em \/ var(--base-font-size));\n\t\t\t}\n\n\t\t\t.con .container .con-title {}\n\n\t\t\t.con .container .con-context {\n\t\t\t\tpadding-top: calc(30em \/ var(--base-font-size));\n\t\t\t\tline-height: 1.4em;\n\t\t\t}\n\n\t\t\t.con.small--hide,\n\t\t\t.con .small--hide {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.con.pc--hide,\n\t\t\t.con .pc--hide {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t.con.con1 {\n\t\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/m\/m_1.png') left top\/100% 100% no-repeat #000;\n\t\t\t\taspect-ratio: 768\/960;\n\t\t\t}\n\n\t\t\t.con.con1 .container {\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\n\t\t\t.con.con1 .container .con1--wrapper {\n\t\t\t\tpadding-right: 2em;\n\t\t\t\tpadding-top: 15em;\n\t\t\t}\n\n\t\t\t.con.con1 .container .con-title {\n\t\t\t\tfont-size: calc(85em \/ var(--base-font-size));\n\t\t\t\tpadding-bottom: 0.3em;\n\t\t\t}\n\n\t\t\t.con.con2 .container .con2--wrapper .con2-block .con-block-title {\n\t\t\t\tfont-size: calc(35em \/ var(--base-font-size));\n\t\t\t}\n\n\t\t\t.con.con2 .container .con2--wrapper .con2-block .con-block-context {\n\t\t\t\tfont-size: calc(23em \/ var(--base-font-size));\n\t\t\t}\n\n\t\t\t.con.con2 .container .con2--wrapper .con2-block-10 .con-block-title,\n\t\t\t.con.con2 .container .con2--wrapper .con2-block-11 .con-block-title,\n\t\t\t.con.con2 .container .con2--wrapper .con2-block-12 .con-block-title {\n\t\t\t\tfont-size: calc(30em \/ var(--base-font-size));\n\t\t\t}\n\n\t\t\t.con.con3 .feature-list {\n\t\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t\t}\n\n\t\t\t.con.con3 .feature-list .feature-item .feature-item-context {\n\t\t\t\ttransform: scaleY(1);\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t.con.con4 .con14--wrapper {\n\t\t\t\ttext-align: left;\n\t\t\t}\n\n\t\t\t.con.con4 .con4-img-list {\n\t\t\t\tflex-direction: column-reverse;\n\t\t\t}\n\n\t\t\t.con.con4 .con4-img-list .con4-icon {\n\t\t\t\tpadding: 2em 0;\n\t\t\t}\n\n\t\t\t.con.con5 {\n\t\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/m\/m_5.png') left top\/100% auto no-repeat #000;\n\t\t\t\taspect-ratio: 768\/1008;\n\t\t\t}\n\n\t\t\t.con.con6,\n\t\t\t.con.con6 .container,\n\t\t\t.con.con6 .container .con6--wrapper {\n\t\t\t\taspect-ratio: unset;\n\t\t\t}\n\n\t\t\t.con.con6 .con6-card {\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.con.con6 .con6-card.card-1 {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.con.con6 .con6-card.card-2 {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t.con.con6 .con6-card.con6-card-1-2,\n\t\t\t.con.con6 .con6-card.con6-card-3-2 {\n\t\t\t\tflex-direction: column-reverse;\n\t\t\t}\n\n\t\t\t.con.con6 .con6-card.con6-card-1-2 .card-right--wrapper,\n\t\t\t.con.con6 .con6-card.con6-card-3-2 .card-right--wrapper,\n\t\t\t.con.con6 .con6-card.con6-card-2-2 .card-left--wrapper,\n\t\t\t.con.con6 .con6-card.con6-card-4-2 .card-left--wrapper {\n\t\t\t\tpadding: 2em;\n\t\t\t\tvisibility: visible;\n\t\t\t}\n\n\n\t\t\t.con.con7 {\n\t\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/m\/m_7.png') left top\/100% auto no-repeat #000;\n\t\t\t\taspect-ratio: 768\/967;\n\t\t\t}\n\n\t\t\t.con.con7 .container {\n\t\t\t\theight: 100%;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.con.con7 .container .con7--wrapper {\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.con.con7 .container .feature-list {\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t\tgrid-template-columns: repeat(3, 1fr);\n\t\t\t\tpadding-bottom: 2em;\n\t\t\t}\n\n\t\t\t.con.con8 {\n\t\t\t\taspect-ratio: unset;\n\t\t\t}\n\n\t\t\t.con.con9 {\n\t\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/m\/m_9.png') left bottom\/100% auto no-repeat #000;\n\t\t\t\taspect-ratio: 768\/1000;\n\t\t\t}\n\n\t\t\t.con.con9 .container .con9--wrapper {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.con.con9 .container .feature-list {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.con.con10 {\n\t\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/m\/m_10.png') left top\/100% auto no-repeat #000;\n\t\t\t\taspect-ratio: 768\/960;\n\t\t\t}\n\n\t\t\t.con.con10 .container {\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: space-between;\n\t\t\t}\n\n\t\t\t.con.con10 .feature-list {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t\t\tgrid-gap: 1em;\n\t\t\t}\n\n\t\t\t.con.con10 .feature-list .feature-item {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.con.con11 {\n\t\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/m\/m_11.png') left top\/100% auto no-repeat #000;\n\t\t\t\taspect-ratio: 768\/960;\n\t\t\t}\n\n\t\t\t.con.con11 .container {\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\n\t\t\t.con.con12 {\n\t\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/m\/m_12.png') left top\/100% auto no-repeat #000;\n\t\t\t\taspect-ratio: 768\/960;\n\t\t\t}\n\n\t\t\t.con.con12 .container .con12--wrapper {\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.con.con12 .container .feature-list {\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-around;\n\t\t\t}\n\n\t\t\t.con.con13 .con13-img-list {\n\t\t\t\tgrid-template-columns: unset;\n\t\t\t\tgrid-template-rows: 876fr 540fr;\n\t\t\t}\n\n\t\t\t.con.con13 .con13-img-list .img-list-right--wrapper {\n\t\t\t\tgrid-template-rows: unset;\n\t\t\t\tgrid-template-columns: 420fr 300fr;\n\t\t\t}\n\n\t\t\t.con.con13 .feature-list {\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.con.con14 {\n\t\t\t\tbackground: url('https:\/\/img.chuwi.com\/Home\/AuBoxX\/m\/m_14.png') left top\/100% auto no-repeat #000;\n\t\t\t\taspect-ratio: 768\/960;\n\t\t\t}\n\n\t\t\t.con.con14 .con14--wrapper {\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.con.con15 .con15--wrapper .table-head {\n\t\t\t\twidth: 98%;\n\t\t\t}\n\n\t\t\t.con.con15 .con15--wrapper .table-body {\n\t\t\t\twidth: 98%;\n\t\t\t}\n\n\t\t\t.con.con15 .con15--wrapper .table-head {\n\t\t\t\tfont-size: calc(40em \/ var(--base-font-size));\n\t\t\t}\n\n\t\t\t.con.con15 .con15--wrapper .table-body .table-col .table-cell {\n\t\t\t\tfont-size: calc(27em \/ var(--base-font-size));\n\t\t\t}\n\n\t\t}\n\n\t\t@media screen and (max-width: 600px) {\n\t\t\t.con {\n\t\t\t\tfont-size: calc(0.4px * var(--base-font-size));\n\t\t\t}\n\t\t}\n\n\t\t@media screen and (max-width: 500px) {\n\t\t\t.con {\n\t\t\t\tfont-size: calc(0.3px * var(--base-font-size));\n\t\t\t}\n\n\t\t\t.con.con9 {\n\t\t\t\taspect-ratio: 768 \/ 900;\n\t\t\t}\n\t\t}\n\t\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/img.chuwi.com\/Home\/CoreBookPlus\/js\/gsap-latest-beta.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/img.chuwi.com\/Home\/CoreBookPlus\/js\/ScrollTrigger.min.js\"\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cdiv class=\"product-feature-detail\"\u003e\n\u003cdiv class=\"con con1 con-black\"\u003e\n\u003cvideo class=\"con-video small--hide\" data-content=\"con1\" src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/video\/banner.mp4\" muted=\"\" autoplay=\"autoplay\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con1--wrapper\"\u003e\n\u003cdiv class=\"con-title\"\u003eAuBox X\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eQuiet Power. Local AI. Future-Ready.\u003c\/div\u003e\n\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_1-icon.png\" alt=\"AuBox X\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con2 con-black\"\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con2--wrapper\"\u003e\n\u003cdiv class=\"con2-row con2-row-1\"\u003e\n\u003c!-- 945\/870 --\u003e\n\u003cdiv class=\"con2-block con2-block-1\"\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003eIntel® Core™ Ultra 5 226V\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003eLow Power. Fast Performance.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 955\/424 --\u003e\n\u003cdiv class=\"con2-block con2-block-2\"\u003e\n\u003cdiv class=\"con-block-context\"\u003eOnly 580g \u0026amp; Just\u003c\/div\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003e0.67L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 955\/424 --\u003e\n\u003cdiv class=\"con2-block con2-block-3\"\u003e\n\u003cdiv class=\"con-block-context\"\u003eUp to\u003c\/div\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003e97 TOPS\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003eAI Performance\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con2-row con2-row-2\"\u003e\n\u003c!-- 949\/427 --\u003e\n\u003cdiv class=\"con2-block con2-block-4\"\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003eIntel® Arc™ 130V\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003eUp to 2x Faster than Iris® Xe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 949\/426 --\u003e\n\u003cdiv class=\"con2-block con2-block-5\"\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003eIntel® AI Boost NPU\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003eUp to 40 NPU TOPS\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con2-row con2-row-3\"\u003e\n\u003c!-- 949\/427 --\u003e\n\u003cdiv class=\"con2-block con2-block-6\"\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003e512GB PCIe NVMe SSD\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003eEasy Storage Upgrade\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 949\/427 --\u003e\n\u003cdiv class=\"con2-block con2-block-7\"\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003eLPDDR5X 8533 MT\/s RAM\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003e16GB On-Chip Memory\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con2-row con2-row-4\"\u003e\n\u003c!-- 949\/427 --\u003e\n\u003cdiv class=\"con2-block con2-block-8\"\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003eUSB4\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003e40Gbps | PD | DP | eGPU Support\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 949\/427 --\u003e\n\u003cdiv class=\"con2-block con2-block-9\"\u003e\n\u003cdiv class=\"con-block-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con2-row con2-row-5\"\u003e\n\u003c!-- 625\/377 --\u003e\n\u003cdiv class=\"con2-block con2-block-10\"\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003eWhisper-Quiet Cooling\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003e8–37W Ultra-Low TDP\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 625\/376 --\u003e\n\u003cdiv class=\"con2-block con2-block-11\"\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003eSupport Triple Displays\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003eUp to 8K Output\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 625\/376 --\u003e\n\u003cdiv class=\"con2-block con2-block-12\"\u003e\n\u003cdiv class=\"con-block-title light-theme-text\"\u003eWi-Fi 6E \u003cbr\u003e2.5Gb Ethernet\u003c\/div\u003e\n\u003cdiv class=\"con-block-context\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con3 con-black\"\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con3--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eWho Is This For\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item feature-item-1\"\u003e\n\u003cdiv class=\"feature-item-content\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e\n\u003cspan\u003eProfessionals\u003c\/span\u003e \u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_3-icon1.png\" alt=\"AuBox X\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eAccelerate productivity with AI‑enhanced workflows, multi‑ display setups, and enterprise‑ grade security.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item feature-item-2\"\u003e\n\u003cdiv class=\"feature-item-content\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e\n\u003cspan\u003eDevelopers \u0026amp; Creators\u003c\/span\u003e \u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_3-icon2.png\" alt=\"AuBox X\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eRun local AI models, compile code, edit media, and multitask with confidence.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item feature-item-3\"\u003e\n\u003cdiv class=\"feature-item-content\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e\n\u003cspan\u003eHome \u0026amp; Office Users\u003c\/span\u003e \u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_3-icon3.png\" alt=\"AuBox X\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eEnjoy a silent, compact, and powerful PC that fits effortlessly into any environment.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item feature-item-4\"\u003e\n\u003cdiv class=\"feature-item-content\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e\n\u003cspan\u003eStudents\u003c\/span\u003e \u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_3-icon4.png\" alt=\"AuBox X\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eSpeed up research, editing, and creative projects with a portable, future‑proof AI PC.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con4 con-black\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"con4--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eIntel AI Boost \u003cbr\u003eUp to 40 TOPS NPU\u003c\/div\u003e\n\u003cdiv class=\"con-context con-page-width\"\u003eRun advanced local AI models with near‑zero latency and complete data privacy. Perfect for LLMs, image generation, speech recognition, and on‑device automation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con4-img-list con-page-width\"\u003e\n\u003cdiv class=\"con4-icon\"\u003e\n\u003cimg class=\"small--hide\" src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_4-icon.png\" alt=\"AuBox X\"\u003e \u003cimg class=\"pc--hide\" src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/m\/m_4-icon.png\" alt=\"AuBox X\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con4-img\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_4.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con5 con-black\"\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con5--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eBuild Your Own AI Assistant\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eAutomate tasks, control workflows, and interact with your system—all locally. The AuBox X is purpose-built to run OpenClaw with zero latency. Follow our step-by-step video tutorial to get started quickly and easily.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con-note\"\u003eNote: OpenClaw is not pre-installed and requires manual setup.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con6 con-black\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"con6--wrapper\"\u003e\n\u003cdiv class=\"con6-card-1-2 card-2 con6-card\"\u003e\n\u003cdiv class=\"card-left--wrapper\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_6-1.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"card-right--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eCopilot+ PC AI Experiences\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003ePowered by Windows 11 Pro. Accelerated by the 40 TOPS NPU. The AuBox X with the Intel Core Ultra processor enables you to enjoy Windows Copilot+ PC AI capabilities, delivering faster workflows, smarter creativity tools, and seamless communication—all running locally.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con6-card-1-1 card-1 con6-card\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_6-1.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"con6-card-2-2 card-2 con6-card\"\u003e\n\u003cdiv class=\"card-left--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eOne Click. All Done.\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eAct directly on your screen with Click to Do—copy, translate, search, or extract with a single click.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-right--wrapper\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_6-2.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con6-card-2-1 card-1 con6-card\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_6-2.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"con6-card-3-2 card-2 con6-card\"\u003e\n\u003cdiv class=\"card-left--wrapper\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_6-3.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"card-right--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eSmarter Creativity \u0026amp; Communication\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eUse Cocreator to transform images with AI-generated styles, and Live Captions to translate audio across apps in real time—even offline.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con6-card-3-1 card-1 con6-card\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_6-3.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"con6-card-4-2 card-2 con6-card\"\u003e\n\u003cdiv class=\"card-left--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eFind, Create, and Do More with Copilot\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eImproved Windows Search lets you find anything by description, while Copilot helps you write, summarize, translate, and automate tasks across apps.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-right--wrapper\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_6-4.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con7 con-black\"\u003e\n\u003cvideo class=\"con-video small--hide\" data-content=\"con7\" src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/video\/%E8%8A%AF%E7%89%87.mp4\" muted=\"\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con7--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eUnleash \u003cbr\u003eUnrivaled Power\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eThe CHUWI AuBox X AI mini PC is powered by the Intel® Core™ Ultra 5 226V (Series 2) processor, delivering performance close to the Apple M4 (8-core) and ensuring fast, responsive performance for multitasking, gaming, AI experimentation, and content creation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003e\n\u003cb\u003e8\u003c\/b\u003e Cores \u003cbr\u003e\u003cb\u003e8\u003c\/b\u003e Threads\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003e\n\u003cb\u003e4.5GHz\u003c\/b\u003e \u003cbr\u003eMax Turbo Frequency\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003e\n\u003cb\u003e8 MB\u003c\/b\u003e \u003cbr\u003eIntel Smart Cache\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eUp to \u003cb\u003e97\u003c\/b\u003e TOPS \u003cbr\u003eCPU+GPU+NPU\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003e\n\u003cb\u003eTSMC N3B\u003c\/b\u003e \u003cbr\u003eLithography\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eUp to \u003cb\u003e37W\u003c\/b\u003e \u003cbr\u003eTDP\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con7-chart con-black\"\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con7-chart-contnt small--hide\"\u003e\n\u003cdiv class=\"con7-chart--wrapper\"\u003e\n\u003cdiv class=\"con7-chart-item con7-chart-item-1\"\u003e\n\u003cdiv class=\"progress-box progress-box-1\" data-width=\"62%\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"progress-num\" data-num=\"18095\"\u003e18095\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con7-chart-item con7-chart-item-2\"\u003e\n\u003cdiv class=\"progress-box progress-box-2\" data-width=\"75%\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"progress-num\" data-num=\"20737\"\u003e20737\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con7-chart-item con7-chart-item-3\"\u003e\n\u003cdiv class=\"progress-box progress-box-3\" data-width=\"62%\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"progress-num\" data-num=\"16035\"\u003e16035\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con7-chart-item con7-chart-item-4\"\u003e\n\u003cdiv class=\"progress-box progress-box-4\" data-width=\"57%\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"progress-num\" data-num=\"15742\"\u003e15742\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc--hide\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/m\/m_7-chart.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"con7-note\"\u003eData Source: PassMark \u003cbr\u003e* Cross-platform benchmark comparison for reference only. Actual performance varies by workload and thermal conditions.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con8 con-black\"\u003e\n\u003cvideo class=\"con-video small--hide\" data-content=\"con8\" src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/video\/%E5%A4%96%E6%8E%A5%E6%98%BE%E5%8D%A1_3.mp4\" muted=\"\" autoplay=\"autoplay\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con8--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eBuilt-in Arc Graphics. \u003cbr\u003eeGPU Ready for More.\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eEnjoy smooth 4K playback, faster rendering, and crisp visuals with Intel® Arc™ 130V— up to 2× faster graphics than Intel® Iris® Xe with hardware-accelerated ray tracing. Need desktop-class graphics for AAA gaming or professional 3D rendering? Connect an external GPU via USB4 and unlock uncompromised power when you need it.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pc--hide\" src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_8.png\" alt=\"AuBox X\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con9 con-black\"\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con9--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eSupport Triple Displays \u0026amp; Up to 8K Output\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eThe AuBox X Intel Lunar Lake mini PC lets you build the workspace you want—whether it's for coding, editing, or immersive viewing. Power up to three displays simultaneously, supporting 8K@60Hz or 4K@144Hz output.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-icon\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_9-icon1.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eUSB4 (4K@144Hz)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-icon\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_9-icon2.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eHDMI 2.1 FRL (8K@60Hz\/4K@120Hz)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-icon\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_9-icon3.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eHDMI 2.1 TMDS (4K@60Hz)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-icon\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_9-icon4.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eDP 1.4 (4K@120Hz)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con10 con-black\"\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con10--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eUpgrade-Friendly Performance\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003e16GB LPDDR5X 8533 MT\/s on-chip memory delivers ultra-low latency, lightning-fast Copilot+ AI, smooth graphics, and seamless multitasking. Need more power? Easily expand storage with dual M.2 2280 PCIe SSD slots.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item feature-item-1\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003eLPDDR5X 8533 MT\/s\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eMemory\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item feature-item-1\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003e512GB PCIe 3.0 SSD\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003eStorage\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item feature-item-1\"\u003e\n\u003cdiv class=\"feature-item-title\"\u003eDual M.2 2280 SSD Slots\u003c\/div\u003e\n\u003cdiv class=\"feature-item-context\"\u003e(Up to 1× PCIe 5.0 SSD+1× PCIe 4.0 SSD)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con11 con-black\"\u003e\n\u003cvideo class=\"con-video small--hide\" data-content=\"con11\" src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/video\/%E6%95%A3%E7%83%AD_3.mp4\" muted=\"\" autoplay=\"autoplay\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con11--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eQuiet Cooling. Full Performance.\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eThe AuBox X's advanced thermal design keeps the 37W TDP running at full speed—so you can render video, train AI models, or compile code for hours without slowdowns. And thanks to near‑silent cooling, it stays powerful without becoming a distraction.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con12 con-black\"\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con12--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eWi-Fi 6E \u0026amp; \u003cbr\u003e2.5Gb Ethernet\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eLow latency. High bandwidth. Stable connections for work, streaming, and large file transfers.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-icon\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_12-icon1.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-title\"\u003e2.5Gb Ethernet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-icon\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_12-icon2.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-title\"\u003eWi-Fi 6E\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con13-parent\" style=\"background: #1a1a1a;\"\u003e\n\u003cdiv class=\"con con13 con-black\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"con13--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003ePower and Portability Perfected\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eDesktop performance. Ultra‑compact design. Place it behind a monitor, on a shelf, or in your bag. It simply fits.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con13-img-list\"\u003e\n\u003cdiv class=\"img-list-left--wrapper\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_13-img1.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"img-list-right--wrapper\"\u003e\n\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_13-img2.png\" alt=\"AuBox X\"\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-icon\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_13-icon1.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-title\"\u003e≈580g\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-item-icon\"\u003e\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/p_13-icon2.png\" alt=\"AuBox X\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-item-title\"\u003e0.67L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con14 con-black\"\u003e\n\u003cvideo class=\"con-video small--hide\" loading=\"lazy\" src=\"https:\/\/img.chuwi.com\/Home\/AuBoxX\/video\/%E6%95%A3%E7%83%AD_1.mp4\" muted=\"\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con14--wrapper\"\u003e\n\u003cdiv class=\"con-title light-theme-text\"\u003eFuture-Proof \u003cbr\u003eConnectivity\u003c\/div\u003e\n\u003cdiv class=\"con-context\"\u003eFrom high-speed data transfer to multi-display setups, the AuBox X mini PC with NPU keeps everything running smoothly.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"con con15 con-black\"\u003e\n\u003cdiv class=\"container con-page-width\"\u003e\n\u003cdiv class=\"con15--wrapper\"\u003e\n\u003cdiv class=\"table-head\"\u003e\n\u003cdiv class=\"table-col table-col-1\"\u003e\n\u003cdiv class=\"table-cell\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-col table-col-2\"\u003e\n\u003cdiv class=\"table-cell light-theme-text\"\u003e\u003cspan class=\"light-theme-text\"\u003eAuBox X\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-col table-col-3\"\u003e\n\u003cdiv class=\"table-cell\"\u003eTraditional Mini PC\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-body\"\u003e\n\u003cdiv class=\"table-col table-col-1\"\u003e\n\u003cdiv class=\"table-cell\"\u003eAI Processing\u003c\/div\u003e\n\u003cdiv class=\"table-cell\"\u003eLatency\u003c\/div\u003e\n\u003cdiv class=\"table-cell\"\u003ePrivacy\u003c\/div\u003e\n\u003cdiv class=\"table-cell\"\u003ePerformance\u003c\/div\u003e\n\u003cdiv class=\"table-cell\"\u003eAI Model Support\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-col table-col-2\"\u003e\n\u003cdiv class=\"table-cell\"\u003e\u003cspan class=\"light-theme-text\"\u003e40 TOPS NPU\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"table-cell light-theme-text\"\u003e\u003cspan class=\"light-theme-text\"\u003eLocal real-time\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"table-cell light-theme-text\"\u003e\u003cspan class=\"light-theme-text\"\u003eFully local\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"table-cell light-theme-text\"\u003e\u003cspan class=\"light-theme-text\"\u003eeGPU Ready\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"table-cell light-theme-text\"\u003e\u003cspan class=\"light-theme-text\"\u003eLlama \/ Stable Diffusion Local\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-col table-col-3\"\u003e\n\u003cdiv class=\"table-cell\"\u003eNone\u003c\/div\u003e\n\u003cdiv class=\"table-cell\"\u003eCloud-based\u003c\/div\u003e\n\u003cdiv class=\"table-cell\"\u003eRisk\u003c\/div\u003e\n\u003cdiv class=\"table-cell\"\u003eScaling Limited\u003c\/div\u003e\n\u003cdiv class=\"table-cell\"\u003eCloud-only\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n\t\tfunction isMobile() {\n\t\t\treturn \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent) ||\n\t\t\t\twindow.innerWidth \u003c 768;\n\t\t}\n\t\t$(function () {\n\t\t\t\/\/ 1. 注册 ScrollTrigger 插件\n\t\t\tgsap.registerPlugin(ScrollTrigger);\n\n\t\t\t\/\/ con4: 标题满屏到缩小回原来 文案上滑显示\n\n\t\t\tif (!isMobile()) {\n\t\t\t\tlet con4_scrollModule = document.querySelector('.con.con4 .container .con-context');\n\t\t\t\t\/\/ 2. 获取核心元素\n\t\t\t\tconst t4 = gsap.timeline({\n\t\t\t\t\tscrollTrigger: {\n\t\t\t\t\t\ttrigger: '.con.con4', \/\/ 触发元素：核心模块\n\t\t\t\t\t\tstart: 'top 40%',      \/\/ 触发时机：模块顶部对齐视口顶部\n\t\t\t\t\t\tend: '+=100%',         \/\/ 锁定滚动的总距离（视口高度的150%，足够分段操作）\n\t\t\t\t\t\tpin: true,            \/\/ 👈 自动处理 sticky + 占位符\n\t\t\t\t\t\tscrub: 5,           \/\/ 滚动进度与动画进度同步（平滑衔接）\n\t\t\t\t\t}\n\t\t\t\t});\n\n\n\n\t\t\t\t\/\/ 初始状态\n\t\t\t\tt4\n\t\t\t\t\t.set('.con.con4 .container .con4--wrapper', {\n\t\t\t\t\t\tminHeight: '30em'\n\t\t\t\t\t})\n\t\t\t\t\t.set('.con.con4 .container .con-context', {\n\t\t\t\t\t\ty: '80%',\n\t\t\t\t\t\tautoAlpha: 0\n\t\t\t\t\t})\n\t\t\t\t\t.set('.con.con4 .container .con4-img-list', {\n\t\t\t\t\t\ty: '50%',\n\t\t\t\t\t\tautoAlpha: 0\n\t\t\t\t\t})\n\t\t\t\t\t.set('.con.con4 .container .con-title', {\n\t\t\t\t\t\tscale: 4,\n\t\t\t\t\t\ty: '100%',\n\t\t\t\t\t\ttextAlign: 'center'\n\t\t\t\t\t});\n\n\t\t\t\t\/\/ 标题动画\n\t\t\t\tt4.to('.con.con4 .container .con-title', {\n\t\t\t\t\t\tscale: 3,\n\t\t\t\t\t\ty: '66%',\n\t\t\t\t\t\tduration: 3\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con.con4 .container .con-title', {\n\t\t\t\t\t\tscale: 1,\n\t\t\t\t\t\ty: '0',\n\t\t\t\t\t\tduration: 2\n\t\t\t\t\t})\n\n\t\t\t\t\t\/\/ 内容出现（在标题动画末尾）\n\t\t\t\t\t.to('.con.con4 .container .con4--wrapper', {\n\t\t\t\t\t\tminHeight: 'unset'\n\t\t\t\t\t}, '\u003c')\n\t\t\t\t\t.to('.con.con4 .container .con-context', {\n\t\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\t\tduration: 0.3\n\t\t\t\t\t}, '\u003c')\n\t\t\t\t\t.to('.con.con4 .container .con4-img-list', {\n\t\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\t\tduration: 0.3\n\t\t\t\t\t}, '\u003c')\n\n\t\t\t\t\t\/\/ 内容上移\n\t\t\t\t\t.to('.con.con4 .container .con-context', {\n\t\t\t\t\t\ty: '0',\n\t\t\t\t\t\tduration: 1\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con.con4 .container .con4-img-list', {\n\t\t\t\t\t\ty: '0',\n\t\t\t\t\t\tduration: 1\n\t\t\t\t\t}, '\u003c')\n\t\t\t\t\t.to('.con.con5', {   \/\/ 👈 下一屏的选择器\n\t\t\t\t\t\ty: -50,\n\t\t\t\t\t\tduration: 0.5,\n\t\t\t\t\t\tclearProps: 'y'        \/\/ 动画结束后清除，不影响后续滚动\n\t\t\t\t\t}, '\u003c');;\n\t\t\t}\n\n\t\t\t\/\/ con7-chart: 进度条宽度从0-100%\n\n\t\t\tif (!isMobile()) {\n\n\t\t\t\tconst t7 = gsap.timeline({\n\t\t\t\t\tscrollTrigger: {\n\t\t\t\t\t\ttrigger: '.con.con7-chart',\n\t\t\t\t\t\tstart: 'top 10%',      \/\/ 触发时机：模块顶部对齐视口顶部\n\t\t\t\t\t\tend: 'bottom 10%',       \/\/ 结束时机，滚动到元素快离开视口时完成\n\t\t\t\t\t\tscrub: 1,              \/\/ 稍微减小平滑值，跟手感更好\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\t\/\/ 进度条初始宽度为 0\n\t\t\t\tt7.set('.con.con7-chart .progress-box-1, .con.con7-chart .progress-box-2, .con.con7-chart .progress-box-3, .con.con7-chart .progress-box-4', {\n\t\t\t\t\twidth: 0,\n\t\t\t\t});\n\n\t\t\t\t\/\/ 进度条同时开始动画（用 '\u003c' 让它们一起动）\n\t\t\t\tt7.to('.con.con7-chart .progress-box-1', { width: '67%', duration: 1 }, '\u003c')\n\t\t\t\t\t.to('.con.con7-chart .progress-box-2', { width: '75%', duration: 1 }, '\u003c')\n\t\t\t\t\t.to('.con.con7-chart .progress-box-3', { width: '62%', duration: 1 }, '\u003c')\n\t\t\t\t\t.to('.con.con7-chart .progress-box-4', { width: '57%', duration: 1 }, '\u003c');\n\n\t\t\t\tfunction formatNumber(num) {\n\t\t\t\t\t\/\/ 先取整（确保无小数），再添加千分位\n\t\t\t\t\treturn Math.floor(num).toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n\t\t\t\t}\n\t\t\t\t\/\/ 数字滚动：放到同一个时间线里，自动绑定滚动进度\n\t\t\t\tfunction startNumberRolling(counterEl, targetNum, startOffset = 0) {\n\t\t\t\t\t\/\/ 初始值设为 0\n\t\t\t\t\tconst data = { current: 0 };\n\t\t\t\t\tt7.to(data, {\n\t\t\t\t\t\tcurrent: targetNum,\n\t\t\t\t\t\tduration: 1,             \/\/ 进度条和数字滚动共用 1 的权重\n\t\t\t\t\t\tease: \"power2.out\",\n\t\t\t\t\t\tonUpdate: () =\u003e {\n\t\t\t\t\t\t\tcounterEl.textContent = formatNumber(data.current);\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonComplete: () =\u003e {\n\t\t\t\t\t\t\tcounterEl.textContent = formatNumber(targetNum);\n\t\t\t\t\t\t},\n\t\t\t\t\t}, startOffset);           \/\/ 可以传偏移，比如 '\u003c' 或 '\u003c0.2' 等\n\t\t\t\t}\n\n\t\t\t\t\/\/ 获取所有数字元素并启动滚动（和进度条同时开始）\n\t\t\t\tconst countList = document.querySelectorAll('.con.con7-chart .con7-chart-item .progress-num');\n\t\t\t\tcountList.forEach((el, idx) =\u003e {\n\t\t\t\t\tconst targetNum = parseFloat(el.dataset.num);\n\t\t\t\t\tif (!isNaN(targetNum)) {\n\t\t\t\t\t\tstartNumberRolling(el, targetNum, '\u003c');  \/\/ '\u003c' 表示和上一个动画（进度条）同时开始\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t}\n\n\t\t\t\/\/ con6: 滚动固定住 滚动切换图文\n\t\t\tif (!isMobile()) {\n\t\t\t\tlet con11_scrollModule = document.querySelector('.con.con6');\n\t\t\t\t\/\/ 3. 创建滚动时间线：分段控制动画\n\t\t\t\tconst t11 = gsap.timeline({\n\t\t\t\t\tscrollTrigger: {\n\t\t\t\t\t\ttrigger: '.con.con6',           \/\/ 监听的容器\n\t\t\t\t\t\tstart: 'top top',               \/\/ 容器顶部到达视口顶部时开始固定\n\t\t\t\t\t\tend: '+=100%',                  \/\/ 滚动 200% 视口高度后解除固定\n\t\t\t\t\t\tpin: true,                      \/\/ 👈 自动实现 sticky + 解除\n\t\t\t\t\t\tscrub: 1,                       \/\/ 可选：让动画跟随滚动\n\t\t\t\t\t\t\/\/ markers: true,                  \/\/ 调试用，看 start\/end 点\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\/\/ 假设 t11 是已经创建好的 GSAP 时间线\n\t\t\t\t\/\/ 初始状态：所有卡片内容透明\n\t\t\t\tt11.set('.con6-card-1-2 .card-right--wrapper, .con6-card-2-2 .card-left--wrapper, .con6-card-3-2 .card-right--wrapper, .con6-card-4-2 .card-left--wrapper', {\n\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t});\n\n\t\t\t\t\/\/ 定义卡片动画序列\n\t\t\t\t\/\/ 卡片 1 动画\n\t\t\t\tt11.to('.con6-card-1-2 .card-right--wrapper', {\n\t\t\t\t\tautoAlpha: 1,        \/\/ 1. 内容淡入\n\t\t\t\t\tduration: 0.5,\n\t\t\t\t})\n\t\t\t\t\t.to('.con6-card-1-2 .card-left--wrapper img', {\n\t\t\t\t\t\tborderRadius: '60px', \/\/ 2. 改变图片样式\n\t\t\t\t\t\tduration: 0.2,\n\t\t\t\t\t}, '\u003c+=0.2')           \/\/ 在上一个动画开始后 0.2 秒执行\n\t\t\t\t\t.to('.con6-card-1-2 .card-right--wrapper', {\n\t\t\t\t\t\tautoAlpha: 0,        \/\/ 1. 内容淡入\n\t\t\t\t\t\tduration: 0.3,\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con6-card-1-2 .card-left--wrapper', {\n\t\t\t\t\t\tx: '+100%',          \/\/ 3. 左侧容器向右移出\n\t\t\t\t\t\tduration: 0.4,\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con6-card-1-2', {\n\t\t\t\t\t\tautoAlpha: 0,        \/\/ 4. 最后，整张卡片淡出\n\t\t\t\t\t\tduration: 0.2,\n\t\t\t\t\t}, '+=0.1');\n\n\t\t\t\t\/\/ 卡片 2 动画（在卡片 1 结束后开始）\n\t\t\t\tt11.to('.con6-card-2-2 .card-left--wrapper', {\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\tduration: 0.5,\n\t\t\t\t}, '\u003e')                  \/\/ '\u003e' 表示等待上一个动画全部完成\n\t\t\t\t\t.to('.con6-card-2-2 .card-right--wrapper img', {\n\t\t\t\t\t\tborderRadius: '60px',\n\t\t\t\t\t\tduration: 0.2,\n\t\t\t\t\t}, '\u003c+=0.2')\n\t\t\t\t\t.to('.con6-card-2-2 .card-left--wrapper', {\n\t\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\t\tduration: 0.3,\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con6-card-2-2 .card-right--wrapper', {\n\t\t\t\t\t\tx: '-100%',\n\t\t\t\t\t\tduration: 0.4,\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con6-card-2-2', {\n\t\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\t\tduration: 0.2,\n\t\t\t\t\t}, '+=0.1');\n\n\t\t\t\t\/\/ 卡片 3 动画（同理，在卡片 2 结束后开始）\n\t\t\t\tt11.to('.con6-card-3-2 .card-right--wrapper', {\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\tduration: 0.5,\n\t\t\t\t}, '\u003e')\n\t\t\t\t\t.to('.con6-card-3-2 .card-left--wrapper img', {\n\t\t\t\t\t\tborderRadius: '60px',\n\t\t\t\t\t\tduration: 0.2,\n\t\t\t\t\t}, '\u003c+=0.2')\n\t\t\t\t\t.to('.con6-card-3-2 .card-right--wrapper', {\n\t\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\t\tduration: 0.3,\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con6-card-3-2 .card-left--wrapper', {\n\t\t\t\t\t\tx: '+100%',\n\t\t\t\t\t\tduration: 0.4,\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con6-card-3-2', {\n\t\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\t\tduration: 0.2,\n\t\t\t\t\t}, '+=0.1');\n\n\t\t\t\t\/\/ 卡片 4 动画（最后一张，不需要再淡出）\n\t\t\t\tt11.to('.con6-card-4-2 .card-left--wrapper', {\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\tduration: 0.6,\n\t\t\t\t}, '\u003e');\n\t\t\t}\n\n\n\t\t\t\/\/ con13: 标题满屏到缩小回原来 文案上滑显示\n\t\t\tif (!isMobile()) {\n\t\t\t\tlet con13_scrollModule = document.querySelector('.con.con13 .container .con-context');\n\t\t\t\t\/\/ 2. 获取核心元素\n\t\t\t\tconst t13 = gsap.timeline({\n\t\t\t\t\tscrollTrigger: {\n\t\t\t\t\t\ttrigger: '.con.con13', \/\/ 触发元素：核心模块\n\t\t\t\t\t\tstart: 'top 60%',      \/\/ 触发时机：模块顶部对齐视口顶部\n\t\t\t\t\t\tend: '+=100%',         \/\/ 锁定滚动的总距离（视口高度的150%，足够分段操作）\n\t\t\t\t\t\tpin: true,\n\t\t\t\t\t\tscrub: 3,           \/\/ 滚动进度与动画进度同步（平滑衔接）\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\t\/\/ 初始状态\n\t\t\t\tt13\n\t\t\t\t\t.set('.con.con13 .container .con13--wrapper', {\n\t\t\t\t\t\tminHeight: '30em'\n\t\t\t\t\t})\n\t\t\t\t\t.set('.con.con13 .container .con-context', {\n\t\t\t\t\t\ty: '50%',\n\t\t\t\t\t\tautoAlpha: 0           \/\/ 替代 display: none\n\t\t\t\t\t})\n\t\t\t\t\t.set('.con.con13 .container .con13-img-list', {\n\t\t\t\t\t\ty: '50%',\n\t\t\t\t\t\tautoAlpha: 0           \/\/ 替代 display: none\n\t\t\t\t\t})\n\t\t\t\t\t.set('.con.con13 .container .con-title', {\n\t\t\t\t\t\tscale: 4,\n\t\t\t\t\t\ty: '100%',\n\t\t\t\t\t\ttextAlign: 'center'\n\t\t\t\t\t});\n\n\t\t\t\t\/\/ 标题动画\n\t\t\t\tt13.to('.con.con13 .container .con-title', {\n\t\t\t\t\t\tscale: 3,\n\t\t\t\t\t\ty: '66%',\n\t\t\t\t\t\tduration: 3\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con.con13 .container .con-title', {\n\t\t\t\t\t\tscale: 1,\n\t\t\t\t\t\ty: '0',\n\t\t\t\t\t\tduration: 6\n\t\t\t\t\t})\n\n\t\t\t\t\t\/\/ 在标题动画结束时，显示内容（不突兀）\n\t\t\t\t\t.to('.con.con13 .container .con13--wrapper', {\n\t\t\t\t\t\tminHeight: 'unset'\n\t\t\t\t\t}, '\u003c')\n\t\t\t\t\t.to('.con.con13 .container .con-context', {\n\t\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\t\tduration: 0.2\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con.con13 .container .con13-img-list', {\n\t\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\t\tduration: 0.2\n\t\t\t\t\t}, '\u003c')\n\n\t\t\t\t\t\/\/ 内容上浮（一次就够了）\n\t\t\t\t\t.to('.con.con13 .container .con-context', {\n\t\t\t\t\t\ty: '0',\n\t\t\t\t\t\tduration: 1\n\t\t\t\t\t})\n\t\t\t\t\t.to('.con.con13 .container .con13-img-list', {\n\t\t\t\t\t\ty: '0',\n\t\t\t\t\t\tduration: 1\n\t\t\t\t\t}, '\u003c')\n\t\t\t\t\t.to('.con.con14', {   \/\/ 👈 下一屏的选择器\n\t\t\t\t\t\ty: -50,\n\t\t\t\t\t\tduration: 0.5,\n\t\t\t\t\t\tclearProps: 'y'        \/\/ 动画结束后清除，不影响后续滚动\n\t\t\t\t\t}, '\u003c');\n\n\t\t\t}\n\n\t\t})\n\n\t\u003c\/script\u003e \u003cscript\u003e\n\t\t\/\/ 1. 立即执行版防抖函数（3秒锁定）\n\t\tfunction debounceImmediate(fn, wait = 3000) {\n\t\t\tlet timer = null;\n\t\t\tlet isLocked = false;\n\t\t\treturn function (...args) {\n\t\t\t\tif (isLocked) return;\n\t\t\t\tfn.apply(this, args);\n\t\t\t\tisLocked = true;\n\t\t\t\tclearTimeout(timer);\n\t\t\t\ttimer = setTimeout(() =\u003e {\n\t\t\t\t\tisLocked = false;\n\t\t\t\t}, wait);\n\t\t\t};\n\t\t}\n\n\t\t\/\/ 2. 视频播放逻辑\n\t\tasync function playVideo(video) {\n\t\t\ttry {\n\t\t\t\tlet parentEl = video.dataset.content;\n\t\t\t\t\/\/ document.querySelector(`.${parentEl}`).style.position = 'fixed';\n\t\t\t\t\/\/ document.querySelector(`.${parentEl}`).style.width = '100%';\n\t\t\t\t\/\/ document.querySelector(`.${parentEl}`).style.height = '100%';\n\t\t\t\t\/\/ document.querySelector(`.${parentEl}`).style.zIndex = '9';\n\t\t\t\t\/\/ document.querySelector(`.${parentEl}`).style.top = 0;\n\t\t\t\tdocument.querySelector(`.${parentEl} .container`).style.display = 'none';\n\t\t\t\tvideo.currentTime = 0; \/\/ 重置到开头\n\t\t\t\tawait video.play();\n\t\t\t\tconsole.log(`视频播放：${new Date().toLocaleTimeString()}`);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.warn(\"播放失败：\", err);\n\t\t\t\t\/\/ video.controls = true;\n\t\t\t}\n\t\t}\n\n\t\t\/\/ 3. 包装为防抖函数（3秒内仅首次触发）\n\t\tconst debouncedPlayVideo = debounceImmediate(playVideo, 5000);\n\n\t\t\/\/ 4. 视口监听（完整进入视口触发）\n\t\tconst observer = new IntersectionObserver((entries) =\u003e {\n\t\t\tentries.forEach(entry =\u003e {\n\t\t\t\tconst video = entry.target;\n\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\tdebouncedPlayVideo(video); \/\/ 触发防抖播放\n\t\t\t\t} else {\n\t\t\t\t\t\/\/ video.pause(); \/\/ 离开视口暂停（非防抖，即时响应）\n\t\t\t\t}\n\t\t\t});\n\t\t}, { threshold: [0.6] }); \/\/ 完整进入视口触发\n\n\t\t\/\/ 5. 初始化监听\n\t\tconst videoList = document.querySelectorAll('.con-video');\n\t\tvideoList.forEach((video) =\u003e {\n\t\t\tvideo.muted = true;\n\t\t\tvideo.loop = false;\n\t\t\tobserver.observe(video);\n\n\t\t\t\/\/ 6. 播放结束暂停\n\t\t\tvideo.addEventListener('ended', () =\u003e {\n\t\t\t\tvideo.pause();\n\t\t\t\tlet parentEl = video.dataset.content;\n\t\t\t\tconsole.log(parentEl)\n\t\t\t\t\/\/ document.querySelector(`.${parentEl}`).style.position = 'relative';\n\t\t\t\t\/\/ document.querySelector(`.${parentEl}`).style.top = 'unset';\n\t\t\t\tdocument.querySelector(`.${parentEl} .container`).style.display = 'flex';\n\t\t\t});\n\t\t})\n\n\t\u003c\/script\u003e\u003c\/p\u003e","brand":"CHUWI Global Store","offers":[{"title":"Default Title","offer_id":51951954854119,"sku":null,"price":699.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/AuBoxX_1.jpg?v=1775628296","url":"https:\/\/store.chuwi.com\/products\/aubox-x","provider":"CHUWI Global Store","version":"1.0","type":"link"}