.about-clients.partner-demo {
    position: relative;
    min-height: 800px;
    overflow: hidden;
    padding: 78px 0 92px;
    background-color: #f8fafc;
    background-image: url('/assets/web/indexnew/images/index-hezuo.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-clients.partner-demo::before,
.about-clients.partner-demo::after { display: none; }

.partner-demo__map {
    display: none;
}

.partner-demo__container { position: relative; z-index: 1; }
.partner-demo__heading { opacity: 0; transform: translateY(24px); text-align: center; transition: opacity .55s ease, transform .55s ease; }
.partner-demo__heading h2 { margin: 0; color: #14213d; font-size: 36px; font-weight: 700; letter-spacing: -.04em; line-height: 1.3; }
.partner-demo__heading p { margin: 11px 0 0; color: #667085; font-size: 15px; line-height: 1.8; }

.partner-demo__metrics { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 860px; margin: 45px auto 40px; }
.partner-metric { min-height: 78px; padding: 4px 28px; border-right: 1px solid #e8edf3; opacity: 0; transform: translateY(22px); text-align: center; transition: opacity .5s ease, transform .5s ease; }
.partner-metric:last-child { border-right: 0; }
.partner-metric strong { color: #ef4444; font-size: 28px; font-weight: 700; line-height: 1.2; }
.partner-metric__suffix { color: #ef4444; font-size: 18px; font-weight: 700; }
.partner-metric p { margin: 8px 0 0; color: #7b8798; font-size: 13px; line-height: 1.5; }
.partner-metric--copy strong { display: block; color: #ef4444; font-size: 20px; line-height: 1.3; white-space: nowrap; }

.about-client-logos.partner-demo__wall { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.about-client-logos.partner-demo__wall .partner-logo { display: flex; min-height: 112px; padding: 14px 18px; align-items: center; justify-content: center; border: 1px solid #e7ebf0; border-radius: 8px; background: rgba(255,255,255,.96); box-shadow: 0 7px 18px rgba(20,33,61,.045); opacity: 0; transform: translateY(22px); transition: opacity .45s ease, transform .3s ease, box-shadow .3s ease; }
.about-client-logos.partner-demo__wall .partner-logo img { display: block; width: 100%; height: auto; max-width: 100%; max-height: 80px; object-fit: contain; transition: transform .3s ease, filter .3s ease; }
/* PC：5 列 × 3 行 = 最多 15 个，多出不显示 */
.about-client-logos.partner-demo__wall .partner-logo:nth-child(n+16) { display: none; }

.about-clients.partner-demo.is-partner-visible .partner-demo__heading,
.about-clients.partner-demo.is-partner-visible .partner-metric,
.about-clients.partner-demo.is-partner-visible .partner-logo { opacity: 1; transform: translateY(0); }
.about-clients.partner-demo.is-partner-visible .partner-metric:nth-child(1) { transition-delay: .10s; }
.about-clients.partner-demo.is-partner-visible .partner-metric:nth-child(2) { transition-delay: .22s; }
.about-clients.partner-demo.is-partner-visible .partner-metric:nth-child(3) { transition-delay: .34s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(1) { transition-delay: .08s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(2) { transition-delay: .13s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(3) { transition-delay: .18s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(4) { transition-delay: .23s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(5) { transition-delay: .28s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(6) { transition-delay: .33s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(7) { transition-delay: .38s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(8) { transition-delay: .43s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(9) { transition-delay: .48s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(10) { transition-delay: .53s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(11) { transition-delay: .58s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(12) { transition-delay: .63s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(13) { transition-delay: .68s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(14) { transition-delay: .73s; }
.about-clients.partner-demo.is-partner-visible .partner-logo:nth-child(15) { transition-delay: .78s; }

@media (hover: hover) and (pointer: fine) {
    .about-client-logos.partner-demo__wall .partner-logo:hover { transform: translateY(-6px); box-shadow: 0 16px 28px rgba(20,33,61,.11); }
    .about-client-logos.partner-demo__wall .partner-logo:hover img { filter: brightness(1.12); transform: scale(1.08); }
}

@media (max-width: 900px) {
    .about-clients.partner-demo { padding-right: 32px; padding-left: 32px; }
    .about-client-logos.partner-demo__wall { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    /* 平板：3 列 × 3 行 = 最多 9 个 */
    .about-client-logos.partner-demo__wall .partner-logo:nth-child(n+10) { display: none; }
}

@media (max-width: 560px) {
    .about-clients.partner-demo { min-height: 0; padding: 58px 18px 72px; }
    .partner-demo__heading h2 { font-size: 30px; }
    .partner-demo__heading p { font-size: 14px; }
    .partner-demo__metrics { grid-template-columns: 1fr; gap: 16px; margin: 34px auto; }
    .partner-metric { min-height: 0; padding: 0 0 16px; border-right: 0; border-bottom: 1px solid #e8edf3; }
    .partner-metric:last-child { padding-bottom: 0; border-bottom: 0; }
    .about-client-logos.partner-demo__wall { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
    .about-client-logos.partner-demo__wall .partner-logo { min-height: 96px; padding: 12px; }
    .about-client-logos.partner-demo__wall .partner-logo img { max-height: 68px; }
    /* 手机：2 列 × 3 行 = 最多 6 个 */
    .about-client-logos.partner-demo__wall .partner-logo:nth-child(n+7) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .about-clients.partner-demo *, .about-clients.partner-demo *::before, .about-clients.partner-demo *::after { transition-duration: .01ms !important; }
}