{"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(60em \/ 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(4em \/ var(--base-font-size)) calc(10em \/ 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.con10 .con--wrapper .con-title-decorated .con-icon{\n width: calc(320em \/ var(--base-font-size))\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: 440em;\n --deco-icon-ratio: 1204 \/ 135;\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: 400em;\n --deco-icon-ratio: 1338 \/ 195;\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: 340em;\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 .con-title-decorated .con-icon{\n width: calc(270em \/ var(--base-font-size));\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 gap: 4em;\n }\n\n .con.con12 .feature-list .feature-item {\n display: flex;\n flex-direction: column;\n align-items: center;\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: 420em;\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: 370em;\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\"\u003eGTBook X\u003cimg src=\"https:\/\/img.chuwi.com\/Home\/GTBookX230H\/pc\/c1_4.png\" alt=\"\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eSin retrasos. Gana a lo grande.\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\"\u003eNVIDIA® GeForce\u003cbr class=\"pc--hide\"\u003eRTX™ 3050\u003cbr class=\"small--hide\"\u003eTarjeta gráfica de un portátil\u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003ePotencia de la GPU de hasta 95 W\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\"\u003eIntel® Core™ 7 230H\u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003e10 núcleos, 16 hilos, hasta 5,2 GHz\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\"\u003eIPS a 144 Hz\u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003e15,6\" FHD\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\"\u003eTeclado RGB\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\"\u003ePuertos versátiles\u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003eHDMI | Mini DP | USB-C\u003cbr class=\"small--hide\"\u003eUSB-A | RJ45 | SD\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\"\u003e16 GB de memoria\u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003eAmpliable hasta 64 GB\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\"\u003eAvanzado\u003cbr\u003eSistema de refrigeració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\"\u003eSSD PCIe de 512 GB\u003c\/div\u003e\n \u003cdiv class=\"con2-block-context\"\u003eAmpliable hasta 2 TB\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\"\u003eHecho para jugar\u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-rtl lh\"\u003ePreparados para todo\u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eEquipado con el último procesador Intel® Core™ 7 230H (Serie 2) basado en Raptor Lake, que incluye 6 núcleos de alto rendimiento y 4 núcleos de bajo consumo, con una velocidad de reloj máxima de 5,2 GHz, el portátil GTBook X ofrece una potencia informática ágil y con gran capacidad de respuesta. Es ideal para realizar múltiples tareas sin problemas, disfrutar de una experiencia de juego fluida y crear contenidos de forma eficiente.\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\"\u003e10\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eNúcleos\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-box\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e16\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eHilos\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\"\u003e24 MB\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eIntel® Smart Cache\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003eLago Raptor\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eArquitectura\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-4\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e5\u003cspan\u003e.\u003c\/span\u003e2 GHz\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eFrecuencia máxima del turbo\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\"\u003e24533\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\"\u003e23357\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\"\u003e19643\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\"\u003e16914\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\"\u003eNVIDIA GeForce\u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-ltr lh\" style=\"white-space: nowrap;\"\u003eGPU RTX 3050 para portátil\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eGracias a la arquitectura Ampere de NVIDIA, la GPU para portátiles NVIDIA® GeForce RTX™ 3050 ofrece una experiencia de juego fluida a 1080p, un rendimiento creativo más rápido y gráficos mejorados con IA mediante DLSS. Disfruta de mayores frecuencias de fotogramas, mayor eficiencia y unos gráficos más envolventes.\u003c\/div\u003e\n \u003cdiv class=\"feature-list\"\u003e\n \u003cdiv class=\"feature-item feature-item-1\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e3.ª generación\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eNúcleos Tensor\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e4 GB\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eMemoria VRAM GDDR6\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003ePotencia de la GPU de hasta 95 W\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003e80 W de TGP de la GPU + 15 W de Dynamic Boost\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\"\u003eTrazado de rayos mejorado\u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eLos núcleos dedicados de trazado de rayos de segunda generación simulan la iluminación del mundo real para ofrecer sombras, reflejos e iluminación global notablemente mejorados. Tanto si juegas como si creas contenido, el GTBook X te ofrece un realismo visual de última generació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\"\u003eMayor número de FPS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eNVIDIA DLSS aumenta la frecuencia de fotogramas al tiempo que mantiene una calidad de imagen nítida en los juegos compatibles.\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\"\u003eLatencia ultrabaja\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eNVIDIA Reflex ayuda a localizar objetivos más rápido, a reaccionar con mayor rapidez y a aumentar la precisión al apuntar.\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\"\u003eVoz más clara\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eLa aplicación NVIDIA Broadcast te permite disfrutar de una mayor claridad de voz gracias a la reducción de ruido basada en IA para retransmisiones, videojuegos y llamadas.\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\"\u003eMayor número de FPS\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eNVIDIA DLSS aumenta la frecuencia de fotogramas al tiempo que mantiene una calidad de imagen nítida en los juegos compatibles.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003eLatencia ultrabaja\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eDetecta los objetivos más rápido, reacciona con mayor rapidez y aumenta la precisión de tiro.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003eUna voz más clara\u003cbr\u003eComunicación\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eMejora la claridad de la voz gracias a la reducción de ruido basada en inteligencia artificial para el streaming y las llamadas.\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\" style=\"white-space: nowrap;\"\u003eHasta 140 W dinámicos\u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-ltr\" style=\"white-space: nowrap;\"\u003eAlimentación\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eCuando las cargas de trabajo extremas exigen el máximo rendimiento de la CPU y la GPU, el GTBook X responde al instante, proporcionando hasta 140 W de potencia dinámica total del sistema.\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\"\u003eCPU (carga única) Hasta\u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e90 W\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-context\"\u003eGPU (carga única) Hasta\u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e95 W\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003econ Dynamic Boost\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-context\"\u003eCarga combinada de hasta\u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003e140 W\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eCPU de 45 W +\u003cbr\u003eGPU de 95 W\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"remind-text-box\"\u003e\n \u003cdiv class=\"remind-text\"\u003e*Requiere el modo Turbo y alimentación de CA para obtener el máximo rendimiento.\u003c\/div\u003e\n \u003cdiv class=\"remind-text\"\u003e*El rendimiento real puede variar en función de la configuración del sistema y de los casos de uso.\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\"\u003eActualización sin límites\u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eRápido, con gran capacidad de respuesta y listo para todo desde el momento en que lo enciendes, gracias a sus 16 GB de memoria de alta velocidad y a su amplio SSD PCIe de 512 GB. ¿Quieres más? Los zócalos SO-DIMM de doble canal y las dos ranuras M.2 2280 PCIe 4.0 te permiten ampliar la memoria RAM hasta 64 GB y el almacenamiento SSD hasta 2 TB.\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\"\u003e16 GB\u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003eMemoria RAM de doble canal\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eHasta 2 × 32 GB\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e512 GB\u003c\/div\u003e\n \u003cdiv class=\"feature-item-title\"\u003eSSD PCIe NVMe\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eHasta 2 × 1 TB\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title small--hide\"\u003eDual M\u003cspan\u003e.\u003c\/span\u003e2 2280\u003c\/div\u003e\n \u003cdiv class=\"feature-item-title small--hide\"\u003ePCIe 4\u003cspan\u003e.\u003c\/span\u003e0 tragaperras\u003c\/div\u003e\n \u003cdiv class=\"feature-item-title pc--hide\"\u003eDual M\u003cspan\u003e.\u003c\/span\u003e2 2280 PCIe 4\u003cspan\u003e.\u003c\/span\u003e0 tragaperras\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eAlmacenamiento preparado para el futuro\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\"\u003eDomina bajo presión\u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eNo dejes que la reducción de rendimiento por sobrecalentamiento te haga perder la partida. Equipado con cinco tubos de calor de alta resistencia, dos ventiladores de refrigeración de altas revoluciones y aletas de cobre de alta densidad, el GTBook X disipa el calor al instante, manteniendo el chasis refrigerado y una tasa de fotogramas muy estable durante las sesiones maratonianas.\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\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eTubos de calor\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eVentiladores de refrigeración\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003eAlta densidad\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eAletas de cobre\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\"\u003ePantalla 144 Hz IPS\u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-ltr lh\"\u003eUna inmersión sin igual\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eLa pantalla IPS Full HD de 15,6\" ofrece imágenes nítidas y claras, así como un movimiento ultrasuave gracias a su frecuencia de actualización de 144 Hz. Perfecta para videojuegos, edición, streaming y productividad.\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\"\u003e144 Hz\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eAlta frecuencia de actualización\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e15\u003cspan\u003e.\u003c\/span\u003e6\"\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003ePantalla IPS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e85 %\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eRelación pantalla-cuerpo\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-4\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e16:9\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eRelación de aspecto\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item feature-item-5\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003e1920 × 1080\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eResolució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\"\u003eMejoras en la escritura\u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-ltr lh\"\u003eExperiencia de juego\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eEl panel táctil PTP de gran tamaño ofrece un control fluido y preciso, mientras que el teclado con retroiluminación RGB te permite jugar con total confianza en cualquier condición de iluminación. Disfruta de una experiencia más envolvente y cómoda, tanto si estás trabajando como si estás jugando.\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\"\u003ePanel táctil extragrande\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\"\u003eTeclado con retroiluminación RGB\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\"\u003eGestión optimizada de la energía\u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eLibera toda la potencia o ahorra energía con solo pulsar el botón de modo específico. Adapta tu sistema a cualquier situación sin problemas.\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\"\u003eModo Oficina\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eSilencioso, discreto y optimizado para una mayor duración de la batería.\u003c\/div\u003e\n \u003cdiv class=\"feature-item-box feature-item-box-2\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003eModo equilibrado\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eEficiencia equilibrada para unas velocidades de fotogramas estables y sólidas como una roca.\u003c\/div\u003e\n \u003cdiv class=\"feature-item-box feature-item-box-3\"\u003e\n \u003cdiv class=\"feature-item-title\"\u003eModo Turbo\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003ePone en marcha los ventiladores de refrigeración y lleva el hardware hasta sus límites absolutos.\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\"\u003eGestión optimizada de la energía\u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eLibera toda la potencia o ahorra energía con solo pulsar el botón de modo específico. Adapta tu sistema a cualquier situación sin problemas.\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\"\u003eModo Oficina\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eSilencioso, discreto y optimizado para una mayor duración de la batería.\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\"\u003eModo de equilibrio\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003eEficiencia equilibrada para unas velocidades de fotogramas estables y sólidas como una roca.\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\"\u003eModo Turbo\u003c\/div\u003e\n \u003cdiv class=\"feature-item-context\"\u003ePone en marcha los ventiladores de refrigeración y lleva el hardware hasta sus límites absolutos.\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\"\u003eUltrarrápido,\u003c\/div\u003e\n \u003cdiv class=\"con-title con-title-2 grad-ltr lh\"\u003eConectividad fiable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eGracias al chip Intel Wi-Fi 6, el GTBook X ofrece velocidades más rápidas, menor latencia y mayor estabilidad para jugar, ver contenidos en streaming y trabajar a distancia.\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\"\u003eWi-Fi 6\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\"\u003eBluetooth 5.2\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\"\u003eEthernet de 1 Gb\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\"\u003eWindows 11 Pro preinstalado\u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eEl GTBook X viene con Windows 11 Pro preinstalado, lo que ofrece tiempos de arranque más rápidos, mayor autonomía de la batería, un rendimiento mejorado y seguridad avanzada. Diseñado para usuarios avanzados, creadores y profesionales que buscan una productividad de élite y seguridad avanzada.\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\"\u003ePuertos versátiles\u003cdiv class=\"con-icon\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"con-context\"\u003eEste potente y portátil ordenador portátil está diseñado para satisfacer todas tus necesidades de conectividad. Cuenta con un puerto USB-C 3.2, tres puertos USB-A, un puerto Gigabit Ethernet, un puerto HDMI 2.1 y un puerto mini DP compatibles con 4K a 120 Hz, así como un lector de tarjetas SD\/SDHC\/SDXC para una mayor versatilidad.\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 ES Store","offers":[{"title":"Intel® Core™ 7 230H \u0026 NVIDIA® GeForce RTX™ 3050 \/ 16GB RAM \u0026 512GB SSD","offer_id":53648825614664,"sku":"GTBKX230H","price":999.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0791\/0323\/0280\/files\/1_ff22193e-73c4-4dfd-918b-3d53d7deeffa.jpg?v=1785899424","url":"https:\/\/es.chuwi.com\/en\/products\/gtbook-x-230h","provider":"CHUWI ES Store","version":"1.0","type":"link"}