/* ==========================================================================
   快易播 - 首页 index.css
   设计尺寸 1920x5170，CSS 值严格来自蓝湖设计规格
   响应式：内容 1200 居中 + 背景铺满视口 —— 全屏背景层改 width:100%，
           内容层用 margin-left:calc(50% ± Npx) 相对视口中心定位，
           贴边元素(logo/导航项)保留原始左距；窄屏(<1200)横向滚动不裁切
   背景图路径相对于本 css 文件（位于 css/ 目录）
   基础重置与 flex 工具类见 common.css
   ========================================================================== */

.page { position: relative; width: 100%; height: 5170px; overflow: hidden; min-width: 1200px; }
.section_1 { width: 100%; height: 5170px; background: url('../assets/slices/home/section_1.png') 100% no-repeat; background-size: 100% 100%; }
.box_1 { position: relative; height: 520px; width: 100%; }
/* 轮播背景层：两帧 crossfade，背景图从 .box_1 移入此处。
   源图 1920x520，用 auto 100% 等比缩放（高铺满 520、宽恒为原生 1920）居中：
   视口宽于 1920 时完整显示不裁切，两侧由源图左右边缘 1px 列图（edge bleed）
   横向拉伸无缝延申至全宽（竖向渐变与图边缘完全一致，无平涂色块接缝，
   与页面其余部分的全幅背景观感统一）；视口窄于 1920 时 bleed 层宽为 0
   （max(0px, calc(50% - 960px))），只裁左右安全区。
   不可用 100% 100%（高度锁 520 而宽度随视口，横竖缩放比不一致会拉变形） */
