{"product_id":"gtbook-x-230h","title":"GTBook X Laptop GamingBook Intel® Core™ 7 230H","description":"\u003cstyle\u003e\n :root {\n --base-font-size: 20;\n --bg-cover: center center \/ 100% 100% no-repeat;\n }\n\n html,\n body {\n margin: 0;\n padding: 0;\n }\n\n @font-face {\n font-family: 'MiSans_Semibold';\n src: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Semibold_e9e747e9-0ff0-4c15-8858-60daf05bc9f6.otf?v=1775543044');\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'MiSans_Regular';\n src: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Regular.ttf?v=1770357851');\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'MiSans_Bold';\n src: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/MiSans-Bold.otf?v=1735280760');\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Kkhei';\n src: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/Kkhei.TTF?v=1785739229');\n font-style: normal;\n font-display: swap;\n }\n\n .product-feature-detail {\n background-color: #111216;\n width: 100%;\n }\n\n .product-feature-detail * {\n font-family: 'MiSans_Regular';\n box-sizing: border-box;\n }\n\n h1,\n h2,\n h3,\n h4,\n p {\n margin: 0;\n margin-bottom: 0 !important;\n line-height: 1 !important;\n }\n\n .con {\n font-size: calc(0.98px * var(--base-font-size));\n box-sizing: border-box;\n position: relative;\n overflow: hidden;\n background: var(--con-bg) var(--bg-cover);\n aspect-ratio: var(--con-ratio, 2560 \/ 1310);\n }\n\n .con .con-video,\n .con .con-canvas {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: block;\n pointer-events: none;\n }\n\n .con .container {\n position: relative;\n height: 100%;\n box-sizing: border-box;\n padding: 0 calc(20em \/ var(--base-font-size));\n text-align: center;\n }\n\n .con div,\n .con p,\n .con ul {\n font-size: unset;\n }\n\n .con p {\n display: inline-block;\n }\n\n .con img {\n width: 100%;\n }\n\n .con .con-page-width {\n max-width: 1920px;\n margin: 0 auto;\n width: 100%;\n }\n\n .con:not(.con1) .container .con-title {\n font-family: 'MiSans_Bold';\n font-size: calc(62em \/ var(--base-font-size));\n color: #000;\n font-style: italic;\n }\n\n .con .con--wrapper .con-title-2 {\n margin-top: calc(3em \/ var(--base-font-size));\n }\n\n .con .lh {\n line-height: 1;\n text-box-trim: trim-both;\n text-box-edge: cap text;\n }\n\n .con .container .con-context {\n font-size: calc(26em \/ var(--base-font-size));\n color: #fff;\n }\n\n .con .feature-list .feature-item {\n display: grid;\n gap: calc(14em \/ var(--base-font-size));\n }\n\n .con .container .feature-item .feature-item-title {\n color: #fff;\n font-family: 'Kkhei';\n font-size: calc(48em \/ var(--base-font-size));\n line-height: 1;\n display: inline-block;\n background-image: -webkit-linear-gradient(left, #0bd4ff 0%, #6ffe8c 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n transform: scaleY(1.35);\n }\n\n .con .container .feature-item .feature-item-context {\n font-size: calc(28em \/ var(--base-font-size));\n color: #fff;\n }\n\n .con .con--wrapper .con-title-decorated {\n position: relative;\n padding: var(--deco-title-pad);\n }\n\n .con .con--wrapper .con-title-decorated .con-icon {\n position: absolute;\n top: 0;\n left: var(--deco-icon-left);\n z-index: -1;\n width: calc(var(--deco-icon-width, 354em) \/ var(--base-font-size));\n background: var(--deco-icon-bg) var(--bg-cover);\n aspect-ratio: var(--deco-icon-ratio);\n }\n\n .con .con--wrapper.is-align-end {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n text-align: right;\n }\n\n .con .con--wrapper.is-deco-center {\n display: flex;\n flex-direction: column;\n align-items: center;\n isolation: isolate;\n margin-top: calc(100em \/ var(--base-font-size));\n }\n\n .con .con--wrapper.is-deco-center .con-title {\n --deco-title-pad: calc(7em \/ var(--base-font-size)) calc(24em \/ var(--base-font-size));\n --deco-icon-left: calc(-10em \/ var(--base-font-size));\n --deco-icon-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/deco-right.png');\n --deco-icon-ratio: 1097 \/ 146;\n }\n\n .con .con--wrapper.is-deco-center .con-context {\n width: calc(1360em \/ var(--base-font-size));\n margin-top: calc(65em \/ var(--base-font-size));\n }\n\n .con .con-title-stack {\n display: flex;\n flex-direction: column;\n align-items: var(--stack-align, center);\n height: var(--stack-height, calc(245em \/ var(--base-font-size)));\n background: var(--stack-bg) var(--bg-cover);\n aspect-ratio: var(--stack-ratio);\n padding-top: var(--stack-pad-top, calc(13em \/ var(--base-font-size)));\n padding-left: var(--stack-pad-left, 0);\n }\n\n .con .con-title-stack .con-title {\n padding: var(--stack-title-pad);\n }\n\n .grad-ltr {\n background: -webkit-linear-gradient(left, #0bd4ff 0%, #6ffe8c 100%);\n }\n\n .grad-rtl {\n background: -webkit-linear-gradient(right, #0bd4ff 0%, #6ffe8c 100%);\n }\n\n .container-fluid,\n .container-lg,\n .container-md,\n .container-sm,\n .container-xl {\n padding-left: 0;\n padding-right: 0;\n }\n \u003c\/style\u003e\n \u003cstyle\u003e\n .con.small--hide,\n .con .small--hide {\n display: block;\n }\n\n .con.pc--hide,\n .con .pc--hide {\n display: none !important;\n }\n\n .con.con1 .container {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .con.con1 .feature-list {\n display: flex;\n align-items: flex-end;\n gap: calc(45em \/ var(--base-font-size));\n margin-top: calc(60em \/ var(--base-font-size));\n }\n\n .con.con1 .feature-list .feature-item-1 {\n width: calc(217em \/ var(--base-font-size));\n height: calc(65em \/ var(--base-font-size));\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c1_2.jpg') var(--bg-cover);\n aspect-ratio: 217 \/ 65;\n }\n\n .con.con1 .feature-list .feature-item-2 {\n width: calc(105em \/ var(--base-font-size));\n height: calc(105em \/ var(--base-font-size));\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c1_3.jpg') var(--bg-cover);\n aspect-ratio: 105 \/ 105;\n }\n\n .con.con1 .con-title {\n display: flex;\n align-items: flex-end;\n gap: calc(6.6em \/ var(--base-font-size));\n padding-top: calc(6em \/ var(--base-font-size));\n font-family: 'MiSans_Semibold';\n font-size: calc(90em \/ var(--base-font-size));\n line-height: 1;\n color: #fff;\n }\n\n .con.con1 .con-title img {\n width: calc(58em \/ var(--base-font-size));\n height: auto;\n display: block;\n }\n\n .con.con1 .con-context {\n font-size: calc(42em \/ var(--base-font-size));\n padding-top: calc(16em \/ var(--base-font-size));\n }\n\n .con.con2 {\n aspect-ratio: inherit;\n }\n\n .con.con2 .con--wrapper {\n display: grid;\n grid-template-rows: 1417fr 1134fr;\n gap: calc(30em \/ var(--base-font-size));\n padding: calc(119em \/ var(--base-font-size)) 0;\n }\n\n .con.con2 .con2-row .con2-block .con2-block-text {\n position: relative;\n z-index: 1;\n }\n\n .con.con2 .con2-row .con2-block .con2-block-text .con2-block-title {\n font-family: 'MiSans_Bold';\n font-size: calc(46em \/ var(--base-font-size));\n background-image: -webkit-linear-gradient(left, #0bd4ff 23%, #6ffe8c 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .con.con2 .con2-row .con2-block .con2-block-text .con2-block-context {\n font-size: calc(34em \/ var(--base-font-size));\n color: #fff;\n }\n\n .con.con2 .con2-row-1 {\n aspect-ratio: 1920 \/ 1404;\n display: grid;\n grid-template-rows: 299fr 708fr 37fr 359fr;\n grid-template-columns: 163fr 577fr 31fr 174fr 30fr 174fr 31fr 577fr 163fr;\n }\n\n .con.con2 .con2-row-1 .con2-block {\n position: relative;\n }\n\n .con.con2 .con2-row .con2-block .con2-block-icon {\n position: absolute;\n top: 0;\n height: 100%;\n }\n\n .con.con2 .con2-row-1 .con2-block-1,\n .con.con2 .con2-row-1 .con2-block-2 {\n display: flex;\n flex-direction: column;\n padding-top: calc(40em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-1 .con2-block-1 {\n grid-area: 1\/2\/3\/5;\n text-align: right;\n }\n\n .con.con2 .con2-row-1 .con2-block-1 .con2-block-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c2_1.png') var(--bg-cover);\n aspect-ratio: 782 \/ 1008;\n }\n\n .con.con2 .con2-row-1 .con2-block-1 .con2-block-text {\n padding-right: calc(46em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-1 .con2-block-2 {\n grid-area: 1\/6\/3\/9;\n text-align: left;\n }\n\n .con.con2 .con2-row-1 .con2-block-2 .con2-block-text {\n padding-left: calc(46em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-1 .con2-block-2 .con2-block-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c2_2.png') var(--bg-cover);\n aspect-ratio: 782 \/ 1008;\n }\n\n .con.con2 .con2-row-1 .con2-block-3,\n .con.con2 .con2-row-1 .con2-block-5 {\n display: flex;\n align-items: flex-end;\n }\n\n .con.con2 .con2-row-1 .con2-block-3 .con2-block-text,\n .con.con2 .con2-row-1 .con2-block-5 .con2-block-text {\n padding: 0 calc(48em \/ var(--base-font-size));\n padding-bottom: calc(98em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-1 .con2-block-3 {\n grid-area: 2\/1\/5\/3;\n justify-content: flex-end;\n }\n\n .con.con2 .con2-row-1 .con2-block-3 .con2-block-icon {\n right: 0;\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c2_3.png') var(--bg-cover);\n aspect-ratio: 902 \/ 1105;\n }\n\n .con.con2 .con2-row-1 .con2-block-3 .con2-block-text {\n text-align: right;\n padding-bottom: calc(40em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-1 .con2-block-4 {\n grid-area: 4\/4\/5\/7;\n }\n\n .con.con2 .con2-row-1 .con2-block-4 .con2-block-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c2_4.png') var(--bg-cover);\n aspect-ratio: 378 \/ 359;\n }\n\n .con.con2 .con2-row-1 .con2-block-5 {\n grid-area: 2\/8\/5\/10;\n }\n\n .con.con2 .con2-row-1 .con2-block-5 .con2-block-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c2_5.png') var(--bg-cover);\n aspect-ratio: 741 \/ 1105;\n }\n\n .con.con2 .con2-row-2 {\n display: grid;\n grid-template-rows: 542fr 30fr 562fr 31fr;\n grid-template-columns: 430fr 214fr 632fr 214fr 430fr;\n }\n\n .con.con2 .con2-row-2 .con2-block {\n position: relative;\n }\n\n .con.con2 .con2-row-2 .con2-block .con2-block-text {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n }\n\n .con.con2 .con2-row-2 .con2-block-6 .con2-block-text,\n .con.con2 .con2-row-2 .con2-block-9 .con2-block-text {\n padding-bottom: calc(76em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-2 .con2-block-6 {\n grid-area: 1\/1\/4\/2;\n }\n\n .con.con2 .con2-row-2 .con2-block-6 .con2-block-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c2_6.png') var(--bg-cover);\n aspect-ratio: 766 \/ 1133;\n }\n\n .con.con2 .con2-row-2 .con2-block-6 .con2-block-text {\n padding-left: calc(12em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-2 .con2-block-7 {\n grid-area: 1\/3\/2\/4;\n }\n\n .con.con2 .con2-row-2 .con2-block-7 .con2-block-icon {\n width: 100%;\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c2_7.png') var(--bg-cover);\n aspect-ratio: 632 \/ 542;\n }\n\n .con.con2 .con2-row-2 .con2-block-7 .con2-block-text {\n padding-bottom: calc(30em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-2 .con2-block-8 {\n grid-area: 1\/5\/4\/6;\n }\n\n .con.con2 .con2-row-2 .con2-block-8 .con2-block-icon {\n right: 0;\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c2_8.png') var(--bg-cover);\n aspect-ratio: 766 \/ 1133;\n }\n\n .con.con2 .con2-row-2 .con2-block-8 .con2-block-text {\n text-align: right;\n padding-right: calc(34em \/ var(--base-font-size));\n padding-bottom: calc(141em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-2 .con2-block-9 {\n grid-area: 3\/2\/5\/5;\n }\n\n .con.con2 .con2-row-2 .con2-block-9 .con2-block-icon {\n left: 50%;\n transform: translateX(-50%);\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c2_9.png') var(--bg-cover);\n aspect-ratio: 1061 \/ 592;\n }\n\n .con.con3 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c3_1.jpg');\n }\n\n .con.con3 .container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n\n .con.con3 .con--wrapper {\n position: relative;\n padding: calc(13em \/ var(--base-font-size)) calc(42em \/ var(--base-font-size)) 0 0;\n }\n\n .con.con3 .con-panel-bg {\n position: absolute;\n top: 0;\n right: 0;\n width: calc(771em \/ var(--base-font-size));\n height: calc(889em \/ var(--base-font-size));\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c3_2.png') var(--bg-cover);\n aspect-ratio: 771 \/ 889;\n }\n\n .con.con3 .con--wrapper .con-title {\n padding: calc(5em \/ var(--base-font-size)) calc(6em \/ var(--base-font-size)) calc(2em \/ var(--base-font-size)) calc(9em \/ var(--base-font-size));\n }\n\n .con.con3 .con--wrapper .con-context {\n width: calc(584em \/ var(--base-font-size));\n margin-top: calc(72em \/ var(--base-font-size));\n }\n\n .con.con3 .feature-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: calc(74em \/ var(--base-font-size)) 0;\n margin-top: calc(68em \/ var(--base-font-size));\n }\n\n .con.con3 .feature-list .feature-item {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: flex-end;\n }\n\n .con.con3 .feature-list .feature-item .feature-item-title {\n width: fit-content;\n max-width: 100%;\n display: flex;\n }\n\n .con.con3 .feature-list .feature-item-1 {\n gap: 0;\n }\n\n .con.con3 .feature-list .feature-item .feature-item-box {\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n gap: calc(4em \/ var(--base-font-size));\n }\n\n .con.con4 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c4_1.jpg');\n --con-ratio: 2560 \/ 1097;\n }\n\n .con.con4 .container {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .con.con4 .feature-list {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n width: calc(2244em \/ var(--base-font-size));\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c4_2.png') var(--bg-cover);\n aspect-ratio: 2244 \/ 1143;\n gap: calc(60em \/ var(--base-font-size));\n padding: 0 calc(360em \/ var(--base-font-size)) 0 calc(548em \/ var(--base-font-size));\n }\n\n .con.con4 .feature-list .feature-item {\n width: 100%;\n height: calc(36em \/ var(--base-font-size));\n display: block;\n }\n\n .con.con4 .feature-list .feature-item:nth-child(1) {\n margin-bottom: calc(8em \/ var(--base-font-size));\n }\n\n .con.con4 .feature-list .feature-item:nth-child(3) {\n margin-bottom: calc(10em \/ var(--base-font-size));\n }\n\n .con.con4 .feature-list .feature-item:nth-child(4) {\n margin-bottom: calc(100em \/ var(--base-font-size));\n }\n\n .con.con4 .feature-list .feature-item .feature-item-number {\n text-align: right;\n font-size: calc(32em \/ var(--base-font-size));\n color: #999999;\n padding-right: calc(12em \/ var(--base-font-size));\n }\n\n .con.con4 .feature-list .feature-item:first-child .feature-item-number {\n font-family: 'Kkhei';\n color: #1eecff;\n }\n\n .con.con4 .feature-list .feature-item .feature-item-bar {\n --chevron: calc(18em \/ var(--base-font-size));\n --seg-gap: 6px;\n display: flex;\n height: 100%;\n }\n\n .con.con4 .feature-list .feature-item .feature-item-bar span {\n --left-notch: var(--chevron);\n flex: 1;\n background: #999999;\n clip-path: polygon(0 0,\n calc(100% - var(--chevron)) 0,\n 100% 50%,\n calc(100% - var(--chevron)) 100%,\n 0 100%,\n var(--left-notch) 50%);\n margin-left: calc(var(--seg-gap) - var(--chevron));\n }\n\n .con.con4 .feature-list .feature-item:first-child .feature-item-bar span {\n background: #1ed7ff;\n }\n\n .con.con4 .feature-list .feature-item .feature-item-bar span:first-child {\n --left-notch: 0;\n margin-left: 0;\n flex: 0 0 calc(16em \/ var(--base-font-size));\n }\n\n .con.con4 .feature-list .feature-item:nth-child(2) {\n width: 85%;\n }\n\n .con.con4 .feature-list .feature-item:nth-child(3) {\n width: 46%;\n }\n\n .con.con4 .feature-list .feature-item:nth-child(4) {\n width: 12%;\n }\n\n .con.con5 {\n --stack-align: flex-end;\n --stack-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c5_2.png');\n --stack-ratio: 805 \/ 245;\n --stack-title-pad: calc(5em \/ var(--base-font-size)) calc(14em \/ var(--base-font-size)) calc(3em \/ var(--base-font-size));\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c5_1.jpg');\n }\n\n .con.con5 .con-icon {\n position: absolute;\n top: calc(75em \/ var(--base-font-size));\n left: 0;\n width: calc(356em \/ var(--base-font-size));\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c5_3.png') var(--bg-cover);\n aspect-ratio: 356 \/ 107;\n }\n\n .con.con5 .con--wrapper {\n width: 100%;\n height: 100%;\n position: relative;\n justify-content: center;\n }\n\n .con.con5 .con-context {\n width: calc(528em \/ var(--base-font-size));\n padding: calc(20em \/ var(--base-font-size)) 0 calc(58em \/ var(--base-font-size));\n }\n\n .con.con5 .feature-list {\n display: grid;\n gap: calc(40em \/ var(--base-font-size)) 0;\n }\n\n .con.con6 .con--wrapper {\n height: 100%;\n justify-content: flex-end;\n margin-top: 0;\n }\n\n .con.con6 .con--wrapper .con-title {\n --deco-title-pad: calc(6em \/ var(--base-font-size)) calc(35em \/ var(--base-font-size));\n --deco-icon-left: calc(-48em \/ var(--base-font-size));\n --deco-icon-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/deco-left.png');\n --deco-icon-ratio: 1096 \/ 145;\n }\n\n .con.con6 .con--wrapper .con-context {\n width: calc(1110em \/ var(--base-font-size));\n margin-top: 0;\n padding: calc(66em \/ var(--base-font-size)) 0 calc(34em \/ var(--base-font-size));\n }\n\n .con.con6 .container .con-img {\n opacity: 0;\n width: calc(1920em \/ var(--base-font-size));\n \/* background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c6_2.png') var(--bg-cover); *\/\n aspect-ratio: 1920 \/ 902;\n }\n\n .con.con7 {\n background-color: #000;\n }\n\n .con.con7 .container {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n }\n\n .con.con7 .container .con-icon {\n opacity: 0;\n height: 80%;\n \/* background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c7_1.png') var(--bg-cover); *\/\n aspect-ratio: 1291 \/ 1039;\n }\n\n .con.con7 .feature-list .feature-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n opacity: 0.3;\n cursor: default;\n user-select: none;\n -webkit-user-select: none;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n transition: opacity 0.4s ease;\n }\n\n .con.con7 .feature-list .feature-item.is-active {\n opacity: 1;\n }\n\n .con.con7 .feature-list .feature-item .feature-item-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(877em \/ var(--base-font-size));\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/btn-bg1.png') var(--bg-cover);\n aspect-ratio: 877 \/ 125;\n margin-top: calc(32em \/ var(--base-font-size));\n }\n\n .con.con7 .feature-list .feature-item .feature-item-title {\n font-size: calc(46em \/ var(--base-font-size));\n }\n\n .con.con7 .feature-list .feature-item .feature-item-context {\n width: calc(600em \/ var(--base-font-size));\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, opacity 0.35s ease, margin 0.4s ease;\n }\n\n .con.con7 .feature-list .feature-item.is-active .feature-item-context {\n max-height: calc(200em \/ var(--base-font-size));\n opacity: 1;\n }\n\n .con.con7 .con7-video-stack {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n .con.con7 .con7-video-stack .con-video {\n opacity: 0;\n }\n\n .con.con7 .con7-video-stack .con-video.is-active {\n opacity: 1;\n }\n\n .con.con8 {\n --stack-align: center;\n --stack-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c8_2.png');\n --stack-ratio: 911 \/ 245;\n --stack-pad-left: calc(52em \/ var(--base-font-size));\n --stack-title-pad: calc(1em \/ var(--base-font-size)) calc(30em \/ var(--base-font-size));\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c8_4.jpg');\n --con8-bg-opacity: 0;\n }\n\n .con.con8::before {\n content: '';\n position: absolute;\n inset: 0;\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c8_1.jpg') var(--bg-cover);\n opacity: var(--con8-bg-opacity);\n z-index: 0;\n pointer-events: none;\n }\n\n .con.con8 .container {\n position: relative;\n z-index: 1;\n }\n\n .con.con8 .con--wrapper {\n height: 100%;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: calc(96em \/ var(--base-font-size));\n }\n\n .con.con8 .con--wrapper .con-context {\n width: calc(1018em \/ var(--base-font-size));\n }\n\n .con.con8 .feature-list {\n display: flex;\n align-items: flex-start;\n gap: 0 calc(180em \/ var(--base-font-size));\n margin-top: calc(170em \/ var(--base-font-size));\n }\n\n .con.con8 .feature-list .feature-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: calc(4em \/ var(--base-font-size));\n width: calc(398em \/ var(--base-font-size));\n padding: 0 calc(94em \/ var(--base-font-size));\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c8_3.png') var(--bg-cover);\n aspect-ratio: 385 \/ 384;\n }\n\n .con.con8 .feature-list .feature-item-2 {\n margin-top: calc(128em \/ var(--base-font-size));\n }\n\n .con.con8 .feature-list .feature-item .feature-item-context {\n font-size: calc(24em \/ var(--base-font-size));\n }\n\n .con.con8 .remind-text-box {\n position: absolute;\n bottom: calc(26em \/ var(--base-font-size));\n left: 0;\n text-align: left;\n font-size: calc(26em \/ var(--base-font-size));\n color: #999999;\n font-style: italic;\n }\n\n .con.con9 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c9_1.jpg');\n }\n\n .con.con9 .container,\n .con.con10 .container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .con.con9 .feature-list {\n display: flex;\n justify-content: space-between;\n padding-bottom: calc(60em \/ var(--base-font-size));\n }\n\n .con.con9 .feature-list .feature-item .feature-item-title {\n display: flex;\n justify-content: center;\n }\n\n .con.con10 .feature-list {\n display: flex;\n margin-left: auto;\n text-align: right;\n gap: 0 calc(60em \/ var(--base-font-size));\n padding-bottom: calc(51em \/ var(--base-font-size));\n }\n\n .con.con11 {\n --stack-align: flex-start;\n --stack-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c11_2.png');\n --stack-ratio: 931 \/ 245;\n --stack-title-pad: calc(4em \/ var(--base-font-size)) calc(5em \/ var(--base-font-size)) calc(4em \/ var(--base-font-size)) calc(7em \/ var(--base-font-size));\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c11_1.jpg');\n position: relative;\n }\n\n .con.con11 .con-img {\n position: absolute;\n aspect-ratio: 2560 \/ 1310;\n top: 0;\n right: 0;\n z-index: 1;\n }\n\n .con.con11 .container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .con.con11 .con-title-stack .con-title:first-child {\n padding-right: calc(22em \/ var(--base-font-size));\n }\n\n .con.con11 .con--wrapper .con-context {\n text-align: left;\n width: calc(550em \/ var(--base-font-size));\n margin-top: calc(30em \/ var(--base-font-size));\n }\n\n .con.con11 .feature-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n width: calc(776em \/ var(--base-font-size));\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c11_3.png') var(--bg-cover);\n aspect-ratio: 776 \/ 609;\n padding: calc(110em \/ var(--base-font-size)) calc(0em \/ var(--base-font-size)) calc(62em \/ var(--base-font-size)) calc(109em \/ var(--base-font-size));\n margin-top: calc(30em \/ var(--base-font-size));\n }\n\n .con.con11 .feature-list .feature-item {\n display: block;\n text-align: left;\n }\n\n .con.con11 .container .feature-item .feature-item-title {\n display: flex;\n }\n\n .con.con12 {\n --stack-align: flex-start;\n --stack-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c11_2.png');\n --stack-ratio: 931 \/ 245;\n --stack-title-pad: calc(4em \/ var(--base-font-size)) calc(26em \/ var(--base-font-size)) calc(4em \/ var(--base-font-size)) calc(20em \/ var(--base-font-size));\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c12_1.jpg');\n }\n\n .con.con12 .container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .con.con12 .con--wrapper .con-context {\n text-align: left;\n width: calc(566em \/ var(--base-font-size));\n margin-top: calc(38em \/ var(--base-font-size));\n }\n\n .con.con12 .feature-list {\n display: flex;\n margin-top: calc(80em \/ var(--base-font-size));\n }\n\n .con.con12 .feature-list .feature-item {\n gap: 0;\n }\n\n .con.con12 .feature-list .feature-item .feature-item-icon {\n width: calc(312em \/ var(--base-font-size));\n }\n\n .con.con12 .feature-list .feature-item-1 .feature-item-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c12_2.png') var(--bg-cover);\n aspect-ratio: 389 \/ 299;\n }\n\n .con.con12 .feature-list .feature-item-2 .feature-item-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c12_3.png') var(--bg-cover);\n aspect-ratio: 389 \/ 299;\n }\n\n .con.con13 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c13_1.jpg');\n }\n\n .con.con13 .con--wrapper .con-title {\n --deco-icon-width: 420em;\n --deco-icon-ratio: 1204 \/ 145;\n }\n\n .con.con13 .feature-list {\n display: flex;\n gap: calc(20em \/ var(--base-font-size));\n margin-top: calc(88em \/ var(--base-font-size));\n }\n\n .con.con13 .feature-list .feature-item .feature-item-icon {\n height: calc(720em \/ var(--base-font-size));\n }\n\n .con.con13 .feature-list .feature-item-1,\n .con.con13 .feature-list .feature-item-2,\n .con.con13 .feature-list .feature-item-3 {\n opacity: 0.3;\n transition: opacity 0.4s ease;\n }\n\n .con.con13 .feature-list .feature-item-1.is-active,\n .con.con13 .feature-list .feature-item-2.is-active,\n .con.con13 .feature-list .feature-item-3.is-active {\n opacity: 1;\n }\n\n .con.con13 .feature-list .feature-item-1 .feature-item-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c13_3.png') var(--bg-cover);\n aspect-ratio: 441 \/ 784;\n }\n\n .con.con13 .feature-list .feature-item-2 .feature-item-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c13_4.png') var(--bg-cover);\n aspect-ratio: 441 \/ 784;\n }\n\n .con.con13 .feature-list .feature-item-3 .feature-item-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c13_5.png') var(--bg-cover);\n aspect-ratio: 433 \/ 784;\n }\n\n .con.con13 .feature-list .feature-item-4 {\n margin-left: auto;\n text-align: right;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: center;\n }\n\n .con.con13 .feature-list .feature-item-4 .feature-item-box {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/btn-bg.png') var(--bg-cover);\n aspect-ratio: 456 \/ 125;\n width: calc(456em \/ var(--base-font-size));\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: calc(20em \/ var(--base-font-size));\n opacity: 0.4;\n transition: opacity 0.4s ease;\n }\n\n .con.con13 .feature-list .feature-item-4 .feature-item-box.is-active {\n opacity: 1;\n }\n\n .con.con13 .feature-list .feature-item-4 .feature-item-title {\n font-size: calc(46em \/ var(--base-font-size));\n }\n\n .con.con13 .feature-list .feature-item-4 .feature-item-context {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, opacity 0.35s ease, margin 0.4s ease;\n }\n\n .con.con13 .feature-list .feature-item-4 .feature-item-context.is-active {\n max-height: calc(200em \/ var(--base-font-size));\n opacity: 1;\n }\n\n .con.con14 {\n --stack-align: flex-start;\n --stack-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c14_2.png');\n --stack-ratio: 765 \/ 246;\n --stack-title-pad: calc(4em \/ var(--base-font-size)) calc(14em \/ var(--base-font-size)) calc(4em \/ var(--base-font-size)) calc(13em \/ var(--base-font-size));\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c14_1.jpg');\n padding-top: calc(160em \/ var(--base-font-size));\n }\n\n .con.con14 .con--wrapper {\n text-align: left;\n }\n\n .con.con14 .con--wrapper .con-context {\n width: calc(526em \/ var(--base-font-size));\n margin-top: calc(37em \/ var(--base-font-size));\n }\n\n .con.con14 .con-title-stack .con-title-2 {\n white-space: nowrap;\n }\n\n .con.con14 .feature-list {\n display: flex;\n gap: calc(20em \/ var(--base-font-size));\n margin-top: calc(76em \/ var(--base-font-size));\n }\n\n .con.con14 .feature-list .feature-item .feature-item-icon {\n width: calc(250em \/ var(--base-font-size));\n }\n\n .con.con14 .feature-list .feature-item-1 .feature-item-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c14_3.png') var(--bg-cover);\n aspect-ratio: 285 \/ 219;\n }\n\n .con.con14 .feature-list .feature-item-2 .feature-item-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c14_4.png') var(--bg-cover);\n aspect-ratio: 285 \/ 219;\n }\n\n .con.con14 .feature-list .feature-item-3 .feature-item-icon {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c14_5.png') var(--bg-cover);\n aspect-ratio: 285 \/ 219;\n }\n\n .con.con15 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c15_1.jpg');\n }\n\n .con.con15 .con--wrapper .con-title {\n --deco-icon-width: 460em;\n --deco-icon-ratio: 1338 \/ 145;\n }\n\n .con.con15 .con--wrapper .con-context {\n width: calc(1400em \/ var(--base-font-size));\n }\n\n .con.con16 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c16_1.jpg');\n }\n\n .con.con16 .con--wrapper {\n text-align: left;\n align-items: flex-start;\n }\n\n .con.con16 .con--wrapper .con-title {\n --deco-icon-width: 290em;\n --deco-icon-ratio: 887 \/ 146;\n margin-left: calc(10em \/ var(--base-font-size));\n }\n\n .con.con16 .con--wrapper .con-context {\n width: calc(526em \/ var(--base-font-size));\n }\n \u003c\/style\u003e\n \u003cstyle\u003e\n @media screen and (max-width: 1920px) {\n .con .con-page-width {\n max-width: 1660px;\n }\n\n .con {\n font-size: calc(0.8px * var(--base-font-size));\n }\n\n .con.con4 .feature-list {\n padding: 0 calc(360em \/ var(--base-font-size)) 0 calc(586em \/ var(--base-font-size));\n }\n\n .con.con6 .con--wrapper {\n margin-top: calc(60em \/ var(--base-font-size));\n }\n\n .con.con7 .feature-list {\n margin-left: calc(60em \/ var(--base-font-size));\n }\n\n .con.con8 .con--wrapper {\n padding-top: calc(70em \/ var(--base-font-size));\n }\n\n .con.con8 .feature-list {\n margin-top: calc(240em \/ var(--base-font-size));\n }\n\n .con.con13 .feature-list {\n margin-top: calc(90em \/ var(--base-font-size));\n padding-left: calc(126em \/ var(--base-font-size));\n }\n\n .con.con13 .feature-list .feature-item .feature-item-icon {\n height: calc(730em \/ var(--base-font-size));\n }\n\n .con.con15 .con--wrapper {\n margin-top: calc(90em \/ var(--base-font-size));\n }\n }\n\n @media screen and (max-width: 1680px) {\n .con .con-page-width {\n max-width: 1450px;\n }\n\n .con {\n font-size: calc(0.7px * var(--base-font-size));\n }\n\n .con.con1 .feature-list {\n margin-top: calc(38em \/ var(--base-font-size));\n }\n }\n\n @media screen and (max-width: 1600px) {\n .con {\n font-size: calc(0.64px * var(--base-font-size));\n }\n\n .con.con7 .feature-list {\n margin-left: calc(140em \/ var(--base-font-size));\n }\n }\n\n @media screen and (max-width: 1450px) {\n .con {\n font-size: calc(0.6px * var(--base-font-size));\n }\n\n .con .con-page-width {\n max-width: 1280px;\n }\n\n .con .container {\n padding-left: calc(20em \/ var(--base-font-size));\n padding-right: calc(20em \/ var(--base-font-size));\n }\n\n .con.con4 .feature-list {\n padding: 0 calc(360em \/ var(--base-font-size)) 0 calc(599em \/ var(--base-font-size));\n gap: calc(72em \/ var(--base-font-size));\n }\n\n .con.con7 .feature-list {\n margin-left: calc(90em \/ var(--base-font-size));\n }\n\n .con.con7 .feature-list .feature-item .feature-item-icon {\n width: calc(860em \/ var(--base-font-size));\n }\n }\n\n @media screen and (max-width: 1280px) {\n .con {\n font-size: calc(0.5px * var(--base-font-size));\n }\n\n .con.con4 .feature-list {\n padding: 0 calc(360em \/ var(--base-font-size)) 0 calc(642em \/ var(--base-font-size));\n }\n\n .con.con6 .con--wrapper {\n margin-top: calc(0em \/ var(--base-font-size));\n }\n\n .con.con7 .feature-list {\n margin-left: calc(260em \/ var(--base-font-size));\n }\n\n .con.con7 .feature-list .feature-item .feature-item-icon {\n width: calc(820em \/ var(--base-font-size));\n }\n\n .con.con13 .feature-list {\n margin-top: calc(120em \/ var(--base-font-size));\n padding-left: calc(370em \/ var(--base-font-size));\n }\n\n .con.con13 .feature-list .feature-item .feature-item-icon {\n height: calc(740em \/ var(--base-font-size));\n }\n\n .con.con13 .feature-list .feature-item-4 {\n padding-right: calc(80em \/ var(--base-font-size));\n }\n }\n\n @media screen and (max-width: 768px) {\n .con {\n font-size: calc(0.5px * var(--base-font-size));\n }\n\n .con .con-video {\n display: none;\n }\n\n .con .container {\n padding: 0 calc(20em \/ var(--base-font-size));\n box-sizing: border-box;\n }\n\n .con.small--hide,\n .con .small--hide {\n display: none !important;\n }\n\n .con.pc--hide,\n .con .pc--hide {\n display: block !important;\n }\n\n .con .container .con-context {\n font-size: calc(30em \/ var(--base-font-size));\n }\n\n .con.con1 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c1_1.jpg');\n --con-ratio: 768 \/ 960;\n }\n\n .con.con1 .container {\n padding-top: calc(100em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row .con2-block .con2-block-text .con2-block-title {\n font-size: calc(34em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-1 .con2-block-1,\n .con.con2 .con2-row-1 .con2-block-2 {\n padding-top: calc(26em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-2 .con2-block-6 .con2-block-text {\n padding-left: calc(42em \/ var(--base-font-size));\n }\n\n .con.con2 .con2-row-2 .con2-block-8 .con2-block-text {\n padding-right: calc(64em \/ var(--base-font-size));\n }\n\n .con.con3 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c3_1.jpg');\n --con-ratio: 768 \/ 961;\n }\n\n .con.con3 .container {\n align-items: flex-start;\n padding: calc(80em \/ var(--base-font-size)) calc(20em \/ var(--base-font-size)) calc(60em \/ var(--base-font-size));\n }\n\n .con.con3 .con--wrapper {\n width: 100%;\n height: 100%;\n }\n\n .con.con3 .feature-list {\n width: 100%;\n margin-top: auto;\n grid-template-columns: 1fr 1fr 1.8fr 1.2fr;\n }\n\n .con.con3 .feature-list .feature-item {\n align-items: center;\n }\n\n .con.con3 .con--wrapper .con-context {\n width: calc(814em \/ var(--base-font-size));\n }\n\n .con.con4 {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c4_1.jpg') var(--bg-cover);\n aspect-ratio: 768 \/ 439;\n }\n\n .con.con4 .feature-list {\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c4_2.png') var(--bg-cover);\n aspect-ratio: 768 \/ 439;\n }\n\n .con.con4 .feature-list .feature-item {\n display: none;\n }\n\n .con.con5 {\n --stack-align: center;\n --stack-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c5_2.png');\n --stack-ratio: 428 \/ 129;\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c5_1.jpg');\n --con-ratio: 768 \/ 960;\n --stack-title-pad: calc(1em \/ var(--base-font-size)) calc(6em \/ var(--base-font-size));\n --stack-pad-left: calc(58em \/ var(--base-font-size));\n }\n\n .con.con5 .con--wrapper {\n align-items: center;\n justify-content: flex-start;\n text-align: center;\n padding: calc(60em \/ var(--base-font-size)) calc(20em \/ var(--base-font-size));\n }\n\n .con.con5 .feature-list {\n width: 100%;\n margin-top: auto;\n grid-template-columns: 1fr 3fr 1fr;\n }\n\n .con.con5 .feature-list .feature-item-1 {\n order: 1;\n }\n\n .con.con5 .con-context {\n width: calc(745em \/ var(--base-font-size));\n }\n\n \/* 懒得想别的办法 有空记得改下面两个类 *\/\n .con.con5 .grad-ltr,\n .con.con8 .grad-ltr,\n .con.con11 .grad-ltr,\n .con.con12 .grad-ltr {\n background: -webkit-linear-gradient(right, #0bd4ff 0%, #6ffe8c 100%);\n }\n\n .con.con5 .lh {\n line-height: normal;\n text-box-trim: unset;\n text-box-edge: unset;\n }\n\n .con.con6 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c6_1.jpg');\n --con-ratio: 768 \/ 960;\n --deco-icon-width: 290em;\n --deco-icon-ratio: 500 \/ 67;\n }\n\n .con.con6 .con--wrapper {\n justify-content: flex-start;\n padding-top: calc(80em \/ var(--base-font-size));\n }\n\n .con.con6 .con--wrapper .con-title {\n --deco-icon-left: calc(-35em \/ var(--base-font-size));\n --deco-title-pad: calc(2em \/ var(--base-font-size)) calc(10em \/ var(--base-font-size));\n }\n\n .con.con6 .con--wrapper .con-context {\n width: calc(810em \/ var(--base-font-size));\n }\n\n .con.con7.pc--hide {\n position: relative;\n --con-ratio: 1920 \/ 2400;\n background-color: #000;\n }\n\n .con.con7.pc--hide .container {\n align-items: normal;\n }\n\n .con.con7.pc--hide .feature-list-7 {\n display: grid;\n grid-template-columns: 1fr;\n width: 100%;\n }\n\n .con.con7.pc--hide .feature-list-7 .feature-item {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n text-align: left;\n }\n\n .con.con7.pc--hide .feature-list-7 .feature-item-2 {\n align-items: flex-end;\n text-align: right;\n }\n\n .con.con7.pc--hide .feature-list-7 .feature-item .feature-item-title {\n font-size: calc(50em \/ var(--base-font-size));\n }\n\n .con.con7.pc--hide .feature-list-7 .feature-item .feature-item-context {\n width: calc(460em \/ var(--base-font-size));\n padding-top: calc(20em \/ var(--base-font-size));\n }\n\n .con.con8 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c8_1.jpg');\n --con-ratio: 768 \/ 960;\n --stack-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c8_2.png');\n --stack-ratio: 428 \/ 129;\n --stack-height: calc(240em \/ var(--base-font-size));\n --stack-title-pad: calc(1em \/ var(--base-font-size)) calc(10em \/ var(--base-font-size));\n }\n\n .con.con8::before {\n content: none;\n }\n\n .con.con8 .con--wrapper .con-context {\n width: calc(800em \/ var(--base-font-size));\n margin-top: calc(40em \/ var(--base-font-size));\n }\n\n .con.con9 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c9_1.jpg');\n --con-ratio: 768 \/ 960;\n }\n\n .con.con9 .feature-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: calc(40em \/ var(--base-font-size)) 0;\n }\n\n .con.con9 .feature-list .feature-item-3 {\n grid-area: 2 \/ 1 \/ 3 \/ 3;\n }\n\n .con.con9 .con--wrapper.is-deco-center .con-title {\n --deco-icon-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/deco-left.png');\n --deco-title-pad: calc(4em \/ var(--base-font-size));\n --deco-icon-width: 300em;\n --deco-icon-left: calc(-35em \/ var(--base-font-size));\n }\n\n .con.con9 .con--wrapper.is-deco-center .con-context {\n width: calc(726em \/ var(--base-font-size));\n }\n\n .con.con10 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c10_1.jpg');\n --con-ratio: 768 \/ 960;\n }\n\n .con.con10 .con--wrapper.is-deco-center .con-title {\n --deco-icon-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/deco-left.png');\n --deco-title-pad: calc(4em \/ var(--base-font-size));\n --deco-icon-width: 310em;\n --deco-icon-left: calc(-40em \/ var(--base-font-size));\n }\n\n .con.con10 .con--wrapper.is-deco-center .con-context {\n width: calc(720em \/ var(--base-font-size));\n }\n\n .con.con10 .feature-list {\n margin-left: 0;\n justify-content: center;\n text-align: center;\n gap: 0 calc(160em \/ var(--base-font-size));\n }\n\n .con.con11 {\n --stack-align: center;\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c11_1.jpg');\n --con-ratio: 768 \/ 960;\n --stack-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c11_2.png');\n --stack-ratio: 527 \/ 129;\n --stack-height: calc(240em \/ var(--base-font-size));\n --stack-title-pad: calc(1em \/ var(--base-font-size)) calc(10em \/ var(--base-font-size));\n }\n\n .con.con11 .container {\n align-items: center;\n justify-content: space-between;\n padding: calc(40em \/ var(--base-font-size)) calc(20em \/ var(--base-font-size));\n }\n\n .con.con11 .con-title-stack {\n margin: 0 auto;\n }\n\n .con.con11 .con-title-stack .con-title {\n margin-left: calc(30em \/ var(--base-font-size));\n }\n\n .con.con11 .con-title-stack .con-title:first-child {\n padding-right: 0;\n padding: calc(2em \/ var(--base-font-size)) calc(10em \/ var(--base-font-size));\n }\n\n .con.con11 .con-title-stack .con-title:last-child {\n padding: calc(2em \/ var(--base-font-size)) calc(20em \/ var(--base-font-size));\n }\n\n .con.con11 .con--wrapper .con-context {\n text-align: center;\n width: calc(800em \/ var(--base-font-size));\n }\n\n .con.con11 .feature-list .feature-item {\n text-align: center;\n }\n\n .con.con11 .feature-list {\n width: 100%;\n text-align: center;\n padding: unset;\n background: none;\n aspect-ratio: auto;\n grid-template-columns: repeat(5, 1fr);\n }\n\n .con.con12 {\n --stack-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c12_2.png');\n --stack-ratio: 511 \/ 129;\n --stack-align: center;\n --stack-pad-left: calc(144em \/ var(--base-font-size));\n background: none;\n aspect-ratio: auto;\n }\n\n .con.con12 .container {\n align-items: center;\n justify-content: space-between;\n padding: calc(40em \/ var(--base-font-size)) calc(20em \/ var(--base-font-size));\n }\n\n .con.con12 .con-title-stack {\n margin: 0 auto;\n }\n\n .con.con12 .con--wrapper .con-context {\n width: calc(800em \/ var(--base-font-size));\n text-align: center;\n }\n\n .con.con12 .feature-list {\n display: flex;\n align-items: flex-end;\n justify-content: center;\n width: 100%;\n margin-top: 0;\n margin: calc(40em \/ var(--base-font-size)) 0;\n background: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c12_1.png') var(--bg-cover);\n aspect-ratio: 748 \/ 612;\n }\n\n .con.con12 .feature-list .feature-item {\n display: block;\n }\n\n .con.con13 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c13_1.jpg');\n --con-ratio: 768 \/ 890;\n }\n\n .con.con13 .con--wrapper.is-deco-center .con-title {\n --deco-icon-width: 400em;\n --deco-icon-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/deco-left.png');\n --deco-icon-left: calc(-44em \/ var(--base-font-size));\n --deco-title-pad: calc(7em \/ var(--base-font-size)) calc(14em \/ var(--base-font-size));\n }\n\n .con.con13 .con--wrapper.is-deco-center .con-context {\n width: calc(720em \/ var(--base-font-size));\n }\n\n .con.con13 .feature-list {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n padding-left: 0;\n }\n\n .con.con13 .feature-list .feature-item {\n opacity: 1;\n }\n\n .con.con13 .container .feature-item-3 .feature-item-context {\n width: calc(270em \/ var(--base-font-size));\n }\n\n .con.con14 {\n --stack-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c14_2.png');\n --stack-ratio: 418 \/ 129;\n --stack-align: center;\n --stack-pad-left: calc(100em \/ var(--base-font-size));\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c14_1.jpg');\n --con-ratio: 768 \/ 960;\n }\n\n .con.con14 .con--wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .con.con14 .con--wrapper .con-context {\n width: calc(826em \/ var(--base-font-size));\n }\n\n .con.con14 .feature-list {\n flex-direction: column;\n width: fit-content;\n padding-left: calc(100em \/ var(--base-font-size));\n }\n\n .con.con14 .feature-list .feature-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .con.con15 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c15_1.jpg');\n --con-ratio: 768 \/ 960;\n }\n\n .con.con15 .con--wrapper {\n margin-top: calc(140em \/ var(--base-font-size));\n }\n\n .con.con15 .con--wrapper .con-title {\n --deco-icon-width: 410em;\n --deco-icon-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/deco-left.png');\n --deco-icon-left: calc(-41em \/ var(--base-font-size));\n --deco-title-pad: calc(4em \/ var(--base-font-size)) calc(8em \/ var(--base-font-size));\n }\n\n .con.con15 .con--wrapper .con-context {\n width: calc(740em \/ var(--base-font-size));\n }\n\n .con.con16 {\n --con-bg: url('https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/c16_1.jpg');\n --con-ratio: 768 \/ 960;\n }\n\n .con.con16 .con--wrapper {\n text-align: center;\n align-items: center;\n }\n\n .con.con16 .con--wrapper .con-context {\n width: calc(726em \/ var(--base-font-size));\n }\n }\n\n @media screen and (max-width: 600px) {\n .con {\n font-size: calc(0.4px * var(--base-font-size));\n }\n }\n\n @media screen and (max-width: 500px) {\n .con {\n font-size: calc(0.28px * var(--base-font-size));\n }\n }\n \u003c\/style\u003e\n \u003cscript src=\"https:\/\/img.chuwi.com\/Home\/CoreBookPlus\/js\/gsap-latest-beta.min.js\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/img.chuwi.com\/Home\/CoreBookPlus\/js\/ScrollTrigger.min.js\"\u003e\u003c\/script\u003e\n \u003cdiv class=\"product-feature-detail\"\u003e\n \u003cdiv class=\"con con1\"\u003e\n \u003cvideo class=\"con-video\" id=\"con1-video\" preload=\"metadata\" poster=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c1_1.jpg?1\" src=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/video\/banner.mp4\"\u003e\u003c\/video\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"feature-list\"\u003e\n \u003cdiv class=\"feature-item feature-item-1\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con--wrapper\"\u003e\n \u003cdiv class=\"con-title\"\u003e\n GTBook X \u003cimg src=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c1_4.png\" alt=\"\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n Zero Lag. Win Big.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con con2\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper\"\u003e\n \u003cdiv class=\"con2-row con2-row-1\"\u003e\n \u003cdiv class=\"con2-block con2-block-1\"\u003e\n \u003cdiv class=\"con2-block-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-text\"\u003e\n \u003cdiv class=\"con2-block-title\"\u003e\n NVIDIA® GeForce \u003cbr class=\"pc--hide\"\u003e\n RTX™ 3050\u003cbr class=\"small--hide\"\u003e\n Laptop GPU\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003e\n Up to 95W GPU Power\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block con2-block-2\"\u003e\n \u003cdiv class=\"con2-block-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-text\"\u003e\n \u003cdiv class=\"con2-block-title\"\u003e\n Intel® Core™ 7 230H\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003e\n 10 Cores, 16 Threads, up to 5.2GHz\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block con2-block-3\"\u003e\n \u003cdiv class=\"con2-block-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-text\"\u003e\n \u003cdiv class=\"con2-block-title\"\u003e\n 144Hz IPS\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003e\n 15.6\" FHD\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block con2-block-4\"\u003e\n \u003cdiv class=\"con2-block-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block con2-block-5\"\u003e\n \u003cdiv class=\"con2-block-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-text\"\u003e\n \u003cdiv class=\"con2-block-title\"\u003e\n RGB Keyboard\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-row con2-row-2\"\u003e\n \u003cdiv class=\"con2-block con2-block-6\"\u003e\n \u003cdiv class=\"con2-block-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-text\"\u003e\n \u003cdiv class=\"con2-block-title\"\u003e\n Versatile Ports\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003e\n HDMI | Mini DP | USB-C\u003cbr class=\"small--hide\"\u003e\n USB-A | RJ45 | SD\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block con2-block-7\"\u003e\n \u003cdiv class=\"con2-block-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-text\"\u003e\n \u003cdiv class=\"con2-block-title\"\u003e\n 16GB Memory\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003e\n Upgradable to 64GB\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block con2-block-8\"\u003e\n \u003cdiv class=\"con2-block-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-text\"\u003e\n \u003cdiv class=\"con2-block-title\"\u003e\n Advanced\u003cbr class=\"small--hide\"\u003e\n Cooling System\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block con2-block-9\"\u003e\n \u003cdiv class=\"con2-block-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-text\"\u003e\n \u003cdiv class=\"con2-block-title\"\u003e\n 512GB PCIe SSD\n \u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003e\n Upgradable to 2TB\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 con3\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper is-align-end\"\u003e\n \u003cdiv class=\"con-panel-bg\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-title grad-rtl lh\"\u003e\n Built for Gaming\n \u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-rtl lh\"\u003e\n Ready for Everything\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n Powered by the latest Intel® Core™ 7 processor 230H (Series 2) based on Raptor Lake,\n which\n includes 6 performance cores and 4 efficient cores, with a maximum clock speed of\n 5.2GHz,\n the GTBook X laptop delivers swift and responsive computing power. Ideal for seamless\n multitasking, smooth gaming, and efficient content creation.\n \u003c\/div\u003e\n \u003cdiv class=\"feature-list\"\u003e\n \u003cdiv class=\"feature-item feature-item-1\"\u003e\n \u003cdiv class=\"feature-item-box\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 10\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Cores\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-box\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 16\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Threads\n \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-title\"\u003e\n 24MB\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Intel® Smart Cache\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Raptor Lake\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Architecture\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-4\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 5\u003cspan\u003e.\u003c\/span\u003e2GHz\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Max Turbo Frequency\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 con4\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"feature-list\"\u003e\n \u003cdiv class=\"feature-item feature-item-1\"\u003e\n \u003cdiv class=\"feature-item-number\"\u003e\n 24533\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-bar\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-number\"\u003e\n 23357\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-bar\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-number\"\u003e\n 19643\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-bar\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-4\"\u003e\n \u003cdiv class=\"feature-item-number\"\u003e\n 16914\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-bar\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\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 con5\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con-icon small--hide\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con--wrapper is-align-end\"\u003e\n \u003cdiv class=\"con-title-stack\"\u003e\n \u003cdiv class=\"con-title grad-ltr lh\"\u003e\n NVIDIA GeForce\n \u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-ltr lh\"\u003e\n RTX 3050 Laptop GPU\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n Powered by the NVIDIA Ampere architecture, the NVIDIA® GeForce RTX™ 3050 Laptop GPU\n delivers\n smooth 1080p gaming, faster creative performance, and AI-enhanced graphics with DLSS. Enjoy\n higher frame rates, better efficiency, and more immersive visuals.\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\"\u003e\n 3rd Gen\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Tensor Cores\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 4GB\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n GDDR6 VRAM\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Up to 95W GPU Power\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n 80W GPU TGP + 15W Dynamic Boost\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 con6\"\u003e\n \u003cvideo class=\"con-video\" id=\"con6-video\" preload=\"metadata\" poster=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c6_1.jpg?1\" src=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/video\/light_chasing.mp4\"\u003e\u003c\/video\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper is-deco-center\"\u003e\n \u003cdiv class=\"con-title con-title-decorated grad-rtl\"\u003e\n Enhanced Ray Tracing\n \u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n Dedicated 2nd Gen Ray Tracing cores simulate real-world lighting for dramatically improved\n shadows, reflections, and global illumination. Whether you're gaming or creating, the GTBook\n X delivers next-level visual realism.\n \u003c\/div\u003e\n \u003cdiv class=\"con-img\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- pc端 --\u003e\n \u003cdiv class=\"con con7 small--hide\"\u003e\n \u003cdiv class=\"con7-video-stack\" aria-hidden=\"true\"\u003e\n \u003cvideo class=\"con-video is-active\" id=\"con7-video-1\" preload=\"auto\" muted=\"\" playsinline=\"\" src=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/video\/rendering.mp4\"\u003e\u003c\/video\u003e\n \u003cvideo class=\"con-video\" id=\"con7-video-2\" preload=\"auto\" muted=\"\" playsinline=\"\" src=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/video\/low_latency.mp4\"\u003e\u003c\/video\u003e\n \u003cvideo class=\"con-video\" id=\"con7-video-3\" preload=\"auto\" muted=\"\" playsinline=\"\" src=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/video\/noise_cancellation.mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con-icon\"\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-icon\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Higher FPS\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n NVIDIA DLSS boosts frame rates while maintaining\n sharp image quality in supported games.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-icon\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Ultra-Low Latency\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n NVIDIA Reflex helps acquire targets faster, react quicker,\n and increase aim precision.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-icon\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Clearer Voice Communication\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n The NVIDIA Broadcast app lets you enjoy enhanced voice clarity\n with AI-powered noise reduction for streaming, games, and calls.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- 移动端 --\u003e\n \u003cdiv class=\"con con7 pc--hide\"\u003e\n \u003ccanvas class=\"con-canvas\" aria-hidden=\"true\"\u003e\u003c\/canvas\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"feature-list-7\"\u003e\n \u003cdiv class=\"feature-item feature-item-1\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Higher FPS\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n NVIDIA DLSS boosts frame rates while maintaining\n sharp image quality in supported games.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Ultra-Low Latency\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Acquires targets faster, reacts quicker, and\n increases aim precision.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Clearer Voice \u003cbr\u003e\n Communication\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Enhances voice clarity with AI-powered noise\n reduction for streaming and calls.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con con8\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper\"\u003e\n \u003cdiv class=\"con-title-stack\"\u003e\n \u003cdiv class=\"con-title grad-ltr\"\u003e\n Up to 140W Dynamic\n \u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-ltr\"\u003e\n System Power\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n When extreme workloads demand full CPU and GPU performance, the GTBook X responds instantly,\n delivering up to 140W of total dynamic system power.\n \u003c\/div\u003e\n \u003cdiv class=\"feature-list small--hide\"\u003e\n \u003cdiv class=\"feature-item feature-item-1\"\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n CPU (Single Load)\n Up to\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 90W\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n GPU (Single Load)\n Up to\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 95W\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n with Dynamic\n Boost\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Combined Load\n Up to\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 140W\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n CPU 45W +\u003cbr\u003e\n GPU 95W\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"remind-text-box\"\u003e\n \u003cdiv class=\"remind-text\"\u003e\n *Requires Turbo Mode and AC power for maximum performance.\n \u003c\/div\u003e\n \u003cdiv class=\"remind-text\"\u003e\n *Actual performance may vary depending on system configuration and usage scenarios.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con con9\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper is-deco-center\"\u003e\n \u003cdiv class=\"con-title con-title-decorated grad-rtl lh\"\u003e\n Upgrade Without Limits\n \u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n Fast, responsive, and ready for anything the moment you power it on with 16GB of high-speed\n memory and a spacious 512GB PCIe SSD. Ready for more? The dual-channel SO-DIMM sockets and\n dual M.2 2280 PCIe 4.0 slots let you expand up to 64GB RAM and 2TB SSD storage.\n \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\"\u003e\n 16GB\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Dual-Channel RAM\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Up to 2×32GB\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 512GB\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n PCIe NVMe SSD\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Up to 2×1TB\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title small--hide\"\u003e\n Dual M\u003cspan\u003e.\u003c\/span\u003e2 2280\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-title small--hide\"\u003e\n PCIe 4 \u003cspan\u003e.\u003c\/span\u003e0 Slots\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-title pc--hide\"\u003e\n Dual M\u003cspan\u003e.\u003c\/span\u003e2 2280 PCIe 4\u003cspan\u003e.\u003c\/span\u003e0 Slots\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Future-Proof Storage\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con con10\"\u003e\n \u003cvideo class=\"con-video\" id=\"con10-video\" preload=\"metadata\" poster=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c10_1.jpg\" src=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/video\/heat.mp4\"\u003e\u003c\/video\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper is-deco-center\"\u003e\n \u003cdiv class=\"con-title con-title-decorated grad-rtl lh\"\u003e\n Stay Ice-Cool Under Fire\n \u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n Don't let thermal throttling cost you the match. Armed with five heavy-duty heat pipes, twin\n high-RPM cooling fans, and high-density copper fins, the GTBook X evacuates heat instantly,\n keeping your chassis cool and your frame rates rock-solid during marathon sessions.\n \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\"\u003e\n 5\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Heat Pipes\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 2\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Cooling Fans\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n High-Density\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Copper Fins\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con con11\"\u003e\n \u003cimg class=\"con-img small--hide\" src=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c11_4.png\" alt=\"\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper\"\u003e\n \u003cdiv class=\"con-title-stack\"\u003e\n \u003cdiv class=\"con-title grad-ltr lh\"\u003e\n 144Hz FHD IPS Display\n \u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-ltr lh\"\u003e\n Unmatched Immersion\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n The 15.6\" Full HD IPS display delivers crisp, clear visuals and ultra-smooth motion with a\n 144Hz refresh rate. Perfect for gaming, editing, streaming, and productivity.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-list wow fadeInRight\"\u003e\n \u003cdiv class=\"feature-item feature-item-1\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 144Hz\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n High Refresh Rate\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 15\u003cspan\u003e.\u003c\/span\u003e6\"\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n IPS Display\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 85%\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Screen-to-Body Ratio\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-4\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 16:9\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Aspect Ratio\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-5\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n 1920×1080\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Resolution\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con con12\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper\"\u003e\n \u003cdiv class=\"con-title-stack\"\u003e\n \u003cdiv class=\"con-title grad-ltr lh\"\u003e\n Enhanced Typing and\n \u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-ltr lh\"\u003e\n Gaming Experience\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n The oversized PTP touchpad offers smooth, precise control, while the RGB backlit keyboard\n keeps you gaming confidently in any lighting environment. Enjoy a more immersive and\n comfortable experience, whether you're working or playing.\n \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-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Extra Large Touchpad\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n RGB Backlit Keyboard\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con con13 small--hide\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper is-deco-center\"\u003e\n \u003cdiv class=\"con-title con-title-decorated grad-rtl lh\"\u003e\n Optimized Power Management\n \u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n Unleash or conserve power with a single press of the dedicated Mode Button. Seamlessly adapt\n your system to any scenario.\n \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-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-4\"\u003e\n \u003cdiv class=\"feature-item-box feature-item-box-1\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Office Mode\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Quiet, stealthy, and optimized for\n extended battery life.\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-box feature-item-box-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Balance Mode\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Balanced efficiency for locked,\n rock-solid framerates.\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-box feature-item-box-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Turbo Mode\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Fires up the cooling fans and pushes the\n hardware to its absolute limits.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con con13 pc--hide\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper is-deco-center\"\u003e\n \u003cdiv class=\"con-title con-title-decorated grad-rtl lh\"\u003e\n Optimized Power Management\n \u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n Unleash or conserve power with a single press of the dedicated Mode Button. Seamlessly adapt\n your system to any scenario.\n \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-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Office Mode\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Quiet, stealthy, and optimized for\n extended battery life.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Balance Mode\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Balanced efficiency for locked,\n rock-solid framerates.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e\n Turbo Mode\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Fires up the cooling fans and pushes the\n hardware to its absolute limits.\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\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper\"\u003e\n \u003cdiv class=\"con-title-stack\"\u003e\n \u003cdiv class=\"con-title grad-ltr lh\"\u003e\n Ultra-Fast,\n \u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-ltr lh\"\u003e\n Reliable Connectivity\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n Powered by the Intel Wi-Fi 6 chip, the GTBook X delivers faster speeds, lower latency, and\n improved stability for gaming, streaming, and remote work.\n \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-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Wi-Fi 6\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n Bluetooth 5.2\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-icon\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e\n 1Gb Ethernet\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con con15\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper is-deco-center\"\u003e\n \u003cdiv class=\"con-title con-title-decorated grad-rtl\"\u003e\n Windows 11 Pro OS Pre-installed\n \u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n The GTBook X comes pre-installed with Windows 11 Pro, offering faster boot times, improved\n battery life, enhanced performance, and advanced security. Engineered for power users,\n creators, and professionals seeking elite productivity and advanced security.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con con16\"\u003e\n \u003cdiv class=\"container con-page-width\"\u003e\n \u003cdiv class=\"con--wrapper is-deco-center\"\u003e\n \u003cdiv class=\"con-title con-title-decorated grad-rtl lh\"\u003e\n Versatile I\/O Ports\n \u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003e\n This mighty, portable laptop is designed for all your connectivity needs. It features a\n USB-C 3.2 port, triple USB-A ports, a Gigabit Ethernet port, an HDMI 2.1 and mini DP port\n supporting 4K at 120Hz, and an SD\/SDHC\/SDXC card reader for added versatility.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript\u003e\n gsap.registerPlugin(ScrollTrigger);\n \/** pin + scrub 按进度切换 index；桌面 pin 段共用 *\/\n function createPinScrubIndex({ trigger, count, vhPerStep, onIndex }) {\n let activeIndex = -1;\n onIndex(0);\n activeIndex = 0;\n return ScrollTrigger.create({\n trigger,\n start: 'top top',\n end: () =\u003e `+=${window.innerHeight * vhPerStep * count}`,\n pin: true,\n scrub: true,\n onUpdate(self) {\n const i = Math.min(\n count - 1,\n Math.floor(self.progress * count)\n );\n if (i !== activeIndex) {\n activeIndex = i;\n onIndex(i);\n }\n },\n });\n }\n \u003c\/script\u003e\n \u003c!-- 视频播放（跳过当前不可见节点，如移动端 small--hide 内的 con7-video） --\u003e\n \u003cscript\u003e\n (function () {\n const PLAY_RATIO = 0.5;\n const PAUSE_RATIO = 0.2;\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry) =\u003e {\n const video = entry.target;\n const ratio = entry.intersectionRatio;\n if (entry.isIntersecting \u0026\u0026 ratio \u003e= PLAY_RATIO) {\n if (video.paused) {\n video.play().catch((err) =\u003e {\n if (err.name !== 'AbortError') {\n console.warn('视频播放失败:', err);\n }\n });\n }\n } else if (!entry.isIntersecting || ratio \u003c PAUSE_RATIO) { if (!video.paused) { video.pause(); } }\n });\n }, { threshold: [0, 0.2, 0.5, 0.8, 1] }); document.querySelectorAll('.con-video').forEach((video) =\u003e {\n \/\/ con7 三路叠放由专用脚本控制，避免全局 IO 同时播三路\n if (video.closest('.con7-video-stack')) return;\n const host = video.closest('.small--hide, .pc--hide');\n if (host \u0026\u0026 getComputedStyle(host).display === 'none') return;\n video.muted = true;\n video.playsInline = true;\n video.preload = 'metadata';\n if (video.id === 'con1-video') {\n video.loop = true;\n }\n observer.observe(video);\n });\n })();\n \u003c\/script\u003e\n \u003c!-- con11 feature-list 入场（替代 WOW） --\u003e\n \u003cscript\u003e\n (function () {\n const list = document.querySelector('[data-con11-enter]');\n if (!list) return;\n ScrollTrigger.create({\n trigger: list,\n start: 'top 80%',\n once: true,\n onEnter() {\n list.classList.add('is-inview');\n },\n });\n })();\n \u003c\/script\u003e\n \u003c!-- con4 进度条滚动增长 --\u003e\n \u003cscript\u003e\n \/**\n * 滚动进入 con4 后：\n * 1. 整行宽度从 0 增长到位（数字贴在右端随条一起移出）\n * 2. 数字从 0 递增到目标值\n *\/\n (function () {\n const mm = gsap.matchMedia();\n mm.add('(min-width: 769px)', () =\u003e {\n const section = document.querySelector('.con.con4');\n if (!section) return;\n const items = section.querySelectorAll('.feature-list .feature-item');\n if (!items.length) return;\n const rows = [];\n items.forEach((item) =\u003e {\n const numberEl = item.querySelector('.feature-item-number');\n const bar = item.querySelector('.feature-item-bar');\n if (!numberEl || !bar) return;\n const target = parseInt(numberEl.textContent.trim(), 10);\n if (Number.isNaN(target)) return;\n numberEl.dataset.target = String(target);\n numberEl.textContent = '0';\n const fullWidth = item.getBoundingClientRect().width;\n rows.push({ item, numberEl, target, fullWidth });\n });\n rows.forEach((row) =\u003e {\n gsap.set(row.item, { width: 0, overflow: 'visible' });\n });\n const tl = gsap.timeline({\n scrollTrigger: {\n trigger: section,\n start: 'top 60%',\n once: true,\n },\n });\n rows.forEach((row, i) =\u003e {\n const at = i * 0.15;\n tl.to(row.item, {\n width: row.fullWidth,\n duration: 1.2,\n ease: 'power2.out',\n onComplete() {\n gsap.set(row.item, { clearProps: 'width' });\n },\n }, at);\n const counter = { val: 0 };\n tl.to(counter, {\n val: row.target,\n duration: 1.2,\n ease: 'power2.out',\n onUpdate() {\n row.numberEl.textContent = String(Math.round(counter.val));\n },\n }, at);\n });\n });\n })();\n \u003c\/script\u003e\n \u003c!-- con7 feature-item 滚动钉住切换（仅桌面） --\u003e\n \u003cscript\u003e\n \/**\n * 1. 每个 feature-item 初始透明度 0.3\n * 2. 默认 feature-item-1 为激活态，透明度 1\n * 3. 滚动钉住 con7，约每半个视口切换一项并显示 context\n * 4. 三路 video 叠放切换（preload=auto，无 fetch\/CORS）\n * pin 注册顺序：con7 → con8 → con13\n *\/\n (function () {\n const mm = gsap.matchMedia();\n mm.add('(min-width: 769px)', () =\u003e {\n const section = document.querySelector('.con.con7.small--hide');\n if (!section) return;\n const items = section.querySelectorAll('.feature-list .feature-item');\n const videos = Array.from(section.querySelectorAll('.con7-video-stack .con-video'));\n if (!items.length || videos.length !== items.length) return;\n videos.forEach((v, i) =\u003e {\n v.muted = true;\n v.playsInline = true;\n v.preload = 'auto';\n v.setAttribute('fetchpriority', i === 0 ? 'high' : 'low');\n \/\/ 进页即开始缓冲，不依赖滚到 con7\n v.load();\n });\n let activeIndex = 0;\n let desiredIndex = 0;\n let switching = false;\n let fadeTween = null;\n let sectionInView = false;\n function safePlay(v) {\n if (!v) return;\n v.play().catch((err) =\u003e {\n if (err.name !== 'AbortError') {\n console.warn('视频播放失败:', err);\n }\n });\n }\n function showVideo(index, { instant } = {}) {\n const next = videos[index];\n const prev = videos[activeIndex];\n if (!next) return;\n desiredIndex = index;\n if (!switching \u0026\u0026 index === activeIndex) {\n if (sectionInView) safePlay(next);\n return;\n }\n if (switching) return;\n switching = true;\n if (fadeTween) fadeTween.kill();\n videos.forEach((v) =\u003e v.classList.toggle('is-active', v === next));\n gsap.set(next, { opacity: instant ? 1 : 0 });\n if (sectionInView) {\n try { next.currentTime = 0; } catch (_) { \/* ignore *\/ }\n safePlay(next);\n }\n if (instant) {\n gsap.set(videos, { opacity: (i, t) =\u003e (t === next ? 1 : 0) });\n if (prev \u0026\u0026 prev !== next) prev.pause();\n activeIndex = index;\n switching = false;\n fadeTween = null;\n if (desiredIndex !== activeIndex) showVideo(desiredIndex);\n return;\n }\n const tl = gsap.timeline({\n onComplete() {\n if (prev \u0026\u0026 prev !== next) prev.pause();\n activeIndex = index;\n switching = false;\n fadeTween = null;\n if (desiredIndex !== activeIndex) showVideo(desiredIndex);\n },\n });\n if (prev \u0026\u0026 prev !== next) {\n tl.to(prev, { opacity: 0, duration: 0.25, ease: 'power1.out' }, 0);\n }\n tl.to(next, { opacity: 1, duration: 0.25, ease: 'power1.out' }, 0);\n fadeTween = tl;\n }\n function activate(activeItem) {\n items.forEach((item) =\u003e {\n item.classList.toggle('is-active', item === activeItem);\n });\n const index = Array.prototype.indexOf.call(items, activeItem);\n if (index \u003c 0) return; showVideo(index);\n } const io = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry) =\u003e {\n const ratio = entry.intersectionRatio;\n sectionInView = entry.isIntersecting \u0026\u0026 ratio \u003e= 0.2;\n if (sectionInView) {\n safePlay(videos[activeIndex]);\n } else {\n videos.forEach((v) =\u003e v.pause());\n }\n });\n }, { threshold: [0, 0.2, 0.5, 1] });\n io.observe(section);\n \/\/ 默认第一路可见 + feature-item-1 激活\n gsap.set(videos, { opacity: (i) =\u003e (i === 0 ? 1 : 0) });\n activate(items[0]);\n createPinScrubIndex({\n trigger: section,\n count: items.length,\n vhPerStep: 0.5,\n onIndex(i) {\n activate(items[i]);\n },\n });\n return () =\u003e {\n if (fadeTween) fadeTween.kill();\n io.disconnect();\n videos.forEach((v) =\u003e v.pause());\n };\n });\n })();\n \u003c\/script\u003e\n \u003c!-- con8 滚动进场与漂浮（须在后续 pin 段之前注册，避免 pin-spacer 错位） --\u003e\n \u003cscript\u003e\n \/**\n * 顶对齐钉住 → 空滚 0.4 屏 → 冻结滚动播入场 → 播完解冻后稍滚离开\n * preventDefault + 钳住 scrollY；不用 body fixed\n * pin 注册顺序：con7 → con8 → con13，避免后段瞬移\n *\/\n (function () {\n const mm = gsap.matchMedia();\n mm.add('(min-width: 769px)', () =\u003e {\n const section = document.querySelector('.con.con8');\n if (!section) return;\n const wrapper = section.querySelector('.con--wrapper');\n if (!wrapper) return;\n const title = wrapper.querySelector('.con-title-stack');\n const context = wrapper.querySelector('.con-context');\n const items = wrapper.querySelectorAll('.feature-list .feature-item');\n const remind = wrapper.querySelector('.remind-text-box');\n gsap.set(title, { opacity: 0, x: 80 });\n gsap.set(context, { opacity: 0, x: -80 });\n gsap.set(items, { opacity: 0, y: 60 });\n if (remind) gsap.set(remind, { opacity: 0 });\n const LEAD_VH = 0.4;\n const HOLD_VH = 0.25;\n let triggered = false;\n let introDone = false;\n let exiting = false;\n let floated = false;\n let scrollFrozen = false;\n let freezeY = 0;\n let pinSt = null;\n const floatTweens = [];\n function startFloat() {\n if (floated) return;\n floated = true;\n items.forEach((item, i) =\u003e {\n floatTweens.push(\n gsap.to(item, {\n y: -18,\n duration: 1.6 + i * 0.15,\n ease: 'sine.inOut',\n yoyo: true,\n repeat: -1,\n delay: i * 0.25,\n })\n );\n });\n }\n function stopFloat() {\n if (!floated) return;\n floated = false;\n floatTweens.splice(0).forEach((t) =\u003e t.kill());\n gsap.set(items, { y: 0 });\n }\n function holdScrollAtFreeze() {\n if (!scrollFrozen) return;\n if (pinSt \u0026\u0026 Math.abs(pinSt.scroll() - freezeY) \u003e 0.5) {\n pinSt.scroll(freezeY);\n }\n }\n function blockScroll(e) {\n if (!scrollFrozen) return;\n e.preventDefault();\n holdScrollAtFreeze();\n }\n function blockKeys(e) {\n if (!scrollFrozen) return;\n if (\n e.key === 'ArrowDown' ||\n e.key === 'ArrowUp' ||\n e.key === 'PageDown' ||\n e.key === 'PageUp' ||\n e.key === ' ' ||\n e.key === 'Home' ||\n e.key === 'End'\n ) {\n e.preventDefault();\n holdScrollAtFreeze();\n }\n }\n window.addEventListener('wheel', blockScroll, { passive: false });\n window.addEventListener('touchmove', blockScroll, { passive: false });\n window.addEventListener('keydown', blockKeys);\n window.addEventListener('scroll', holdScrollAtFreeze, { passive: true });\n const intro = gsap.timeline({\n paused: true,\n onComplete() {\n exiting = false;\n introDone = true;\n triggered = true;\n scrollFrozen = false;\n startFloat();\n },\n onReverseComplete() {\n exiting = false;\n introDone = false;\n triggered = false;\n scrollFrozen = false;\n },\n });\n intro\n .to(section, {\n '--con8-bg-opacity': 1,\n duration: 0.8,\n ease: 'power2.out',\n })\n .to(title, {\n opacity: 1,\n x: 0,\n duration: 0.7,\n ease: 'power2.out',\n }, 'content')\n .to(context, {\n opacity: 1,\n x: 0,\n duration: 0.7,\n ease: 'power2.out',\n }, 'content')\n .to(items, {\n opacity: 1,\n y: 0,\n duration: 0.7,\n stagger: 0.12,\n ease: 'power2.out',\n }, 'content+=0.08');\n if (remind) {\n intro.to(remind, {\n opacity: 1,\n duration: 0.5,\n ease: 'power2.out',\n }, 'content+=0.2');\n }\n pinSt = ScrollTrigger.create({\n trigger: section,\n start: 'top top',\n end: () =\u003e `+=${window.innerHeight * (LEAD_VH + HOLD_VH)}`,\n pin: true,\n invalidateOnRefresh: true,\n onUpdate(self) {\n if (scrollFrozen) {\n holdScrollAtFreeze();\n return;\n }\n const leadRatio = LEAD_VH \/ (LEAD_VH + HOLD_VH);\n if (self.direction === -1) {\n if (\n self.progress \u003c leadRatio \u0026\u0026 (triggered || introDone) \u0026\u0026 !exiting) { exiting = true; introDone = false; triggered = false; stopFloat(); intro.reverse(); } return;\n } if (introDone) return; if ((!triggered || exiting) \u0026\u0026 self.progress \u003e= leadRatio) {\n exiting = false;\n triggered = true;\n freezeY = self.scroll();\n scrollFrozen = true;\n intro.play();\n }\n },\n onEnterBack() {\n if (scrollFrozen) return;\n exiting = false;\n intro.reversed(false).progress(1).pause();\n introDone = true;\n triggered = true;\n startFloat();\n },\n });\n return () =\u003e {\n scrollFrozen = false;\n stopFloat();\n intro.kill();\n window.removeEventListener('wheel', blockScroll);\n window.removeEventListener('touchmove', blockScroll);\n window.removeEventListener('keydown', blockKeys);\n window.removeEventListener('scroll', holdScrollAtFreeze);\n };\n });\n })();\n \u003c\/script\u003e\n \u003c!-- con13 feature-item 滚动钉住切换（仅桌面） --\u003e\n \u003cscript\u003e\n \/**\n * 1. feature-item-1~3 与各 box 默认透明度 0.4\n * 2. 选中项 + 对应 box 透明度 1，对应 context 展开，其余隐藏\n * 3. 滚动钉住 con13，约每半个视口切换一组\n *\/\n (function () {\n const mm = gsap.matchMedia();\n mm.add('(min-width: 769px)', () =\u003e {\n const section = document.querySelector('.con.con13.small--hide');\n if (!section) return;\n const pairs = [1, 2, 3].map((n) =\u003e {\n const item = section.querySelector(`.feature-item-${n}`);\n const box = section.querySelector(`.feature-item-box-${n}`);\n const context = box \u0026\u0026 box.nextElementSibling;\n return { item, box, context };\n }).filter((p) =\u003e p.item \u0026\u0026 p.box \u0026\u0026 p.context);\n if (!pairs.length) return;\n function activate(index) {\n pairs.forEach((pair, i) =\u003e {\n const on = i === index;\n pair.item.classList.toggle('is-active', on);\n pair.box.classList.toggle('is-active', on);\n pair.context.classList.toggle('is-active', on);\n });\n }\n createPinScrubIndex({\n trigger: section,\n count: pairs.length,\n vhPerStep: 0.4,\n onIndex: activate,\n });\n });\n })();\n \u003c\/script\u003e\n \u003c!-- con7 移动端序列帧 canvas（仅 ≤768px，避免桌面误拉 228 张图） --\u003e\n \u003cscript\u003e\n (function () {\n if (!window.matchMedia('(max-width: 768px)').matches) return;\n const section = document.querySelector('.con.con7.pc--hide');\n const canvas = section \u0026\u0026 section.querySelector('canvas.con-canvas');\n if (!section || !canvas) return;\n const ctx = canvas.getContext('2d', { alpha: false });\n const PATH = 'https:\/\/img.chuwi.com\/Home\/GTBookX230H\/sp\/function\/';\n const TOTAL = 228;\n \/\/ 与源视频对齐：整段 3 秒播完再循环（228 帧均匀映射进 3000ms）\n const DURATION_MS = 3000;\n const frames = [];\n let loaded = 0;\n let idx = 0;\n let playing = false;\n let wait = false;\n let raf = 0;\n let t0 = 0;\n const draw = (i) =\u003e {\n i = Math.max(0, Math.min(TOTAL - 1, i));\n const img = frames[i] || frames[idx];\n if (!img || !img.naturalWidth) return;\n idx = i;\n const s = Math.min(canvas.width \/ img.naturalWidth, canvas.height \/ img.naturalHeight);\n const w = img.naturalWidth * s;\n const h = img.naturalHeight * s;\n ctx.fillStyle = '#000';\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n ctx.drawImage(img, (canvas.width - w) \/ 2, (canvas.height - h) \/ 2, w, h);\n };\n const resize = () =\u003e {\n const { width: cw, height: ch } = section.getBoundingClientRect();\n const dpr = Math.min(window.devicePixelRatio || 1, window.innerWidth \u003c 768 ? 1.25 : 2); const w = Math.round(cw * dpr) || 1; const h = Math.round(ch * dpr) || 1; if (canvas.width === w \u0026\u0026 canvas.height === h) return; canvas.width = w; canvas.height = h; draw(idx);\n }; const stop = () =\u003e {\n cancelAnimationFrame(raf);\n raf = 0;\n playing = false;\n };\n const tick = (now) =\u003e {\n if (!playing) return;\n const t = ((now - t0) % DURATION_MS + DURATION_MS) % DURATION_MS;\n const i = Math.min(TOTAL - 1, (t \/ DURATION_MS * TOTAL) | 0);\n if (frames[i] || loaded \u003e= TOTAL) {\n draw(i);\n } else if (frames[idx]) {\n draw(idx);\n }\n raf = requestAnimationFrame(tick);\n };\n const play = () =\u003e {\n if (playing) return;\n if (!loaded) {\n wait = true;\n return;\n }\n wait = false;\n stop();\n draw(0);\n playing = true;\n t0 = performance.now();\n raf = requestAnimationFrame(tick);\n };\n for (let i = 0; i \u003c TOTAL; i++) {\n const img = new Image(); img.onload = () =\u003e {\n frames[i] = img;\n if (++loaded === 1) {\n resize();\n draw(0);\n }\n if (wait) play();\n };\n img.src = PATH + String(i + 1).padStart(4, '0') + '.jpg';\n }\n window.addEventListener('resize', resize, { passive: true });\n resize();\n new IntersectionObserver(([entry]) =\u003e {\n const r = entry.intersectionRatio;\n if (entry.isIntersecting \u0026\u0026 r \u003e= 0.5) {\n play();\n } else if (!entry.isIntersecting || r \u003c 0.2) { stop(); }\n }, { threshold: [0, 0.2, 0.5, 1] }).observe(section);\n })(); \n \u003c\/script\u003e","brand":"CHUWI Global Store","offers":[{"title":"Intel® Core™ 7 230H \u0026 NVIDIA® GeForce RTX™ 3050 \/ 16GB RAM \u0026 512GB SSD","offer_id":52453333008615,"sku":"GTBKX230H","price":999.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0116\/2762\/6596\/files\/1_1fb5791a-be95-406a-976f-c0875c9d2b2a.jpg?v=1785893468","url":"https:\/\/store.chuwi.com\/products\/gtbook-x-230h","provider":"CHUWI Global Store","version":"1.0","type":"link"}