/* 首页内容区使用吸顶侧栏；页脚位于内容区外，横跨整页。 */
html:has(body.home-v8), body.home-v8 { height: auto; min-height: 100%; overflow-x: clip; overflow-y: visible; }
.home-v8 .box { height: auto; min-height: 0; overflow: visible; }
.home-v8 .home-layout { --rail-width: 214px; --rail-gap: 26px; max-width: 1622px; position: relative; inset: auto; padding: calc(var(--home-header-height) + 50px) 0 0; grid-template-columns: var(--rail-width) minmax(0,1fr); gap: var(--rail-gap); }
.home-v8 .home-menu { position: sticky; top: calc(var(--home-header-height) + 50px); max-height: calc(100dvh - var(--home-header-height) - 70px); overflow-y: auto; height: auto; box-sizing: border-box; padding-top: 0; padding-bottom: 20px; scrollbar-width: thin; overscroll-behavior: contain; }
.home-v8 .home-main { height: auto; box-sizing: border-box; overflow: visible; padding: 0; }
.home-hero { position: relative; width: 100%; aspect-ratio: 1382 / 500; overflow: hidden; border-radius: 14px; }
.home-hero .swiper-slide > img { display: block; width: 100%; height: auto; }
.home-hero-consult { position: absolute; left: 7.45%; top: 63.6%; width: 13.1%; height: 11.2%; padding: 0; border: 0; border-radius: 30px; background: transparent; cursor: pointer; }
.home-main > .page-modular, .home-main > .home-section { padding: 0 0 80px; background: transparent; }
.home-main .home-section-title, .home-main > .page-modular > .page-title-h4 { text-align: left; font-size: 26px; line-height: 1.5; color: #2b3038; font-weight: 600; margin-bottom: 22px; }
.home-main .marketing-tools-title span { display: none; }
.home-main .marketing-tools-title { height: 40px; }
.home-main .marketing-tools-title h2 { font-size: 32px; font-weight: 500; line-height: 40px; }
.home-main .marketing-tool-grid { margin-top: 24px; }
.home-main .marketing-tools-v8 { padding-top: 100px; }
.home-main .page-width-1500 { width: 100%; }
.home-main .mt-60, .home-main .mt-80 { margin-top: 28px; }
.home-main .mt-40 { margin-top: 20px; }
.home-main .page-title-h5 { font-size: 24px; }
.home-section-action { display: flex; justify-content: center; margin-top: 40px; }
.home-consult-button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; position: relative; border: 0; box-sizing: border-box; width: 180px; height: 56px; padding: 0 62px 0 38px; min-height: 56px; border-radius: 999px; color: #fff; background: linear-gradient(90deg,#529dfb 0%,#0f5fff 100%); font: inherit; font-size: 20px; font-weight: 500; line-height: 28px; letter-spacing: 0; cursor: pointer; }
.home-consult-button img { position: absolute; right: 7px; top: 7px; display: block; width: 42px; height: 42px; object-fit: contain; }
.home-consult-button:hover { filter: brightness(1.05); }
.home-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.home-service-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; aspect-ratio: 1358 / 1040; overflow: hidden; box-sizing: border-box; padding: 28px; border: 0; border-radius: 14px; background-size: cover; background-position: center bottom; background-repeat: no-repeat; color: #363a42; font: inherit; text-align: left; cursor: pointer; transition: box-shadow .2s; }
.home-service-card:hover { box-shadow: 0 10px 30px #29468216; }
.home-service-card h3 { font-size: 20px; font-weight: 600; line-height: 1.5; margin: 0 0 8px; }
.home-service-card p { font-size: 14px; line-height: 1.65; color: #737983; }
.home-service-card strong { color: #454b56; font-weight: 600; }
.home-service-private { background-image: url('../img/8-home-img/service-private.png'); }
.home-service-member { background-image: url('../img/8-home-img/service-member.png'); }
.home-service-store { background-image: url('../img/8-home-img/service-store.png'); }
.home-service-geo { background-image: url('../img/8-home-img/service-geo.png'); }
.home-main .solution-tabs { justify-content: space-between; gap: 6px; margin-top: 0; }
.home-main .solution-tabs a { padding: 0 25px; height: 42px; line-height: 42px; margin: 0; font-size: 16px; color: #303640; }
.home-main .solution-tabs .solution-tabs-active { color: #fff; background: linear-gradient(100deg,#549eff,#1767ff); }
.home-main .solution-swiper { margin-top: 20px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide-m { width: 100%; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner { height: auto; aspect-ratio: 2.14; min-height: 390px; border-radius: 14px; overflow: hidden; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info { padding: 40px; max-width: 62%; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info h5 { font-size: 28px; line-height: 1.4; color: #FFFFFF; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li { margin-top: 18px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li p { font-size: 18px; font-weight: 500; margin-bottom: 3px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li span { display: block; font-size: 15px; line-height: 1.6; color: #818799; font-weight: normal; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-num { width: auto; height: auto; min-height: 70px; bottom: 38px; padding: 12px 20px; gap: 20px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-num .num-icon { margin: 0; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner .num-icon img { max-width: 45px; max-height: 42px; width: auto; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-num .num-view { margin: 0; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-num .num-view-item { margin-right: 14px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-num .num-view-item h6 { font-size: 11px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-num .num-view-item p { font-size: 24px; margin-top: 4px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 20px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item { float: none; width: auto; height: auto; margin: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 15px #30436905; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-banner { height: auto; aspect-ratio: 2.4; border-radius: 0; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-banner img { object-fit: cover; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info { padding: 20px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-title-img { width: 34px; height: 34px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-title .title-img-181 { width: 80px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-title span { font-size: 22px; font-weight: 500; color: #272B33; margin-left: 9px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-txt { font-size: 15px; font-weight: normal; color: #272B33; line-height: 30px; height: auto; min-height: 87px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num { margin-top: 20px; flex-wrap: wrap; gap: 12px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num-list { gap: 15px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num-list div { margin: 0; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num-list div h6 { color: #1A1A1A; font-size: 24px; font-weight: 600; line-height: 34px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num-list div span { font-size: 13px; line-height: 20px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num a { font-size: 18px; line-height: 26px; white-space: nowrap; flex-shrink: 0; }
.home-main .page-band-map { height: 340px; background: #fff; border-radius: 16px; overflow: hidden; margin-top: 0; }
.home-main .page-band-map .map-back img { height: 330px; max-width: 75%; object-fit: contain; filter: hue-rotate(220deg); }
.home-main .page-band-map .map-info { padding: 60px; }
.home-main .page-band-map .map-info h5 { font-size: 24px; line-height: 1.5; }
.home-main .page-band-map .map-info ul { display: flex; gap: 36px; margin-top: 42px; }
.home-main .page-band-map .map-info ul li { float: none; margin: 0; }
.home-main .page-band-map .map-info ul li h6 { font-size: 28px; background: linear-gradient(100deg,#5682ff,#d956ed); background-clip: text; color: transparent; }
.home-main .page-band-map .map-info ul li span { font-size: 12px; margin-top: 10px; }
.home-main .page-brand-list { height: auto; padding: 40px 0 28px; background: #fff; border-radius: 16px; overflow: hidden; }
.home-main .page-brand-list .brand-mask { width: 30px; background: linear-gradient(90deg,white,transparent); }
.home-main .page-brand-list .brand-mask-right { transform: rotate(180deg); }
.home-main .page-brand-list .brand-swiper { margin-bottom: 12px; }
.home-main .page-brand-list .brand-swiper .swiper-wrapper .swiper-slide { width: 1300px; }
.home-main .page-brand-list .brand-swiper.mt-60 { margin-top: 28px; }
.home-main .page-authority-sub { text-align: left; font-size: 16px; line-height: 1.6; }
.home-main .certification-list { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 16px; }
.home-main .certification-list li { float: none; width: auto; margin: 0; height: auto; padding: 18px 6px; }
.home-main .certification-list li p { font-size: 12px; line-height: 1.6; }
.home-main .honor-swiper-list, .home-main .honor-swiper-list-box .honor-swiper .swiper { height: 400px; }
.home-main .honor-swiper-list-box { gap: 16px; }
.home-main .honor-swiper-list-box .honor-swiper { width: calc((100% - 64px)/5); margin: 0; }
.home-main .honor-swiper-list-box .honor-swiper img { width: 100%; object-fit: contain; }
.home-main .xlb-dynamics { gap: 28px; }
.home-main .xlb-dynamics .item { width: calc((100% - 56px)/3); border-radius: 14px; }
.home-main .xlb-dynamics .item .head { height: 150px; }
.home-main .xlb-dynamics .item .head .h4 { font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.902); }
.home-main .xlb-dynamics .item .head .desc { font-size: 28px; font-weight: 500; }
.home-main .xlb-dynamics .item .content { padding: 18px; }
.home-main .xlb-dynamics .item .content a { font-size: 15px; font-weight: 500; color: #272B33; flex-wrap: nowrap; gap: 12px; margin-bottom: 16px; }
.home-main .xlb-dynamics .item .content a p { flex: 1; min-width: 0; max-width: none; }
.home-main .xlb-dynamics .item .content a .time { font-size: 11px; flex: none; }
.home-main .page-last-screen { padding: 60px 24px; margin-bottom: 40px; border-radius: 16px; background: linear-gradient(120deg,#edf4ff,#f4edff); height: auto; text-align: center; }
.home-main .page-last-screen h2 { font-size: 36px; line-height: 1.5; }
.home-main .page-last-screen p { font-size: 18px; margin-top: 16px; }
.home-main .page-last-screen .page-title-h5 { font-size: 22px; }
.home-main .page-button { margin-top: 28px; }
.home-main .page-button a { font-size: 16px; min-width: 0; height: auto; line-height: 44px; padding: 0 28px; border-radius: 24px; }
.home-main .page-button-red { background: #337eff; border-color: #337eff; }
.home-main .page-button-default { color: #337eff; border-color: #337eff; }
@media (max-width:1280px) {
  .home-v8 .home-layout { --rail-width: 200px; --rail-gap:24px; }
  .home-service-card { padding: 22px; }
  .home-service-card h3 { font-size: 18px; }
  .home-service-card p { font-size: 12px; }
  .home-main .page-band-map .map-info { padding: 42px 30px; }
  .home-main .page-band-map .map-info ul { gap: 20px; }
  .home-main .page-band-map .map-info ul li h6 { font-size: 24px; }
  .home-main .solution-tabs a { padding: 0 16px; }
}


@media (prefers-reduced-motion:reduce) { .home-v8 .home-main { scroll-behavior: auto; } }

/* 产品门户卡片：设计内容区 1382px = 679px × 2 + 24px。 */
.home-main .marketing-tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.home-main .marketing-tool-card { height: 240px; min-height: 240px; padding: 24px; border-radius: 18px; transition: transform .2s ease, box-shadow .2s ease; }
.home-main .marketing-tool-card::after { display: none; }
.home-main .marketing-tool-card:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(106,120,168,.1); }
.home-main .marketing-tool-icon { position: relative; flex: 0 0 96px; width: 96px; height: 96px; margin: 0 24px 0 0; border-radius: 0; background: transparent; }
.home-main .marketing-tool-icon::after { content: ''; position: absolute; left: 50%; bottom: 12px; width: 70px; height: 26px; background: var(--media-shadow-color); filter: blur(28px); transform: translateX(-50%); }
.home-main .marketing-tool-icon img { position: relative; z-index: 1; width: 96px; height: 96px; object-fit: contain; }
.home-main .marketing-tool-growth .marketing-tool-icon { background: linear-gradient(150deg,#ffffffd9,#ffffff70); clip-path: polygon(50% 0,100% 15%,100% 85%,50% 100%,0 85%,0 15%); }
.home-main .marketing-tool-growth .marketing-tool-icon img { width: 78px; height: 78px; }
.home-main .marketing-tool-content { flex: 1; width: auto; min-width: 0; }
.home-main .marketing-tool-content strong { font-size: 26px; line-height: 34px; font-weight: 500; overflow-wrap: normal; }
.home-main .marketing-tool-content small { margin-top: 4px; font-size: 22px; line-height: 30px; font-weight: 400; }
.home-main .marketing-tool-content p { max-width: none; margin: 8px 0 0; font-size: 18px; line-height: 28px; color: #999; }
.home-main .marketing-tool-content em { display: flex; align-items: center; gap: 6px; margin-top: auto; font-size: 20px; line-height: 28px; font-weight: 400; color: #1966ff; }
.home-main .marketing-tool-geo { --media-shadow-color: rgba(161,163,255,.64); border: 1px solid #edeaff; background: linear-gradient(338deg,#f6f5ff 12%,#f8f7ff 47%,#e7e2ff 100%); }
.home-main .marketing-tool-geo strong { color: #6047ff; }
.home-main .marketing-tool-scrm { --media-shadow-color: rgba(255,158,158,.64); border: 1px solid #feeced; background: linear-gradient(338deg,#fff7f8 12%,#fff5f6 47%,#ffe5e9 100%); }
.home-main .marketing-tool-scrm strong { color: #ff3e49; }
.home-main .marketing-tool-chat { --media-shadow-color: rgba(135,195,255,.64); border: 1px solid #e3ecff; background: linear-gradient(338deg,#f2f7ff 12%,#f2f7ff 47%,#dbe8ff 100%); }
.home-main .marketing-tool-chat strong { color: #1870ff; }
.home-main .marketing-tool-tuike { --media-shadow-color: rgba(255,155,116,.64); border: 1px solid #ffede6; background: linear-gradient(338deg,#fff6f2 12%,#fff8f2 47%,#ffe0db 100%); }
.home-main .marketing-tool-tuike strong { color: #f2451a; }
.home-main .marketing-tool-elf { --media-shadow-color: rgba(210,158,255,.64); border: 1px solid #F1EDFD; background: linear-gradient(106deg,#f7edfd 3%,#ffffff80 115%); }
.home-main .marketing-tool-elf strong { color: #c034e1; }
.home-main .marketing-tool-growth { --media-shadow-color: rgba(161,163,255,.64); border: 1px solid #EDEAFF; background: linear-gradient(125deg,#eaf2ff 0%,#f6f5ff 52%); }
.home-main .marketing-tool-growth strong { color: #3677ff; }
/* 子元素共用设计比例，避免卡片变矮后文字或按钮溢出。 */
.home-main .marketing-tool-grid { container-type: inline-size; }
.home-main .marketing-tool-card { --card-unit: calc((100cqw - 24px) / 1358); height: auto; min-height: 0; aspect-ratio: 679 / 240; padding: calc(24 * var(--card-unit)); border-radius: calc(18 * var(--card-unit)); }
.home-main .marketing-tool-icon { flex-basis: calc(96 * var(--card-unit)); width: calc(96 * var(--card-unit)); height: calc(96 * var(--card-unit)); margin-right: calc(24 * var(--card-unit)); }
.home-main .marketing-tool-icon img { width: calc(96 * var(--card-unit)); height: calc(96 * var(--card-unit)); }
.home-main .marketing-tool-growth .marketing-tool-icon img { width: calc(78 * var(--card-unit)); height: calc(78 * var(--card-unit)); }
.home-main .marketing-tool-content strong { font-size: calc(26 * var(--card-unit)); line-height: calc(34 * var(--card-unit)); }
.home-main .marketing-tool-content small { margin-top: calc(4 * var(--card-unit)); font-size: calc(22 * var(--card-unit)); line-height: calc(30 * var(--card-unit)); }
.home-main .marketing-tool-content p { margin-top: calc(8 * var(--card-unit)); font-size: calc(18 * var(--card-unit)); line-height: calc(28 * var(--card-unit)); }
.home-main .marketing-tool-content em { gap: calc(6 * var(--card-unit)); font-size: calc(20 * var(--card-unit)); line-height: calc(28 * var(--card-unit)); }

@media (prefers-reduced-motion:reduce) { .home-main .marketing-tool-card { transition: none; } .home-main .marketing-tool-card:hover { transform: none; } }

/* 主视觉与图片保持同一比例；真实分页覆盖图片内自带的静态圆点。 */
.home-hero .swiper-wrapper, .home-hero .swiper-slide { height: 100%; }
.home-hero .home-hero-pagination { position: absolute; z-index: 10; left: 50%; bottom: 5.5%; width: 9%; height: 5%; display: flex; justify-content: center; align-items: center; gap: 6px; border-radius: 20px; transform: translateX(-50%); background: transparent; box-shadow: none; }
.home-hero-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0; border: 0; padding: 0; border-radius: 8px; background: #fff; opacity: .65; cursor: pointer; transition: width .3s, opacity .3s; }
.home-hero-pagination .swiper-pagination-bullet-active { width: 22px; opacity: 1; }
.home-hero-pagination .swiper-pagination-bullet:focus-visible { outline: 2px solid #397bff; outline-offset: 3px; }

/* 荣誉长图按列宽等比显示，滚动距离采用图片实际高度。 */
.home-main .honor-swiper-list-box .honor-swiper .swiper .swiper-wrapper .swiper-slide { height: auto !important; box-sizing: border-box; padding-bottom: 20px; }
.home-main .honor-swiper-list-box .honor-swiper .swiper .swiper-wrapper .swiper-slide img { display: block; width: 100%; height: auto; }
/* 精灵原图包含大范围透明光晕，让六边形主体与其他产品图标同尺寸。 */
.home-main .marketing-tool-elf .marketing-tool-icon::after { display: none; }
.home-main .marketing-tool-elf .marketing-tool-icon img { position: absolute; left: 50%; top: calc(71 * var(--card-unit)); width: calc(246 * var(--card-unit)); height: auto; max-width: none; transform: translate(-50%,-50%); pointer-events: none; }
/* 四张运营服务卡片统一文案规格。 */
.home-service-card h3 { color: #272B33; font-size: 24px; font-weight: 600; line-height: 32px; margin-bottom: 12px; }
.home-service-card p { font-size: 20px; font-weight: 400; color: #565A60; }
.home-service-card p strong { font-size: 22px; font-weight: 500; color: #272B33; }
/* 文案随新背景等比缩放，窄屏时保留图片上方的文字留白。 */
.home-service-grid { container-type: inline-size; gap: 24px; }
.home-service-card { --service-unit: calc((100cqw - 24px) / 1358); padding: calc(28 * var(--service-unit)); }
.home-service-card h3 { font-size: calc(24 * var(--service-unit)); line-height: calc(32 * var(--service-unit)); margin-bottom: calc(12 * var(--service-unit)); }
.home-service-card p { font-size: calc(20 * var(--service-unit)); }
.home-service-card p strong { font-size: calc(22 * var(--service-unit)); }



/* 客户案例文字放大后，卡片随内容撑开并为底部数据留出空间。 */
.home-main .solution-swiper { container-type: inline-size; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner { aspect-ratio: auto; min-height: max(390px, calc(100cqw / 2.14)); }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info { padding-bottom: 120px; }

/* 合作品牌价值与增长数据统一使用设计稿字号及渐变。 */
.home-main .page-band-map { height: auto; min-height: 340px; }
.home-main .page-band-map .map-back { position: absolute; inset: 0; }
.home-main .page-band-map .map-info { position: relative; }
.home-main .page-band-map .map-info h5 { color: #272B33; font-size: 36px; font-weight: 600; }
.home-main .page-band-map .map-info ul { flex-wrap: wrap; }
.home-main .page-band-map .map-info ul li h6 { font-size: 44px; background: linear-gradient(90deg, #4e81fd -3%, #7053ff 48%, #e55de1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.home-main .page-band-map .map-info ul li span { color: #272B33; font-size: 22px; font-weight: normal; }

/* 每组品牌内容至少铺满一行，两组按完整组宽无缝滚动。 */
.home-main .page-brand-list .brand-swiper .swiper { height: 61px; overflow: hidden; }
.brand-marquee-track { display: flex; width: max-content; height: 61px; animation: brand-marquee var(--brand-duration) linear infinite; }
.brand-marquee-group { display: flex; flex: none; height: 61px; }
.brand-marquee-group img { display: block; flex: none; width: auto; max-width: none; height: 61px; margin-right: 16px; }
.brand-swiper-even .brand-marquee-track { animation-direction: reverse; }
@keyframes brand-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .brand-marquee-track { animation: none; } }

/* 资质认证：标题后直接展示六张等比卡片。 */
.home-main > .home-certifications > .page-title-h4 { color: #272B33; font-size: 32px; font-weight: 500; line-height: 40px; margin-bottom: 40px; }
.home-main .home-certifications .certification-list { margin-top: 0; gap: 24px; container-type: inline-size; }
.home-main .home-certifications .certification-list li { --cert-unit: calc((100cqw - 120px) / 1260); aspect-ratio: 1; padding: calc(9 * var(--cert-unit)) calc(12 * var(--cert-unit)); border-radius: calc(18 * var(--cert-unit)); }
.home-main .home-certifications .certification-list li .item-icon { width: calc(114 * var(--cert-unit)); height: calc(114 * var(--cert-unit)); margin: 0 auto; }
.home-main .home-certifications .certification-list li .item-icon img { width: 100%; height: 100%; object-fit: contain; }
.home-main .home-certifications .certification-list li p { color: #272B33; font-size: calc(18 * var(--cert-unit)); font-weight: 400; line-height: calc(28 * var(--cert-unit)); margin-top: calc(6 * var(--cert-unit)); }


/* 行业荣誉设计区 1382 × 845，扣除标题与间距后为纵向滚动留出 781px。 */
.home-main > .honor-swiper-box { container-type: inline-size; }
.home-main > .honor-swiper-box > .page-title-h4 { font-size: 32px; font-weight: 500; line-height: 40px; color: #272B33; margin-bottom: 24px; }
.home-main .honor-swiper-list { margin-top: 0; height: calc(100cqw * 781 / 1382); }
.home-main .honor-swiper-list-box { height: 100%; gap: 28px; }
.home-main .honor-swiper-list-box .honor-swiper { width: calc((100% - 112px) / 5); height: 100%; }
.home-main .honor-swiper-list-box .honor-swiper .swiper { height: 100%; }
/* 上下边缘以页面底色渐隐，与设计稿的柔和遮罩一致。 */
.home-main .honor-swiper-list .honor-mask { display: block; height: min(80px, 10%); pointer-events: none; z-index: 2; }
.home-main .honor-swiper-list .honor-mask-left { background: linear-gradient(to bottom, #f9fafd 0%, rgba(249,250,253,.6) 40%, rgba(249,250,253,0) 100%); }
.home-main .honor-swiper-list .honor-mask-right { background: linear-gradient(to top, #f9fafd 0%, rgba(249,250,253,.6) 40%, rgba(249,250,253,0) 100%); }

/* 资讯标题放大后保持左右留白，窄卡片允许文字自然换行。 */
.home-main .xlb-dynamics .item .head { box-sizing: border-box; height: auto; min-height: 218px; padding: 32px 20px; }
.home-main .xlb-dynamics .item:nth-child(n) .head .h4,
.home-main .xlb-dynamics .item:nth-child(n) .head .desc { box-sizing: border-box; padding: 0; width: 100%; }

.home-main .xlb-dynamics .item:first-child .head { padding-right: 8px; padding-left: 8px; }
/* 资讯文章标题与日期共用悬停颜色。 */
.home-main .xlb-dynamics .item .content a:hover,
.home-main .xlb-dynamics .item .content a:hover p,
.home-main .xlb-dynamics .item .content a:hover .time { color: #DE1F26; }
/* 资讯中文标题以 26px 为上限，按卡片宽度缩放以完整单行显示。 */
.home-main .xlb-dynamics .item { container-type: inline-size; }
.home-main .xlb-dynamics .item .head .desc { font-size: min(26px, calc((100cqw - 40px) / 16)); white-space: nowrap; }

.home-main .marketing-tool-content em .home-use-arrow { display: block; flex: 0 0 auto; width: calc(24 * var(--card-unit)); height: calc(24 * var(--card-unit)); object-fit: contain; }

/* 首页侧栏仅在宽度 1650 / 1420 和高度 800 的阈值切换，档内尺寸固定。 */
@media all {
  .home-v8 .home-layout { --rail-width: 214px; --rail-gap: 26px; --menu-offset: 50px; padding-top: calc(var(--home-header-height) + var(--menu-offset)); }
  .home-v8 .home-menu { top: calc(var(--home-header-height) + var(--menu-offset)); max-height: calc(100dvh - var(--home-header-height) - var(--menu-offset) - 20px); padding-right: 16px; }
  .home-menu-link { gap: 8px; padding: 10px 12px; border-radius: 8px; font-size: 20px; line-height: 28px; }
  .home-menu-group { padding-bottom: 32px; margin-bottom: 32px; }
}
@media (max-width: 1650px) {
  .home-v8 .home-layout { --rail-width: 200px; --rail-gap: 24px; --menu-offset: 40px; }
  .home-menu-link { font-size: 18px; }
  .home-menu-group { padding-bottom: 24px; margin-bottom: 24px; }
}
@media (max-width: 1420px) {
  .home-v8 .home-layout { --rail-width: 182px; --rail-gap: 18px; --menu-offset: 32px; }
  .home-menu-link { font-size: 16px; }
  .home-menu-group { padding-bottom: 20px; margin-bottom: 20px; }
}


.home-v8 .home-menu { border-right: 0; scrollbar-width: thin; scrollbar-color: #DCDEE1 transparent; }
.home-v8 .home-menu::-webkit-scrollbar { width: 4px; height: 0; background: transparent; }
.home-v8 .home-menu::-webkit-scrollbar-track { background: transparent; box-shadow: none; border: 0; }
.home-v8 .home-menu::-webkit-scrollbar-thumb { background: #DCDEE1; border-radius: 2px; box-shadow: none; border: 0; }
.home-v8 .home-menu::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.home-v8 .home-menu::-webkit-scrollbar-corner { background: transparent; }
/* Chromium 使用精确的 4px 样式，避免标准 scrollbar 属性覆盖伪元素。 */
@supports selector(::-webkit-scrollbar) {
  .home-v8 .home-menu { scrollbar-width: auto; scrollbar-color: auto; }
}

/* 运营服务桌面卡片沿用公共三档字号（1650 / 1420），1800 属于大屏档。 */
@media all {
  .home-service-card { --service-space-scale: 1; padding: calc(40px * var(--service-space-scale)); }
  .home-service-card h3 { font-size: var(--font-size-24); line-height: calc(32px * var(--service-space-scale)); margin-bottom: calc(12px * var(--service-space-scale)); }
  .home-service-card p { font-size: var(--font-size-20); line-height: calc(32px * var(--service-space-scale)); }
  .home-service-card p strong { font-size: var(--font-size-22); }
}
@media (max-width: 1650px) {
  .home-service-card { --service-space-scale: .86; }
}
@media (max-width: 1420px) {
  .home-service-card { --service-space-scale: .73; }
}

/* 客户案例胶囊从左侧排列，空间不足时保持单行横向滚动。 */
.home-main .solution-tabs { justify-content: flex-start; flex-wrap: nowrap; gap: 28px; overflow-x: auto; }
.home-main .solution-tabs a { flex: 0 0 auto; white-space: nowrap; }
/* 说明使用整幅横幅的可用宽度，避免原 62% 宽度限制导致提前换行。 */
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info { box-sizing: border-box; width: 100%; max-width: 100%; }
@media (max-width: 1650px) {
  .home-main .solution-tabs { gap: 20px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info { padding-left: 28px; padding-right: 28px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li span { font-size: 13px; }
}
@media (max-width: 1420px) {
  .home-main .solution-tabs { gap: 12px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li span { font-size: 12px; }
}


/* 案例卡片咨询及数据注释按三档固定字号适配。 */
@media (max-width: 1650px) {
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num a { font-size: 16px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num-list div span { font-size: 12px; }
}
@media (max-width: 1420px) {
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num a { font-size: 14px; }
}

/* 侧栏只在实际滚动期间显示滑块；透明滑块仍可拖动。 */
.home-v8 .home-menu { scrollbar-color: transparent transparent; }
.home-v8 .home-menu.is-scrolling { scrollbar-color: #DCDEE1 transparent; }
.home-v8 .home-menu::-webkit-scrollbar-thumb { background: transparent; transition: background-color .2s ease; }
.home-v8 .home-menu.is-scrolling::-webkit-scrollbar-thumb { background: #DCDEE1; }
@supports selector(::-webkit-scrollbar) {
  .home-v8 .home-menu, .home-v8 .home-menu.is-scrolling { scrollbar-color: auto; }
}

/* GrowthBuddy 使用完整透明光晕图片，图标主体与其他卡片对齐。 */
.home-main .marketing-tool-growth .marketing-tool-icon { background: transparent; clip-path: none; }
.home-main .marketing-tool-growth .marketing-tool-icon::after { display: none; }
.home-main .marketing-tool-growth .marketing-tool-icon img { position: absolute; left: 50%; top: calc(71 * var(--card-unit)); width: calc(246 * var(--card-unit)); height: auto; max-width: none; transform: translate(-50%,-50%); pointer-events: none; }

/* 客户案例大屏按设计稿还原，其他屏幕按固定三档切换。 */
.home-main .solution-tabs a { box-sizing: border-box; height: 66px; padding: 16px 40px; font-size: 24px; font-weight: 500; line-height: 34px; color: #272B33; border-radius: 999px; }
.home-main .solution-tabs .solution-tabs-active { color: #fff; background: linear-gradient(90deg,#529dfb 0%,#0f5fff 100%); }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info { display: flex; flex-direction: column; min-height: max(390px, calc(100cqw / 2.14)); padding: 40px 40px 50px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info h5 { font-size: 32px; margin-bottom: 28px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li { margin-top: 0; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li p { font-size: 20px; line-height: 28px; margin-bottom: 6px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li span { font-size: 15px; }
@media (max-width:1650px) {
  .home-main .solution-tabs a { height: 56px; padding: 12px 30px; font-size: 20px; line-height: 32px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info { padding: 32px 28px 40px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info h5 { font-size: 28px; margin-bottom: 24px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul { gap: 20px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li p { font-size: 18px; line-height: 26px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li span { font-size: 13px; }
}
@media (max-width:1420px) {
  .home-main .solution-tabs a { height: 48px; padding: 10px 24px; font-size: 18px; line-height: 28px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info { padding-top: 28px; padding-bottom: 36px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info h5 { font-size: 24px; margin-bottom: 20px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul { gap: 16px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li p { font-size: 16px; line-height: 24px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner-info ul li span { font-size: 12px; }
}


/* 首页仅提供桌面布局，窗口小于 1180px 时通过横向滚动查看。 */
html:has(body.home-v8), body.home-v8, .home-v8 .box { min-width: 1180px; }
/* 横向滚动只交给根节点，body 不建立滚动容器，保证侧栏 sticky 生效。 */
html:has(body.home-v8) { overflow-x: auto; }
body.home-v8 { overflow: visible; }
.home-header { min-width: 1180px; }
@media (max-width:1180px) {
  .home-v8 .home-footer-inner { width: calc(100% - 80px); }
  .home-v8 .home-footer-top { grid-template-columns: minmax(0,1fr) 280px; padding: 60px 0 64px; gap: 40px; }
  .home-v8 .home-footer-links { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
  .home-v8 .home-footer-links h2 { margin-bottom: 34px; }
  .home-v8 .home-footer-brand { justify-self: stretch; }
  .home-v8 .home-footer-logo { width: 210px; }
  .home-v8 .home-footer-brand > p { font-size: 22px; margin: 7px 0 38px; }
  .home-v8 .home-footer-qrs { gap: 20px; }
  .home-v8 .home-footer-qrs figure > img { width: 126px; height: 126px; }
  .home-v8 .home-footer-partners { gap: 10px 32px; }
  .home-v8 .home-footer-contact { font-size: 13px; }
}

/* 同一组案例共用图片、标题、文案和数据行，以最高内容确定行高。 */
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list { grid-template-rows: repeat(4,auto); column-gap: 20px; row-gap: 0; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item { display: grid; grid-row: span 4; grid-template-rows: subgrid; min-width: 0; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info { display: grid; grid-row: span 3; grid-template-rows: subgrid; padding: 28px 32px; min-width: 0; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-txt { min-height: 0; height: auto; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; margin-top: 24px; gap: 16px; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num-list { align-self: start; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num a { margin-right: 0; }
@media (max-width:1650px) {
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info { padding: 24px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num { grid-template-columns: 1fr; grid-template-rows: auto auto; justify-items: start; align-content: start; }
}

/* 较窄屏幕也将咨询放在数据右侧，不再另起一行。 */
@media (max-width:1650px) {
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num { grid-template-columns: minmax(0,1fr) auto; grid-template-rows: auto; align-items: center; gap: 10px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num-list { gap: 10px; }
}
@media (max-width:1420px) {
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num { gap: 8px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num-list { gap: 8px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num-list div h6 { font-size: 20px; line-height: 30px; white-space: nowrap; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num-list div span { font-size: 11px; white-space: nowrap; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num a { font-size: 13px; }
  .home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-info-num a img { margin-left: 6px; }
}

/* 首页内容面板统一圆角，胶囊按钮和图标不受影响。 */
.home-v8 { --home-card-radius: 18px; }
@media (max-width:1650px) { .home-v8 { --home-card-radius: 16px; } }
@media (max-width:1420px) { .home-v8 { --home-card-radius: 14px; } }
.home-v8 .home-hero,
.home-v8 .home-service-card,
.home-main .marketing-tool-card,
.home-main .page-band-map,
.home-main .page-brand-list,
.home-main .page-last-screen,
.home-main .home-certifications .certification-list li,
.home-main .xlb-dynamics .item,
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner,
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item { border-radius: var(--home-card-radius); overflow: hidden; }
/* 遮罩继承父容器圆角，避免旧 30px 圆角与面板不一致导致角落露底。 */
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-banner::before { border-radius: inherit; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-banner { border-radius: 0; overflow: hidden; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-banner img { display: block; border-radius: 0; }
.home-main .xlb-dynamics .item .head { border-radius: 0; }

/* 按窗口高度收紧侧栏，留出底部安全距离；过矮时仍可独立滚动。 */


.home-v8 .home-menu { scroll-padding-block: 12px; }

/* 菜单遵循设计稿固定节奏，不因窗口高度压缩；不足时在侧栏内滚动。 */
.home-v8 .home-menu { padding-bottom: 6px; }
.home-v8 .home-menu-link { min-height: 52px; padding-top: 12px; padding-bottom: 12px; line-height: 28px; }
.home-v8 .home-menu-group { padding-bottom: 40px; margin-bottom: 40px; }
.home-v8 .home-menu-group h2 { line-height: 24px; margin-bottom: 12px; }
.home-v8 .home-menu-group:last-child { margin-bottom: 0; padding-bottom: 0; }

/* 文案换行时向上扩展卡片，底部插图保持原比例，并预留独立空间。 */
.home-v8 .home-service-card {
  aspect-ratio: auto;
  min-height: calc(520 * var(--service-unit));
  padding-bottom: calc(370 * var(--service-unit) + 16px);
  background-size: 100% auto;
}
.home-service-private { background-color: #dce8ff; }
.home-service-member { background-color: #fff1f8; }
.home-service-store { background-color: #fff5f1; }
.home-service-geo { background-color: #f3eaf6; }

/* 案例图片素材自带约 50px 圆角。放大到盖住素材圆角后，由卡片按 18px 裁切。 */
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item { border-radius: 18px; overflow: hidden; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-banner { border-radius: 18px 18px 0 0; overflow: hidden; }
.home-main .solution-swiper .swiper-wrapper .swiper-slide .solution-swiper-list-item .item-banner img { transform: scale(1.22); transform-origin: center top; }