.banner-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 100%; opacity: 0; transition: opacity .8s ease; z-index: 0; }
.banner-bg--1 { background-image: url('../assets/slices/home/box_1.png'), url('../assets/slices/home/box_1_edge_l.png'), url('../assets/slices/home/box_1_edge_r.png'); background-size: auto 100%, max(0px, calc(50% - 960px)) 100%, max(0px, calc(50% - 960px)) 100%; background-position: center top, left top, right top; background-color: #e9eefc; opacity: 1; }
.banner-bg--2 { background-image: url('../assets/slices/home/box_1_b2.png'), url('../assets/slices/home/box_1_b2_edge_l.png'), url('../assets/slices/home/box_1_b2_edge_r.png'); background-size: auto 100%, max(0px, calc(50% - 960px)) 100%, max(0px, calc(50% - 960px)) 100%; background-position: center top, left top, right top; background-color: #ebf1fe; }
.box_1.is-slide-2 .banner-bg--1 { opacity: 0; }
.box_1.is-slide-2 .banner-bg--2 { opacity: 1; }
.section_19 { position: relative; z-index: 1; width: 1197px; height: 30px; margin: 17px 0 0 calc(50% - 597px); }
.image_1 { width: 109px; height: 30px; }
.nav-logo { display: inline-flex; line-height: 0; cursor: pointer; }
.box_2 { background-color: rgba(17, 17, 17, 1.0); width: 2px; height: 12px; margin: 9px 0 0 15px; }
.text_1 { width: 95px; height: 30px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 30px; margin: 0 0 0 15px; }
/* 当前页「网站首页」选中态：与 about.html「关于我们」一致（主紫 + Semibold） */
.text_2 { width: 59px; height: 30px; overflow-wrap: break-word; color: rgba(99, 96, 253, 1.0); font-size: 16px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 30px; margin: 0 0 0 399px; }
.text_3 { width: 61px; height: 30px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 30px; margin: 0 0 0 46px; }
.thumbnail_1 { width: 17px; height: 18px; margin: 6px 0 0 96px; }
.text_4 { width: 115px; height: 18px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 16px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 18px; margin: 6px 0 0 10px; }
.text-wrapper_1 { border-radius: 2px; height: 26px; border: 1px solid rgba(86, 82, 255, 1); width: 62px; margin: 2px 0 0 25px; justify-content: center; align-items: center; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.text_5 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(86, 82, 255, 1); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.box_3 { height: 26px; background: url('../assets/slices/home/box_3.png') 100% no-repeat; background-size: 100% 100%; width: 62px; position: relative; margin: 2px 0 0 9px; justify-content: center; align-items: center; transition: transform .2s ease, filter .2s ease, box-shadow .2s ease; }
.text_6 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.text-wrapper_2 { background-color: rgba(232, 33, 33, 1.0); border-radius: 6px 6px 0px 6px; height: 14px; min-width: 28px; padding: 0 4px; position: absolute; left: -13px; top: -6px; display: flex; align-items: center; justify-content: center; }
.text_7 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 10px; font-family: MiSansLatin-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
/* 导航「登录/注册」悬停放大 */
.section_19 a.text-wrapper_1:hover,
.section_19 a.box_3:hover { transform: scale(1.08); }
.section_19 a.text-wrapper_1:hover { background-color: rgba(86, 82, 255, 0.08); box-shadow: 0 4px 12px rgba(86, 82, 255, 0.18); }
.section_19 a.text-wrapper_1:hover .text_5 { color: rgba(86, 82, 255, 1); }
.section_19 a.box_3:hover { filter: brightness(1.08); box-shadow: 0 4px 12px rgba(86, 82, 255, 0.28); }
.section_19 a.box_3:hover .text_6 { color: rgba(255, 255, 255, 1); }
/* 导航链接（网站首页/关于我们）：去下划线；span→a 后 .page span 的 nowrap 不再覆盖，需补 */
.section_19 a { text-decoration: none; white-space: nowrap; transition: color .2s ease; }
/* 悬停：站点主紫高亮 */
.section_19 a:hover { color: rgba(86, 82, 255, 1.0); }
.section_20 { position: relative; z-index: 1; width: 1202px; height: 299px; margin: 66px 0 0 calc(50% - 602px); }
/* 轮播左文案容器：两帧叠放 crossfade（尺寸沿用原 .section_21） */
.banner-copy { position: relative; width: 439px; height: 223px; margin: 40px 0px 0px 0px; }
.banner-copy__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .8s ease; pointer-events: none; }
.banner-copy__item--1 { opacity: 1; pointer-events: auto; }
.box_1.is-slide-2 .banner-copy__item--1 { opacity: 0; pointer-events: none; }
.box_1.is-slide-2 .banner-copy__item--2 { opacity: 1; pointer-events: auto; }
/* banner2 帧文案差异覆盖（规格取自蓝湖 banner2 设计稿） */
/* text_9 沿用基础样式的 300×60 盒：设计稿给的 272×43 是 MiSans 未内嵌时无法用的规格——
   48px 字号下 6 个中文字回退到系统字体约需 288px 宽（>272 会右裁），
   且渐变字 background-clip:text 要求盒高 ≥ 字号（43<48 会下裁露白）。
   仅用 margin 补偿：top 18→10 让字形中心仍落在设计位置 Y≈82.5，
   bottom:-9 抵消盒高 +17 的流增量，text_10/text-wrapper_3 位置保持不变 */
.banner-copy__item--2 .text_9 { margin: 10px 0 -9px 0; }
.banner-copy__item--2 .text_10 { width: 437px; margin: 34px 0 0 4px; }
.banner-copy__item--2 .text-wrapper_3 { margin: 34px 0 0 2px; }
/* banner1 中间装饰圆点：仅帧1 显示，帧2 淡出（保留占位不扰动登录框） */
.banner-deco { transition: opacity .8s ease; }
.box_1.is-slide-2 .banner-deco { opacity: 0; }
.text_8 { width: 368px; height: 43px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 48px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; }
.text_9 { background-image: linear-gradient(90deg, rgba(131, 132, 247, 1.0) 0, rgba(131, 132, 247, 1.0) 1.757812%, rgba(86, 82, 255, 1.0) 99.316406%, rgba(86, 82, 255, 1.0) 100.000000%); width: 300px; height: 60px; overflow-wrap: break-word; white-space: nowrap; color: rgba(86, 82, 255, 1); font-size: 48px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 60px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 8px 0 0 1px; }
.text_10 { width: 436px; height: 21px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 24px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 27px 0 0 3px; }
.text-wrapper_3 { background-color: rgba(86, 82, 255, 1.0); border-radius: 15px; height: 30px; width: 132px; margin: 34px 0 0 3px; justify-content: center; align-items: center; text-decoration: none; cursor: pointer; transition: transform .2s ease, filter .2s ease; }
.text-wrapper_3:hover { transform: scale(1.06); filter: brightness(1.08); }
.text_11 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.section_22 { width: 135px; height: 290px; margin: 6px 0px 0px 0px; }
.group_1 { box-shadow: 0px 5px 22px 0px rgba(146, 164, 205, 0.36); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; width: 58px; height: 58px; margin: 0px 0px 0px 77px; }
.group_2 { box-shadow: 0px 5px 22px 0px rgba(146, 164, 205, 0.36); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; width: 58px; height: 58px; margin: 48px 0 0 23px; }
.group_3 { box-shadow: 0px 5px 22px 0px rgba(146, 164, 205, 0.36); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; width: 58px; height: 58px; margin: 68px 0px 0px 0px; }
.box_6 { box-shadow: 0px 5px 22px 0px rgba(146, 164, 205, 0.36); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; width: 58px; height: 58px; margin: 0px 0px 0px 210px; }
.section_23 { width: 60px; height: 165px; margin: 91px 0 0 2px; }
.group_4 { box-shadow: 0px 5px 22px 0px rgba(146, 164, 205, 0.36); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; width: 58px; height: 58px; }
.group_5 { box-shadow: 0px 5px 22px 0px rgba(146, 164, 205, 0.36); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; width: 58px; height: 58px; margin: 49px 0 0 2px; }
.box_8 { background-color: rgba(255, 255, 255, 1.0); border-radius: 16px; width: 256px; height: 280px; margin: 19px 0 0 42px; }
.box_37 { width: 202px; height: 13px; margin: 19px 0 0 23px; align-items: center; }
.text_12 { width: 27px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 13px; }
.thumbnail_2 { width: 6px; height: 8px; margin: 0 0 0 5px; }
.text_13 { width: 27px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 13px; margin: 0px 0px 0px 125px; }
.thumbnail_3 { width: 6px; height: 8px; margin: 0 0 0 6px; }
.text-wrapper_4 { background-color: rgba(255, 255, 255, 1.0); border-radius: 4px; height: 32px; border: 1px solid rgba(207, 220, 239, 1); width: 225px; margin: 19px 0 0 16px; }
.text_14 { width: 63px; height: 12px; overflow-wrap: break-word; color: rgba(129, 129, 129, 1); font-size: 13px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 10px 0 0 18px; }
.text-wrapper_5 { background-color: rgba(255, 255, 255, 1.0); border-radius: 4px; height: 32px; border: 1px solid rgba(207, 220, 239, 1); width: 225px; margin: 11px 0 0 16px; }
.text_15 { width: 62px; height: 12px; overflow-wrap: break-word; color: rgba(129, 129, 129, 1); font-size: 13px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 10px 0 0 18px; }
.text-wrapper_6 { background-color: rgba(255, 255, 255, 1.0); border-radius: 4px; height: 32px; border: 1px solid rgba(207, 220, 239, 1); width: 105px; margin: 11px 0 0 16px; }
.text_16 { width: 61px; height: 12px; overflow-wrap: break-word; color: rgba(129, 129, 129, 1); font-size: 13px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 10px 0 0 18px; }
.box_38 { width: 208px; height: 12px; margin: 12px 0 0 17px; align-items: center; }
.group_6 { background-color: rgba(255, 255, 255, 1.0); border-radius: 2px; width: 12px; height: 12px; border: 1px solid rgba(207, 220, 239, 1); }
.text_17 { width: 47px; height: 12px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 12px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 12px; margin: 0px 0px 0px 5px; }
.text_18 { width: 46px; height: 11px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 12px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 11px; margin: 0 0 0 98px; }
.text-wrapper_7 { height: 30px; background: url('../assets/slices/home/text-wrapper_7.png') 100% no-repeat; background-size: 100% 100%; width: 223px; margin: 11px 0 0 20px; justify-content: center; align-items: center; }
.text_19 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 13px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.box_39 { width: 155px; height: 12px; margin: 11px 0 23px 17px; }
.image-wrapper_1 { background-color: rgba(17, 17, 17, 1.0); border-radius: 2px; height: 12px; width: 12px; }
.thumbnail_4 { width: 8px; height: 6px; margin: 3px 0 0 3px; }
.text-wrapper_8 { display: flex; align-items: center; white-space: nowrap; width: 138px; height: 12px; overflow-wrap: break-word; font-size: 0; font-family: MiSans-Normal; font-weight: normal; text-align: left; margin: 0; }
.text_20 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 12px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: normal; }
.text_21 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(86, 82, 255, 1); font-size: 12px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: normal; }
.section_24 { position: relative; z-index: 1; width: 808px; height: 64px; margin: 3px 0 41px calc(50% - 597px); }
/* 轮播指示条：当前帧高亮紫，随帧切换（帧1=第一条紫，帧2=第二条紫） */
.box_12 { background-color: rgba(86, 82, 255, 1.0); border-radius: 1px; width: 40px; height: 3px; margin: 25px 0px 0px 0px; }
.box_13 { background-color: rgba(255, 255, 255, 1.0); border-radius: 1px; width: 40px; height: 3px; margin: 25px 0 0 10px; }
.banner-dot { cursor: pointer; transition: background-color .8s ease; }
.box_1.is-slide-2 .box_12 { background-color: rgba(255, 255, 255, 1.0); }
.box_1.is-slide-2 .box_13 { background-color: rgba(86, 82, 255, 1.0); }
.box_14 { box-shadow: 0px 5px 22px 0px rgba(146, 164, 205, 0.36); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; width: 58px; height: 58px; margin: 6px 0 0 456px; }
.box_15 { box-shadow: 0px 5px 22px 0px rgba(146, 164, 205, 0.36); background-color: rgba(0, 0, 0, 1.0); border-radius: 50%; width: 58px; height: 58px; margin: 0px 0px 0px 146px; }
.box_40 { position: relative; width: 100%; height: 4414px; }
.group_7 { width: 100%; height: 790px; background: url('../assets/slices/home/group_7.png') 100% no-repeat; background-size: 100% 100%; justify-content: flex-center; margin: 81px 0px 0px 0px; }
.text-group_45 { width: 326px; height: 73px; margin: 59px 0 0 calc(50% - 162px); }
.text_22 { width: 229px; height: 37px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 40px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 48px; }
.text_23 { width: 326px; height: 18px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 20px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 18px 0px 0px 0px; }
.block_14 { width: 730px; height: 62px; margin: 62px 0 0 calc(50% - 366px); }
.block_1 { background-color: rgba(0, 0, 0, 1.0); border-radius: 50%; width: 37px; height: 37px; margin: 13px 0 0 0; }
.text_24 { width: 108px; height: 37px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 28px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 37px; margin: 13px 0 0 8px; }
.box_19 { background-color: rgba(0, 0, 0, 1.0); border-radius: 50%; width: 37px; height: 37px; margin: 13px 0 0 0; }
.text_25 { width: 130px; height: 37px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 28px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 37px; margin: 13px 0 0 10px; }
.box_20 { background-color: rgba(0, 0, 0, 1.0); border-radius: 50%; width: 37px; height: 37px; margin: 13px 0 0 0; }
.text_26 { width: 173px; height: 37px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 28px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 37px; margin: 13px 0 0 10px; }
.box_21 { background-color: rgba(255, 255, 255, 1.0); border-radius: 30px; width: 1202px; height: 392px; border: 1px solid rgba(217, 218, 219, 1); margin: 30px 0 0 calc(50% - 601px); }
.group_31 { width: 600px; height: 295px; margin: 49px 0 0 76px; }
.text_27 { width: 230px; height: 28px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 30px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 12px; }
.paragraph_1 { width: 227px; height: 35px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 20px; margin: 20px 0 0 14px; }
.group_8 { background-color: rgba(217, 218, 219, 1.0); width: 584px; height: 1px; margin: 25px 0 0 16px; }
.image_2 { width: 89px; height: 29px; margin: 0px 0px 0px 9px; }
.image_3 { width: 93px; height: 32px; margin: 0px 0px 0px 8px; }
.image_4 { width: 92px; height: 23px; margin: -35px 0 0 5px; }
.image_5 { width: 54px; height: 30px; margin: 0px 0px 0px 24px; }
.group_32 { width: 598px; height: 37px; margin: 65px 0px 0px 0px; }
.group_33 { width: 100px; height: 37px; }
.image-text_31 { width: 100px; height: 51px; margin: -38px 0px 0px 0px; }
.text-group_2 { width: 100px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 9px 0px 0px 0px; }
.text-wrapper_9 { display: flex; align-items: center; white-space: nowrap; width: 52px; height: 13px; overflow-wrap: break-word; font-size: 0; font-family: MiSans-Demibold; font-weight: normal; text-align: left; margin: 11px 0 0 21px; }
.text_28 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 14px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_29 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 16px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_30 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 14px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_31 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: normal; }
.group_34 { width: 99px; height: 37px; margin: 0px 0px 0px 66px; }
.image-text_32 { width: 101px; height: 56px; margin: -43px 0px 0px 0px; }
.text-group_3 { width: 99px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 11px 0px 0px 0px; }
.text-wrapper_10 { display: flex; align-items: center; white-space: nowrap; width: 52px; height: 13px; overflow-wrap: break-word; font-size: 0; font-family: MiSans-Demibold; font-weight: normal; text-align: left; margin: 11px 0 0 21px; }
.text_32 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 14px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_33 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 16px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_34 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 14px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_35 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: normal; }
.image-text_33 { width: 98px; height: 37px; margin: 0px 0px 0px 68px; }
.text-group_46 { width: 98px; height: 37px; margin: 12px 0px 0px 0px; }
.text_36 { width: 98px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; }
.text-wrapper_11 { display: flex; align-items: center; white-space: nowrap; width: 52px; height: 13px; overflow-wrap: break-word; font-size: 0; font-family: MiSans-Demibold; font-weight: normal; text-align: left; margin: 10px 0 0 20px; }
.text_37 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 14px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_38 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 16px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_39 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 14px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_40 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: normal; }
.group_35 { width: 99px; height: 37px; margin: 0px 0px 0px 68px; }
.image-text_34 { width: 99px; height: 52px; margin: -39px 0px 0px 0px; }
.text-group_5 { width: 99px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 9px 0px 0px 0px; }
.text-wrapper_12 { display: flex; align-items: center; white-space: nowrap; width: 52px; height: 13px; overflow-wrap: break-word; font-size: 0; font-family: MiSans-Demibold; font-weight: normal; text-align: left; margin: 11px 0 0 20px; }
.text_41 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 14px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_42 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 16px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_43 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 14px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.text_44 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: normal; }
.text-wrapper_25 { width: 551px; height: 11px; margin: 11px 0 0 24px; }
.text_45 { width: 53px; height: 11px; overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 12px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; }
.text_46 { width: 53px; height: 11px; overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 12px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 113px; }
.text_47 { width: 53px; height: 11px; overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 12px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 113px; }
.text_48 { width: 53px; height: 11px; overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 12px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 113px; }
.text-wrapper_14 { background-color: rgba(17, 17, 17, 1.0); border-radius: 18px; height: 36px; width: 108px; margin: 26px 0 0 12px; justify-content: center; align-items: center; text-decoration: none; cursor: pointer; }
.text_49 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.image_6 { width: 415px; height: 324px; margin: 36px 44px 0 67px; }
.image-text_35 { display: flex; align-items: center; width: 165px; height: 17px; margin: 36px 0 59px calc(50% - 85px); }
.text-group_6 { width: auto; height: auto; white-space: nowrap; color: rgba(17, 17, 17, 1); font-size: 18.265px; font-family: SourceHanSansCN-Regular; font-weight: normal; text-align: left; line-height: normal; }
.thumbnail_5 { width: 12px; height: 12px; margin: 3px 0px 0px 0px; }
.text-group_47 { width: 357px; height: 73px; margin: 63px 0 0 calc(50% - 179px); }
.text_50 { width: 191px; height: 36px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 40px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 83px; }
.text_51 { width: 357px; height: 18px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 20px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 19px 0px 0px 0px; }
.block_15 { width: 662px; height: 64px; margin: 61px 0 0 calc(50% - 328px); }
.image-wrapper_3 { height: 64px; background: url('../assets/slices/home/image-wrapper_3.png') -15px -8px no-repeat; background-size: 95px 96px; width: 64px; }
.label_1 { width: 27px; height: 22px; margin: 21px 0 0 18px; }
.image-wrapper_4 { height: 64px; background: url('../assets/slices/home/image-wrapper_4.png') -15px -8px no-repeat; background-size: 95px 96px; width: 64px; }
.label_2 { width: 26px; height: 23px; margin: 21px 0 0 19px; }
.text_52 { width: 160px; height: 50px; overflow-wrap: break-word; color: rgba(88, 88, 88, 1); font-size: 14px; font-family: AlibabaPuHuiTi-Regular; font-weight: normal; text-align: center; line-height: 18px; margin: 44px 0 0 calc(50% + 222px); }
.block_16 { width: 1063px; height: 157px; margin: 30px 0 0 calc(50% - 527px); }
.image-text_36 { width: 161px; height: 157px; }
.image-wrapper_5 { height: 64px; background: url('../assets/slices/home/image-wrapper_5.png') -15px -8px no-repeat; background-size: 95px 96px; width: 64px; margin: 0px 0px 0px 49px; }
.label_3 { width: 23px; height: 27px; margin: 19px 0 0 21px; }
.text-group_48 { width: 161px; height: 78px; margin: 15px 0px 0px 0px; }
.text_53 { width: 108px; height: 18px; overflow-wrap: break-word; color: rgba(23, 24, 27, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 20px; margin: 0px 0px 0px 26px; }
.text_54 { width: 161px; height: 50px; overflow-wrap: break-word; color: rgba(88, 88, 88, 1); font-size: 14px; font-family: AlibabaPuHuiTi-Regular; font-weight: normal; text-align: center; line-height: 18px; margin: 10px 0px 0px 0px; }
.image-text_37 { width: 169px; height: 157px; }
.image-wrapper_6 { height: 64px; background: url('../assets/slices/home/image-wrapper_6.png') -15px -8px no-repeat; background-size: 95px 96px; width: 64px; margin: 0px 0px 0px 53px; }
.label_21 { width: 24px; height: 27px; margin: 20px 0 0 20px; }
.text-group_49 { width: 169px; height: 78px; margin: 15px 0px 0px 0px; }
.text_55 { width: 107px; height: 18px; overflow-wrap: break-word; color: rgba(23, 24, 27, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 20px; margin: 0px 0px 0px 31px; }
.text_56 { width: 169px; height: 50px; overflow-wrap: break-word; color: rgba(88, 88, 88, 1); font-size: 14px; font-family: AlibabaPuHuiTi-Regular; font-weight: normal; text-align: center; line-height: 18px; margin: 10px 0px 0px 0px; }
.group_12 { background-color: rgba(229, 236, 246, 1.0); background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(229, 236, 246, 1) 78%); height: 526px; width: 100%; margin: 76px 0px 0px 0px; }
.box_41 { width: 823px; height: 78px; margin: 42px 0 0 calc(50% - 412px); }
.text-group_50 { width: 170px; height: 78px; }
.text_57 { width: 108px; height: 18px; overflow-wrap: break-word; color: rgba(23, 24, 27, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 20px; margin: 0px 0px 0px 31px; }
.text_58 { width: 170px; height: 50px; overflow-wrap: break-word; color: rgba(88, 88, 88, 1); font-size: 14px; font-family: AlibabaPuHuiTi-Regular; font-weight: normal; text-align: center; line-height: 18px; margin: 10px 0px 0px 0px; }
.text-wrapper_15 { background-color: rgba(0, 0, 0, 1.0); border-radius: 17px; height: 34px; width: 271px; margin: 8px 0 0 106px; }
.text_59 { width: 226px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: MiSans-Regular; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 8px 0 0 22px; }
.text-group_51 { width: 160px; height: 78px; margin: 0px 0px 0px 116px; }
.text_60 { width: 108px; height: 18px; overflow-wrap: break-word; color: rgba(23, 24, 27, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 20px; margin: 0px 0px 0px 26px; }
.text_61 { width: 160px; height: 50px; overflow-wrap: break-word; color: rgba(88, 88, 88, 1); font-size: 14px; font-family: AlibabaPuHuiTi-Regular; font-weight: normal; text-align: center; line-height: 18px; margin: 10px 0px 0px 0px; }
.box_42 { width: 1200px; height: 154px; margin: 81px 0 0 calc(50% - 600px); }
.box_22 { background-color: rgba(253, 253, 253, 1.0); border-radius: 30px; width: 176px; height: 154px; }
.image-text_38 { width: 105px; height: 96px; margin: 26px 0 0 36px; }
.label_5 { width: 41px; height: 41px; margin: 0px 0px 0px 32px; }
.text-group_52 { width: 105px; height: 38px; margin: 17px 0px 0px 0px; }
.text_62 { width: 70px; height: 17px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 17px; }
.text_63 { width: 105px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 15px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 7px 0px 0px 0px; }
.box_23 { background-color: rgba(253, 253, 253, 1.0); border-radius: 30px; width: 176px; height: 154px; margin: 0px 0px 0px 29px; }
.image-text_39 { width: 103px; height: 95px; margin: 27px 0 0 36px; }
.label_6 { width: 41px; height: 41px; margin: 0px 0px 0px 32px; }
.text-group_53 { width: 103px; height: 38px; margin: 16px 0px 0px 0px; }
.text_64 { width: 103px; height: 17px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; }
.text_65 { width: 88px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 15px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 7px 0 0 8px; }
.box_24 { background-color: rgba(253, 253, 253, 1.0); border-radius: 30px; width: 176px; height: 154px; margin: 0px 0px 0px 29px; }
.image-text_40 { width: 115px; height: 95px; margin: 27px 0 0 31px; }
.label_7 { width: 41px; height: 41px; margin: 0px 0px 0px 37px; }
.text-group_54 { width: 115px; height: 38px; margin: 16px 0px 0px 0px; }
.text_66 { width: 104px; height: 17px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 5px; }
.text_67 { width: 115px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 15px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 7px 0px 0px 0px; }
.box_25 { background-color: rgba(253, 253, 253, 1.0); border-radius: 30px; width: 176px; height: 154px; margin: 0px 0px 0px 28px; }
.image-text_41 { width: 117px; height: 94px; margin: 28px 0 0 30px; }
.label_8 { width: 41px; height: 41px; margin: 0px 0px 0px 38px; }
.text-group_55 { width: 117px; height: 38px; margin: 15px 0px 0px 0px; }
.text_68 { width: 105px; height: 17px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 6px; }
.text_69 { width: 117px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 15px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 7px 0px 0px 0px; }
.box_26 { background-color: rgba(253, 253, 253, 1.0); border-radius: 30px; width: 176px; height: 154px; margin: 0px 0px 0px 29px; }
.image-text_42 { width: 131px; height: 97px; margin: 25px 0 0 23px; }
.label_9 { width: 41px; height: 41px; margin: 0px 0px 0px 45px; }
.text-group_56 { width: 131px; height: 38px; margin: 18px 0px 0px 0px; }
.text_70 { width: 104px; height: 17px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 13px; }
.text_71 { width: 131px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 15px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 7px 0px 0px 0px; }
.box_27 { background-color: rgba(253, 253, 253, 1.0); border-radius: 30px; width: 176px; height: 154px; margin: 0px 0px 0px 29px; }
.image-text_43 { width: 116px; height: 96px; margin: 26px 0 0 30px; }
.label_10 { width: 41px; height: 41px; margin: 0px 0px 0px 38px; }
.text-group_57 { width: 116px; height: 38px; margin: 17px 0px 0px 0px; }
.text_72 { width: 104px; height: 17px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 6px; }
.text_73 { width: 116px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 15px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 7px 0px 0px 0px; }
/* ===== 「我们的优势」板块子块悬停动效 =====
   同核心优势四卡范式：仅用 transform / box-shadow，不参与布局回流；
   优势图标徽章微放大、优势图文卡与代理/服务文字块上浮、黑色徽章微放大、
   六个流程步骤卡上浮带柔和投影且卡内图标微放大 */
.image-wrapper_3, .image-wrapper_4, .image-wrapper_5, .image-wrapper_6,
.image-text_36, .image-text_37, .text-group_50, .text-group_51, .text-wrapper_15,
.label_5, .label_6, .label_7, .label_8, .label_9, .label_10 { transition: transform .3s ease; }
.box_22, .box_23, .box_24, .box_25, .box_26, .box_27 { transition: transform .3s ease, box-shadow .3s ease; }
.image-wrapper_3:hover, .image-wrapper_4:hover,
.image-text_36:hover .image-wrapper_5, .image-text_37:hover .image-wrapper_6 { transform: scale(1.1); }
.image-text_36:hover, .image-text_37:hover,
.text-group_50:hover, .text-group_51:hover { transform: translateY(-6px); }
.text-wrapper_15:hover { transform: scale(1.05); }
.box_22:hover, .box_23:hover, .box_24:hover, .box_25:hover, .box_26:hover, .box_27:hover { transform: translateY(-8px); box-shadow: 0 14px 30px rgba(86, 82, 255, .14); }
.box_22:hover .label_5, .box_23:hover .label_6, .box_24:hover .label_7,
.box_25:hover .label_8, .box_26:hover .label_9, .box_27:hover .label_10 { transform: scale(1.12); }

.box_43 { width: 232px; height: 30px; margin: 45px 0 96px calc(50% - 119px); }
/* 「发布流程/代理流程」两个 tab：容器带胶囊背景图，文字应双向居中。
   原样式 line-height:1.58928(≈25.4px) > height:15px，行盒撑高使字形相对小盒下沉，
   再叠加 margin-top:7px，文字沉到胶囊下半部。改为容器 flex 居中 + 文字自然尺寸（同「了解详情」按钮范式） */
.text-wrapper_16 { height: 30px; background: url('../assets/slices/home/text-wrapper_16.png') 100% no-repeat; background-size: 100% 100%; width: 106px; justify-content: center; align-items: center; }
.text_74 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.text-wrapper_17 { height: 30px; background: url('../assets/slices/home/text-wrapper_17.png') 100% no-repeat; background-size: 100% 100%; width: 106px; justify-content: center; align-items: center; }
.text_75 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(86, 82, 255, 1); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.group_16 { background-color: rgba(229, 236, 246, 1.0); width: 100%; height: 781px; margin: 605px 0px 0px 0px; }
.text-group_58 { width: 505px; height: 73px; margin: 57px 0 0 calc(50% - 252px); }
.text_76 { width: 505px; height: 37px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 39.8567px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58359; }
.text_77 { width: 445px; height: 18px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 19.9284px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 1.58359; margin: 18px 0 0 30px; }
/* 注：蓝湖导出缺陷——容器 .list_2 被误导出为 4 条带索引后缀的相同规则 .list_2-0/-1/-2/-3，
   而 HTML 容器实际只用 .list_2；此处合并为单条，值取自导出规格（1201px 居中：359+1201+360=1920） */
.list_2 { width: 1201px; height: 500px; margin: 71px 0 80px calc(50% - 601px); }
.list-items_1-0 { background-color: rgba(255, 255, 255, 1.0); border-radius: 30px; width: 291px; height: 500px; margin: 0px 12px 0px 0px; }
.list-items_1-1 { background-color: rgba(255, 255, 255, 1.0); border-radius: 30px; width: 291px; height: 500px; margin: 0px 12px 0px 0px; }
.list-items_1-2 { background-color: rgba(255, 255, 255, 1.0); border-radius: 30px; width: 291px; height: 500px; margin: 0px 12px 0px 0px; }
.list-items_1-3 { background-color: rgba(255, 255, 255, 1.0); border-radius: 30px; width: 291px; height: 500px; margin: 0px 12px 0px 0px; }
.image-wrapper_7-0 { height: 46px; background-size: 46px 47px; width: 46px; margin: 42px 0 0 43px; }
.image-wrapper_7-1 { height: 46px; background-size: 46px 47px; width: 46px; margin: 42px 0 0 43px; }
.image-wrapper_7-2 { height: 46px; background-size: 46px 47px; width: 46px; margin: 42px 0 0 43px; }
.image-wrapper_7-3 { height: 46px; background-size: 46px 47px; width: 46px; margin: 42px 0 0 43px; }
.label_11-0 { width: 23px; height: 23px; margin: 11px 0 0 9px; }
.label_11-1 { width: 23px; height: 23px; margin: 11px 0 0 9px; }
.label_11-2 { width: 23px; height: 23px; margin: 11px 0 0 9px; }
.label_11-3 { width: 23px; height: 23px; margin: 11px 0 0 9px; }
.text_78-0 { width: 171px; height: 28px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 30px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58854; margin: 35px 0 0 43px; }
.text_78-1 { width: 171px; height: 28px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 30px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58854; margin: 35px 0 0 43px; }
.text_78-2 { width: 171px; height: 28px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 30px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58854; margin: 35px 0 0 43px; }
.text_78-3 { width: 171px; height: 28px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 30px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58854; margin: 35px 0 0 43px; }
.text_79-0 { width: 219px; height: 35px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 19.9907px; margin: 26px 0 288px 41px; }
.text_79-1 { width: 219px; height: 35px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 19.9907px; margin: 26px 0 288px 41px; }
.text_79-2 { width: 219px; height: 35px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 19.9907px; margin: 26px 0 288px 41px; }
.text_79-3 { width: 219px; height: 35px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 19.9907px; margin: 26px 0 288px 41px; }
.text-group_59 { width: 606px; height: 72px; margin: 64px 0 0 calc(50% - 304px); }
.text_80 { width: 606px; height: 41px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 39.8567px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58359; }
.text_81 { width: 563px; height: 18px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 19.9284px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 1.58359; margin: 13px 0 0 21px; }
.block_17 { width: 1200px; height: 498px; margin: 51px 0 0 calc(50% - 600px); }
.section_5 { width: 587px; height: 498px; background: url('../assets/slices/home/section_5.png') 100% no-repeat; background-size: 100% 100%; }
.group_36 { width: 491px; height: 78px; margin: 34px 0 0 46px; }
.image-text_44 { position: relative; width: 300px; height: 78px; }
.box_28 { background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; width: 65px; height: 65px; margin: 6px 0 0 7px; }
.text-group_60 { width: 203px; height: 57px; margin: 11px 0 0 25px; }
.text_82 { width: 154px; height: 24px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 26px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; }
.text_83 { width: 203px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 18px 0px 0px 0px; }
.image_7 { position: absolute; left: 0; top: 0; width: 78px; height: 78px; }
/* 顾问头像人脸层：蓝湖导出漏了该切图，由人工放入 assets/slices/home/avatar.png。
   绝对定位贴合白圆 .box_28（65×65，偏移 7,6），圆形裁切 + cover 填充；
   层级在白圆之上、紫环 .image_7 之下；文件缺失时背景为空不影响布局 */
.avatar_1 { position: absolute; left: 7px; top: 6px; width: 65px; height: 65px; border-radius: 50%; background: url('../assets/slices/home/avatar.png') 50% 50% / cover no-repeat; }
/* 「在线咨询 >」胶囊：容器带背景切图，文字应双向居中。
   原 line-height:1.58928(≈25.4px) > height:15px，行盒撑高使字形相对小盒下沉，
   再叠加 margin-top:7px，文字沉到胶囊下半部。改为容器 flex 居中 + 文字自然尺寸（同「了解详情」按钮范式） */
.text-wrapper_18 { height: 30px; background: url('../assets/slices/home/text-wrapper_18.png') 100% no-repeat; background-size: 100% 100%; width: 106px; margin: 28px 0px 0px 0px; justify-content: center; align-items: center; text-decoration: none; cursor: pointer; }
.text_84 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.image-text_45 { width: 100px; height: 16px; margin: 42px 0 0 230px; }
.thumbnail_6 { width: 16px; height: 16px; }
.text-group_21 { width: 78px; height: 15px; overflow-wrap: break-word; color: rgba(81, 81, 81, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 1px 0px 0px 0px; }
.group_37 { width: 446px; height: 244px; margin: 16px 0 0 70px; }
.section_25 { width: 100px; height: 164px; margin: 53px 0px 0px 0px; }
.image-text_46 { width: 82px; height: 16px; margin: 0px 0px 0px 2px; }
.thumbnail_7 { width: 16px; height: 16px; }
.text-group_22 { width: 61px; height: 15px; overflow-wrap: break-word; color: rgba(86, 82, 255, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 1px 0px 0px 0px; }
.block_18 { width: 100px; height: 16px; margin: 132px 0px 0px 0px; }
.thumbnail_8 { width: 16px; height: 16px; }
.text_85 { width: 78px; height: 15px; overflow-wrap: break-word; color: rgba(81, 81, 81, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; }
.image_8 { width: 212px; height: 244px; margin: 0px 0px 0px 4px; }
.section_26 { width: 115px; height: 138px; margin: 54px 0 0 15px; }
.image-text_47 { width: 115px; height: 16px; }
.thumbnail_9 { width: 16px; height: 16px; }
.text-group_23 { width: 93px; height: 15px; overflow-wrap: break-word; color: rgba(81, 81, 81, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 1px 0px 0px 0px; }
.image-text_48 { width: 98px; height: 16px; margin: 106px 0 0 2px; }
.thumbnail_10 { width: 16px; height: 16px; }
.text-group_24 { width: 77px; height: 15px; overflow-wrap: break-word; color: rgba(86, 82, 255, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 1px 0px 0px 0px; }
.image-text_49 { width: 148px; height: 16px; margin: 17px 0 35px 264px; }
.thumbnail_11 { width: 16px; height: 16px; }
.text-group_25 { width: 125px; height: 15px; overflow-wrap: break-word; color: rgba(81, 81, 81, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 1px 0px 0px 0px; }
.section_10 { width: 587px; height: 498px; background: url('../assets/slices/home/section_10.png') 100% no-repeat; background-size: 100% 100%; }
.section_27 { width: 472px; height: 59px; margin: 45px 0 0 66px; }
.text-group_61 { width: 275px; height: 59px; }
.text_86 { width: 275px; height: 24px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 26px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; }
.text_87 { width: 230px; height: 23px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 25px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 12px 0px 0px 0px; }
/* 「一键预约 >」胶囊：同「在线咨询 >」的垂直居中陷阱——
   line-height:1.58928(≈25.4px) > height:15px 行盒撑高使字形下沉，叠加 margin-top:7px。
   改为容器 flex 居中 + 文字自然尺寸 */
.text-wrapper_19 { background-color: rgba(17, 17, 17, 1.0); border-radius: 15px; height: 30px; width: 106px; margin: 17px 0px 0px 0px; justify-content: center; align-items: center; text-decoration: none; cursor: pointer; }
.text_88 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.box_30 { background-color: rgba(210, 215, 255, 1.0); border-radius: 10px; height: 274px; border: 3px solid rgba(197, 204, 253, 1); width: 490px; margin: 49px 0 71px 41px; }
.image-wrapper_8 { background-color: rgba(255, 255, 255, 1.0); border-radius: 10px; height: 265px; width: 481px; margin: 28px 0 0 26px; }
.image_9 { width: 460px; height: 245px; margin: 11px 0 0 11px; }
.group_19 { background-color: rgba(229, 236, 246, 1.0); border-radius: 12px; height: 152px; width: 1200px; margin: 29px 0 0 calc(50% - 600px); }
.group_38 { width: 890px; height: 46px; margin: 25px 0 0 157px; }
.block_6 { box-shadow: 0px 6px 15px 0px rgba(141, 145, 192, 0.22); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; height: 46px; width: 46px; }
.box_32 { width: 26px; height: 26px; background: url('../assets/slices/home/box_32.png') 100% no-repeat; background-size: 100% 100%; margin: 10px 0 0 10px; }
.block_7 { box-shadow: 0px 6px 15px 0px rgba(141, 145, 192, 0.22); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; height: 46px; width: 46px; margin: 0px 0px 0px 235px; }
.group_20 { width: 25px; height: 25px; background: url('../assets/slices/home/group_20.png') 100% no-repeat; background-size: 100% 100%; margin: 11px 0 0 12px; }
.block_8 { box-shadow: 0px 6px 15px 0px rgba(141, 145, 192, 0.22); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; height: 46px; width: 46px; margin: 0px 0px 0px 236px; }
.section_11 { width: 26px; height: 22px; background: url('../assets/slices/home/section_11.png') 100% no-repeat; background-size: 100% 100%; margin: 12px 0 0 9px; }
.block_9 { box-shadow: 0px 6px 15px 0px rgba(141, 145, 192, 0.22); background-color: rgba(255, 255, 255, 1.0); border-radius: 50%; height: 46px; width: 46px; margin: 0px 0px 0px 235px; }
.group_21 { width: 22px; height: 24px; background: url('../assets/slices/home/group_21.png') 100% no-repeat; background-size: 100% 100%; margin: 12px 0 0 13px; }
.group_39 { width: 1057px; height: 38px; margin: 17px 0 26px 69px; }
.text-group_62 { width: 221px; height: 38px; }
.text_89 { width: 78px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 72px; }
.text_90 { width: 221px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 9px 0px 0px 0px; }
.text-group_63 { width: 209px; height: 38px; margin: 0px 0px 0px 67px; }
.text_91 { width: 77px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 65px; }
.text_92 { width: 209px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 9px 0px 0px 0px; }
.text-group_64 { width: 208px; height: 38px; margin: 0px 0px 0px 73px; }
.text_93 { width: 77px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 66px; }
.text_94 { width: 208px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 10px 0px 0px 0px; }
.text-group_65 { width: 204px; height: 38px; margin: 0px 0px 0px 75px; }
.text_95 { width: 77px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 63px; }
.text_96 { width: 204px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 9px 0px 0px 0px; }
.block_19 { width: 1199px; height: 42px; margin: 65px 0 0 calc(50% - 597px); }
.image-text_50 { width: 198px; height: 41px; }
.label_12 { width: 40px; height: 40px; margin: 1px 0px 0px 0px; }
.text-group_66 { width: 141px; height: 38px; }
.text_97 { width: 108px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; }
.text_98 { width: 141px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 10px 0px 0px 0px; }
.image-text_51 { width: 201px; height: 41px; margin: 0px 0px 0px 142px; }
.label_13 { width: 36px; height: 40px; margin: 1px 0px 0px 0px; }
.text-group_67 { width: 152px; height: 38px; }
.text_99 { width: 93px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; }
.text_100 { width: 152px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 9px 0px 0px 0px; }
.image-text_52 { width: 220px; height: 42px; margin: 0px 0px 0px 126px; }
.label_14 { width: 41px; height: 41px; margin: 1px 0px 0px 0px; }
.text-group_68 { width: 166px; height: 38px; }
.text_101 { width: 107px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 1px; }
.text_102 { width: 166px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 10px 0px 0px 0px; }
.image-text_53 { width: 198px; height: 42px; margin: 0px 0px 0px 114px; }
.label_15 { width: 34px; height: 41px; margin: 1px 0px 0px 0px; }
.text-group_69 { width: 151px; height: 38px; }
.text_103 { width: 108px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; }
.text_104 { width: 150px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 9px 0 0 1px; }
.section_18 { background-color: rgba(151, 151, 151, 0.3); width: 100%; height: 1px; margin: 35px 0 4px 0; }
.group_23 { background-color: rgba(255, 255, 255, 1.0); position: absolute; left: 0; top: 1992px; width: 100%; height: 626px; }
.text-group_70 { width: 446px; height: 73px; margin: 62px 0 0 calc(50% - 227px); }
.text_105 { width: 347px; height: 37px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 40px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 49px; }
.text_106 { width: 446px; height: 18px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 20px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 18px 0px 0px 0px; }
.box_34 { position: relative; width: 634px; height: 342px; background: url('../assets/slices/home/box_34.png') 100% no-repeat; background-size: 100% 100%; margin: 61px 0 88px calc(50% - 42px); }
.text_107 { width: 202px; height: 23px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 26px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: 1.58359; margin: 45px 0 0 246px; }
.image_10 { width: 437px; height: 1px; margin: 25px 0 0 124px; }
.group_40 { width: 326px; height: 53px; margin: 30px 0 0 186px; }
.image-wrapper_9 { background-color: rgba(255, 255, 255, 1.0); border-radius: 10px; height: 53px; width: 56px; }
.label_16 { width: 38px; height: 38px; margin: 7px 0 0 8px; }
.image-wrapper_10 { background-color: rgba(255, 255, 255, 1.0); border-radius: 10px; height: 53px; width: 56px; margin: 0px 0px 0px 79px; }
.label_17 { width: 32px; height: 34px; margin: 12px 0 0 12px; }
.image-wrapper_11 { background-color: rgba(255, 255, 255, 1.0); border-radius: 10px; height: 53px; width: 56px; margin: 0px 0px 0px 79px; }
.label_18 { width: 45px; height: 33px; margin: 14px 0 0 6px; }
.text-wrapper_26 { width: 349px; height: 17px; margin: 17px 0 0 183px; }
.text_108 { width: 61px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; }
.text_109 { width: 81px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 68px; }
.text_110 { width: 90px; height: 17px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 49px; }
.text_111 { width: 116px; height: 22px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 24px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: 1.58359; margin: 38px 0 0 291px; }
.text_112 { width: 252px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; margin: 16px 0 40px 223px; }
.block_11 { height: 342px; background: url('../assets/slices/home/block_11.png') 0px -1px no-repeat; background-size: 635px 343px; width: 634px; position: absolute; left: -554px; top: 1px; }
.text-wrapper_27 { width: 224px; height: 23px; margin: 44px 0 0 172px; }
.text_113 { width: 224px; height: 23px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 26px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: 1.58359; }
.image-wrapper_18 { width: 437px; height: 1px; margin: 25px 0 0 55px; }
.image_11 { width: 437px; height: 1px; }
.box_44 { width: 567px; height: 87px; margin: 30px 0 0 65px; }
.image-text_54 { width: 124px; height: 85px; }
.section_12 { background-color: rgba(255, 255, 255, 1.0); border-radius: 10px; width: 124px; height: 53px; }
.text-group_36 { width: 61px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; margin: 17px 0 0 31px; }
.image-text_55 { width: 124px; height: 87px; margin: 0px 0px 0px 34px; }
.group_24 { background-color: rgba(255, 255, 255, 1.0); border-radius: 10px; width: 124px; height: 53px; }
.text-group_37 { width: 83px; height: 17px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; margin: 17px 0 0 20px; }
.box_45 { width: 124px; height: 85px; margin: 0px 0px 0px 33px; }
.section_13 { background-color: rgba(255, 255, 255, 1.0); border-radius: 10px; width: 124px; height: 53px; }
/* 「https://」卡：整卡视觉（https:// + 指针）由设计师切图 logobox_3.png 作 .section_13 背景提供，
   卡内不放活文本/活指针（否则与背景烘焙内容重叠成“重影”），.section_13 为空 div（同 .section_12/.group_24 接线模式）。
   原活元素 .image-text_56/.text-group_38/.image_12 已从 HTML 移除，规则一并删除。
   下方标签 .text_114（自己点网页）仍为活文本：74px 装不下回退字体（≈80px）会换行，强制 nowrap+自然宽 */
.text_114 { width: auto; height: auto; overflow-wrap: break-word; white-space: nowrap; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: normal; margin: 17px 0 0 25px; }
/* 「VS」徽章：容器带圆形徽章背景切图（圆心经 -15/-8 偏移换算后约在 76×76 盒中心），文字应双向居中。
   原 line-height:1.58359(≈50.7px) > height:23px，行盒撑高使字形相对小盒下沉，
   再叠加 margin-top:26px，文字偏离圆心。改为容器 flex 居中 + 文字自然尺寸（同「了解详情」按钮/「发布流程」tab 范式） */
.text-wrapper_22 { height: 76px; background: url('../assets/slices/home/text-wrapper_22.png') -15px -8px no-repeat; background-size: 108px 108px; width: 76px; margin: 10px 0 0 52px; justify-content: center; align-items: center; }
.text_115 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 32px; font-family: Arial-BoldMT; font-weight: 700; text-align: center; line-height: normal; margin: 0; }
.box_46 { width: 205px; height: 53px; margin: 38px 0 41px 182px; }
.text-group_71 { width: 205px; height: 53px; }
.text_116 { width: 140px; height: 23px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 24px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: 1.58359; margin: 0px 0px 0px 32px; }
.text_117 { width: 205px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: MiSans-Medium; font-weight: 500; text-align: left; line-height: 1.58928; margin: 15px 0px 0px 0px; }
.group_25 { position: absolute; left: 50%; top: 1133px; width: 695px; height: 379px; background: url('../assets/slices/home/group_25.png') 100% no-repeat; background-size: 100% 100%; margin-left: -351px; }
.text-group_72 { width: 168px; height: 79px; margin: 14px 0 0 -29px; }
.text_118 { width: 108px; height: 18px; overflow-wrap: break-word; color: rgba(23, 24, 27, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 20px; margin: 0px 0px 0px 29px; }
.text_119 { width: 168px; height: 50px; overflow-wrap: break-word; color: rgba(88, 88, 88, 1); font-size: 14px; font-family: AlibabaPuHuiTi-Regular; font-weight: normal; text-align: center; line-height: 18px; margin: 11px 0px 0px 0px; }
.text_120 { width: 108px; height: 18px; overflow-wrap: break-word; color: rgba(23, 24, 27, 1); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 20px; margin: 14px -11px 0 459px; }
.group_26 { background-color: rgba(237, 241, 255, 1.0); position: absolute; left: 0; top: 0; width: 100%; height: 82px; }
.image-text_57 { width: 227px; height: 56px; margin: 15px 0 0 calc(50% - 579px); }
.image_13 { width: 56px; height: 56px; border: 1px solid rgba(237, 241, 255, 1); }
.text-group_73 { width: 156px; height: 42px; margin: 6px 0px 0px 0px; }
.text_121 { width: 76px; height: 19px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 20px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: 1.58928; }
.text_122 { width: 155px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 9px 0 0 1px; }
.section_14 { background-color: rgba(207, 220, 239, 1.0); width: 1px; height: 40px; margin: 23px 0 0 50px; }
.image-text_58 { width: 210px; height: 56px; margin: 15px 0 0 40px; }
.image_14 { width: 56px; height: 56px; border: 1px solid rgba(237, 241, 255, 1); }
.text-group_74 { width: 139px; height: 42px; margin: 6px 0px 0px 0px; }
.text_123 { width: 78px; height: 19px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 20px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: 1.58928; }
.text_124 { width: 139px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 10px 0px 0px 0px; }
.section_15 { background-color: rgba(207, 220, 239, 1.0); width: 1px; height: 40px; margin: 23px 0 0 58px; }
.image-text_59 { width: 221px; height: 56px; margin: 15px 0 0 51px; }
.image_15 { width: 56px; height: 56px; border: 1px solid rgba(237, 241, 255, 1); }
.text-group_75 { width: 152px; height: 42px; margin: 6px 0px 0px 0px; }
.text_125 { width: 77px; height: 19px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 20px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: 1.58928; }
.text_126 { width: 152px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 10px 0px 0px 0px; }
.section_16 { background-color: rgba(207, 220, 239, 1.0); width: 1px; height: 40px; margin: 23px 0 0 48px; }
.image-text_60 { width: 195px; height: 56px; margin: 15px 389px 0 47px; }
.image_16 { width: 56px; height: 56px; border: 1px solid rgba(237, 241, 255, 1); }
.text-group_76 { width: 125px; height: 42px; margin: 6px 0px 0px 0px; }
.text_127 { width: 76px; height: 19px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 20px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: 1.58928; }
.text_128 { width: 124px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 9px 0 0 1px; }

/* ===== 插画层(group_25)与浅蓝色带(group_26)子块悬停动效 =====
   同核心优势四卡范式：仅用 transform / color（图标另加 border-color），不参与布局回流；
   group_25 两文字块上浮且标题变主题色（上浮 6px 后顶边 8px 仍在 clip-path 顶缘 0 之内，不被裁）；
   group_26 四个优势项上浮、图标微放大并点亮边框、标题变主题色 */
.text-group_72, .text_120,
.image-text_57, .image-text_58, .image-text_59, .image-text_60 { transition: transform .3s ease, color .3s ease; }
.image_13, .image_14, .image_15, .image_16 { transition: transform .3s ease, border-color .3s ease; }
.text_118, .text_121, .text_123, .text_125, .text_127 { transition: color .3s ease; }
.text-group_72:hover, .text_120:hover,
.image-text_57:hover, .image-text_58:hover, .image-text_59:hover, .image-text_60:hover { transform: translateY(-6px); }
.text-group_72:hover .text_118, .text_120:hover,
.image-text_57:hover .text_121, .image-text_58:hover .text_123,
.image-text_59:hover .text_125, .image-text_60:hover .text_127 { color: rgba(86, 82, 255, 1); }
.image-text_57:hover .image_13, .image-text_58:hover .image_14,
.image-text_59:hover .image_15, .image-text_60:hover .image_16 { transform: scale(1.1); border-color: rgba(86, 82, 255, .35); }
.image-wrapper_13 { height: 64px; background: url('../assets/slices/home/image-wrapper_13.png') -15px -8px no-repeat; background-size: 95px 96px; width: 64px; position: absolute; left: 50%; top: 1452px; margin-left: -358px; }
.label_19 { width: 28px; height: 24px; margin: 19px 0 0 17px; }
.image-wrapper_14 { height: 64px; background: url('../assets/slices/home/image-wrapper_14.png') -15px -8px no-repeat; background-size: 95px 96px; width: 64px; position: absolute; left: 50%; top: 1452px; margin-left: 300px; }
.label_20 { width: 28px; height: 26px; margin: 19px 0 0 17px; }

/* 页脚（box_36 板块）已迁至 common.css 站点公共页脚区（index / about 共用） */

/* 修正：设计稿为单行文案，回退字体（雅黑等）实际字宽略大于设计宽度时末字会换行，
   叠加错误行高后与上一行重叠；此处强制不换行。
   优势区 6 条描述在设计稿中按宽度折行，保留正常换行 */
.page span { white-space: nowrap; }
.page .text_52, .page .text_54, .page .text_56, .page .text_58, .page .text_61, .page .text_119 { white-space: normal; }

/* ===== 设计师切图接线（蓝湖 version4 切片） =====
   banner 已内含悬浮圆标，原 CSS 白圆改为占位隐藏；
   优势圆标/Tab图标/渐变条图标/核心卡图标改用整图切图 */
.group_1, .group_2, .group_3, .group_4, .group_5, .box_6, .box_14, .box_15 { visibility: hidden; }
.group_19 { background: url('../assets/slices/home/band_bg.png') 100% no-repeat; background-size: 100% 100%; }
.block_6 { background: url('../assets/slices/home/band_1.png') 100% no-repeat; background-size: 100% 100%; box-shadow: none; border-radius: 0; }
.block_7 { background: url('../assets/slices/home/band_2.png') 100% no-repeat; background-size: 100% 100%; box-shadow: none; border-radius: 0; }
.block_8 { background: url('../assets/slices/home/band_3.png') 100% no-repeat; background-size: 100% 100%; box-shadow: none; border-radius: 0; }
.block_9 { background: url('../assets/slices/home/band_4.png') 100% no-repeat; background-size: 100% 100%; box-shadow: none; border-radius: 0; }
/* 四大优势栏（图标徽章 + 文案列）悬停：整栏上浮 + 标题主紫高亮；
   图标与文案在 DOM 中分两行，用 :has 跨行联动（同 .box_34 范式）；
   仅 transform/color 不触发回流，上浮 6px 小于图标距带上缘 25px 余量 */
.block_6, .block_7, .block_8, .block_9,
.text-group_62, .text-group_63, .text-group_64, .text-group_65 { transition: transform .3s ease; }
.text_89, .text_91, .text_93, .text_95 { transition: color .3s ease; }
.block_6:hover, .group_19:has(.text-group_62:hover) .block_6,
.block_7:hover, .group_19:has(.text-group_63:hover) .block_7,
.block_8:hover, .group_19:has(.text-group_64:hover) .block_8,
.block_9:hover, .group_19:has(.text-group_65:hover) .block_9,
.text-group_62:hover, .group_19:has(.block_6:hover) .text-group_62,
.text-group_63:hover, .group_19:has(.block_7:hover) .text-group_63,
.text-group_64:hover, .group_19:has(.block_8:hover) .text-group_64,
.text-group_65:hover, .group_19:has(.block_9:hover) .text-group_65 { transform: translateY(-6px); }
.text-group_62:hover .text_89, .group_19:has(.block_6:hover) .text_89,
.text-group_63:hover .text_91, .group_19:has(.block_7:hover) .text_91,
.text-group_64:hover .text_93, .group_19:has(.block_8:hover) .text_93,
.text-group_65:hover .text_95, .group_19:has(.block_9:hover) .text_95 { color: rgba(86, 82, 255, 1); }
.box_32, .group_20, .section_11, .group_21 { display: none; }
.image-wrapper_3 { background: url('../assets/slices/home/adv_1.png') 100% no-repeat; background-size: 100% 100%; }
.image-wrapper_4 { background: url('../assets/slices/home/adv_2.png') 100% no-repeat; background-size: 100% 100%; }
.image-wrapper_5 { background: url('../assets/slices/home/adv_3.png') 100% no-repeat; background-size: 100% 100%; }
.image-wrapper_6 { background: url('../assets/slices/home/adv_4.png') 100% no-repeat; background-size: 100% 100%; }
.image-wrapper_13 { background: url('../assets/slices/home/adv_5.png') 100% no-repeat; background-size: 100% 100%; }
.image-wrapper_14 { background: url('../assets/slices/home/adv_6.png') 100% no-repeat; background-size: 100% 100%; }
.label_1, .label_2, .label_3, .label_21, .label_19, .label_20 { display: none; }
.block_1 { background: url('../assets/slices/home/tab_1.png') 100% no-repeat; background-size: 100% 100%; border-radius: 0; }
.box_19 { background: url('../assets/slices/home/tab_2.png') 100% no-repeat; background-size: 100% 100%; border-radius: 0; }
.box_20 { background: url('../assets/slices/home/tab_3.png') 100% no-repeat; background-size: 100% 100%; border-radius: 0; }
.section_12 { background: url('../assets/slices/home/logobox_1.png') 50% 50% no-repeat rgba(255, 255, 255, 1.0); background-size: 100% 100%; }
.group_24 { background: url('../assets/slices/home/logobox_2.png') 50% 50% no-repeat rgba(255, 255, 255, 1.0); background-size: 100% 100%; }
.section_13 { background: url('../assets/slices/home/logobox_3.png') 50% 50% no-repeat rgba(255, 255, 255, 1.0); background-size: 100% 100%; }
.image-wrapper_7-0 { background: url('../assets/slices/home/label_11.png') 100% no-repeat; }
.image-wrapper_7-1 { background: url('../assets/slices/home/label_11_2.png') 100% no-repeat; }
.image-wrapper_7-2 { background: url('../assets/slices/home/label_11_3.png') 100% no-repeat; }
.image-wrapper_7-3 { background: url('../assets/slices/home/label_11_4.png') 100% no-repeat; }
.label_11-0, .label_11-1, .label_11-2, .label_11-3 { display: none; }
.text_79-0, .text_79-1, .text_79-2, .text_79-3 { margin: 26px 0 0 41px; }
.coreillu { width: 291px; height: 250px; margin: 38px 0 0 0; }

/* ===== 核心优势四卡悬停动效（AI品牌曝光/AI推荐机会/高质量客户/长期自然流量） =====
   仅用 transform / box-shadow / color，不参与布局回流，不破坏蓝湖精确贴合的累计尺寸；
   悬停时整卡上浮带柔和投影、图标微放大、插画上浮、标题变主题色 */
.list-items_1-0, .list-items_1-1, .list-items_1-2, .list-items_1-3 { transition: transform .3s ease, box-shadow .3s ease; }
.list-items_1-0:hover, .list-items_1-1:hover, .list-items_1-2:hover, .list-items_1-3:hover { transform: translateY(-10px); box-shadow: 0 18px 40px rgba(86, 82, 255, .16); }
.image-wrapper_7-0, .image-wrapper_7-1, .image-wrapper_7-2, .image-wrapper_7-3, .coreillu { transition: transform .3s ease; }
.text_78-0, .text_78-1, .text_78-2, .text_78-3 { transition: color .3s ease; }
.list-items_1-0:hover .image-wrapper_7-0, .list-items_1-1:hover .image-wrapper_7-1,
.list-items_1-2:hover .image-wrapper_7-2, .list-items_1-3:hover .image-wrapper_7-3 { transform: scale(1.12); }
.list-items_1-0:hover .coreillu, .list-items_1-1:hover .coreillu,
.list-items_1-2:hover .coreillu, .list-items_1-3:hover .coreillu { transform: translateY(-8px); }
.list-items_1-0:hover .text_78-0, .list-items_1-1:hover .text_78-1,
.list-items_1-2:hover .text_78-2, .list-items_1-3:hover .text_78-3 { color: rgba(86, 82, 255, 1); }

/* 修正：渐变字（background-clip:text）的背景只绘制在元素盒内，
   盒高/行高小于字号时字形下半截超出盒外变透明露白底；
   text_9 已将盒高与行高放大到 60px 以完整容纳 48px 字形，
   text_8 为纯色字（不受裁剪影响）保持行高压回盒高即可 */
.text_8 { line-height: 43px; }

/* 修正：蓝湖导出缺陷——优势区右列描述 text_52 被导出到普通流，
   而其所在卡片容器 group_25（含不透明插画背景）是 position:absolute，
   绝对定位层绘制在普通流之上，把 text_52 左半截盖住（只露出右缘）。
   左列描述 text_119 因是 group_25 子元素故不受影响；
   此处给 text_52 提升层级使其绘制在插画背景之上，位置不变。 */
.text_52 { position: relative; z-index: 1; }

/* 修正：登录框输入区改为真实 input，填满方框并垂直居中 */
.text-wrapper_4, .text-wrapper_5, .text-wrapper_6 { display: flex; align-items: center; }
.login-input { flex: 1; min-width: 0; height: 100%; border: 0; outline: none; background: transparent; padding: 0 12px 0 18px; font-size: 13px; font-family: MiSans-Normal; font-weight: normal; color: rgba(17, 17, 17, 1); }
.login-input::placeholder { color: rgba(129, 129, 129, 1); }

/* ===== Banner 登录框：可交互态 + 验证码行 + 已登录欢迎面板 ===== */
.box_8 { box-shadow: 0 12px 32px rgba(86, 82, 255, 0.12); overflow: hidden; transition: box-shadow .25s ease; }
.box_8:hover { box-shadow: 0 16px 40px rgba(86, 82, 255, 0.16); }
.box_8 a { white-space: nowrap; text-decoration: none; }
.auth-login { width: 100%; height: 100%; }
.section_19 a.text-wrapper_1,
.section_19 a.box_3 { text-decoration: none; display: flex; }
.box_37 .text_13 { width: auto; min-width: 27px; margin-left: 125px; color: rgba(17, 17, 17, 1); transition: color .2s ease; }
.box_37 .text_13:hover { color: rgba(86, 82, 255, 1); }
.text-wrapper_4:focus-within,
.text-wrapper_5:focus-within,
.text-wrapper_6:focus-within { border-color: rgba(86, 82, 255, 1); box-shadow: 0 0 0 2px rgba(86, 82, 255, 0.12); }
.login-captcha-row { width: 225px; height: 32px; margin: 11px 0 0 16px; align-items: center; position: relative; }
.login-captcha-row .text-wrapper_6 { margin: 0; width: 105px; flex-shrink: 0; }
.login-captcha-img { width: 110px; height: 32px; margin-left: 10px; border-radius: 4px; object-fit: cover; cursor: pointer; background: rgba(241, 244, 255, 1); border: 1px solid rgba(207, 220, 239, 1); transition: opacity .2s ease, transform .2s ease; flex-shrink: 0; }
.login-captcha-img[hidden] { display: none !important; }
.login-captcha-ph { width: 110px; height: 32px; margin-left: 10px; border-radius: 4px; border: 1px dashed rgba(86, 82, 255, 0.35); background: rgba(241, 244, 255, 1); color: rgba(86, 82, 255, 1); font-size: 12px; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; user-select: none; }
.login-captcha-ph[hidden] { display: none !important; }
.login-captcha-img:hover { opacity: 0.92; transform: translateY(-1px); }
.login-check { display: inline-flex !important; align-items: center; cursor: pointer; margin: 0; position: relative; height: 12px; }
.login-check__input { position: absolute; opacity: 0; width: 0 !important; height: 0 !important; margin: 0; padding: 0; pointer-events: none; }
.login-check .group_6,
.login-check .image-wrapper_1 { transition: border-color .2s ease, background-color .2s ease; margin: 0; flex-shrink: 0; }
.login-check .text_17 { margin: 0 0 0 5px; white-space: nowrap; }
.login-check__input:not(:checked) + .image-wrapper_1 { background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(207, 220, 239, 1); }
.login-check__input:not(:checked) + .image-wrapper_1 .thumbnail_4 { opacity: 0; }
.login-check__input:checked + .group_6 { background-color: rgba(86, 82, 255, 1); border-color: rgba(86, 82, 255, 1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M2.5 6.2l2.4 2.4 4.6-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 10px 10px; }
.box_38 { height: 14px; align-items: center; }
.box_38 .text_18 { display: inline-block; width: auto; height: auto; margin: 0 0 0 auto; line-height: 12px; text-decoration: none; color: rgba(86, 82, 255, 1); white-space: nowrap; transition: opacity .2s ease; }
.box_38 .text_18:hover { opacity: 0.75; }
.text-wrapper_7 { border: 0; padding: 0; cursor: pointer; transition: transform .2s ease, filter .2s ease; }
.text-wrapper_7:hover { transform: translateY(-1px); filter: brightness(1.06); }
.text-wrapper_7:disabled { cursor: wait; opacity: 0.75; filter: none; transform: none; }
.text-wrapper_8 .text_21 { text-decoration: none; white-space: nowrap; }
.text-wrapper_8 .text_21:hover { text-decoration: underline; }
.box_39 { align-items: center; }

/* 已登录欢迎面板（沿用 box_8 尺寸，内边距略收紧以适配 256×280） */
.auth-welcome { width: 100%; height: 100%; padding: 22px 18px 20px; box-sizing: border-box; }
.welcome-header { width: 100%; height: 18px; align-items: center; }
.welcome-title { font-size: 15px; font-family: MiSans-Semibold, MiSans-Normal, sans-serif; font-weight: 600; color: rgba(17, 17, 17, 1); line-height: 18px; }
.welcome-center { font-size: 12px; color: rgba(86, 82, 255, 1); text-decoration: none; line-height: 18px; transition: opacity .2s ease; }
.welcome-center:hover { opacity: 0.75; }
.welcome-card { width: 100%; margin-top: 18px; padding: 14px 12px; background: linear-gradient(135deg, rgba(241, 243, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); border: 1px solid rgba(220, 224, 255, 1); border-radius: 12px; align-items: center; box-sizing: border-box; }
.welcome-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, rgba(131, 132, 247, 1), rgba(86, 82, 255, 1)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-family: MiSans-Semibold, sans-serif; font-weight: 600; flex-shrink: 0; box-shadow: 0 6px 14px rgba(86, 82, 255, 0.28); }
.welcome-meta { margin-left: 10px; min-width: 0; flex: 1; }
.welcome-name { width: 100%; font-size: 14px; font-family: MiSans-Semibold, MiSans-Normal, sans-serif; font-weight: 600; color: rgba(17, 17, 17, 1); line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.welcome-hint { margin-top: 4px; font-size: 11px; color: rgba(129, 129, 129, 1); line-height: 14px; white-space: nowrap; }
.welcome-actions { width: 100%; margin-top: 18px; }
.welcome-btn { width: 100%; height: 34px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-family: MiSans-Normal, sans-serif; text-decoration: none; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease; box-sizing: border-box; }
.welcome-btn--primary { background: linear-gradient(90deg, rgba(131, 132, 247, 1), rgba(86, 82, 255, 1)); color: #fff; border: 0; box-shadow: 0 8px 18px rgba(86, 82, 255, 0.28); }
.welcome-btn--primary:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(86, 82, 255, 0.34); }
.welcome-btn--ghost { margin-top: 10px; background: #fff; color: rgba(86, 86, 86, 1); border: 1px solid rgba(207, 220, 239, 1); }
.welcome-btn--ghost:hover { border-color: rgba(86, 82, 255, 1); color: rgba(86, 82, 255, 1); }

/* 轻量 Toast */
.kyb-toast { position: fixed; left: 50%; top: 72px; transform: translateX(-50%) translateY(-8px); z-index: 9999; min-width: 180px; max-width: 420px; padding: 10px 16px; border-radius: 8px; color: #fff; font-size: 13px; line-height: 1.4; text-align: center; box-shadow: 0 10px 28px rgba(17, 17, 17, 0.18); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.kyb-toast.is-show { opacity: 1; transform: translateX(-50%) translateY(0); }
.kyb-toast.is-success { background: rgba(86, 82, 255, 0.95); }
.kyb-toast.is-error { background: rgba(232, 33, 33, 0.94); }

/* 修正：蓝湖导出缺陷——优势区中央插画层 group_25（不透明近白背景整图）底边
   越过下一板块 group_12（浅蓝色带）顶边 23px，绝对定位层绘制在普通流之上，
   把色带顶部中间盖出一块白色。插画主体最低点约在裁切线以上 16px，
   故裁掉底部 23px 空白背景即可：色带顶边恢复贯通，
   骑跨顶边的圆标 adv_5/adv_6 与插画主体均不受影响。
   左/右 inset 取负值：子块 text-group_72 带 margin-left:-29px、text_120 带
   margin-right:-11px，均故意越出 group_25 左/右缘，而 clip-path 会连子元素
   一起裁，左/右缘 0 会把 text_119 每行首字、text_120 末字切掉；
   负值把裁切框向左扩 32px（>29）、向右扩 16px（>11）即可复原。 */
.group_25 { clip-path: inset(0 -16px 23px -32px); }

/* ===== 「我们能做什么」三板块悬浮/点击切换（软文发稿/自媒体发布/OEM代理加盟） =====
   三个 tab 的图标/文字位置在三个设计态中固定（图标左缘 x: 617/846/1083），
   仅灰色胶囊选中底随选中项移动（左缘相对图标 -23/-21/-16，宽 208/218/257），
   故胶囊做成 tab 的 ::before 背景层，随 is-active 淡入淡出；
   三张内容卡绝对定位叠放于 .svc-panels，随 is-active 交叉淡入；
   容器高 534 取软文态（含「探索更多媒体资源」行 30+392+36+17+59），
   另两态卡片下方留白与设计稿 111px 底距一致（1px 舍入忽略） */
.block_14 { position: relative; }
.svc-tab { position: relative; height: 62px; cursor: pointer; }
.svc-tab > * { position: relative; }
.svc-tab::before { content: ""; position: absolute; top: 0; height: 62px; border-radius: 31px; background-color: rgba(233, 234, 244, 1.0); opacity: 0; transition: opacity .25s ease; }
.svc-tab.is-active::before { opacity: 1; }
.svc-tab--1 { width: 153px; margin: 0 0 0 23px; }
.svc-tab--1::before { left: -23px; width: 208px; }
.svc-tab--2 { width: 177px; margin: 0 0 0 76px; }
.svc-tab--2::before { left: -21px; width: 218px; }
.svc-tab--3 { width: 220px; margin: 0 0 0 60px; }
.svc-tab--3::before { left: -16px; width: 257px; }
.svc-panels { position: relative; height: 534px; }
.svc-panel { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility 0s linear .3s; }
.svc-panel.is-active { opacity: 1; visibility: visible; transition: opacity .3s ease; }
/* 自媒体发布卡（值取自蓝湖设计图「自媒体发布」） */
.svc2_body { width: 604px; height: 295px; margin: 49px 0 0 72px; }
.svc2_title { width: 230px; height: 28px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 30px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 18px; }
.svc2_desc { width: 199px; height: 35px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 20px; margin: 20px 0 0 18px; }
.svc2_divider { background-color: rgba(217, 218, 219, 1.0); width: 584px; height: 1px; margin: 25px 0 0 20px; }
.svc2_logos { width: 602px; height: 64px; margin: 15px 0px 0px 0px; }
.svc2_col_1 { width: 111px; height: 59px; margin: 4px 0px 0px 0px; }
.svc2_logo_1 { width: 111px; height: 36px; }
.svc2_name_1 { width: 100px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 10px 0 0 4px; }
.svc2_col_2 { width: 109px; height: 57px; margin: 6px 0 0 54px; }
.svc2_logo_2 { width: 109px; height: 30px; }
.svc2_name_2 { width: 99px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 14px 0 0 5px; }
.svc2_col_3 { width: 98px; height: 64px; margin: 0px 0px 0px 63px; }
.svc2_logo_3 { width: 92px; height: 42px; margin: 0px 0px 0px 5px; }
.svc2_name_3 { width: 98px; height: 14px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 8px 0 0 0; }
.svc2_col_4 { width: 99px; height: 56px; margin: 7px 0 0 68px; }
.svc2_logo_4 { width: 83px; height: 32px; margin: 0px 0px 0px 7px; }
.svc2_name_4 { width: 99px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 11px 0 0 0; }
.svc2_prices { width: 550px; height: 13px; margin: 10px 0 0 25px; }
.svc2_price { display: flex; align-items: center; white-space: nowrap; width: 52px; height: 13px; overflow-wrap: break-word; font-size: 0; font-family: MiSans-Demibold; font-weight: normal; text-align: left; }
.svc2_price .p-sym { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 14px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.svc2_price .p-int { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 16px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.svc2_price .p-dec { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 120, 0, 1); font-size: 14px; font-family: MiSans-Demibold; font-weight: normal; text-align: left; line-height: normal; }
.svc2_price .p-unit { width: auto; height: auto; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: normal; }
.svc2_links { width: 551px; height: 11px; margin: 11px 0 0 28px; }
.svc2_links span { width: 53px; height: 11px; overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 12px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; }
.svc2_btn { background-color: rgba(17, 17, 17, 1.0); border-radius: 18px; height: 36px; width: 108px; margin: 26px 0 0 16px; justify-content: center; align-items: center; text-decoration: none; cursor: pointer; }
.svc2_btn_text { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.svc2_illu { width: 415px; height: 324px; margin: 36px 44px 0 67px; }
/* OEM代理加盟卡（值取自蓝湖设计图「OEM代理加盟」） */
.svc3_body { width: 591px; height: 294px; margin: 50px 0 0 87px; }
.svc3_title { width: 185px; height: 27px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 30px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 0px 0px 0px 1px; }
.svc3_desc { width: 238px; height: 35px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 20px; margin: 20px 0 0 3px; }
.svc3_divider { background-color: rgba(217, 218, 219, 1.0); width: 584px; height: 1px; margin: 25px 0 0 5px; }
.svc3_cols { width: 591px; height: 92px; margin: 29px 0px 0px 0px; }
.svc3_col { width: 116px; height: 92px; }
.svc3_col img { width: 43px; height: 43px; margin: 0px 0px 0px 37px; }
.svc3_col span { width: 116px; height: 31px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1); font-size: 14px; font-family: MiSans-Regular; font-weight: normal; text-align: center; line-height: 18px; margin: 18px 0px 0px 0px; }
.svc3_btn { background-color: rgba(17, 17, 17, 1.0); border-radius: 18px; height: 36px; width: 108px; margin: 29px 0 0 1px; justify-content: center; align-items: center; text-decoration: none; cursor: pointer; }
.svc3_btn_text { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 14px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.svc3_illu { width: 415px; height: 324px; margin: 36px 44px 0 65px; }

/* ===== 「AI取代传统搜索」左右两块面板悬停动效 =====
   .box_34（右·AI直接搜索）与 .block_11（左·传统搜索引擎）均为整卡背景切图，
   容器不加 box-shadow（矩形阴影会破坏切图圆角轮廓），
   仅用 transform 上浮 + 章节小标变色 + 内部图标徽章微放大 + VS 徽章轻旋；
   注：.block_11 是 .box_34 的绝对定位子元素（left:-554px 视觉上位于父卡左侧），
   指针落在左卡时父级 :hover 也会命中，故用 :not(:has(.block_11:hover)) 让右卡动效
   仅在指针真正落在右卡可视区时生效，并对 .block_11 施加反向位移抵消父级 transform，
   两块面板实现独立悬浮（同 group_25/group_26 现有范式：仅 transform/color，不参与布局回流） */
.box_34, .block_11 { transition: transform .35s ease; }
.box_34:hover:not(:has(.block_11:hover)) { transform: translateY(-8px); }
.box_34:hover:not(:has(.block_11:hover)) .block_11 { transform: translateY(8px); }
.block_11:hover { transform: translateY(-8px); }

.text_111, .text_116 { transition: color .3s ease; }
.box_34:hover:not(:has(.block_11:hover)) .text_111 { color: rgba(86, 82, 255, 1); }
.block_11:hover .text_116 { color: rgba(86, 82, 255, 1); }

.image-wrapper_9, .image-wrapper_10, .image-wrapper_11,
.section_12, .group_24, .section_13,
.text-wrapper_22 { transition: transform .3s ease; }
.box_34:hover:not(:has(.block_11:hover)) .image-wrapper_9,
.box_34:hover:not(:has(.block_11:hover)) .image-wrapper_10,
.box_34:hover:not(:has(.block_11:hover)) .image-wrapper_11 { transform: scale(1.08); }
.block_11:hover .section_12,
.block_11:hover .group_24,
.block_11:hover .section_13 { transform: scale(1.08); }
.block_11:hover .text-wrapper_22 { transform: scale(1.1) rotate(-6deg); }

/* ===== GEO 诊断报告六项指标轮流点亮 =====
   HTML 给六项容器都加了 .geo-metric，JS 按 1.8s 节奏依次加/去 .is-lit；
   设计稿把「AI可见度」.text-group_22 与「话题可见度」.text-group_24 写死为主题紫，
   轮播启用后需先统一压回灰色（否则未轮到也会一直亮），故这里用 .geo-metric span
   提高一级选择器特异性覆盖原色，再给 .is-lit 上主题紫 + 光晕。
   图标同步 scale + drop-shadow（filter 会尊重切图 alpha，不会像 box-shadow 那样
   在矩形盒周围出方阴影）；仅用 color/transform/filter/text-shadow，不参与布局回流。
   host .section_5 mouseenter 时 JS 暂停轮播，方便用户悬停观察。 */
.geo-metric { cursor: default; }
.geo-metric span {
  color: rgba(81, 81, 81, 1);
  transition: color .35s ease, text-shadow .35s ease;
}
.geo-metric img {
  transition: transform .35s ease, filter .35s ease;
  transform-origin: 50% 50%;
  filter: grayscale(1) opacity(0.45);
}
.geo-metric.is-lit span {
  color: rgba(86, 82, 255, 1);
  animation: geo-metric-glow 1.8s ease-in-out infinite;
}
.geo-metric.is-lit img {
  transform: scale(1.2);
  filter: grayscale(0) saturate(1.4) brightness(1.1) drop-shadow(0 0 6px rgba(86, 82, 255, .55));
}
@keyframes geo-metric-glow {
  0%, 100% { text-shadow: 0 0 6px rgba(86, 82, 255, .25); }
  50%      { text-shadow: 0 0 14px rgba(86, 82, 255, .6); }
}
/* 尊重系统「减少动效」偏好：关闭脉冲与图标放大，仅保留颜色切换 */
@media (prefers-reduced-motion: reduce) {
  .geo-metric.is-lit span { animation: none; text-shadow: 0 0 8px rgba(86, 82, 255, .35); }
  .geo-metric.is-lit img { transform: none; filter: grayscale(0) saturate(1.2); }
  .geo-metric span, .geo-metric img { transition: color .2s ease, filter .2s ease; }
}