/* 白皮书独立样式：文字随容器换行、区块由内容撑高，图片保留设计比例。 */
.whitepaper-page { background: #F5F8FD; position: relative; width: 100%; overflow: hidden; font-family: PingFangSC, "Microsoft YaHei", sans-serif; }
.whitepaper-page *, .whitepaper-page *::before, .whitepaper-page *::after { box-sizing: border-box; }
.whitepaper-page .wp-column { display: flex; flex-direction: column; }
.whitepaper-page .wp-row { display: flex; flex-direction: row; }
.whitepaper-page .wp-between { justify-content: space-between; }
.whitepaper-page div, .whitepaper-page span, .whitepaper-page img { flex-shrink: 0; }
.whitepaper-page .wp-hero { height: 43.229167vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPng5f9e0482b2a0d902bd1710c8ed7bd3abba1658cab729e206a9f0daee698787f2) 100% no-repeat; background-size: 100% 100%; width: 100vw; }
.whitepaper-page .wp-hero-inner { background-image: url(/static/img/withefile/bg.png); position: relative; width: 100vw; height: 43.229167vw; overflow: hidden; }
.whitepaper-page .wp-hero-copy { width: 35.520833vw; margin: 9.791667vw 0 0 55.15625vw; }
.whitepaper-page .wp-text-1 { text-shadow: 0vw 0.052083vw 0.052083vw rgba(0, 0, 0, 0.2); overflow-wrap: break-word; color: rgba(0, 86, 231, 1); font-size: 1.25vw; font-weight: 500; text-align: right; line-height: 1.25vw;  }
.whitepaper-page .wp-text-2 { text-shadow: 0vw -0.052083vw 0vw rgba(0, 184, 255, 1); overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 3.125vw; font-weight: 500; text-align: right; line-height: 3.125vw; margin-top: 2.03125vw; }
.whitepaper-page .wp-text-3 { text-shadow: 0vw -0.052083vw 0vw rgba(0, 184, 255, 1); overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 3.125vw; font-weight: 500; text-align: right; line-height: 3.125vw; margin-top: 0.885417vw; margin-right: -1.2vw; }
/* 首屏说明：文本块自然撑高，用 margin 控制段落与场景列表间距。 */
.whitepaper-page .wp-text-wrapper-1 { text-shadow: 0vw 0.052083vw 0.052083vw rgba(0, 0, 0, 0.2); overflow-wrap: break-word; font-weight: 500; text-align: right; line-height: 1.5625vw; margin-top: 2.03125vw; }
.whitepaper-page .wp-text-4, .whitepaper-page .wp-text-5 { color: rgba(255, 255, 255, 1); font-size: 1.041667vw; font-weight: 500; }
/* 首屏说明字号按设计稿换算：1920px 视口下为 16px。 */
.whitepaper-page .wp-paragraph-2 { color: rgba(235, 242, 254, 1); font-size: 0.833333vw; font-weight: normal; margin-top: .520833vw; }
.whitepaper-page .wp-text-5 { margin-top: 1.5625vw; }
.whitepaper-page .wp-text-6 { color: rgba(235, 242, 254, 1); font-size: 0.729167vw; font-weight: normal; margin-top: .520833vw; }
.whitepaper-page .wp-text-7 { text-shadow: 0vw 0.052083vw 0.052083vw rgba(0, 0, 0, 0.2); overflow-wrap: break-word; color: rgba(205, 224, 255, 1); font-size: 0.520833vw; font-weight: 300; text-align: right; line-height: 0.520833vw; margin: 6.822917vw 0 0 25.833333vw; }
.whitepaper-page .wp-hero-art { position: absolute; left: 0; top: 0; width: 77.395833vw; height: 43.229167vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPngd2c372796384b4b64337fba950236611f98eb1f9d66c7759e68241505d507dd0) 100% no-repeat; background-size: 100% 100%; }
.whitepaper-page .wp-section-1 { width: 27.447917vw; height: 7.395833vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPngafaf52fbb6d268f9a46655cf66e28e3d9044cc47966d92409fffa0cd1e9fb02f) 100% no-repeat; background-size: 100% 100%; }
.whitepaper-page .wp-section-2 { width: 33.854167vw; height: 23.020833vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPng0ba7735eacb926d7cba98cf4acac9d1421c6936511056eacb0f31831a37dedf7) -4.6875vw -0.989583vw no-repeat; background-size: 43.229167vw 28.697917vw; margin-top: 0.989583vw; }
.whitepaper-page .wp-section-3 { position: absolute; left: 46.979167vw; top: 22.916667vw; width: 33.385417vw; height: 23.020833vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPngbbf1019ec507c3e13f98a330561c6cd716cf51e485af0a41736fc4d90254c872) -4.6875vw -4.6875vw no-repeat; background-size: 42.760417vw 25vw; }
.whitepaper-page .wp-block-4 { position: absolute; left: 44.114583vw; top: -8.072917vw; width: 9.375vw; height: 9.895833vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPng8dd90b6c5628d3cea1214a0d09d9eab0dd272da5d1536a3ff80961155070ba1f) -3.125vw 8.072917vw no-repeat; background-size: 15.625vw 4.947917vw; }
.whitepaper-page .wp-block-5 { position: absolute; left: -16.458333vw; top: 8.4375vw; width: 17.03125vw; height: 12.708333vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPnga04971e58dc0845edca04cb90eb5f66fc874bbb6937387c0fb0a6e2a344005ed) 16.458333vw -1.5625vw no-repeat; background-size: 2.135417vw 15.833333vw; }
.whitepaper-page .wp-intro { background-color: rgba(255, 255, 255, 1); background-image: url(/static/img/withefile/bg2.png); background-repeat: no-repeat; background-position: right center; background-size: auto 80%; overflow: hidden; margin-left: 0.052083vw; width: 99.947917vw; position: relative; }
.whitepaper-page .wp-text-wrapper-16 { margin: 8.333333vw 0 0 10.416667vw; }
.whitepaper-page .wp-text-13 { overflow-wrap: break-word; color: rgba(0, 86, 231, 1); font-size: 1.25vw; font-weight: 500; text-align: left; line-height: 1.25vw; }
.whitepaper-page .wp-group-18 { width: 80.677083vw; margin: 1.5625vw 0 120px 8.90625vw; }
/* .whitepaper-page .wp-block-20 { width: 54.791667vw;} */
/* 简介标题由父容器控制可用空间，不固定宽高，长标题自然换行。 */
.whitepaper-page .wp-text-14 { text-shadow: 0vw -0.052083vw 0vw rgba(0, 184, 255, 1); overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.125vw; font-weight: 600; text-align: left; line-height: 3.125vw; }
.whitepaper-page .wp-paragraph-6 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 1.666667vw; font-weight: 500; text-align: left; line-height: 2.604167vw; margin: 1.770833vw 0 0 1.458333vw; }
.whitepaper-page .wp-paragraph-7 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.9375vw; font-weight: normal; text-align: justify; line-height: 1.770833vw; margin: 4.21875vw 0 0 1.458333vw; margin-right: 23.645834vw; }
.whitepaper-page .wp-image-2 { width: 14.375vw; height: 20.3125vw; margin-top: 3.645833vw; }
.whitepaper-page .wp-intro-reflection { position: absolute; left: 75.208333vw; top: 36.145833vw; width: 14.375vw; height: 20.3125vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPngc263d03613c834c6ec102313de4eb802a3b14d2e8e7ea264928417184765d2be) -1.25vw -1.25vw no-repeat; background-size: 16.875vw 13.645833vw; }
.whitepaper-page .wp-topics { background-image: url(/static/img/withefile/bg3.png); width: 100vw; }
.whitepaper-page .wp-text-15 { text-shadow: 0vw -0.052083vw 0vw rgba(0, 184, 255, 1); overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.125vw; font-weight: 600; text-align: left; line-height: 3.125vw; margin: 8.333333vw 10.416667vw 0; text-align: center; }
.whitepaper-page .wp-list-2 {  justify-content: space-between; margin: 3.125vw 9.53125vw 6.666667vw 9.53125vw; }
.whitepaper-page .wp-text-group-3-0 { width: 25.625vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPng20e20995297c14d5952f9108251f05c05aae631b1c15f8f97548189ba0cb5d62) -0.208333vw -0.208333vw no-repeat; background-size: 100% 100%; margin-right: 2.083333vw; }
.whitepaper-page .wp-text-16-0 { background-image: linear-gradient( 180deg, rgba(0, 86, 231, 1) 0, rgba(254, 254, 254, 1) 100% ); overflow-wrap: break-word; color: rgba(0, 0, 0, 1); font-size: 6.25vw; font-weight: 500; text-align: left; line-height: 6.25vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 0 3.125vw; }
.whitepaper-page .wp-text-17-0 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 1.666667vw; font-weight: 500; text-align: left; line-height: 2.604167vw; margin: -1.041667vw 2.916667vw 0 3.125vw; }
.whitepaper-page .wp-text-18-0 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.9375vw; font-weight: normal; text-align: justify; line-height: 1.770833vw; margin: 2.083333vw 2.916667vw 6.666667vw 2.916667vw; }
.whitepaper-page .wp-text-group-3-1 { width: 25.625vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPng20e20995297c14d5952f9108251f05c05aae631b1c15f8f97548189ba0cb5d62) -0.208333vw -0.208333vw no-repeat; background-size: 100% 100%; margin-right: 2.083333vw; }
.whitepaper-page .wp-text-16-1 { background-image: linear-gradient( 180deg, rgba(0, 86, 231, 1) 0, rgba(254, 254, 254, 1) 100% ); overflow-wrap: break-word; color: rgba(0, 0, 0, 1); font-size: 6.25vw; font-weight: 500; text-align: left; line-height: 6.25vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 0 3.125vw; }
.whitepaper-page .wp-text-17-1 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 1.666667vw; font-weight: 500; text-align: left; line-height: 2.604167vw; margin: -1.041667vw 2.916667vw 0 3.125vw; }
.whitepaper-page .wp-text-18-1 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.9375vw; font-weight: normal; text-align: justify; line-height: 1.770833vw; margin: 2.083333vw 2.916667vw 0.625vw 2.916667vw; }
.whitepaper-page .wp-text-group-3-2 { width: 25.625vw; background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPng20e20995297c14d5952f9108251f05c05aae631b1c15f8f97548189ba0cb5d62) -0.208333vw -0.208333vw no-repeat; background-size: 100% 100%; margin-right: 2.083333vw; }
.whitepaper-page .wp-text-16-2 { background-image: linear-gradient( 180deg, rgba(0, 86, 231, 1) 0, rgba(254, 254, 254, 1) 100% ); overflow-wrap: break-word; color: rgba(0, 0, 0, 1); font-size: 6.25vw; font-weight: 500; text-align: left; line-height: 6.25vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 0 3.125vw; }
.whitepaper-page .wp-text-17-2 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 1.666667vw; font-weight: 500; text-align: left; line-height: 2.604167vw; margin: -1.041667vw 2.916667vw 0 3.125vw; }
.whitepaper-page .wp-text-18-2 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.9375vw; font-weight: normal; text-align: justify; line-height: 1.770833vw; margin: 2.083333vw 2.916667vw 6.666667vw 2.916667vw; }
.whitepaper-page .wp-viewpoints { background-color: rgba(255, 255, 255, 1); position: relative; width: 99.947917vw; margin-left: 0.052083vw; }
.whitepaper-page .wp-text-19 { text-shadow: 0vw -0.052083vw 0vw rgba(0, 184, 255, 1); overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.125vw; font-weight: 600; text-align: left; line-height: 3.125vw; margin: 8.333333vw 0 0 10.364583vw; }
.whitepaper-page .wp-section-8 { width: 79.166667vw; margin: 5.208333vw 0 0 10.416667vw; }
.whitepaper-page .wp-image-3 { width: 5.208333vw; height: 5.208333vw; margin-top: 0.989583vw; }
.whitepaper-page .wp-text-group-9 { width: 71.25vw; }
.whitepaper-page .wp-text-20 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 1.666667vw; font-weight: 500; text-align: left; line-height: 2.604167vw; }
.whitepaper-page .wp-text-21 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.9375vw; font-weight: normal; text-align: justify; line-height: 1.770833vw; margin-top: 0.989583vw; }
.whitepaper-page .wp-section-9 { width: 79.166667vw; margin: 0 0 0 10.416667vw; }
.whitepaper-page .wp-image-4 { width: 5.208333vw; height: 5.208333vw; margin-top: 0.989583vw; }
.whitepaper-page .wp-text-wrapper-17 { }
.whitepaper-page .wp-text-22 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 1.666667vw; font-weight: 500; text-align: left; line-height: 2.604167vw; }
.whitepaper-page .wp-text-23 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.9375vw; font-weight: normal; text-align: justify; line-height: 1.770833vw; margin-top: 1.041667vw; }
.whitepaper-page .wp-section-10 { width: 79.166667vw; margin: 0 0 0 10.416667vw; }
.whitepaper-page .wp-image-5 { width: 5.208333vw; height: 5.208333vw; margin-top: 0.989583vw; }
.whitepaper-page .wp-text-wrapper-18 { }
.whitepaper-page .wp-text-24 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 1.666667vw; font-weight: 500; text-align: left; line-height: 2.604167vw; }
.whitepaper-page .wp-text-25 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.9375vw; font-weight: normal; text-align: justify; line-height: 1.770833vw; margin-top: 1.041667vw; }
.whitepaper-page .wp-section-11 { width: 79.166667vw; margin: 0 0 8.333333vw 10.416667vw; }
.whitepaper-page .wp-image-6 { width: 5.208333vw; height: 5.208333vw; margin-top: 0.989583vw; }
.whitepaper-page .wp-text-group-10 { width: 70.833333vw; }
.whitepaper-page .wp-text-26 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 1.666667vw; font-weight: 500; text-align: left; line-height: 2.604167vw; }
.whitepaper-page .wp-text-27 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.9375vw; font-weight: normal; text-align: justify; line-height: 1.770833vw; margin-top: 1.041667vw; }
.whitepaper-page .wp-image-7 { position: absolute; left: 10.416667vw; top: 28.020833vw; width: 79.166667vw; height: 31.197917vw; }
.whitepaper-page .wp-scenarios { background-color: rgba(245, 248, 253, 1); width: 100vw; margin-bottom: 40.833333vw; }
.whitepaper-page .wp-text-group-11 { width: 72.96875vw; margin: 8.333333vw 0 0 13.541667vw; }
.whitepaper-page .wp-text-28 { text-shadow: 0vw -0.052083vw 0vw rgba(0, 184, 255, 1); overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.125vw; font-weight: 600; text-align: left; line-height: 3.125vw; text-align: center; }
.whitepaper-page .wp-text-wrapper-6 { overflow-wrap: break-word; font-size: 0; font-weight: normal; text-align: center; line-height: 2.604167vw; margin-top: 1.770833vw; }
.whitepaper-page .wp-paragraph-8 { overflow-wrap: break-word; color: rgba(54, 51, 51, 1); font-size: 1.25vw; font-weight: normal; text-align: center; line-height: 2.604167vw; }
.whitepaper-page .wp-text-29 { overflow-wrap: break-word; color: rgba(54, 51, 51, 1); font-size: 1.25vw; font-weight: 500; text-align: center; line-height: 2.604167vw; }
.whitepaper-page .wp-box-10 { width: 79.166667vw; height: 33.229167vw; margin: 5.833333vw 0 0 10.416667vw; }
.whitepaper-page .wp-group-19 { width: 21.145833vw; height: 33.229167vw; }
.whitepaper-page .wp-group-8 { background-image: url(/static/img/withefile/加湿器@2x.png); border-radius: 1.041667vw; height: 15.833333vw; width: 21.145833vw; }
.whitepaper-page .wp-text-wrapper-7 { background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPngd8147c5d026405d2f9cc2ca48195beb97a2e98b46a458ad4aca0a6338a7ecf09) 100% no-repeat; background-size: 100% 100%; margin: 1.041667vw 0 0 16.666667vw; }
.whitepaper-page .wp-text-30 { overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.625vw; text-transform: uppercase; font-weight: 500; text-align: center; line-height: 0.625vw; margin: 0; }
.whitepaper-page .wp-group-9 { background-image: url(/static/img/withefile/冰箱@2x.png); border-radius: 1.041667vw; height: 15.833333vw; margin-top: 1.5625vw; width: 21.145833vw; }
.whitepaper-page .wp-text-wrapper-8 { background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPngd8147c5d026405d2f9cc2ca48195beb97a2e98b46a458ad4aca0a6338a7ecf09) 100% no-repeat; background-size: 100% 100%; margin: 1.041667vw 0 0 16.666667vw; }
.whitepaper-page .wp-text-31 { overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.625vw; text-transform: uppercase; font-weight: 500; text-align: center; line-height: 0.625vw; margin: 0; }
.whitepaper-page .wp-box-5 { border-radius: 1.041667vw; background-image: url(/static/img/withefile/空调@2x.png); height: 33.229167vw; margin-left: 1.5625vw; width: 21.145833vw; }
.whitepaper-page .wp-text-wrapper-9 { background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPngd8147c5d026405d2f9cc2ca48195beb97a2e98b46a458ad4aca0a6338a7ecf09) 100% no-repeat; background-size: 100% 100%; margin: 1.041667vw 0 0 16.666667vw; }
.whitepaper-page .wp-text-32 { overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.625vw; text-transform: uppercase; font-weight: 500; text-align: center; line-height: 0.625vw; margin: 0; }
.whitepaper-page .wp-box-6 { background-image: url(/static/img/withefile/清洁电器@2x.png); border-radius: 1.041667vw; height: 33.229167vw; margin-left: 1.5625vw; width: 33.75vw; }
.whitepaper-page .wp-text-wrapper-10 { background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPngd8147c5d026405d2f9cc2ca48195beb97a2e98b46a458ad4aca0a6338a7ecf09) 100% no-repeat; background-size: 100% 100%; margin: 1.041667vw 0 0 29.270833vw; }
.whitepaper-page .wp-text-33 { overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.625vw; text-transform: uppercase; font-weight: 500; text-align: center; line-height: 0.625vw; margin: 0; }
.whitepaper-page .wp-box-11 { width: 79.166667vw; height: 18.541667vw; margin: 1.5625vw 0 0 10.416667vw; }
.whitepaper-page .wp-box-7 { background-image: url(/static/img/withefile/洗衣机@2x.png); border-radius: 1.041667vw; height: 18.541667vw; width: 43.854167vw; }
.whitepaper-page .wp-text-wrapper-11 { background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPngd8147c5d026405d2f9cc2ca48195beb97a2e98b46a458ad4aca0a6338a7ecf09) 100% no-repeat; background-size: 100% 100%; margin: 1.041667vw 0 0 39.375vw; }
.whitepaper-page .wp-text-34 { overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.625vw; text-transform: uppercase; font-weight: 500; text-align: center; line-height: 0.625vw; margin: 0; }
.whitepaper-page .wp-box-8 { background-image: url(/static/img/withefile/洗碗机@2x.png); border-radius: 1.041667vw; height: 18.541667vw; width: 33.75vw; }
.whitepaper-page .wp-text-wrapper-12 { background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPngd8147c5d026405d2f9cc2ca48195beb97a2e98b46a458ad4aca0a6338a7ecf09) 100% no-repeat; background-size: 100% 100%; margin: 1.041667vw 0 0 29.270833vw; }
.whitepaper-page .wp-text-35 { overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.625vw; text-transform: uppercase; font-weight: 500; text-align: center; line-height: 0.625vw; margin: 0; }
.whitepaper-page .wp-text-36 { display: block; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 0.625vw; font-weight: normal; text-align: center; line-height: 1.5; margin-top: 1.041667vw; }
.whitepaper-page .wp-cta { position: relative; width: 100%; padding: 0 10.416667vw 3.125vw; background: linear-gradient(#f5f8fd 50%, #fff 50%); }
.whitepaper-page .wp-cta-card { box-shadow: 0vw 0.520833vw 1.5625vw 0vw rgba(0, 86, 231, 0.3); position: relative; transition: transform .3s ease, box-shadow .3s ease; }
/* CTA 卡片悬浮时轻微放大并加深阴影。 */
.whitepaper-page .wp-cta-card:hover { transform: scale(1); box-shadow: 0vw 0.833333vw 2.083333vw 0vw rgba(0, 86, 231, 0.4); }
.whitepaper-page .wp-cta-inner { background: #0056e7 url(/static/img/withefile/bg4.png) center/cover no-repeat; border-radius: 2.083333vw; position: relative; padding: 4.166667vw 7.291667vw; gap: 5.208333vw; align-items: center; overflow: hidden; }
.whitepaper-page .wp-cta-copy { flex: 1; min-width: 0; }
.whitepaper-page .wp-text-55 { text-shadow: 0vw -0.052083vw 0vw rgba(0, 184, 255, 1); overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 3.125vw; font-weight: normal; text-align: center; line-height: 3.125vw; }
.whitepaper-page .wp-text-56 { overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 1.25vw; font-weight: 300; text-align: center; line-height: 1.25vw; margin-top: 2.604167vw; margin-left: -0.520833vw; }
/* CTA 使用整张背景图展示，不再单独加载右侧书本图标和倒影。 */

/* 组件布局：背景随画幅缩放，装饰不遮挡文字和按钮。 */
.whitepaper-page { display: flex; flex-direction: column; }
.whitepaper-page .wp-hero-inner, .whitepaper-page .wp-topics,
.whitepaper-page .wp-group-8, .whitepaper-page .wp-group-9,
.whitepaper-page .wp-box-5, .whitepaper-page .wp-box-6,
.whitepaper-page .wp-box-7, .whitepaper-page .wp-box-8 { background-size: 100% 100%; background-repeat: no-repeat; transition: transform .3s ease, box-shadow .3s ease; }
/* 场景卡片悬浮时轻微放大并提升阴影。 */
.whitepaper-page .wp-group-8:hover,
.whitepaper-page .wp-group-9:hover,
.whitepaper-page .wp-box-5:hover,
.whitepaper-page .wp-box-6:hover,
.whitepaper-page .wp-box-7:hover,
.whitepaper-page .wp-box-8:hover { transform: scale(1.05); box-shadow: 0 .416667vw .833333vw 0 rgba(0,86,231,.12); }
.whitepaper-page .wp-hero-copy { position: relative; z-index: 1; }
.whitepaper-page .wp-hero-art, .whitepaper-page .wp-block-4,
.whitepaper-page .wp-block-5, .whitepaper-page .wp-intro-reflection,
.whitepaper-page .wp-image-7 { pointer-events: none; }
.whitepaper-page .wp-viewpoints { justify-content: flex-start; }
/* 获取区域随正文自然下移，卡片由文案和图片共同撑高。 */
.whitepaper-page .wp-scenarios { margin-bottom: 0; }
.whitepaper-page .wp-cta { position: relative; width: 100%; padding: 0 10.416667vw 3.125vw; background: linear-gradient(#f5f8fd 50%, #fff 50%); }
.whitepaper-page .wp-cta-card { border-radius: 2.083333vw; }
/* 原生按钮支持键盘操作，两处均接入公共联系弹窗。 */
/* 下载入口复用首页结构及完整悬停效果，隔离说明文案的行高和文字阴影。 */
.whitepaper-page .wp-download { flex-shrink: 0; width: fit-content; height: auto; line-height: normal; text-shadow: none; font-family: PingFangSC; transition: transform .3s ease, box-shadow .3s ease; }
/* 首屏按钮跟随说明文案排列，右对齐并通过外边距与家电列表分隔。 */
/* 首屏按钮圆角按 1920px 设计稿的 8px 换算，小屏沿用同一比例。 */
.whitepaper-page .wp-download-hero { border-radius: .416667vw; margin: 1.5625vw 0 0 auto; }
/* 底部入口默认呈现顶部按钮的悬停样式：白底、蓝字和蓝色箭头。 */
/* 底部下载按钮同步使用设计稿 8px 圆角，仅作用于该入口。 */
.whitepaper-page .wp-download-bottom { margin-top: 4.791667vw; border-radius: .416667vw; background: #fff; border-color: #fff !important; color: #0056e7; box-shadow: 0 0 0 2px #0056e7; }
.whitepaper-page .wp-download-bottom span { color: #0056e7; }
/* 白皮书背景为蓝色，下载按钮悬停时使用实心白底。 */
.whitepaper-page .wp-download:hover { background: #fff; border-color:#fff !important; transform: scale(1.08); box-shadow: 0 .208333vw .520833vw 0 rgba(0,86,231,.2); }
/* .whitepaper-page .wp-download a:focus-visible { outline: 3px solid #00b8ff; outline-offset: 4px; } */

/* 首屏、简介和观点：容器负责分栏，文本不再逐项指定尺寸。 */
.whitepaper-page .wp-hero { height: auto; }
.whitepaper-page .wp-hero-inner {min-height: 43.229167vw;}
.whitepaper-page .wp-hero-copy { margin-right: 9.322917vw; width: auto; }
.whitepaper-page .wp-block-20 { flex: 1; min-width: 0; width: auto; }
.whitepaper-page .wp-group-18 { gap: 6.927083vw; align-items: flex-start; }
.whitepaper-page .wp-text-group-9, .whitepaper-page .wp-text-wrapper-17,
.whitepaper-page .wp-text-wrapper-18, .whitepaper-page .wp-text-group-10 { flex: 1; min-width: 0; width: auto; }
.whitepaper-page .wp-section-8, .whitepaper-page .wp-section-9,
.whitepaper-page .wp-section-10, .whitepaper-page .wp-section-11 { position: relative; gap: 2.708333vw; transition: transform .3s ease; }
/* 核心观点小块使用 CSS 分割线替代蓝湖导出的分割线图片。 */
.whitepaper-page .wp-section-8, .whitepaper-page .wp-section-9,
.whitepaper-page .wp-section-10 { padding-bottom: 4.166667vw; margin-bottom: 4.166667vw; border-bottom: 1px solid #dce8f7; }
/* 核心技术观点行悬浮时轻微放大。 */
.whitepaper-page .wp-section-8:hover,
.whitepaper-page .wp-section-9:hover,
.whitepaper-page .wp-section-10:hover,
.whitepaper-page .wp-section-11:hover { transform: scale(1.05); }
/* 场景角标按文字和内边距撑开，靠右对齐而非固定文字坐标。 */
/* 讨论卡片保留现有横向间距。 */
.whitepaper-page .wp-list-2 { gap: 2.083333vw; }
.whitepaper-page .wp-text-group-3-0, .whitepaper-page .wp-text-group-3-1,
/* 三张卡片的内边距按设计稿 60px 换算为 3.125vw。 */
.whitepaper-page .wp-text-group-3-2 { flex: none; min-width: 0; width: 25.625vw; height: 38.229167vw; padding: 3.125vw; margin-right: 0; }
/* 按 1920px 设计稿换算卡片尺寸、阴影、圆角及模糊，保留白底和 0.9 透明度。 */
.whitepaper-page .wp-text-group-3-0, .whitepaper-page .wp-text-group-3-1,
.whitepaper-page .wp-text-group-3-2 { background: #fff; box-shadow: 0 -.208333vw 0 0 #0056e7, 0 .104167vw .208333vw 0 rgba(0,86,231,.06); border-radius: 1.041667vw; opacity: .9; backdrop-filter: blur(.104167vw); transition: transform .3s ease, box-shadow .3s ease; }
/* 卡片悬浮时轻微放大并提升阴影，增强交互反馈。 */
.whitepaper-page .wp-text-group-3-0:hover,
.whitepaper-page .wp-text-group-3-1:hover,
.whitepaper-page .wp-text-group-3-2:hover { transform: scale(1.05); opacity: 1; box-shadow: 0 -.208333vw 0 0 #0056e7, 0 .416667vw .833333vw 0 rgba(0,86,231,.12); }
/* 卡片内部左右留白统一由外层 padding 控制，保留文字原有上下间距。 */
.whitepaper-page .wp-text-group-3-0 span,
.whitepaper-page .wp-text-group-3-1 span,
.whitepaper-page .wp-text-group-3-2 span { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.whitepaper-page .wp-text-wrapper-7, .whitepaper-page .wp-text-wrapper-8,
.whitepaper-page .wp-text-wrapper-9, .whitepaper-page .wp-text-wrapper-10,
.whitepaper-page .wp-text-wrapper-11, .whitepaper-page .wp-text-wrapper-12 { align-self: flex-end; margin: 1.041667vw 1.041667vw 0; padding: .208333vw .46875vw; }
/* 场景图片已内置品类名称，隐藏页面额外叠加的文字角标。 */
.whitepaper-page .wp-text-wrapper-7, .whitepaper-page .wp-text-wrapper-8,
.whitepaper-page .wp-text-wrapper-9, .whitepaper-page .wp-text-wrapper-10,
.whitepaper-page .wp-text-wrapper-11, .whitepaper-page .wp-text-wrapper-12 { display: none; }
.whitepaper-page .wp-scenarios { padding-bottom: 7.708333vw; }
.whitepaper-page .wp-text-55, .whitepaper-page .wp-text-56 { text-align: left; }
/* 手机：解除桌面坐标，按内容自然撑高，保持正文可读。 */
@media screen and (max-width: 768px) {
    .whitepaper-page .wp-intro span[class]:not(.iconfont),
    .whitepaper-page .wp-topics span[class]:not(.iconfont),
    .whitepaper-page .wp-viewpoints span[class]:not(.iconfont),
    .whitepaper-page .wp-scenarios span[class]:not(.iconfont),
    .whitepaper-page .wp-cta span[class]:not(.iconfont) { font-size: 15px; line-height: 1.9; text-shadow: none; }
    .whitepaper-page .wp-download-hero { padding: 10px 24px; gap: 8px; margin: 24px 0 0 auto; }
    /* Hero 首屏：上图下文布局，隐藏桌面装饰，文字叠加在 bg1-r 上。 */
    .whitepaper-page .wp-hero { height: auto; background: none; }
    .whitepaper-page .wp-hero-inner { display: block !important; background-image: none !important; height: auto !important; width: 100% !important; min-height: 0 !important; padding: 60px 0 0 0 !important; overflow: visible !important; }
    .whitepaper-page .wp-hero-art { display: block !important; position: static !important; width: 100% !important; height: 260px !important; background: url(/static/img/withefile/bg1-l.webp) center/cover no-repeat !important; }
    .whitepaper-page .wp-block-4, .whitepaper-page .wp-block-5,
    .whitepaper-page .wp-section-1, .whitepaper-page .wp-section-2,
    .whitepaper-page .wp-section-3 { display: none; }
    .whitepaper-page .wp-hero-copy { width: 100%; height: auto; margin: 0; padding: 24px; background: url(/static/img/withefile/bg1-r.webp) center/cover no-repeat; text-align: left; }
    .whitepaper-page .wp-text-1 { display: block; font-size: 14px; line-height: 1.5; text-shadow: none; text-align: right; }
    .whitepaper-page .wp-text-2, .whitepaper-page .wp-text-3 { font-size: 26px; line-height: 1.4; margin-top: 8px; text-shadow: none; text-align: left; }
    .whitepaper-page .wp-text-2, .whitepaper-page .wp-text-3 { text-align: right; }
    .whitepaper-page .wp-text-3 { margin-top: 0; margin-right: -12px; }
    .whitepaper-page .wp-text-wrapper-1 { margin-top: 16px; text-shadow: none; text-align: left; line-height: 1.8; text-align: right;}
    .whitepaper-page .wp-text-4, .whitepaper-page .wp-text-5 { font-size: 15px; text-align: right;}
    .whitepaper-page .wp-text-5 { margin-top: 16px; }
    .whitepaper-page .wp-paragraph-2 { font-size: 13px; line-height: 1.8; margin-top: 6px; text-align: right;}
    .whitepaper-page .wp-text-6 { font-size: 12px; margin-top: 6px; }
    .whitepaper-page .wp-intro-reflection,
    .whitepaper-page .wp-image-7 { display: none; }
    .whitepaper-page .wp-intro { background-color: #fff; background-image: none; }
    .whitepaper-page .wp-intro, .whitepaper-page .wp-topics,
    .whitepaper-page .wp-viewpoints, .whitepaper-page .wp-scenarios { width: 100%; padding: 0 24px; }
    .whitepaper-page .wp-text-13 { color: #0056e7; font-size: 16px; }
    .whitepaper-page .wp-group-18 { flex-direction: column; gap: 32px; margin-top: 20px; }
    .whitepaper-page .wp-text-14, .whitepaper-page .wp-text-15,
    .whitepaper-page .wp-text-19, .whitepaper-page .wp-text-28,
    .whitepaper-page .wp-text-55 { font-size: 28px; line-height: 1.5; font-weight: 600; }
    .whitepaper-page .wp-paragraph-6 { margin-top: 20px; font-size: 20px; line-height: 1.7; }
    .whitepaper-page .wp-paragraph-7 { margin-top: 28px; }
    .whitepaper-page .wp-image-2 { width: 190px; height: auto; align-self: center; }
    .whitepaper-page .wp-topics { background-color: #f5f8fd; background-size: cover; }
    .whitepaper-page .wp-text-15, .whitepaper-page .wp-text-28 { align-self: center; text-align: center; }
    .whitepaper-page .wp-list-2 { flex-direction: column; gap: 24px; margin-top: 32px; }
    /* 手机端沿用纵向布局，由正文撑高，避免桌面固定尺寸挤压内容。 */
    .whitepaper-page [class^="wp-text-group-3-"] { width: 100%; height: auto; padding: 3.125vw; background-size: 100% 100%; background-position: center; }
    .whitepaper-page [class^="wp-text-16-"] { font-size: 80px; line-height: 1.1; font-weight: 700; }
    .whitepaper-page [class^="wp-text-17-"] { font-size: 23px; line-height: 1.6; font-weight: 500; }
    .whitepaper-page .wp-mobile-hidden-break { display: none; }
    .whitepaper-page [class^="wp-text-18-"] { margin-top: 20px; }
    .whitepaper-page .wp-section-8, .whitepaper-page .wp-section-9,
    .whitepaper-page .wp-section-10, .whitepaper-page .wp-section-11 { gap: 20px; margin-top: 32px; padding-bottom: 28px; border-bottom: 1px solid #e6edf5; }
    .whitepaper-page .wp-image-3, .whitepaper-page .wp-image-4,
    .whitepaper-page .wp-image-5, .whitepaper-page .wp-image-6 { width: 56px; height: 56px; }
    .whitepaper-page .wp-text-group-9, .whitepaper-page .wp-text-wrapper-17,
    .whitepaper-page .wp-text-wrapper-18, .whitepaper-page .wp-text-group-10 { flex: 1; }
    .whitepaper-page .wp-text-20, .whitepaper-page .wp-text-22,
    .whitepaper-page .wp-text-24, .whitepaper-page .wp-text-26 { font-size: 21px; line-height: 1.6; }
    .whitepaper-page .wp-text-21, .whitepaper-page .wp-text-23,
    .whitepaper-page .wp-text-25, .whitepaper-page .wp-text-27 { margin-top: 12px; }
    /* 手机端场景说明继续居中展示，和桌面视觉保持一致。 */
    .whitepaper-page .wp-text-wrapper-6 { margin-top: 24px; line-height: 1.9; text-align: center; }
    .whitepaper-page .wp-box-10 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 32px 0 0; width: 100%; height: auto; }
    .whitepaper-page .wp-group-19 { width: 100%; height: auto; gap: 16px; }
    .whitepaper-page .wp-group-8, .whitepaper-page .wp-group-9 { width: 100%; height: auto; aspect-ratio: 406 / 304; }
    .whitepaper-page .wp-box-5 { width: 100%; height: 100%; margin-left: 0; }
    .whitepaper-page .wp-box-6 { width: 100%; height: auto; margin-left: 0; grid-column: 1 / -1; aspect-ratio: 648 / 638; }
    /* 手机端洗衣机、洗碗机场景改为纵向堆叠，避免小屏并排挤压画面。 */
    .whitepaper-page .wp-box-11 { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 16px 0 0; width: 100%; height: auto; }
    .whitepaper-page .wp-box-7 { width: 100%; height: auto; aspect-ratio: 842 / 356; }
    .whitepaper-page .wp-box-8 { width: 100%; height: auto; aspect-ratio: 648 / 356; }
    .whitepaper-page .wp-group-8, .whitepaper-page .wp-group-9,
    .whitepaper-page .wp-box-5, .whitepaper-page .wp-box-6,
    .whitepaper-page .wp-box-7, .whitepaper-page .wp-box-8 { position: relative; border-radius: 12px; overflow: hidden; }
    .whitepaper-page .wp-text-wrapper-7, .whitepaper-page .wp-text-wrapper-8,
    .whitepaper-page .wp-text-wrapper-9, .whitepaper-page .wp-text-wrapper-10,
    .whitepaper-page .wp-text-wrapper-11, .whitepaper-page .wp-text-wrapper-12 { position: absolute; right: 10px; top: 10px; min-width: 62px; padding: 3px 8px; border-radius: 5px; background: #0056e7; }
    .whitepaper-page .wp-text-30, .whitepaper-page .wp-text-31,
    .whitepaper-page .wp-text-32, .whitepaper-page .wp-text-33,
    .whitepaper-page .wp-text-34, .whitepaper-page .wp-text-35 { font-size: 12px; line-height: 1.5; }
    .whitepaper-page .wp-text-36 { display: block; margin-top: 16px; font-size: 12px; line-height: 1.8; text-align: center; }
    .whitepaper-page .wp-cta { margin-top: 24px; padding: 0 24px 48px; background: linear-gradient(#f5f8fd 50%, #fff 50%); }
    .whitepaper-page .wp-cta-card { position: relative; left: auto; top: auto; border-radius: 24px; }
    .whitepaper-page .wp-cta-inner { background: #0056e7; padding: 36px 28px; border-radius: 24px; align-items: center; gap: 30px; }
    .whitepaper-page .wp-cta-copy { flex: 1; }
    .whitepaper-page .wp-text-55, .whitepaper-page .wp-text-56 { text-align: left; }
    .whitepaper-page .wp-text-56 { margin-top: 20px; margin-left: -8px; font-size: 16px; }
    .whitepaper-page .wp-download-bottom { margin-top: 28px; }
    .whitepaper-page .wp-section-8, .whitepaper-page .wp-section-9,
    .whitepaper-page .wp-section-10, .whitepaper-page .wp-section-11 { flex-direction: column; gap: 16px; }
    .whitepaper-page .wp-cta-inner { flex-direction: column; align-items: flex-start; padding: 32px 24px; }
}

/* 正文换行使用块级文本；额外空行按原行高换成外边距，继承各区域及移动端字号。 */
.whitepaper-page .wp-copy-line { display: block; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; text-shadow: inherit; }
.whitepaper-page .wp-paragraph-7 .wp-copy-gap-2 { margin-bottom: 1.5625vw; }
/* 仅加粗“面向哪些家电场景？”说明中的家电品类行，避免影响首屏同类文案。 */
.whitepaper-page .wp-scenarios .wp-paragraph-8 .wp-copy-gap-1 { font-weight: 600; }
/* 仅加粗场景说明结论句。 */
.whitepaper-page .wp-scenarios .wp-text-29 { font-weight: 600; }
.whitepaper-page .wp-paragraph-8 .wp-copy-gap-1 { margin-bottom: 2.604167vw; }
@media screen and (max-width: 768px) {
    .whitepaper-page .wp-paragraph-7 .wp-copy-gap-2 { margin-bottom: 3.8em; }
    .whitepaper-page .wp-paragraph-8 .wp-copy-gap-1 { margin-bottom: 1.9em; }
}
