/* source: wanpishi-home-video-final-state-style */

    /* This is intentionally last: the captured shell has older !important
     video rules that otherwise reveal the video before its first real frame. */
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_showcase__s7LJG,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_platformInner__E_UPd,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_outputCanvas__YdEHe,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_previewContent__JncAy,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .wanpishi-home-video-static,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero [data-home-video] {
        visibility: visible !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH {
        background: #070a10 var(--wanpishi-home-static-instant) center / contain no-repeat !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .wanpishi-home-video-static {
        z-index: 3;
        opacity: 1 !important;
        transition: opacity 200ms ease;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH video {
        z-index: 2 !important;
        background: transparent !important;
        opacity: 0 !important;
        transition: opacity 200ms ease;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH.wanpishi-home-video-ready video {
        opacity: 1 !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH.wanpishi-home-video-ready .wanpishi-home-video-static {
        opacity: 0 !important;
        pointer-events: none;
    }

    /* A percentage-height child of an auto-height aspect-ratio box collapses
       in WebKit. Stretch the media layers between definite containing edges. */
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_outputCanvas__YdEHe {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_previewContent__JncAy,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero [data-home-video] {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
    }


/* source: wanpishi-scrollbar-track-fill */

    html {
        background: linear-gradient(135deg, #1f45bd 0%, #2b99e6 55%, #d9f4ff 100%);
        scrollbar-color: rgba(255, 255, 255, .55) transparent;
    }

    html::-webkit-scrollbar {
        width: 14px;
        background: transparent;
    }

    html::-webkit-scrollbar-track {
        background: transparent;
    }

    html::-webkit-scrollbar-thumb {
        border: 3px solid transparent;
        border-radius: 999px;
        background: rgba(255, 255, 255, .55);
        background-clip: padding-box;
    }

/* source: wanpishi-home-layout-stability-early */

    /* Reserve the final media geometry before the mirrored shell scripts run. */
    body > div.bg-background .CandidateHero_platformInner__E_UPd {
        width: min(calc(100% - 64px), 1160px) !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
        margin-inline: auto !important;
        box-sizing: border-box !important;
    }

    @media (max-width: 760px) {
        body > div.bg-background .CandidateHero_platformInner__E_UPd {
            width: calc(100% - 64px) !important;
            aspect-ratio: 16 / 9 !important;
        }

        #pixpix-local-nav .pixpix-reference-links,
        #pixpix-local-nav .pixpix-original-links {
            display: none !important;
        }
    }

/* source: wanpishi-home-mobile-hero-layout-final */

    @media (max-width: 760px) {
        body .CandidateHero_hero__fDXr2.pixpix-restore-hero {
            height: max(720px, calc(100svh - 40px)) !important;
            min-height: max(720px, calc(100svh - 40px)) !important;
        }

        body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_sceneBackground__VxLp7,
        body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_sceneForeground___RRlv {
            height: 48.4% !important;
        }

        body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_atmosphere__q_gwm {
            background: linear-gradient(180deg, rgb(25, 0, 150) 0%, rgb(0, 128, 255) 21%, rgb(120, 210, 255) 76%, rgb(120, 210, 255) 100%) !important;
        }

        body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_sceneBackgroundImage__Xv_5R {
            -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 58%, #000 72%) !important;
            mask-image: linear-gradient(to bottom, transparent 0%, transparent 58%, #000 72%) !important;
        }

        body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_sceneBackgroundImage__Xv_5R,
        body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_sceneForegroundImage__5weFy {
            left: 50% !important;
            right: auto !important;
            width: auto !important;
            height: 100% !important;
            aspect-ratio: 2800 / 1220 !important;
            transform: translateX(-50%) !important;
        }

        body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_platformInner__E_UPd {
            width: 100% !important;
            height: auto !important;
            min-height: 0 !important;
            aspect-ratio: 16 / 9 !important;
        }

        body .CandidateHero_hero__fDXr2.pixpix-restore-hero #candidate-hero-title {
            font-size: clamp(32px, 9vw, 38px) !important;
        }
    }

/* source: wanpishi-home-mobile-section-sizing-final */

    @media (max-width: 640px) {
        #jdpartner-heading,
        #candidate-creative-showcase-title,
        #candidate-video-showcase-title,
        #candidate-capability-stories-title,
        #candidate-community-showcase-title,
        #candidate-final-cta-title,
        #wanpishi-reviews-title,
        #wanpishi-volcengine-trust-title,
        #wanpishi-pixpix-video-clone-title,
        #wanpishi-home-case-deck .wanpishi-case-title h2 {
            font-size: clamp(21px, 6.6vw, 28px) !important;
            line-height: clamp(24.78px, 7.788vw, 33.04px) !important;
        }

        .wanpishi-pixpix-video-clone__subheading,
        #wanpishi-home-case-deck .wanpishi-case-title p {
            font-size: clamp(11.5px, 3.59vw, 14px) !important;
            line-height: clamp(18px, 5.641vw, 22px) !important;
        }

        #wanpishi-home-case-deck .wanpishi-case-deck {
            height: 82.051vw !important;
        }
    }

/* source: wanpishi-review-heading-landscape-guard */

    @media (orientation: landscape) {
        #wanpishi-reviews-title,
        #wanpishi-reviews-title .wanpishi-home-title-char {
            font-size: 48px !important;
            line-height: 48px !important;
        }
    }

/* source: wanpishi-home-mobile-shared-heading-font */

    @media (max-width: 640px) {
        .wanpishi-games-title,
        #wanpishi-pixpix-video-clone-title,
        #jdpartner-heading {
            font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
            font-weight: 600 !important;
        }
    }

/* source: wanpishi-creative-carousel-mobile-card-rail-final */

    /* Keep the mobile gallery as a proportional multi-card rail. */
    @media (max-width: 640px) {
        .CandidateCreativeShowcase_carousel__BBm3F {
            --creative-card-width: 29vw !important;
        }

        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_viewport__ZCJhm,
        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_stage__8z7dG {
            height: 51.56vw !important;
        }

        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_slide__69tM8 {
            width: 29vw !important;
            height: 51.56vw !important;
            flex-basis: 29vw !important;
        }
    }