/* source: wanpishi-first-paint-guard */
html:not([data-wanpishi-home-mounted]) body {
    visibility: visible !important;
    background: linear-gradient(135deg, #1f45bd 0%, #2b99e6 55%, #d9f4ff 100%) !important
}

html:not([data-wanpishi-home-mounted]) body > div.bg-background {
    visibility: hidden !important
}

html[data-wanpishi-home-mounted] body {
    visibility: visible !important
}
/* source: block-11 */
#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1600;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1600;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
/* source: wanpishi-home-video-first-paint-style */

    /* The captured shell is hidden by the first-paint guard until this local
     shell is mounted. Keep the original hero media covered during that gap. */
    html:not([data-wanpishi-home-mounted]) body > div.bg-background .CandidateHero_tvcPreview__xuMvH {
        background: #070a10 var(--wanpishi-home-static-instant) center / contain no-repeat !important;
    }

    html:not([data-wanpishi-home-mounted]) body > div.bg-background .CandidateHero_tvcPreview__xuMvH video {
        opacity: 0 !important;
    }


/* source: wanpishi-home-video-poster-style-early */

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_previewContent__JncAy {
        position: relative !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 {
        position: absolute;
        inset: 0;
        z-index: 3;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: transparent;
        opacity: 1;
        transition: opacity 200ms ease;
    }

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

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

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

/* source: pixpix-task-carousel-fix */

    /* Restores the live carousel behaviour without touching the other mirrored sections. */
    .CandidateCreativeShowcase_carousel__BBm3F[data-interactive-carousel="true"] .CandidateCreativeShowcase_stage__8z7dG,
    .CandidateCreativeShowcase_carousel__BBm3F[data-interactive-carousel="true"] .CandidateCreativeShowcase_labelsStage__fZV_1,
    .CandidateCreativeShowcase_carousel__BBm3F[data-interactive-carousel="true"] .CandidateCreativeShowcase_toolLabel__PhJs5 {
        will-change: transform;
    }

    @media (prefers-reduced-motion: reduce) {
        .CandidateCreativeShowcase_carousel__BBm3F[data-interactive-carousel="true"] .CandidateCreativeShowcase_toolLabel__PhJs5 {
            will-change: auto;
        }
    }

/* source: wanpishi-home-join-us-nav-parity */

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-links a[href="join-us.html"] {
        display: inline-flex;
        align-items: center;
        height: 36px;
        padding: 0 12px;
        border-radius: 999px;
        color: rgba(255, 255, 255, .82);
        font: 500 14px/1 system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
        text-decoration: none;
        white-space: nowrap
    }

    #pixpix-local-nav.pixpix-original-nav.is-scrolled .pixpix-original-links a[href="join-us.html"] {
        color: #172033 !important
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-links a[href="join-us.html"]:hover {
        color: #fff
    }

    #pixpix-local-nav.pixpix-original-nav.is-scrolled .pixpix-original-links a[href="join-us.html"]:hover {
        color: #172033 !important
    }

/* source: wanpishi-remove-joystick-ornament */

    /* 移除视频左下方的摇杆按钮装饰，保留另一侧手柄装饰。 */
    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .wanpishi-idesign-ornament--purple,
    html body img[src*="idesign-purple-donut"] {
        display: none !important;
    }

/* source: wanpishi-home-nav-size-consistency */

    #pixpix-local-nav.pixpix-original-nav {
        height: 60px !important;
        padding: 0 !important
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-row, #pixpix-local-nav .pixpix-reference-row {
        height: 60px !important;
        min-height: 60px !important;
        padding: 0 24px !important
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-wanpishi-logo, #pixpix-local-nav .wanpishi-logo-image {
        width: 150px !important;
        height: auto !important;
        max-height: none !important;
        margin-left: 0 !important
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-links {
        gap: 3px !important
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-links a, #pixpix-local-nav .pixpix-reference-link {
        height: 36px !important;
        padding: 0 12px !important;
        font: 500 14px/1 system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important
    }

    @media (max-width: 760px) {
        #pixpix-local-nav.pixpix-original-nav .pixpix-original-row, #pixpix-local-nav .pixpix-reference-row {
            padding: 0 14px !important
        }

        #pixpix-local-nav.pixpix-original-nav .pixpix-original-wanpishi-logo, #pixpix-local-nav .wanpishi-logo-image {
            width: 120px !important
        }

        #pixpix-local-nav.pixpix-original-nav .wp-menu {
            width: 36px !important;
            height: 36px !important
        }
    }

/* source: wanpishi-pixpix-video-clone-style */

    .wanpishi-pixpix-video-clone {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        background: linear-gradient(180deg, #fff 0%, #fafbfe 9%, #f7f8fc 20%, #f7f8fc 82%, #fafbfe 93%, #fff 100%);
        color: #17191d;
        padding: 78px 0 62px;
        font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif
    }

    .wanpishi-pixpix-video-clone * {
        box-sizing: border-box
    }

    .wanpishi-pixpix-video-clone__heading {
        margin: 0;
        text-align: center;
        font-size: 48px;
        line-height: 48px;
        font-weight: 700;
        letter-spacing: -1.6px
    }

    .wanpishi-pixpix-video-clone__subheading {
        margin: 16px auto 0;
        max-width: 680px;
        padding: 0 18px;
        text-align: center;
        color: #737985;
        font-size: 18px;
        line-height: 28px
    }

    .wanpishi-pixpix-video-clone__stage {
        position: relative;
        width: 100%;
        height: 430px;
        margin: 59px auto 0;
        perspective: 1600px
    }

    .wanpishi-pixpix-video-clone__track {
        position: absolute;
        inset: 0;
        overflow: hidden
    }

    .wanpishi-pixpix-video-clone__image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .wanpishi-pixpix-video-clone__card {
        position: absolute;
        top: 74px;
        width: 390px;
        height: 252px;
        overflow: hidden;
        border: 1px solid rgba(149, 130, 255, .21);
        border-radius: 17px;
        background: linear-gradient(135deg, #f3eeff, #e9fbff);
        box-shadow: 0 18px 34px rgba(55, 55, 95, .14);
        transform-origin: center;
        will-change: transform, opacity;
        transition: transform .58s cubic-bezier(.2, .75, .15, 1), opacity .42s ease, filter .42s ease
    }

    .wanpishi-pixpix-video-clone__card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(110deg, rgba(170, 133, 255, .48), transparent 30%, transparent 75%, rgba(82, 194, 255, .3));
        opacity: .62;
        pointer-events: none
    }

    .wanpishi-pixpix-video-clone__card--hero {
        z-index: 8;
        left: 50%;
        top: 0;
        width: 700px;
        height: 382px;
        transform: translateX(-50%);
        border-radius: 18px;
        box-shadow: 0 20px 44px rgba(68, 58, 140, .18)
    }

    .wanpishi-pixpix-video-clone__card--l1 {
        z-index: 7;
        left: calc(50% - 700px);
        transform: rotateY(30deg) rotateZ(-5deg)
    }

    .wanpishi-pixpix-video-clone__card--r1 {
        z-index: 7;
        left: calc(50% + 310px);
        transform: rotateY(-30deg) rotateZ(5deg)
    }

    .wanpishi-pixpix-video-clone__card--l2 {
        z-index: 6;
        left: calc(50% - 980px);
        top: 93px;
        opacity: .8;
        filter: saturate(.8);
        transform: rotateY(42deg) rotateZ(-9deg)
    }

    .wanpishi-pixpix-video-clone__card--r2 {
        z-index: 6;
        left: calc(50% + 590px);
        top: 93px;
        opacity: .8;
        filter: saturate(.8);
        transform: rotateY(-42deg) rotateZ(9deg)
    }

    .wanpishi-pixpix-video-clone__card--l3, .wanpishi-pixpix-video-clone__card--r3 {
        display: none
    }

    .wanpishi-pixpix-video-clone__mock {
        position: absolute;
        inset: 11px;
        border-radius: 11px;
        background: #fff;
        overflow: hidden;
        box-shadow: inset 0 0 0 1px rgba(53, 58, 90, .08)
    }

    .wanpishi-pixpix-video-clone__browser {
        height: 31px;
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 0 12px;
        background: linear-gradient(90deg, #f8f9ff, #f4f5ff)
    }

    .wanpishi-pixpix-video-clone__dots {
        display: flex;
        gap: 4px
    }

    .wanpishi-pixpix-video-clone__dots b {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #c5c8d3
    }

    .wanpishi-pixpix-video-clone__address {
        height: 12px;
        flex: 1;
        border-radius: 99px;
        background: #f0f1f5
    }

    .wanpishi-pixpix-video-clone__canvas {
        display: grid;
        grid-template-columns:31% 69%;
        height: calc(100% - 31px);
        color: #343642
    }

    .wanpishi-pixpix-video-clone__sidebar {
        padding: 20px 11px;
        background: #fafbfe;
        border-right: 1px solid #eff0f5
    }

    .wanpishi-pixpix-video-clone__side-logo {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: linear-gradient(135deg, #5c5eff, #37c3ff);
        box-shadow: 0 5px 12px #8583ff66
    }

    .wanpishi-pixpix-video-clone__side-line, .wanpishi-pixpix-video-clone__copy-line {
        height: 7px;
        margin-top: 13px;
        border-radius: 8px;
        background: #e9ebf3
    }

    .wanpishi-pixpix-video-clone__side-line:nth-child(3) {
        width: 68%
    }

    .wanpishi-pixpix-video-clone__board {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 38px 8% 20px;
        text-align: center;
        background: radial-gradient(circle at 45% 90%, #dff8ff, transparent 29%), #fff
    }

    .wanpishi-pixpix-video-clone__board h3 {
        margin: 0;
        font-size: 28px;
        line-height: 1.05;
        letter-spacing: -1.2px
    }

    .wanpishi-pixpix-video-clone__board p {
        width: 72%;
        margin: 10px 0 17px;
        color: #9498a3;
        font-size: 9px;
        line-height: 1.4
    }

    .wanpishi-pixpix-video-clone__board button {
        border: 0;
        border-radius: 99px;
        background: #15161a;
        color: #fff;
        padding: 6px 12px;
        font-size: 10px
    }

    .wanpishi-pixpix-video-clone__chat {
        display: flex;
        flex: 1;
        gap: 12px;
        padding: 25px 22px;
        background: #fbfcff
    }

    .wanpishi-pixpix-video-clone__chatlist {
        width: 35%;
        padding: 7px;
        border-radius: 10px;
        background: #f4f5fa
    }

    .wanpishi-pixpix-video-clone__chatlist b {
        display: block;
        width: 55%;
        height: 8px;
        margin: 7px 0;
        border-radius: 9px;
        background: #e1e4ee
    }

    .wanpishi-pixpix-video-clone__chatlist b:first-child {
        height: 18px;
        background: linear-gradient(90deg, #8a75ff, #61bfff)
    }

    .wanpishi-pixpix-video-clone__dialog {
        flex: 1
    }

    .wanpishi-pixpix-video-clone__bubble {
        width: 74%;
        height: 29px;
        margin: 6px 0;
        border-radius: 9px;
        background: #eef0f5
    }

    .wanpishi-pixpix-video-clone__bubble:nth-child(2) {
        width: 58%;
        margin-left: auto;
        background: #e7e1ff
    }

    .wanpishi-pixpix-video-clone__bubble:nth-child(3) {
        width: 88%;
        background: #f2f3f8
    }

    .wanpishi-pixpix-video-clone__composer {
        height: 39px;
        margin-top: 20px;
        border: 1px solid #e9eaf0;
        border-radius: 10px;
        background: #fff
    }

    .wanpishi-pixpix-video-clone__card[data-kind="office"] .wanpishi-pixpix-video-clone__mock {
        background: linear-gradient(135deg, #f2fbff, #fcfaff)
    }

    .wanpishi-pixpix-video-clone__card[data-kind="office"] .wanpishi-pixpix-video-clone__canvas {
        grid-template-columns:1fr
    }

    .wanpishi-pixpix-video-clone__card[data-kind="office"] .wanpishi-pixpix-video-clone__board {
        align-items: flex-start;
        padding-left: 18%;
        text-align: left
    }

    .wanpishi-pixpix-video-clone__card[data-kind="office"] .wanpishi-pixpix-video-clone__board h3 {
        font-size: 25px
    }

    .wanpishi-pixpix-video-clone__card[data-kind="office"] .wanpishi-pixpix-video-clone__board p {
        margin-left: 0
    }

    .wanpishi-pixpix-video-clone__card[data-kind="code"] .wanpishi-pixpix-video-clone__mock {
        background: #fafcff
    }

    .wanpishi-pixpix-video-clone__card[data-kind="code"] .wanpishi-pixpix-video-clone__canvas {
        grid-template-columns:46% 54%
    }

    .wanpishi-pixpix-video-clone__card[data-kind="code"] .wanpishi-pixpix-video-clone__sidebar {
        background: #f4f7ff
    }

    .wanpishi-pixpix-video-clone__nav {
        position: absolute;
        z-index: 15;
        top: 174px;
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border: 0;
        border-radius: 50%;
        background: #6358ff;
        color: #fff;
        box-shadow: 0 10px 20px rgba(97, 87, 255, .24);
        cursor: pointer;
        transition: transform .2s ease, background .2s ease
    }

    .wanpishi-pixpix-video-clone__nav:hover {
        background: #4f44ec;
        transform: scale(1.08)
    }

    .wanpishi-pixpix-video-clone__nav svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round
    }

    .wanpishi-pixpix-video-clone__nav--prev {
        left: max(14px, calc(50% - 770px))
    }

    .wanpishi-pixpix-video-clone__nav--next {
        right: max(14px, calc(50% - 770px))
    }

    .wanpishi-pixpix-video-clone[data-advance="true"] .wanpishi-pixpix-video-clone__card--hero {
        animation: wanpishi-pixpix-hero .58s cubic-bezier(.2, .75, .15, 1)
    }

    @keyframes wanpishi-pixpix-hero {
        0% {
            opacity: .25;
            transform: translateX(-50%) scale(.93)
        }
        100% {
            opacity: 1;
            transform: translateX(-50%) scale(1)
        }
    }

    @media (max-width: 900px) {
        .wanpishi-pixpix-video-clone {
            padding-top: 62px
        }

        .wanpishi-pixpix-video-clone__stage {
            height: 350px
        }

        .wanpishi-pixpix-video-clone__card--hero {
            width: 570px;
            height: 315px
        }

        .wanpishi-pixpix-video-clone__card {
            width: 285px;
            height: 184px
        }

        .wanpishi-pixpix-video-clone__card--l1 {
            left: calc(50% - 540px)
        }

        .wanpishi-pixpix-video-clone__card--r1 {
            left: calc(50% + 255px)
        }

        .wanpishi-pixpix-video-clone__card--l2 {
            left: calc(50% - 730px)
        }

        .wanpishi-pixpix-video-clone__card--r2 {
            left: calc(50% + 470px)
        }

        .wanpishi-pixpix-video-clone__nav {
            top: 139px
        }
    }

    @media (max-width: 900px) {
        .wanpishi-pixpix-video-clone__heading {
            font-size: clamp(32px, 6vw, 42px);
            line-height: 1.15
        }

        .wanpishi-pixpix-video-clone__subheading {
            font-size: 18px;
            line-height: 28px;
            margin-top: 16px
        }
    }

    @media (max-width: 620px) {
        .wanpishi-pixpix-video-clone {
            padding: 51px 0 38px
        }

        .wanpishi-pixpix-video-clone__heading {
            /* 字体大小已在 max-width: 640px 的统一标题列表里定义 */
        }

        .wanpishi-pixpix-video-clone__subheading {
            font-size: 18px;
            line-height: 28px;
            margin-top: 16px
        }

        .wanpishi-pixpix-video-clone__tabs {
            gap: 2px;
            margin-top: 17px
        }

        .wanpishi-pixpix-video-clone__tab {
            padding: 7px 8px;
            font-size: 11px
        }

        .wanpishi-pixpix-video-clone__tab[aria-selected="true"]::before {
            margin-right: 4px
        }

        .wanpishi-pixpix-video-clone__stage {
            height: 253px;
            margin-top: 18px
        }

        .wanpishi-pixpix-video-clone__card--hero {
            top: 0;
            width: 82vw;
            height: auto;
            aspect-ratio: 1.833
        }

        .wanpishi-pixpix-video-clone__card--l1, .wanpishi-pixpix-video-clone__card--r1 {
            top: 43px;
            width: 130px;
            height: 84px
        }

        .wanpishi-pixpix-video-clone__card--l1 {
            left: calc(50% - 58vw)
        }

        .wanpishi-pixpix-video-clone__card--r1 {
            left: calc(50% + 38vw)
        }

        .wanpishi-pixpix-video-clone__card--l2, .wanpishi-pixpix-video-clone__card--r2 {
            display: none
        }

        .wanpishi-pixpix-video-clone__mock {
            inset: 4px;
            border-radius: 6px
        }

        .wanpishi-pixpix-video-clone__browser {
            height: 12px;
            padding: 0 5px;
            gap: 2px
        }

        .wanpishi-pixpix-video-clone__dots {
            gap: 2px
        }

        .wanpishi-pixpix-video-clone__dots b {
            width: 2px;
            height: 2px
        }

        .wanpishi-pixpix-video-clone__address {
            height: 5px
        }

        .wanpishi-pixpix-video-clone__canvas {
            height: calc(100% - 12px)
        }

        .wanpishi-pixpix-video-clone__sidebar {
            padding: 7px 4px
        }

        .wanpishi-pixpix-video-clone__side-logo {
            width: 11px;
            height: 11px;
            border-radius: 3px
        }

        .wanpishi-pixpix-video-clone__side-line {
            height: 3px;
            margin-top: 5px
        }

        .wanpishi-pixpix-video-clone__board {
            padding: 13px 8% 8px
        }

        .wanpishi-pixpix-video-clone__board h3 {
            font-size: 13px
        }

        .wanpishi-pixpix-video-clone__board p {
            margin: 4px 0 7px;
            font-size: 5px
        }

        .wanpishi-pixpix-video-clone__board button {
            padding: 3px 6px;
            font-size: 5px
        }

        .wanpishi-pixpix-video-clone__chat {
            gap: 5px;
            padding: 8px
        }

        .wanpishi-pixpix-video-clone__chatlist {
            padding: 3px;
            border-radius: 3px
        }

        .wanpishi-pixpix-video-clone__chatlist b {
            height: 3px;
            margin: 3px 0
        }

        .wanpishi-pixpix-video-clone__chatlist b:first-child {
            height: 6px
        }

        .wanpishi-pixpix-video-clone__bubble {
            height: 9px;
            margin: 2px 0;
            border-radius: 3px
        }

        .wanpishi-pixpix-video-clone__composer {
            height: 12px;
            margin-top: 6px;
            border-radius: 3px
        }

        .wanpishi-pixpix-video-clone__nav {
            top: 96px;
            width: 30px;
            height: 30px
        }

        .wanpishi-pixpix-video-clone__nav--prev {
            left: 6px
        }

        .wanpishi-pixpix-video-clone__nav--next {
            right: 6px
        }
    }

    .wanpishi-pixpix-video-clone__nav {
        background: #111 !important;
        box-shadow: 0 10px 20px rgba(17, 17, 17, .22) !important
    }

    .wanpishi-pixpix-video-clone__nav:hover {
        background: #303030 !important
    }

    @media (prefers-reduced-motion: reduce) {
        .wanpishi-pixpix-video-clone * {
            animation-duration: .01ms !important;
            transition-duration: .01ms !important
        }
    }

/* source: wanpishi-hero-ornament-outside-fix */

    /* Keep the two controller ornaments visible outside the video frame.  The
     captured shell applies a rounded clip-path to the showcase, which clipped
     anything positioned below it even after overflow was reset. */
    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero,
    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_showcase__s7LJG {
        overflow: visible !important;
    }

    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_showcase__s7LJG {
        clip-path: none !important;
        -webkit-mask-image: none !important;
        /* Leave just enough room for the ornaments that peek out beneath the frame. */
        margin-bottom: clamp(104px, 7.4vw, 158px) !important;
    }

    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .wanpishi-idesign-ornament {
        /* The canvas is one layer above these ornaments, naturally masking their
       upper quarter where they meet the lower corners of the video. */
        top: calc(100% - clamp(24px, 2.5vw, 48px) - 10px) !important;
        bottom: auto !important;
        width: clamp(95px, 9.72vw, 178px) !important;
        height: auto !important;
        aspect-ratio: 1 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 101 !important;
    }

    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .wanpishi-idesign-ornament--purple {
        left: auto !important;
        right: clamp(4px, 1.5vw, 28px) !important;
    }

    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .wanpishi-idesign-ornament--blue {
        right: auto !important;
        /* Its right edge meets the left edge of the video canvas. */
        left: calc(20px - clamp(95px, 9.72vw, 178px)) !important;
    }

    @media (max-width: 760px) {
        html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .wanpishi-idesign-ornament {
            top: calc(100% - clamp(13px, 3.8vw, 25px) - 10px) !important;
            width: clamp(50px, 15.3vw, 77px) !important;
        }

        html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_showcase__s7LJG {
            margin-bottom: clamp(58px, 13vw, 88px) !important;
        }

        html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .wanpishi-idesign-ornament--purple {
            left: auto !important;
            right: 4px !important;
        }

        html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .wanpishi-idesign-ornament--blue {
            right: auto !important;
            left: calc(10px - clamp(50px, 15.3vw, 77px)) !important;
        }
    }

/* source: wanpishi-home-case-deck-style */

    #wanpishi-home-case-deck {
        padding: 80px 24px 100px;
        background: #fff;
    }

    #wanpishi-home-case-deck .wanpishi-case-title {
        text-align: center;
    }

    #wanpishi-home-case-deck .wanpishi-case-title h2 {
        margin: 0;
        color: #181818;
        font-size: 48px;
        font-weight: 600;
        line-height: 48px;
    }

    #wanpishi-home-case-deck .wanpishi-case-title p {
        margin: 16px 0 0;
        color: rgba(24, 24, 24, .72);
        font-size: 18px;
        line-height: 28px;
    }

    #wanpishi-home-case-deck .wanpishi-case-deck {
        display: flex;
        gap: 8px;
        width: min(1200px, 100%);
        height: 448px;
        margin: 60px auto 0;
    }

    #wanpishi-home-case-deck .wanpishi-case-card {
        position: relative;
        flex: 0 0 133px;
        min-width: 0;
        overflow: hidden;
        border: 0;
        border-radius: 14px;
        background: #0a0e16;
        color: #fff;
        text-align: left;
        isolation: isolate;
        cursor: pointer;
        transition: flex .3s ease, filter .3s ease;
    }

    #wanpishi-home-case-deck .wanpishi-case-card__photo {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #wanpishi-home-case-deck .wanpishi-case-card::before,
    #wanpishi-home-case-deck .wanpishi-case-card::after {
        position: absolute;
        z-index: 1;
        inset: 0;
        content: "";
        transition: opacity .3s ease;
    }

    #wanpishi-home-case-deck .wanpishi-case-card::before {
        background: linear-gradient(180deg, #000001, #000105 30%, #000 90%);
        opacity: .64;
    }

    #wanpishi-home-case-deck .wanpishi-case-card::after {
        background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .12) 23%, #000 90%);
        opacity: 0;
    }

    #wanpishi-home-case-deck .wanpishi-case-card.is-active {
        flex: 1 1 auto;
    }

    #wanpishi-home-case-deck .wanpishi-case-card.is-active::before {
        opacity: 0;
    }

    #wanpishi-home-case-deck .wanpishi-case-card.is-active::after {
        opacity: 1;
    }

    #wanpishi-home-case-deck .wanpishi-case-card__logo {
        position: absolute;
        z-index: 2;
        bottom: 16px;
        left: 15px;
        display: flex;
        height: 40px;
        max-width: 100px;
        align-items: center;
        transition: .3s ease;
    }

    #wanpishi-home-case-deck .wanpishi-case-card__logo img {
        width: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        text-align: center;
    }

    #wanpishi-home-case-deck .wanpishi-case-card.is-active .wanpishi-case-card__logo {
        bottom: 155px;
        left: 32px;
        height: 48px;
    }

    #wanpishi-home-case-deck .wanpishi-case-card__body {
        position: absolute;
        z-index: 2;
        right: 32px;
        bottom: 73px;
        left: 32px;
        max-width: 580px;
        margin: 0;
        opacity: 0;
        font-size: 14px;
        line-height: 1.5;
        transition: opacity .3s ease;
    }

    #wanpishi-home-case-deck .wanpishi-case-card__links {
        position: absolute;
        z-index: 2;
        bottom: 30px;
        left: 32px;
        display: flex;
        gap: 32px;
        opacity: 0;
        transition: opacity .3s ease;
    }

    #wanpishi-home-case-deck .wanpishi-case-card__links a {
        color: #fff;
        font-size: 16px;
        text-decoration: none;
    }

    #wanpishi-home-case-deck .wanpishi-case-card__links a::after {
        margin-left: 5px;
        content: "›";
    }

    #wanpishi-home-case-deck .wanpishi-case-card.is-active .wanpishi-case-card__body {
        opacity: .82;
    }

    #wanpishi-home-case-deck .wanpishi-case-card.is-active .wanpishi-case-card__links {
        opacity: 1;
    }

    #wanpishi-home-case-deck .wanpishi-case-card:focus-visible {
        outline: 3px solid #1664ff;
        outline-offset: 4px;
    }

    @media (max-width: 1023px) {
        #wanpishi-home-case-deck .wanpishi-case-deck {
            height: 360px;
        }

        #wanpishi-home-case-deck .wanpishi-case-card {
            flex-basis: 86px;
        }
    }

    @media (max-width: 640px) {
        #wanpishi-home-case-deck {
            padding: 58px 16px 62px;
        }

        #wanpishi-home-case-deck .wanpishi-case-title h2 {
            font-size: clamp(32px, 8vw, 42px);
            line-height: 1.15;
        }

        #wanpishi-home-case-deck .wanpishi-case-title p {
            margin-top: 16px;
            font-size: 18px;
            line-height: 28px;
        }

        #wanpishi-home-case-deck .wanpishi-case-deck {
            height: 430px;
            gap: 5px;
            margin-top: 34px;
        }

        #wanpishi-home-case-deck .wanpishi-case-card {
            flex-basis: 49px;
        }

        #wanpishi-home-case-deck .wanpishi-case-card.is-active {
            flex-basis: 0;
        }

        #wanpishi-home-case-deck .wanpishi-case-card.is-active .wanpishi-case-card__logo {
            bottom: 175px;
            left: 20px;
        }

        #wanpishi-home-case-deck .wanpishi-case-card__body {
            right: 20px;
            bottom: 82px;
            left: 20px;
            font-size: 13px;
            line-height: 1.54;
        }

        #wanpishi-home-case-deck .wanpishi-case-card__links {
            bottom: 34px;
            left: 20px;
            gap: 16px;
        }

        #wanpishi-home-case-deck .wanpishi-case-card__links a {
            font-size: 14px;
        }
    }

/* source: pixpix-creative-card-static-hover-style */

    /* These cards remain clickable for replacement, but do not animate on hover. */
    .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_slide__69tM8,
    .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_slide__69tM8:hover,
    .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_slide__69tM8:focus-visible,
    .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_slide__69tM8 img,
    .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_slide__69tM8 img:hover {
        filter: none !important;
        transition: none !important;
    }

    .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_slide__69tM8:hover {
        transform: none !important;
        opacity: 1 !important;
    }

    .CandidateCreativeShowcase_carousel__BBm3F img.pixpix-editable-image,
    .CandidateCreativeShowcase_carousel__BBm3F img.pixpix-editable-image:hover {
        outline-color: transparent !important;
        filter: none !important;
    }

/* source: wanpishi-jdpartner-number-gradient-final */

    /* Use one continuous blue-to-violet gradient across each complete statistic,
     including the suffix, matching the supplied Wan3.0–Video reference. */
    #wanpishi-jdcloud-partner .jdpartner-num {
        background-image: linear-gradient(90deg, #5d9dff 0%, #3f7df4 48%, #9b6af2 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        color: transparent !important;
    }

/* source: wanpishi-uiverse-start-button-style */

    .wanpishi-uiverse-start-wrap {
        display: flex;
        justify-content: center;
        margin-top: 24px;
    }

    /* Keep the title/subtitle separation to roughly half a blank line. The hero copy
     is a flex column with a 16px gap, so the -8px margin yields an 8px visual gap. */
    html body .CandidateHero_heroDescription___y3Hl {
        margin-top: -8px !important;
    }

    .wanpishi-uiverse-start {
        --w: 220px;
        --h: 64px;
        --tr: 15%;
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .8rem;
        width: var(--w);
        height: var(--h);
        padding: 0 .7rem;
        border: 1px double rgba(255, 255, 255, .35);
        border-radius: 9999px;
        background: rgba(255, 255, 255, .08);
        box-shadow: inset 2px -2px 1px -1px rgba(255, 255, 255, .9), inset -2px 2px 1px -1px rgba(255, 255, 255, .9), inset 6px -6px 1px -6px rgba(255, 255, 255, .55), inset -6px 6px 1px -6px rgba(255, 255, 255, .55);
        backdrop-filter: blur(2px);
        cursor: pointer;
        filter: none;
        text-decoration: none;
        transition: transform .25s ease, background .25s ease;
    }

    .wanpishi-uiverse-start::before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 35%;
        left: 50%;
        width: calc(var(--w) - 16px);
        height: calc(var(--h) - 16px);
        border: 1px solid transparent;
        border-radius: 9999px;
        filter: none;
        transform: translateX(-50%);
    }

    .wanpishi-uiverse-start::after {
        content: "";
        position: absolute;
        z-index: 2;
        width: var(--w);
        height: var(--h);
        border-radius: 9999px;
        background: linear-gradient(45deg, rgba(255, 255, 255, .8) 0%, transparent var(--tr), transparent calc(100% - var(--tr)), rgba(255, 255, 255, .8) 100%);
        background-size: 220% 220%;
        background-position: 0% 100%;
        filter: blur(7px);
        pointer-events: none;
        animation: wanpishi-shine-flow 4.5s ease-in-out infinite alternate;
    }

    @keyframes wanpishi-shine-flow {
        0% {
            background-position: 0% 100%;
            opacity: .72;
        }
        50% {
            background-position: 50% 50%;
            opacity: .9;
        }
        100% {
            background-position: 100% 0%;
            opacity: .72;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .wanpishi-uiverse-start::after {
            animation: none;
        }
    }

    .wanpishi-uiverse-start__overlay {
        position: absolute;
        inset: 4px;
        border: 1px solid rgba(255, 255, 255, .2);
        border-radius: 9999px;
        filter: blur(1px);
    }

    .wanpishi-uiverse-start__text {
        position: relative;
        z-index: 3;
        color: #fff;
        font: 500 1rem/1 "PingFang SC", "Microsoft YaHei", sans-serif;
        letter-spacing: .04em;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
        filter: drop-shadow(0 25px 3px rgba(102, 102, 102, .15));
        font-size: 19.69px;
    }

    .wanpishi-uiverse-start__icon {
        position: relative;
        z-index: 3;
        display: grid;
        width: 28px;
        height: 28px;
        place-items: center;
        border-radius: 50%;
        background: #fff;
        box-shadow: none;
        transform: translateX(8px);
        transition: transform .25s ease;
    }

    .wanpishi-uiverse-start__icon svg {
        width: 14px;
        fill: #000;
        filter: drop-shadow(0 25px 3px rgba(102, 102, 102, .2));
    }

    .wanpishi-uiverse-start:hover {
        background: rgba(0, 0, 0, 0);
        transform: translateY(-3px);
    }

    .wanpishi-uiverse-start:hover .wanpishi-uiverse-start__icon {
        transform: translateX(8px) scale(1.1);
    }

    .wanpishi-uiverse-start:active {
        transform: scale(.94);
    }

    .wanpishi-uiverse-start:active .wanpishi-uiverse-start__icon {
        transform: translateX(8px) scale(.94);
    }

    @media (max-width: 760px) {
        .wanpishi-uiverse-start-wrap {
            margin-top: 20px;
        }

        .wanpishi-uiverse-start {
            --w: 190px;
            --h: 56px;
        }

        .wanpishi-uiverse-start__text {
            font-size: 15.69px;
        }

        .wanpishi-uiverse-start__icon {
            width: 28px;
            height: 28px;
        }

        .wanpishi-uiverse-start__icon svg {
            width: 13px;
        }
    }

/* source: pixpix-daylight-only-style */

    /* The public mirror intentionally exposes one stable daylight appearance. */
    html, html.dark, body, body.dark {
        color-scheme: light !important;
    }

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

/* source: pixpix-disable-editing-style */

    [contenteditable="true"], .pixpix-editable-text, .pixpix-editable-line {
        cursor: inherit !important;
        outline: none !important;
        background: transparent !important;
    }

    .pixpix-editor-badge, .pixpix-text-toolbar, [data-pixpix-editor-ui="true"] {
        display: none !important;
    }

    img.pixpix-editable-image, video.pixpix-editable-video {
        cursor: default !important;
        outline: none !important;
    }

/* source: wanpishi-contact-support-menu-style */

    #pixpix-local-nav .wanpishi-contact-menu {
        position: relative;
        display: inline-flex;
        align-items: center;
    }

    #pixpix-local-nav .wanpishi-contact-menu__panel {
        position: absolute;
        z-index: 120;
        top: calc(100% + 10px);
        left: 50%;
        min-width: 144px;
        padding: 6px;
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 12px;
        background: rgba(12, 15, 24, .9);
        box-shadow: 0 16px 38px rgba(0, 0, 0, .24);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate(-50%, -6px);
        transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }

    #pixpix-local-nav .wanpishi-contact-menu:hover .wanpishi-contact-menu__panel,
    #pixpix-local-nav .wanpishi-contact-menu:focus-within .wanpishi-contact-menu__panel,
    #pixpix-local-nav .wanpishi-contact-menu.is-open .wanpishi-contact-menu__panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, 0);
    }

    #pixpix-local-nav .wanpishi-contact-menu__panel a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 9px 11px;
        border-radius: 8px;
        color: #fff !important;
        font-size: 13px;
        font-weight: 650;
        line-height: 1.2;
        text-decoration: none;
        white-space: nowrap;
    }

    #pixpix-local-nav .wanpishi-contact-menu__panel a:hover {
        background: rgba(255, 255, 255, .13);
    }

    html:not(.dark) #pixpix-local-nav.is-scrolled .wanpishi-contact-menu__panel,
    body:not(.dark) #pixpix-local-nav.is-scrolled .wanpishi-contact-menu__panel {
        border-color: rgba(14, 22, 38, .12);
        background: rgba(255, 255, 255, .94);
        box-shadow: 0 16px 38px rgba(23, 39, 72, .15);
    }

    html:not(.dark) #pixpix-local-nav.is-scrolled .wanpishi-contact-menu__panel a,
    body:not(.dark) #pixpix-local-nav.is-scrolled .wanpishi-contact-menu__panel a {
        color: #152039 !important;
    }

    html:not(.dark) #pixpix-local-nav.is-scrolled .wanpishi-contact-menu__panel a:hover,
    body:not(.dark) #pixpix-local-nav.is-scrolled .wanpishi-contact-menu__panel a:hover {
        background: rgba(29, 77, 165, .08);
    }

/* source: wanpishi-second-screen-map-and-data-refinement */

    /* Keep the world-map floor at its source aspect ratio (4320 × 738), rather
     than forcing it into a capped-height strip. The logo wall overlaps its
     upper half, while soft masks remove both hard joins. */
    #wanpishi-tv-logo-wall .tv-logo-wall__map-floor {
        width: 100%;
        height: auto;
        aspect-ratio: 4320 / 738;
        margin-top: clamp(-120px, -8.542vw, -42px);
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 84%, transparent 100%);
        mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 84%, transparent 100%);
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img {
        width: 100%;
        height: auto;
        min-height: 100%;
        object-fit: contain;
        object-position: center center;
        opacity: .82;
    }

    html.dark #wanpishi-tv-logo-wall,
    body.dark #wanpishi-tv-logo-wall {
        background: #000 !important;
    }

    /* The map must stay recessive in dark mode so grey partner marks keep their
     contrast. Its blue detail remains, but no broad grey veil sits behind them. */
    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img {
        opacity: .22;
        filter: brightness(.62) saturate(.82) contrast(1.22);
    }

    @media (max-width: 720px) {
        #wanpishi-tv-logo-wall .tv-logo-wall__map-floor {
            margin-top: clamp(-120px, -8.542vw, -42px);
        }
    }

    /* JD-style industry data stage: a clean black dark canvas with all copy
     aligned to the stage center, matching the centered heading above it. */
    #wanpishi-jdcloud-partner .jdpartner-head,
    #wanpishi-jdcloud-partner .jdpartner-stats,
    #wanpishi-jdcloud-partner .jdpartner-stat {
        text-align: center;
    }

    #wanpishi-jdcloud-partner .jdpartner-stat {
        align-items: center;
    }

    #wanpishi-jdcloud-partner .jdpartner-num {
        width: auto;
    }

    html.dark #wanpishi-jdcloud-partner,
    body.dark #wanpishi-jdcloud-partner {
        background: #000 !important;
    }

/* source: wanpishi-review-hearts-and-hero-cta-remove */

    /* The first-screen CTA is intentionally removed. */
    .CandidateHero_heroCta__eVr0j,
    .wanpishi-uiverse-cta-wrap:has(.CandidateHero_heroCta__eVr0j) {
        display: none !important;
    }

    #wanpishi-youdoo-reviews .wanpishi-review-stars {
        color: #ff5c9b !important;
        letter-spacing: 2px !important;
    }

/* source: wanpishi-local-carousel-media-style */

    /* The creative cards are a cloned infinite track.  Keep the actual card
     media above the remote PixPix poster/video layers on every clone. */
    .CandidateCreativeShowcase_carousel__BBm3F .wanpishi-local-card-media {
        position: absolute !important;
        inset: 0 !important;
        z-index: 300 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        border-radius: inherit !important;
        pointer-events: none !important;
    }

/* source: wanpishi-uiverse-hero-cta-style */

    /* Scoped adaptation of the supplied Uiverse glass button: it only affects the hero CTA. */
    @property --wanpishi-cta-angle-1 {
        syntax: "<angle>";
        inherits: false;
        initial-value: -75deg;
    }

    @property --wanpishi-cta-angle-2 {
        syntax: "<angle>";
        inherits: false;
        initial-value: -45deg;
    }

    .wanpishi-uiverse-cta-wrap {
        --wanpishi-cta-hover-time: 400ms;
        --wanpishi-cta-hover-ease: cubic-bezier(.25, 1, .5, 1);
        position: relative;
        z-index: 2;
        display: inline-block;
        border-radius: 999px;
        background: transparent;
        transition: transform var(--wanpishi-cta-hover-time) var(--wanpishi-cta-hover-ease);
    }

    .wanpishi-uiverse-cta-wrap::before {
        content: "";
        position: absolute;
        z-index: -1;
        width: calc(100% + 2em);
        height: calc(100% + 2em);
        top: -1em;
        left: -1em;
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(0, 0, 0, .20), rgba(0, 0, 0, .10));
        filter: blur(8px);
        opacity: 1;
        transition: filter var(--wanpishi-cta-hover-time) var(--wanpishi-cta-hover-ease), transform var(--wanpishi-cta-hover-time) var(--wanpishi-cta-hover-ease);
    }

    .CandidateHero_heroCta__eVr0j {
        --wanpishi-cta-border: 1px;
        all: unset !important;
        position: relative !important;
        z-index: 1;
        box-sizing: border-box !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100vw - 48px) !important;
        cursor: pointer !important;
        border-radius: 999px !important;
        color: rgba(50, 50, 50, 1) !important;
        background: linear-gradient(-75deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .20), rgba(255, 255, 255, .05)) !important;
        box-shadow: inset 0 .125em .125em rgba(0, 0, 0, .05), inset 0 -.125em .125em rgba(255, 255, 255, .50), 0 .25em .125em -.125em rgba(0, 0, 0, .20), 0 0 .1em .25em inset rgba(255, 255, 255, .20) !important;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        transition: transform var(--wanpishi-cta-hover-time) var(--wanpishi-cta-hover-ease), box-shadow var(--wanpishi-cta-hover-time) var(--wanpishi-cta-hover-ease), backdrop-filter var(--wanpishi-cta-hover-time) var(--wanpishi-cta-hover-ease) !important;
        -webkit-tap-highlight-color: transparent;
    }

    .CandidateHero_heroCta__eVr0j::before {
        content: none !important;
    }

    .CandidateHero_heroCta__eVr0j::after {
        content: "";
        position: absolute;
        z-index: 2;
        inset: calc(var(--wanpishi-cta-border) / -2);
        box-sizing: border-box;
        padding: var(--wanpishi-cta-border);
        border-radius: inherit;
        pointer-events: none;
        background: conic-gradient(from var(--wanpishi-cta-angle-1) at 50% 50%, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 5% 40%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, 0) 60% 95%, rgba(0, 0, 0, .5)), linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        mask-composite: exclude;
        box-shadow: inset 0 0 0 calc(var(--wanpishi-cta-border) / 2) rgba(255, 255, 255, .5);
        transition: --wanpishi-cta-angle-1 500ms ease;
    }

    .CandidateHero_heroCtaContent__GsZcb {
        position: relative !important;
        z-index: 1;
        display: block !important;
        padding: .875em 1.5em !important;
        color: rgba(50, 50, 50, 1) !important;
        font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
        font-size: 1em !important;
        font-weight: 500 !important;
        letter-spacing: -.05em !important;
        line-height: 1.1 !important;
        text-shadow: 0 .25em .05em rgba(0, 0, 0, .10);
        user-select: none;
        transition: text-shadow var(--wanpishi-cta-hover-time) var(--wanpishi-cta-hover-ease);
        white-space: nowrap;
    }

    .CandidateHero_heroCtaIconSlot__Ge4m1 {
        display: none !important;
    }

    .CandidateHero_heroCtaContent__GsZcb > span:first-child {
        display: block;
    }

    .wanpishi-uiverse-cta-wrap:has(.CandidateHero_heroCta__eVr0j:hover)::before {
        filter: blur(5px);
        transform: translateY(1px);
    }

    .CandidateHero_heroCta__eVr0j:hover {
        transform: scale(.975);
        backdrop-filter: blur(.01em);
        -webkit-backdrop-filter: blur(.01em);
        box-shadow: inset 0 .125em .125em rgba(0, 0, 0, .05), inset 0 -.125em .125em rgba(255, 255, 255, .5), 0 .15em .05em -.1em rgba(0, 0, 0, .25), 0 0 .05em .1em inset rgba(255, 255, 255, .5) !important;
    }

    .CandidateHero_heroCta__eVr0j:hover::after {
        --wanpishi-cta-angle-1: -125deg;
    }

    .CandidateHero_heroCta__eVr0j:hover .CandidateHero_heroCtaContent__GsZcb {
        text-shadow: .025em .025em .025em rgba(0, 0, 0, .12);
    }

    .wanpishi-uiverse-cta-wrap:has(.CandidateHero_heroCta__eVr0j:active) {
        transform: rotate3d(1, 0, 0, 25deg);
    }

    .CandidateHero_heroCta__eVr0j:active::after {
        --wanpishi-cta-angle-1: -75deg;
    }

    .CandidateHero_heroCta__eVr0j:focus-visible {
        outline: 2px solid rgba(20, 20, 20, .7);
        outline-offset: 5px;
    }

    @media (max-width: 760px) {
        .CandidateHero_heroCtaContent__GsZcb {
            font-size: 16px !important;
            padding: .82em 1.35em !important;
        }
    }

    @media (hover: none) and (pointer: coarse) {
        .CandidateHero_heroCta__eVr0j::after {
            --wanpishi-cta-angle-1: -75deg;
        }
    }

/* source: wanpishi-aliyun-hero-cta-style */

    .CandidateHero_heroCta__eVr0j {
        position: relative !important;
        isolation: isolate;
        display: inline-flex !important;
        flex: 0 0 auto !important;
        inline-size: fit-content !important;
        width: fit-content !important;
        min-width: 0 !important;
        max-width: calc(100vw - 48px) !important;
        height: 52px !important;
        padding: 0 20px 0 24px !important;
        border: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        color: #fff !important;
        background: #1366ec !important;
        background-image: var(--aliyun-cta-bg) !important;
        background-position: 50% 50% !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        box-shadow: rgba(255, 255, 255, .6) 0 0 12px -6px inset, rgba(255, 255, 255, .8) 0 8px 32px -16px inset, 0 12px 26px rgba(44, 101, 236, .22) !important;
        cursor: pointer;
        transition: transform .2s cubic-bezier(.2, .7, .2, 1), box-shadow .2s ease-in-out, filter .2s ease-in-out !important;
        will-change: transform;
    }

    .CandidateHero_heroCta__eVr0j::before {
        content: "";
        position: absolute;
        inset: -70%;
        z-index: -1;
        pointer-events: none;
        opacity: 0;
        background: radial-gradient(circle at var(--aliyun-cta-x, 50%) var(--aliyun-cta-y, 50%), rgba(255, 255, 255, .42) 0, rgba(255, 255, 255, .16) 15%, transparent 39%);
        transition: opacity .2s ease-in-out;
    }

    .CandidateHero_heroCta__eVr0j:hover, .CandidateHero_heroCta__eVr0j:focus-visible {
        transform: translate3d(0, -2px, 0);
        filter: saturate(1.08) brightness(1.04);
        box-shadow: rgba(255, 255, 255, .7) 0 0 14px -6px inset, rgba(255, 255, 255, .86) 0 8px 32px -16px inset, 0 18px 34px rgba(44, 101, 236, .34) !important;
    }

    .CandidateHero_heroCta__eVr0j:hover::before, .CandidateHero_heroCta__eVr0j:focus-visible::before {
        opacity: 1;
    }

    .CandidateHero_heroCta__eVr0j:active {
        transform: translate3d(0, 0, 0) scale(.985);
        filter: saturate(1) brightness(.97);
    }

    .CandidateHero_heroCta__eVr0j:focus-visible {
        outline: 3px solid rgba(255, 255, 255, .76);
        outline-offset: 4px;
    }

    .CandidateHero_heroCtaContent__GsZcb {
        position: relative;
        z-index: 1;
        display: inline-flex !important;
        align-items: center;
        gap: clamp(30px, 4vw, 72px);
        white-space: nowrap;
        color: inherit !important;
    }

    .CandidateHero_heroCtaIconSlot__Ge4m1 {
        display: grid !important;
        width: 22px;
        height: 22px;
        place-items: center;
        color: inherit !important;
    }

    .CandidateHero_heroCtaIconSlot__Ge4m1 svg {
        display: none !important;
    }

    .CandidateHero_heroCtaIconSlot__Ge4m1::after {
        content: "↗";
        display: block;
        font-size: 25px;
        font-weight: 400;
        line-height: 1;
        transform: translate3d(0, 0, 0);
        transition: transform .2s cubic-bezier(.2, .7, .2, 1);
    }

    .CandidateHero_heroCta__eVr0j:hover .CandidateHero_heroCtaIconSlot__Ge4m1::after, .CandidateHero_heroCta__eVr0j:focus-visible .CandidateHero_heroCtaIconSlot__Ge4m1::after {
        transform: translate3d(3px, -3px, 0);
    }

    @media (max-width: 760px) {
        .CandidateHero_heroCta__eVr0j {
            height: 48px !important;
            padding: 0 18px 0 20px !important;
        }

        .CandidateHero_heroCtaContent__GsZcb {
            gap: 28px;
            font-size: 16px;
        }
    }

/* source: wanpishi-uiverse-hero-cta-final-override */

    /* This follows the previous CTA experiment and intentionally wins its cascade. */
    .CandidateHero_heroCta__eVr0j {
        --wanpishi-cta-border: 1px;
        all: unset !important;
        position: relative !important;
        z-index: 1;
        box-sizing: border-box !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100vw - 48px) !important;
        cursor: pointer !important;
        border-radius: 999px !important;
        color: rgba(50, 50, 50, 1) !important;
        background: linear-gradient(-75deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .20), rgba(255, 255, 255, .05)) !important;
        box-shadow: inset 0 .125em .125em rgba(0, 0, 0, .05), inset 0 -.125em .125em rgba(255, 255, 255, .5), 0 .25em .125em -.125em rgba(0, 0, 0, .2), 0 0 .1em .25em inset rgba(255, 255, 255, .2) !important;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        transition: transform var(--wanpishi-cta-hover-time) var(--wanpishi-cta-hover-ease), box-shadow var(--wanpishi-cta-hover-time) var(--wanpishi-cta-hover-ease), backdrop-filter var(--wanpishi-cta-hover-time) var(--wanpishi-cta-hover-ease) !important;
    }

    .CandidateHero_heroCta__eVr0j::before {
        content: none !important;
    }

    .CandidateHero_heroCta__eVr0j::after {
        content: "";
        position: absolute;
        z-index: 2;
        inset: calc(var(--wanpishi-cta-border) / -2);
        box-sizing: border-box;
        padding: var(--wanpishi-cta-border);
        border-radius: inherit;
        pointer-events: none;
        background: conic-gradient(from var(--wanpishi-cta-angle-1) at 50% 50%, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 5% 40%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, 0) 60% 95%, rgba(0, 0, 0, .5)), linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        mask-composite: exclude;
        box-shadow: inset 0 0 0 calc(var(--wanpishi-cta-border) / 2) rgba(255, 255, 255, .5);
        transition: --wanpishi-cta-angle-1 500ms ease;
    }

    .CandidateHero_heroCtaContent__GsZcb {
        position: relative !important;
        z-index: 1;
        display: block !important;
        padding: .875em 1.5em !important;
        color: rgba(50, 50, 50, 1) !important;
        font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
        font-size: 1em !important;
        font-weight: 500 !important;
        letter-spacing: -.05em !important;
        line-height: 1.1 !important;
        text-shadow: 0 .25em .05em rgba(0, 0, 0, .1);
        white-space: nowrap;
    }

    .CandidateHero_heroCtaIconSlot__Ge4m1 {
        display: none !important;
    }

    .CandidateHero_heroCta__eVr0j:hover {
        transform: scale(.975);
        backdrop-filter: blur(.01em);
        -webkit-backdrop-filter: blur(.01em);
        box-shadow: inset 0 .125em .125em rgba(0, 0, 0, .05), inset 0 -.125em .125em rgba(255, 255, 255, .5), 0 .15em .05em -.1em rgba(0, 0, 0, .25), 0 0 .05em .1em inset rgba(255, 255, 255, .5) !important;
    }

    .CandidateHero_heroCta__eVr0j:hover::after {
        --wanpishi-cta-angle-1: -125deg;
    }

    .CandidateHero_heroCta__eVr0j:active {
        transform: scale(.975) !important;
        filter: none !important;
    }

    .CandidateHero_heroCta__eVr0j:focus-visible {
        outline: 2px solid rgba(20, 20, 20, .7);
        outline-offset: 5px;
    }

    @media (max-width: 760px) {
        .CandidateHero_heroCtaContent__GsZcb {
            font-size: 16px !important;
            padding: .82em 1.35em !important;
        }
    }

/* source: wanpishi-hero-cta-clean-final */

    /* Final hero CTA treatment: clean surface, bold white copy, hover-only arrow. */
    .wanpishi-uiverse-cta-wrap::before {
        display: none !important;
    }

    .CandidateHero_heroCta__eVr0j {
        color: #fff !important;
        box-shadow: none !important;
        text-shadow: none !important;
        padding-right: 3.55em !important;
    }

    .CandidateHero_heroCta__eVr0j::before {
        content: "↗" !important;
        position: absolute !important;
        z-index: 4 !important;
        top: 50% !important;
        right: 1.25em !important;
        display: block !important;
        color: #fff !important;
        font-family: Arial, sans-serif !important;
        font-size: 1.35em !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        opacity: 0 !important;
        transform: translate3d(-8px, -50%, 0) !important;
        transition: opacity .22s ease, transform .22s cubic-bezier(.2, .7, .2, 1) !important;
        pointer-events: none !important;
    }

    .CandidateHero_heroCtaContent__GsZcb {
        color: #fff !important;
        font-weight: 700 !important;
        text-shadow: none !important;
    }

    .CandidateHero_heroCtaIconSlot__Ge4m1 {
        display: none !important;
    }

    .CandidateHero_heroCta__eVr0j:hover,
    .CandidateHero_heroCta__eVr0j:focus-visible,
    .CandidateHero_heroCta__eVr0j:active {
        box-shadow: none !important;
    }

    .CandidateHero_heroCta__eVr0j:hover::before,
    .CandidateHero_heroCta__eVr0j:focus-visible::before {
        opacity: 1 !important;
        transform: translate3d(0, -50%, 0) !important;
    }

    @media (hover: none) and (pointer: coarse) {
        .CandidateHero_heroCta__eVr0j::before {
            opacity: 1 !important;
            transform: translate3d(0, -50%, 0) !important;
        }
    }

/* source: wanpishi-pixpix-heading-system-style */

    /* PixPix heading rhythm: a 48/18 scale, 16px title-to-copy gap, and a soft upward reveal. */
    :root {
        --wanpishi-heading-size: clamp(38px, 4vw, 48px);
        --wanpishi-heading-line: 1;
        --wanpishi-heading-sub-size: clamp(16px, 1.5vw, 18px);
        --wanpishi-heading-sub-line: 1.556;
        --wanpishi-heading-reveal: cubic-bezier(.22, 1, .36, 1);
    }

    .wanpishi-heading-block {
        text-align: center;
        scroll-margin-top: 96px;
    }

    .wanpishi-heading-block .wanpishi-pixpix-heading {
        margin: 0 !important;
        font-size: var(--wanpishi-heading-size) !important;
        font-weight: 600 !important;
        line-height: var(--wanpishi-heading-line) !important;
        letter-spacing: 0 !important;
        text-wrap: balance;
    }

    .wanpishi-heading-block .wanpishi-pixpix-subheading {
        margin: 16px auto 0 !important;
        max-width: min(760px, calc(100vw - 40px));
        font-size: var(--wanpishi-heading-sub-size) !important;
        font-weight: 400 !important;
        line-height: var(--wanpishi-heading-sub-line) !important;
        letter-spacing: 0 !important;
        text-wrap: balance;
    }

    .wanpishi-heading-block.wanpishi-heading-motion .wanpishi-pixpix-heading,
    .wanpishi-heading-block.wanpishi-heading-motion .wanpishi-pixpix-subheading {
        opacity: 0;
        transform: translate3d(0, 22px, 0);
        will-change: transform, opacity;
        transition: opacity 560ms var(--wanpishi-heading-reveal), transform 560ms var(--wanpishi-heading-reveal);
    }

    .wanpishi-heading-block.wanpishi-heading-motion .wanpishi-pixpix-subheading {
        transition-delay: 100ms;
    }

    .wanpishi-heading-block.wanpishi-heading-motion.is-visible .wanpishi-pixpix-heading,
    .wanpishi-heading-block.wanpishi-heading-motion.is-visible .wanpishi-pixpix-subheading {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    /* The hero retains PixPix's larger, two-line-capable treatment. */
    .CandidateHero_heroCopy__NEz7M .wanpishi-pixpix-heading {
        font-size: clamp(40px, 4vw, 48px) !important;
        line-height: 1.25 !important;
    }

    .CandidateHero_heroCopy__NEz7M .wanpishi-pixpix-subheading {
        margin-top: 16px !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }

    #wanpishi-youdoo-reviews .wanpishi-reviews-header .wanpishi-pixpix-heading {
        font-size: var(--wanpishi-heading-size) !important;
        line-height: 1 !important;
    }

    @media (max-width: 720px) {
        :root {
            --wanpishi-heading-size: clamp(32px, 9vw, 42px);
        }

        .wanpishi-heading-block .wanpishi-pixpix-subheading {
            max-width: min(36rem, calc(100vw - 32px));
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .wanpishi-heading-block.wanpishi-heading-motion .wanpishi-pixpix-heading,
        .wanpishi-heading-block.wanpishi-heading-motion .wanpishi-pixpix-subheading {
            transform: none;
            transition: none;
        }
    }

/* source: wanpishi-local-gallery-icons-style */

    .CandidateCreativeShowcase_toolIcon__KO42n > img.wanpishi-local-tool-icon {
        display: block;
        width: 30px !important;
        height: 30px !important;
        object-fit: contain;
    }

    .CandidateCreativeShowcase_section__5__VL .CandidateCreativeShowcase_toolIcon__KO42n {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .CandidateCreativeShowcase_section__5__VL .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_toolTitle__gK_1q {
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 26px !important;
    }

    .CandidateCreativeShowcase_toolTitle__gK_1q [contenteditable="true"] {
        cursor: text;
        outline: 0;
    }

    .CandidateCreativeShowcase_toolTitle__gK_1q [contenteditable="true"]:focus {
        border-radius: 4px;
        box-shadow: 0 0 0 2px rgba(1, 152, 236, .35);
    }

/* source: wanpishi-visible-globe-final-size */

    /* The Global Presence block is intentionally removed from the page. */
    #wanpishi-global-presence {
        display: none !important;
    }

    #wanpishi-global-presence .presence-globe-wrap {
        width: clamp(360px, 42vw, 560px) !important;
        height: clamp(360px, 42vw, 560px) !important;
    }

/* source: wanpishi-visible-globe-fix */

    #wanpishi-global-presence .presence-globe {
        display: none !important;
    }

    #wanpishi-global-presence .presence-globe-wrap {
        width: clamp(360px, 42vw, 560px) !important;
        height: clamp(360px, 42vw, 560px) !important;
    }

    #wanpishi-global-presence .presence-reference-globe {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        pointer-events: auto;
        cursor: grab;
        touch-action: none;
    }

    #wanpishi-global-presence .presence-reference-globe:active {
        cursor: grabbing;
    }

/* source: wanpishi-jdcloud-partner-style */

    /* Sampled from jdcloud.com .v11-partner: a 1664px partner data stage,
     with a looping earth film behind the fourth statistic. */
    #wanpishi-jdcloud-partner {
        --jd-ink: #262626;
        --jd-muted: #8c8c8c;
        --jd-violet-a: #ff5fa6;
        --jd-violet-b: #9c2dff;
        --jd-violet-c: #6b70ff;
        position: relative;
        z-index: 2;
        overflow: hidden;
        padding: 60px 0 24px;
        background: #fff;
        color: var(--jd-ink);
        isolation: isolate;
    }

    #wanpishi-jdcloud-partner * {
        box-sizing: border-box;
    }

    #wanpishi-jdcloud-partner .jdpartner-inner {
        position: relative;
        width: 100%;
        max-width: 1664px;
        min-height: 0;
        margin: 0 auto;
        padding: 0 32px;
    }

    #wanpishi-jdcloud-partner .jdpartner-head {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    #wanpishi-jdcloud-partner .jdpartner-head > * + * {
        margin-top: 10px;
    }

    #wanpishi-jdcloud-partner h2 {
        margin: 0;
        color: var(--jd-ink);
        font: 300 48px/1.125 "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
        letter-spacing: .01em;
        opacity: .9;
    }

    #wanpishi-jdcloud-partner .jdpartner-sub {
        margin: 0;
        color: var(--jd-muted);
        font: 400 clamp(14px, 1.05vw, 20px)/1.4 "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
        opacity: .9;
    }

    #wanpishi-jdcloud-partner .jdpartner-earth {
        position: absolute;
        z-index: 0;
        top: 0;
        right: -155px;
        width: 626px;
        height: 626px;
        object-fit: cover;
        pointer-events: none;
        user-select: none;
        mix-blend-mode: multiply;
        opacity: .96;
    }

    #wanpishi-jdcloud-partner .jdpartner-earth-fallback {
        position: absolute;
        z-index: -1;
        top: 72px;
        right: -66px;
        width: 400px;
        aspect-ratio: 1;
        border-radius: 50%;
        opacity: 0;
        background: radial-gradient(circle at 50% 36%, rgba(255, 255, 255, .94) 0 19%, transparent 20%), radial-gradient(circle, transparent 0 48%, rgba(112, 129, 255, .2) 49% 50%, transparent 51%), radial-gradient(circle, #c3d2ff 1px, transparent 1.5px);
        background-size: auto, 100% 100%, 7px 7px;
        mask-image: radial-gradient(circle, #000 0 65%, transparent 66%);
    }

    #wanpishi-jdcloud-partner .jdpartner-earth.is-fallback {
        opacity: .65;
    }

    #wanpishi-jdcloud-partner .jdpartner-stats {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns:repeat(4, minmax(0, 1fr));
        align-items: center;
        gap: 8px;
        width: 100%;
        height: 124px;
        margin-top: 48px;
    }

    #wanpishi-jdcloud-partner .jdpartner-stat {
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        transform: translate3d(0, 22px, 0);
        transition: opacity .62s ease, transform .62s cubic-bezier(.2, .7, .2, 1);
    }

    #wanpishi-jdcloud-partner.is-visible .jdpartner-stat {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    #wanpishi-jdcloud-partner.is-visible .jdpartner-stat:nth-child(2) {
        transition-delay: .09s;
    }

    #wanpishi-jdcloud-partner.is-visible .jdpartner-stat:nth-child(3) {
        transition-delay: .18s;
    }

    #wanpishi-jdcloud-partner.is-visible .jdpartner-stat:nth-child(4) {
        transition-delay: .27s;
    }

    #wanpishi-jdcloud-partner .jdpartner-num {
        display: inline-block;
        width: fit-content;
        max-width: 100%;
        background: linear-gradient(-52deg, var(--jd-violet-a), var(--jd-violet-b) 46%, var(--jd-violet-c));
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        font: 700 24px/1.47 "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
        opacity: .9;
    }

    #wanpishi-jdcloud-partner .jdpartner-num strong {
        font-size: 38px;
        font-weight: 700;
    }

    #wanpishi-jdcloud-partner .jdpartner-num b {
        display: inline-block;
        margin-left: 2px;
        font-size: 28px;
        vertical-align: .12em;
    }

    #wanpishi-jdcloud-partner .jdpartner-stat-title {
        margin-top: 4px;
        color: #000;
        font: 500 24px/1.4 "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
    }

    #wanpishi-jdcloud-partner .jdpartner-stat-desc {
        margin-top: 4px;
        overflow: hidden;
        color: rgba(0, 0, 0, .45);
        font: 400 14px/1.4 "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #wanpishi-jdcloud-partner .jdpartner-head, #wanpishi-jdcloud-partner .jdpartner-earth {
        opacity: 0;
        transform: translate3d(0, 16px, 0);
        transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1);
    }

    #wanpishi-jdcloud-partner.is-visible .jdpartner-head, #wanpishi-jdcloud-partner.is-visible .jdpartner-earth {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    html.dark #wanpishi-jdcloud-partner, body.dark #wanpishi-jdcloud-partner {
        --jd-ink: #edf2ff;
        --jd-muted: #a6b1c8;
        background: radial-gradient(68% 110% at 82% 45%, #111c43 0%, #080e24 44%, #050811 100%);
    }

    html.dark #wanpishi-jdcloud-partner h2, body.dark #wanpishi-jdcloud-partner h2, html.dark #wanpishi-jdcloud-partner .jdpartner-stat-title, body.dark #wanpishi-jdcloud-partner .jdpartner-stat-title {
        color: #f6f8ff;
    }

    html.dark #wanpishi-jdcloud-partner .jdpartner-stat-desc, body.dark #wanpishi-jdcloud-partner .jdpartner-stat-desc {
        color: rgba(226, 234, 255, .58);
    }

    html.dark #wanpishi-jdcloud-partner .jdpartner-earth, body.dark #wanpishi-jdcloud-partner .jdpartner-earth {
        mix-blend-mode: screen;
        opacity: .72;
    }

    @media (max-width: 1279px) {
        #wanpishi-jdcloud-partner {
            padding: 48px 0 24px;
        }

        #wanpishi-jdcloud-partner .jdpartner-inner {
            padding: 0 32px;
            min-height: 0;
        }

        #wanpishi-jdcloud-partner h2 {
            font-size: 40px;
        }

        #wanpishi-jdcloud-partner .jdpartner-sub {
            font-size: 16px;
        }

        #wanpishi-jdcloud-partner .jdpartner-stats {
            grid-template-columns:repeat(2, minmax(0, 1fr));
            height: auto;
            gap: 20px 16px;
            padding: 8px 0;
        }

        #wanpishi-jdcloud-partner .jdpartner-earth {
            right: -190px;
            width: 520px;
            height: 520px;
        }
    }

    @media (max-width: 720px) {
        #wanpishi-jdcloud-partner {
            padding: 40px 0 24px;
        }

        #wanpishi-jdcloud-partner .jdpartner-inner {
            min-height: 0;
            padding: 0 20px;
        }

        #wanpishi-jdcloud-partner h2 {
            font-size: 25px;
            line-height: 1.3;
            font-weight: 500;
        }

        #wanpishi-jdcloud-partner .jdpartner-sub {
            font-size: 14px;
            line-height: 1.5;
        }

        #wanpishi-jdcloud-partner .jdpartner-earth {
            display: none;
        }

        #wanpishi-jdcloud-partner .jdpartner-stats {
            margin-top: 32px;
            gap: 20px 16px;
        }

        #wanpishi-jdcloud-partner .jdpartner-num {
            font-size: 20px;
            line-height: 1.35;
        }

        #wanpishi-jdcloud-partner .jdpartner-num strong {
            font-size: 30px;
        }

        #wanpishi-jdcloud-partner .jdpartner-num b {
            font-size: 22px;
        }

        #wanpishi-jdcloud-partner .jdpartner-stat-title {
            margin-top: 2px;
            font-size: 16px;
            line-height: 1.35;
        }

        #wanpishi-jdcloud-partner .jdpartner-stat-desc {
            margin-top: 2px;
            font-size: 12px;
            white-space: normal;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #wanpishi-jdcloud-partner .jdpartner-head, #wanpishi-jdcloud-partner .jdpartner-earth, #wanpishi-jdcloud-partner .jdpartner-stat {
            opacity: 1;
            transform: none;
            transition: none;
        }
    }

/* source: wanpishi-cooperation-copy-shadow-style */

    .wanpishi-cooperation-copy-shadow {
        text-shadow: 0 2px 3px rgba(0, 0, 0, .22), 0 7px 20px rgba(0, 0, 0, .20) !important;
    }

/* source: wanpishi-second-screen-map-and-data-refinement-late */

    /* Preserve the supplied map's 4320 × 738 ratio.  The logo wall overlaps
     exactly half of it; a mask feathers both joins in either colour theme. */
    #wanpishi-tv-logo-wall .tv-logo-wall__map-floor {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4320 / 738 !important;
        margin-top: clamp(-120px, -8.542vw, -42px) !important;
        overflow: hidden !important;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 84%, transparent 100%) !important;
        mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 84%, transparent 100%) !important;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img {
        width: 100% !important;
        height: auto !important;
        min-height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        opacity: .82 !important;
    }

    html.dark #wanpishi-tv-logo-wall,
    body.dark #wanpishi-tv-logo-wall {
        background: #000 !important;
    }

    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img {
        opacity: .22 !important;
        filter: brightness(.62) saturate(.82) contrast(1.22) !important;
    }

    /* Center the JD-style statistics and eliminate the blue dark-mode slab. */
    #wanpishi-jdcloud-partner .jdpartner-head,
    #wanpishi-jdcloud-partner .jdpartner-stats,
    #wanpishi-jdcloud-partner .jdpartner-stat {
        text-align: center !important;
    }

    #wanpishi-jdcloud-partner .jdpartner-stat {
        align-items: center !important;
    }

    #wanpishi-jdcloud-partner .jdpartner-num {
        width: auto !important;
    }

    html.dark #wanpishi-jdcloud-partner,
    body.dark #wanpishi-jdcloud-partner {
        background: #000 !important;
    }

/* source: wanpishi-tv-logo-wall-style */

    /* Feather both edges into their neighbouring sections instead of drawing a hard colour seam. */
    #wanpishi-tv-logo-wall {
        position: relative;
        z-index: 2;
        overflow: hidden;
        padding: clamp(28px, 3vw, 48px) 0 0;
        background: linear-gradient(180deg, rgba(232, 240, 255, 0) 0%, rgba(239, 245, 255, .78) 13%, rgba(248, 251, 255, .97) 27%, #fff 50%, rgba(248, 251, 255, .97) 73%, rgba(239, 245, 255, .78) 87%, rgba(232, 240, 255, 0) 100%);
        isolation: isolate;
    }

    #wanpishi-tv-logo-wall * {
        box-sizing: border-box;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__viewport {
        position: relative;
        z-index: 2;
        width: 100%;
        overflow: hidden;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__viewport + .tv-logo-wall__viewport {
        margin-top: clamp(24px, 2.45vw, 40px);
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__track {
        display: flex;
        width: max-content;
        will-change: transform;
        animation: tv-logo-wall-scroll 100s linear infinite;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__viewport:nth-child(2) .tv-logo-wall__track {
        animation-direction: reverse;
        animation-delay: -34s;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__viewport:nth-child(3) .tv-logo-wall__track {
        animation-delay: -67s;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__set {
        display: grid;
        grid-template-columns:repeat(15, 144px);
        flex: none;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__item {
        position: relative;
        display: block;
        width: 144px;
        height: 32px;
        text-decoration: none;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__item img {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__base {
        opacity: .42;
        filter: grayscale(1) contrast(.78) brightness(.82);
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__color {
        opacity: 0;
        transition: opacity .3s ease-in-out;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__item:hover .tv-logo-wall__color, #wanpishi-tv-logo-wall .tv-logo-wall__item:focus-visible .tv-logo-wall__color {
        opacity: 1;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__item:hover .tv-logo-wall__base, #wanpishi-tv-logo-wall .tv-logo-wall__item:focus-visible .tv-logo-wall__base {
        opacity: 0;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__item:focus-visible {
        outline: 2px solid #6b87ff;
        outline-offset: -4px;
        border-radius: 4px;
    }

    /* The supplied map is the visual floor of screen two.  The negative margin
     lets the moving logo rail sit over its top third without covering the map. */
    #wanpishi-tv-logo-wall .tv-logo-wall__map-floor {
        position: relative;
        z-index: 1;
        width: 100%;
        height: clamp(126px, 17.1vw, 246px);
        margin-top: calc(clamp(126px, 17.1vw, 246px) / -3);
        overflow: hidden;
        pointer-events: none;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
    }

    @keyframes tv-logo-wall-scroll {
        from {
            transform: translate3d(0, 0, 0);
        }
        to {
            transform: translate3d(-2160px, 0, 0);
        }
    }

    html.dark #wanpishi-tv-logo-wall, body.dark #wanpishi-tv-logo-wall {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .88) 13%, #000 29%, #000 100%);
    }

    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__base, body.dark #wanpishi-tv-logo-wall .tv-logo-wall__base {
        opacity: .54;
        filter: grayscale(1) brightness(1.9) contrast(.6);
    }

    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img, body.dark #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img {
        opacity: .54;
        filter: brightness(.52) saturate(.78) contrast(1.18);
    }

    @media (max-width: 720px) {
        #wanpishi-tv-logo-wall {
            padding: 28px 0 0;
        }

        #wanpishi-tv-logo-wall .tv-logo-wall__set {
            grid-template-columns:repeat(15, 110px);
        }

        #wanpishi-tv-logo-wall .tv-logo-wall__item {
            width: 110px;
            height: 30px;
        }

        #wanpishi-tv-logo-wall .tv-logo-wall__map-floor {
            height: 126px;
            margin-top: -42px;
        }

        @keyframes tv-logo-wall-scroll {
            to {
                transform: translate3d(-1650px, 0, 0);
            }
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #wanpishi-tv-logo-wall .tv-logo-wall__track {
            animation-play-state: paused;
        }
    }

/* source: wanpishi-theme-and-legacy-jd-cleanup-style */

    /* Retire the previous JDCloud clone (the globe and grey corporate logo rail). */
    #jdcloud-partner-clone {
        display: none !important;
    }

    html:not(.dark) #wanpishi-global-presence,
    html[data-theme="light"] #wanpishi-global-presence {
        --presence-bg: #f8faff;
        --presence-ink: #17233d;
        --presence-muted: #61708b;
        --presence-line: rgba(43, 74, 137, .17);
        background: radial-gradient(75% 92% at 50% 10%, #fff 0%, #f5f8ff 53%, #e8f0ff 100%) !important;
    }

    html:not(.dark) #wanpishi-global-presence .presence-halo,
    html[data-theme="light"] #wanpishi-global-presence .presence-halo {
        background: radial-gradient(circle, rgba(100, 133, 255, .20) 0%, rgba(145, 176, 255, .08) 39%, transparent 70%) !important;
    }

    html:not(.dark) #wanpishi-global-presence .presence-orbit,
    html[data-theme="light"] #wanpishi-global-presence .presence-orbit {
        border-color: rgba(74, 106, 205, var(--orbit-opacity)) !important;
    }

    html:not(.dark) #wanpishi-global-presence .presence-orbit::after,
    html[data-theme="light"] #wanpishi-global-presence .presence-orbit::after {
        background: conic-gradient(from 110deg, transparent 0 68%, rgba(80, 111, 215, .08) 75%, rgba(80, 111, 215, .58) 98%, transparent 100%) !important;
    }

    html:not(.dark) #wanpishi-global-presence h2,
    html[data-theme="light"] #wanpishi-global-presence h2 {
        color: #17233d !important;
        text-shadow: 0 8px 28px rgba(88, 121, 217, .16) !important;
    }

    html:not(.dark) #wanpishi-global-presence .presence-kicker,
    html[data-theme="light"] #wanpishi-global-presence .presence-kicker {
        color: #506080 !important;
    }

    html:not(.dark) #wanpishi-global-presence .presence-copy p,
    html[data-theme="light"] #wanpishi-global-presence .presence-copy p {
        color: #61708b !important;
    }

    html:not(.dark) #wanpishi-global-presence .presence-metric-value,
    html[data-theme="light"] #wanpishi-global-presence .presence-metric-value {
        background: linear-gradient(135deg, #314b9c, #7890ea 80%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
        text-shadow: none !important;
    }

    html:not(.dark) #wanpishi-global-presence .presence-metric-label,
    html[data-theme="light"] #wanpishi-global-presence .presence-metric-label {
        color: #5a6983 !important;
    }

/* source: wanpishi-final-interaction-repair-style */


    /* Light mode: white over the hero, black only after the header has scrolled onto a light surface. */
    html:not(.dark) #pixpix-local-nav.is-scrolled,
    html[data-theme="light"] #pixpix-local-nav.is-scrolled {
        --pixpix-nav-fg: #101828 !important;
        color: #101828 !important;
    }

    html:not(.dark) #pixpix-local-nav.is-scrolled .pixpix-original-links button,
    html:not(.dark) #pixpix-local-nav.is-scrolled .pixpix-original-actions button:not(.pixpix-original-login),
    html:not(.dark) #pixpix-local-nav.is-scrolled .pixpix-nav-item,
    html:not(.dark) #pixpix-local-nav.is-scrolled .pixpix-theme-button,
    html:not(.dark) #pixpix-local-nav.is-scrolled .pixpix-menu-button,
    html:not(.dark) #pixpix-local-nav.is-scrolled .pixpix-reference-link,
    html:not(.dark) #pixpix-local-nav.is-scrolled .pixpix-reference-link.is-selected,
    html[data-theme="light"] #pixpix-local-nav.is-scrolled .pixpix-original-links button,
    html[data-theme="light"] #pixpix-local-nav.is-scrolled .pixpix-original-actions button:not(.pixpix-original-login),
    html[data-theme="light"] #pixpix-local-nav.is-scrolled .pixpix-nav-item,
    html[data-theme="light"] #pixpix-local-nav.is-scrolled .pixpix-theme-button,
    html[data-theme="light"] #pixpix-local-nav.is-scrolled .pixpix-menu-button,
    html[data-theme="light"] #pixpix-local-nav.is-scrolled .pixpix-reference-link,
    html[data-theme="light"] #pixpix-local-nav.is-scrolled .pixpix-reference-link.is-selected {
        color: #101828 !important;
    }

    .CandidateCreativeShowcase_section__5__VL img,
    .CandidateCommunityShowcase_section__xeY1X img {
        cursor: zoom-in !important;
    }

    .CandidateHero_tvcPreview__xuMvH.pixpix-hero-paused::after {
        content: none !important;
    }

    .pixpix-hero-pause-overlay {
        position: absolute;
        inset: 0;
        z-index: 12;
        display: none;
        place-items: center;
        background: rgba(0, 0, 0, .46);
        cursor: pointer;
    }

    .CandidateHero_tvcPreview__xuMvH.pixpix-hero-paused .pixpix-hero-pause-overlay,
    .CandidateHero_tvcPreview__xuMvH.wanpishi-home-video-finished .pixpix-hero-pause-overlay {
        display: grid;
    }

    .pixpix-hero-pause-overlay button {
        display: grid;
        place-items: center;
        width: 70px;
        height: 70px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, .55);
        border-radius: 50%;
        background: rgba(8, 11, 18, .58);
        color: #fff;
        box-shadow: 0 12px 34px rgba(0, 0, 0, .28);
        font-size: 27px;
        line-height: 1;
        cursor: pointer;
        backdrop-filter: blur(10px);
    }

    .pixpix-hero-pause-overlay button svg {
        display: block;
        width: 40px;
        height: 40px;
        fill: currentColor;
    }

    .pixpix-hero-pause-overlay button:hover {
        transform: scale(1.06);
        background: rgba(8, 11, 18, .78);
    }

    @media (max-width: 640px) {
        .pixpix-hero-pause-overlay button {
            width: 54px;
            height: 54px;
            font-size: 21px;
        }
    }

/* source: wanpishi-final-shell-consistency-style */

    /* The home nav stays white over the hero in both theme states. */
    #pixpix-local-nav,
    #pixpix-local-nav.pixpix-original-nav,
    #pixpix-local-nav.pixpix-original-navigation-clone {
        --pixpix-nav-fg: #fff !important;
        color: #fff !important;
    }

    #pixpix-local-nav .pixpix-original-links button,
    #pixpix-local-nav .pixpix-original-actions button,
    #pixpix-local-nav .pixpix-nav-item,
    #pixpix-local-nav .pixpix-theme-button,
    #pixpix-local-nav .pixpix-menu-button {
        color: #fff !important;
    }

    #pixpix-local-nav .pixpix-original-login {
        background: rgba(255, 255, 255, .96) !important;
        color: #15171b !important;
    }

    /* The header overlay is anchored to exactly the same width as the video. */
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_outputCanvas__YdEHe,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_canvasHeader__WidAD,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_canvasHeader__WidAD {
        left: 0 !important;
        right: 0 !important;
        min-width: 100% !important;
        grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) !important;
        background: linear-gradient(180deg, rgba(4, 8, 14, .86) 0%, rgba(4, 8, 14, .52) 54%, rgba(4, 8, 14, 0) 100%) !important;
    }

    #pixpix-local-nav.pixpix-original-navigation-clone {
        height: 60px !important;
        padding: 0 !important;
        color: var(--pixpix-nav-fg, #fff) !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    #pixpix-local-nav.pixpix-original-navigation-clone > :first-child {
        height: 60px !important;
        min-height: 60px !important;
        padding: 0 24px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-reference-links {
        gap: 3px !important;
    }

    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-reference-indicator {
        display: none !important;
    }

    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-reference-link {
        display: inline-flex;
        align-items: center;
        height: 36px;
        padding: 0 12px;
        border: 0;
        border-radius: 999px;
        background: transparent !important;
        color: color-mix(in srgb, var(--pixpix-nav-fg, #fff) 80%, transparent) !important;
        font-family: inherit;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        white-space: nowrap;
        transition: color 150ms cubic-bezier(.4, 0, .2, 1), background-color 150ms cubic-bezier(.4, 0, .2, 1) !important;
    }

    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-reference-link:hover,
    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-reference-link:focus-visible {
        background: color-mix(in srgb, var(--pixpix-nav-fg, #fff) 5%, transparent) !important;
        color: var(--pixpix-nav-fg, #fff) !important;
    }

    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-reference-link.is-selected {
        color: color-mix(in srgb, var(--pixpix-nav-fg, #fff) 80%, transparent) !important;
        font-weight: 500 !important;
    }

    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-nav-actions {
        gap: 8px;
        color: var(--pixpix-nav-fg, #fff);
    }

    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-theme-button,
    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-menu-button {
        width: 32px;
        height: 32px;
        color: color-mix(in srgb, var(--pixpix-nav-fg, #fff) 84%, transparent);
    }

    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-theme-button:hover,
    #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-menu-button:hover {
        background: color-mix(in srgb, var(--pixpix-nav-fg, #fff) 5%, transparent);
        color: var(--pixpix-nav-fg, #fff);
    }

    @media (max-width: 980px) {
        #pixpix-local-nav.pixpix-original-navigation-clone > :first-child {
            padding: 0 16px !important;
        }

        #pixpix-local-nav.pixpix-original-navigation-clone .pixpix-mobile-drawer {
            top: 60px;
        }
    }

/* source: wanpishi-scroll-nav-final-style */

    #pixpix-local-nav.pixpix-original-navigation-clone {
        transition: background-color 260ms ease, border-color 260ms ease, box-shadow 260ms ease, backdrop-filter 260ms ease !important;
        border-bottom: 1px solid transparent;
    }

    #pixpix-local-nav.pixpix-original-navigation-clone.is-scrolled {
        background: rgba(7, 18, 48, .72) !important;
        border-bottom-color: rgba(255, 255, 255, .13) !important;
        box-shadow: 0 8px 26px rgba(0, 14, 44, .18) !important;
        backdrop-filter: blur(20px) saturate(145%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
    }

    html[data-theme="light"] #pixpix-local-nav.pixpix-original-navigation-clone.is-scrolled {
        background: rgba(255, 255, 255, .74) !important;
        border-bottom-color: rgba(15, 23, 42, .10) !important;
        box-shadow: 0 8px 26px rgba(15, 23, 42, .08) !important;
    }

/* source: pixpix-side-rays-style */

    .CandidateHero_hero__fDXr2 {
        isolation: isolate;
    }

    .pixpix-side-rays {
        position: absolute;
        inset: 0;
        z-index: 1;
        overflow: hidden;
        pointer-events: none;
        opacity: .88;
        mix-blend-mode: screen;
    }

    .pixpix-side-rays::before,
    .pixpix-side-rays::after {
        content: "";
        position: absolute;
        top: -52%;
        right: -28%;
        width: 120%;
        height: 185%;
        transform-origin: top right;
        will-change: transform, opacity;
    }

    .pixpix-side-rays::before {
        background: conic-gradient(from 142deg at 100% 0%, transparent 0deg, rgba(150, 200, 255, .02) 13deg, rgba(150, 200, 255, .58) 23deg, transparent 34deg, transparent 46deg, rgba(234, 179, 8, .42) 58deg, rgba(234, 179, 8, .08) 71deg, transparent 83deg, transparent 100deg);
        filter: blur(16px) saturate(1.5);
        animation: pixpix-side-rays-sweep 8s ease-in-out infinite alternate;
    }

    .pixpix-side-rays::after {
        background: linear-gradient(132deg, transparent 37%, rgba(150, 200, 255, .28) 45%, transparent 54%), linear-gradient(116deg, transparent 44%, rgba(234, 179, 8, .20) 52%, transparent 60%);
        filter: blur(28px) saturate(1.5);
        animation: pixpix-side-rays-drift 5.6s ease-in-out infinite alternate;
    }

    .CandidateHero_hero__fDXr2 .CandidateHero_sceneBackground__VxLp7,
    .CandidateHero_hero__fDXr2 .CandidateHero_atmosphere__q_gwm {
        z-index: 0 !important;
    }

    .CandidateHero_hero__fDXr2 .CandidateHero_heroInformation__EN_6w {
        position: relative;
        z-index: 2;
    }

    @keyframes pixpix-side-rays-sweep {
        from {
            transform: rotate(-3deg) scale(1);
            opacity: .62;
        }
        to {
            transform: rotate(6deg) scale(1.09);
            opacity: 1;
        }
    }

    @keyframes pixpix-side-rays-drift {
        from {
            transform: translate3d(0, 0, 0) rotate(-4deg);
            opacity: .5;
        }
        to {
            transform: translate3d(-5%, 4%, 0) rotate(5deg);
            opacity: .92;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .pixpix-side-rays::before, .pixpix-side-rays::after {
            animation: none;
        }
    }

/* source: wanpishi-side-rays-webgl-style */

    /* Replace the earlier static CSS approximation with the supplied SideRays shader. */
    .pixpix-side-rays::before,
    .pixpix-side-rays::after {
        display: none !important;
    }

    .pixpix-side-rays {
        opacity: 1 !important;
        mix-blend-mode: normal !important;
    }

    .pixpix-side-rays-canvas {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

/* source: wanpishi-creative-carousel-mobile-label-fix */

    /* Mobile uses the same curved label rail as desktop, but it needs its own
     vertical coordinate: the desktop rail intentionally sits much lower. */
    @media (max-width: 760px) {
        .CandidateCreativeShowcase_section__5__VL,
        .CandidateCreativeShowcase_carouselBlock__LCFLL,
        .CandidateCreativeShowcase_carousel__BBm3F {
            overflow: visible !important;
        }

        .CandidateCreativeShowcase_carousel__BBm3F {
            /* Reserve a complete line for the icon and its editable title. */
            min-height: 650px !important;
            padding-bottom: 94px !important;
        }

        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_viewport__ZCJhm,
        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_labelsStage__fZV_1 {
            overflow: visible !important;
        }

        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_toolLabel__PhJs5 {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: flex-start !important;
            min-height: 78px !important;
            padding-top: 0 !important;
            z-index: 12 !important;
        }

        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_toolIcon__KO42n {
            width: 34px !important;
            height: 34px !important;
            margin-bottom: 8px !important;
        }

        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_toolTitle__gK_1q {
            display: block !important;
            min-height: 24px !important;
            font-size: 16px !important;
            line-height: 24px !important;
            white-space: nowrap !important;
            text-align: center !important;
        }

        .CandidateCreativeShowcase_primaryAction__0WLK0 {
            position: relative !important;
            z-index: 2 !important;
            margin-top: 12px !important;
        }
    }

/* source: pixpix-video-header-edit-style */

    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_showcase__s7LJG,
    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_showcase__s7LJG::before,
    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_showcase__s7LJG::after {
        border-radius: 32px !important;
    }

    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_showcase__s7LJG {
        --pixpix-frame-inset: 20px;
        display: block !important;
        box-sizing: border-box !important;
        height: auto !important;
        min-height: 0 !important;
        padding: var(--pixpix-frame-inset) !important;
        overflow: visible !important;
        -webkit-mask-image: none !important;
        /* Allow the controller ornaments to sit just below the frame. */
        clip-path: none !important;
    }

    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_platformInner__E_UPd {
        border-radius: 24px !important;
        overflow: hidden !important;
        background: #12324b !important;
    }

    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_outputCanvas__YdEHe,
    html body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH {
        border-radius: 24px !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_canvasHeader__WidAD [contenteditable="true"] {
        pointer-events: auto !important;
        cursor: text !important;
        border-radius: 8px;
        padding: 3px 6px;
        margin: -3px -6px;
        outline: 0;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_canvasHeader__WidAD [contenteditable="true"]:hover,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_canvasHeader__WidAD [contenteditable="true"]:focus {
        background: rgba(255, 255, 255, .16);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .36);
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_canvasHeader__WidAD > :last-child {
        justify-self: end !important;
        text-align: right !important;
    }

/* source: pixpix-final-video-frame-style */

    /* Final single-video stage: the outer canvas and its media share one 16:9 coordinate system. */
    body .CandidateHero_hero__fDXr2 .CandidateHero_showcase__s7LJG {
        position: relative !important;
        z-index: 100 !important;
        isolation: isolate !important;
        overflow: visible !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_platformInner__E_UPd {
        position: relative !important;
        z-index: 101 !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
        overflow: visible !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_outputCanvas__YdEHe {
        position: relative !important;
        z-index: 102 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        border-radius: 24px !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_canvasHeader__WidAD {
        position: absolute !important;
        inset: 0 0 auto !important;
        z-index: 4 !important;
        display: grid !important;
        grid-template-columns:1fr auto 1fr !important;
        align-items: center !important;
        height: 64px !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
        background: linear-gradient(180deg, rgba(9, 24, 40, .82), rgba(9, 24, 40, 0)) !important;
        pointer-events: none !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH {
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        border-radius: 24px !important;
        background: #070a10 !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_previewContent__JncAy,
    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH video {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        opacity: 1 !important;
        transform: none !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH video {
        position: relative !important;
        z-index: 2 !important;
        object-fit: contain !important;
        background: #070a10 !important;
        cursor: pointer !important;
    }

    body .CandidateHero_hero__fDXr2.pixpix-restore-hero .pixpix-video-replace-control {
        position: absolute !important;
        z-index: 6 !important;
        right: 18px !important;
        bottom: 18px !important;
    }

    @media (max-width: 760px) {
        body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_platformInner__E_UPd {
            aspect-ratio: 16 / 9 !important;
        }

        body .CandidateHero_hero__fDXr2.pixpix-restore-hero .CandidateHero_canvasHeader__WidAD {
            height: 48px !important;
            padding: 0 12px !important;
            font-size: 11px !important;
        }
    }

/* source: pixpix-adaptive-video-frame-style */

    .pixpix-restore-hero .CandidateHero_outputCanvas__YdEHe {
        display: flex !important;
        flex-direction: column;
        min-height: 0;
    }

    .pixpix-restore-hero .CandidateHero_canvasHeader__WidAD {
        flex: 0 0 62px;
    }

    .pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH {
        display: block !important;
        position: relative;
        flex: none !important;
        width: 100% !important;
        height: calc(100% - 62px) !important;
        min-height: 180px;
        overflow: hidden;
        border-radius: 20px;
        background: #070a10;
    }

    .pixpix-restore-hero .CandidateHero_previewContent__JncAy {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0;
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
    }

    .pixpix-restore-hero .CandidateHero_previewVideo__FZmrA, .pixpix-restore-hero .CandidateHero_tvcPreview__xuMvH video {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        opacity: 1 !important;
        object-fit: contain !important;
        background: #070a10;
    }

    .pixpix-video-paused::after {
        content: '▶';
        position: absolute;
        top: 50%;
        left: 50%;
        display: grid;
        place-items: center;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: rgba(0, 0, 0, .55);
        color: #fff;
        font-size: 21px;
        transform: translate(-50%, -50%);
        pointer-events: none;
    }

/* source: pixpix-footer-wordmark-remove-style */

    .home-footer-wordmark {
        display: none !important;
    }

/* source: pixpix-scroll-navigation-style */

    #pixpix-local-nav.pixpix-original-nav {
        isolation: isolate;
        transition: color .3s ease;
    }

    #pixpix-local-nav.pixpix-original-nav::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        background: rgba(0, 0, 0, .1);
        opacity: 0;
        backdrop-filter: blur(24px) brightness(.5);
        transition: opacity .3s ease, backdrop-filter .3s ease;
        pointer-events: none;
    }

    #pixpix-local-nav.pixpix-original-nav.is-scrolled::before {
        opacity: 1;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-row {
        position: relative;
        z-index: 1;
    }

/* source: pixpix-original-shell-restore-style */

    #pixpix-local-nav.pixpix-original-nav {
        height: 60px !important;
        padding: 0 !important;
        color: #fff !important;
        background: transparent !important;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-row {
        height: 60px !important;
        min-height: 60px !important;
        padding: 0 24px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #fff !important;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-logo {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #fff;
        font: 700 18px/1 Arial, sans-serif;
        text-decoration: none;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-wanpishi-logo {
        display: block;
        width: 150px;
        height: auto;
        object-fit: contain;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-mark {
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: #fff;
        color: #000;
        font: bold 19px/1 Arial, sans-serif;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-links {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 3px;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-links button, #pixpix-local-nav.pixpix-original-nav .pixpix-original-links a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        height: 36px;
        padding: 0 12px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: rgba(255, 255, 255, .82);
        font: 500 14px/1 system-ui, sans-serif;
        white-space: nowrap;
        cursor: pointer;
        text-decoration: none;
        transition: background-color .2s ease, color .2s ease;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-links button:hover, #pixpix-local-nav.pixpix-original-nav .pixpix-original-links a:hover {
        background: rgba(255, 255, 255, .09);
        color: #fff;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-links .pixpix-original-ecom {
        display: flex;
        align-items: center;
        padding: 1px;
        border: 1px solid rgba(255, 255, 255, .3);
        border-radius: 999px;
        background: rgba(255, 255, 255, .15);
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-actions button {
        height: 32px;
        padding: 0 11px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: rgba(255, 255, 255, .85);
        font: 500 13px/1 system-ui, sans-serif;
        cursor: pointer;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-actions .pixpix-original-theme {
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        padding: 0;
        border-radius: 50%;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-actions .pixpix-original-theme svg {
        width: 21px;
        height: 21px;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-actions button:hover {
        background: rgba(255, 255, 255, .1);
        color: #fff;
    }

    #pixpix-local-nav.pixpix-original-nav .pixpix-original-actions .pixpix-original-login {
        padding: 0 16px;
        background: #fff;
        color: #171717;
    }

    .pixpix-restore-hero .CandidateHero_platformInner__E_UPd {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 2.42 / 1;
    }

    .pixpix-restore-hero .CandidateHero_outputCanvas__YdEHe {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

    .pixpix-restore-hero .CandidateHero_taskSidebar__8miIw {
        display: none !important;
    }

    .pixpix-restore-hero .CandidateHero_taskSwitcher__5ZdV7 {
        display: flex !important;
    }

    .pixpix-restore-hero .CandidateHero_taskSwitcher__5ZdV7 {
        justify-content: center;
        gap: 8px;
        margin: 18px auto 0;
    }

    .pixpix-restore-hero .CandidateHero_taskSwitcher__5ZdV7 button {
        width: 58px;
        height: 4px;
        padding: 0;
        overflow: hidden;
        border: 0;
        border-radius: 99px;
        background: rgba(255, 255, 255, .28);
        cursor: pointer;
    }

    .pixpix-restore-hero .CandidateHero_taskSwitcher__5ZdV7 button[aria-pressed="true"] {
        background: #fff;
    }

    @media (max-width: 760px) {
        #pixpix-local-nav.pixpix-original-nav .pixpix-original-links {
            display: none !important
        }

        .pixpix-restore-hero .CandidateHero_platformInner__E_UPd {
            height: auto !important;
            min-height: 0 !important;
            aspect-ratio: 16 / 10
        }

        .pixpix-restore-hero .CandidateHero_outputCanvas__YdEHe {
            height: 100% !important
        }
    }

/* source: wanpishi-hero-title-centering-style */

    .CandidateHero_heroInformation__EN_6w .CandidateHero_heroCopy__NEz7M {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .CandidateHero_heroInformation__EN_6w .CandidateHero_heroTitle__vPcbn {
        width: 100%;
        max-width: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        transform: none;
    }

    .CandidateHero_heroInformation__EN_6w .CandidateHero_heroTitle__vPcbn > * {
        width: 100%;
        text-align: center;
    }

/* source: wanpishi-logo-style */

    #pixpix-local-nav .wanpishi-logo-link {
        display: flex;
        align-items: center;
        height: 64px;
        text-decoration: none;
    }

    #pixpix-local-nav .wanpishi-logo-image {
        display: block;
        width: 190px;
        max-height: none;
        height: auto;
        margin-left: -24px;
        object-fit: contain;
        object-position: left center;
    }

    @media (max-width: 980px) {
        #pixpix-local-nav .wanpishi-logo-image {
            width: 151px;
            margin-left: -18px;
        }
    }

    @media (max-width: 520px) {
        #pixpix-local-nav .wanpishi-logo-image {
            width: 112px;
            margin-left: -12px;
            transform: none;
        }
    }

/* source: pixpix-single-hero-video-style */

    .CandidateHero_showcase__s7LJG {
        position: relative;
        z-index: 3;
    }

    .CandidateHero_showcase__s7LJG .CandidateHero_platformInner__E_UPd.pixpix-single-video-stage {
        display: block;
        height: clamp(430px, 42vw, 680px);
    }

    .pixpix-single-canvas {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 16px;
        box-sizing: border-box;
        border-radius: 25px;
        background: linear-gradient(180deg, #215978 0%, #7dacc0 100%);
        box-shadow: 0 16px 42px rgba(9, 22, 44, .18);
    }

    .pixpix-single-canvas-header {
        display: grid;
        grid-template-columns:1fr auto 1fr;
        align-items: center;
        min-height: 48px;
        padding: 0 4px 12px;
        color: #f8fbff;
        font-size: clamp(13px, 1.55vw, 24px);
        line-height: 1;
    }

    .pixpix-single-canvas-header strong {
        font-weight: 500;
        text-align: center;
        white-space: nowrap;
    }

    .pixpix-single-canvas-header .pixpix-canvas-badge {
        justify-self: start;
        padding: 7px 12px;
        border-radius: 999px;
        background: #f6f6f3;
        color: #242529;
        font-size: clamp(11px, .95vw, 16px);
        white-space: nowrap;
    }

    .pixpix-single-canvas-header .pixpix-canvas-spec {
        justify-self: end;
        color: rgba(238, 247, 255, .6);
        font-size: clamp(11px, .95vw, 16px);
        font-weight: 700;
        white-space: nowrap;
    }

    .pixpix-single-hero-video {
        flex: 1;
        min-height: 0;
        overflow: hidden;
        padding: 24px;
        border-radius: 25px;
        background: #0b0d14;
    }

    .pixpix-single-hero-video video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 14px;
        background: #0b0d14;
    }

    .CandidateHero_hero__fDXr2 .CandidateHero_taskSwitcher__5ZdV7 {
        display: none !important;
    }

    @media (max-width: 760px) {
        .CandidateHero_showcase__s7LJG .CandidateHero_platformInner__E_UPd.pixpix-single-video-stage {
            height: 62vw;
            min-height: 330px;
        }

        .pixpix-single-canvas {
            padding: 9px;
            border-radius: 16px;
        }

        .pixpix-single-canvas-header {
            min-height: 32px;
            padding-bottom: 7px;
        }

        .pixpix-single-hero-video {
            padding: 9px;
            border-radius: 15px;
        }
    }

/* source: pixpix-download-button-style */

    #pixpix-local-nav .pixpix-download-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 42px;
        padding: 0 21px;
        border: 1px solid rgba(31, 42, 69, .1);
        border-radius: 999px;
        background: #fff;
        box-shadow: 0 5px 14px rgba(25, 40, 86, .12);
        color: #17181b;
        font: 600 15px/1 inherit;
        white-space: nowrap;
        cursor: pointer;
        transition: transform .28s cubic-bezier(.76, 0, .24, 1), box-shadow .28s cubic-bezier(.76, 0, .24, 1);
    }

    #pixpix-local-nav .pixpix-download-button:hover {
        transform: translate3d(0, -2px, 0);
        box-shadow: 0 9px 20px rgba(25, 40, 86, .17);
    }

    #pixpix-local-nav .pixpix-download-button:focus-visible {
        outline: 2px solid #0012f0;
        outline-offset: 3px;
    }

    @media (max-width: 980px) {
        #pixpix-local-nav .pixpix-download-button {
            display: none;
        }
    }

/* source: pixpix-tecdo-navigation-motion-style */

    #pixpix-local-nav .pixpix-reference-links {
        position: relative;
        isolation: isolate;
    }

    #pixpix-local-nav .pixpix-reference-link {
        position: relative;
        z-index: 1;
        transition: color .3s cubic-bezier(.76, 0, .24, 1), font-weight .3s cubic-bezier(.76, 0, .24, 1), opacity 1s cubic-bezier(.76, 0, .24, 1), transform 1.2s cubic-bezier(.76, 0, .24, 1);
    }

    #pixpix-local-nav .pixpix-reference-link.is-selected {
        color: #0012f0;
        font-weight: 600;
    }

    #pixpix-local-nav .pixpix-reference-link:hover {
        color: #0012f0;
        background: transparent;
    }

    #pixpix-local-nav .pixpix-reference-indicator {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        height: 42px;
        border-radius: 999px;
        background: #eef3ff;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
        transform: translate3d(var(--pixpix-nav-x, 0), 0, 0);
        width: var(--pixpix-nav-w, 0);
        transition: transform .5s cubic-bezier(.76, 0, .24, 1), width .5s cubic-bezier(.76, 0, .24, 1);
        will-change: transform, width;
        pointer-events: none;
    }

    #pixpix-local-nav .pixpix-reference-links.is-entering .pixpix-reference-link {
        opacity: 0;
        transform: translate3d(0, 10px, 0);
    }

    #pixpix-local-nav .pixpix-reference-links.is-ready .pixpix-reference-link {
        opacity: 1;
        transform: none;
    }

    #pixpix-local-nav .pixpix-reference-links.is-ready .pixpix-reference-link:nth-of-type(1) {
        transition-delay: .05s;
    }

    #pixpix-local-nav .pixpix-reference-links.is-ready .pixpix-reference-link:nth-of-type(2) {
        transition-delay: .1s;
    }

    #pixpix-local-nav .pixpix-reference-links.is-ready .pixpix-reference-link:nth-of-type(3) {
        transition-delay: .15s;
    }

    #pixpix-local-nav .pixpix-reference-links.is-ready .pixpix-reference-link:nth-of-type(4) {
        transition-delay: .2s;
    }

    @media (prefers-reduced-motion: reduce) {
        #pixpix-local-nav .pixpix-reference-link, #pixpix-local-nav .pixpix-reference-indicator {
            transition: none;
        }
    }

/* source: pixpix-reference-navigation-style */

    #pixpix-local-nav {
        padding: 8px 20px 0;
        color: #17181b !important;
        box-sizing: border-box;
    }

    #pixpix-local-nav .pixpix-reference-row {
        min-height: 64px;
        height: 64px;
        padding: 0 28px;
        border: 1px solid rgba(255, 255, 255, .78);
        border-radius: 34px;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 8px 24px rgba(32, 50, 120, .12);
        color: #17181b;
    }

    #pixpix-local-nav .pixpix-reference-row > :first-child {
        color: #17181b;
    }

    #pixpix-local-nav .pixpix-reference-row > :first-child svg {
        color: #17181b;
    }

    #pixpix-local-nav .pixpix-reference-links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
    }

    #pixpix-local-nav .pixpix-reference-link {
        display: inline-flex;
        align-items: center;
        height: 42px;
        padding: 0 22px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: #28282b;
        font: 600 16px/1 inherit;
        white-space: nowrap;
        cursor: pointer;
        text-decoration: none;
        transition: background-color .16s ease;
    }

    #pixpix-local-nav .pixpix-reference-link:hover {
        background: #f2f5fb;
    }

    #pixpix-local-nav .pixpix-reference-link:focus-visible {
        outline: 2px solid #8aa7ff;
        outline-offset: 2px;
    }

    #pixpix-local-nav .pixpix-nav-panel {
        display: none !important;
    }

    #pixpix-local-nav .pixpix-nav-actions {
        gap: 4px;
        color: #17181b;
    }

    #pixpix-local-nav .pixpix-theme-button, #pixpix-local-nav .pixpix-menu-button {
        color: #17181b;
    }

    #pixpix-local-nav .pixpix-theme-button:hover, #pixpix-local-nav .pixpix-menu-button:hover {
        background: #f2f5fb;
    }

    #pixpix-local-nav .pixpix-mobile-drawer {
        color: #17181b;
        background: rgba(255, 255, 255, .98);
        border-color: rgba(30, 36, 50, .1);
    }

    #pixpix-local-nav .pixpix-mobile-drawer a {
        color: #17181b;
    }

    @media (max-width: 980px) {
        #pixpix-local-nav {
            padding: 8px 12px 0;
        }

        #pixpix-local-nav .pixpix-reference-row {
            min-height: 58px;
            height: 58px;
            padding: 0 17px;
            border-radius: 29px;
        }

        #pixpix-local-nav .pixpix-reference-link {
            font-size: 15px;
        }
    }

    @media (max-width: 520px) {
        #pixpix-local-nav .pixpix-reference-row > :first-child svg:last-child {
            width: 54px;
        }
    }

/* source: pixpix-navigation-style */

    #pixpix-local-nav {
        color: var(--pixpix-nav-fg, #fff);
    }

    #pixpix-local-nav .pixpix-nav-center {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
    }

    #pixpix-local-nav .pixpix-nav-links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3px;
        min-width: 0;
    }

    #pixpix-local-nav .pixpix-nav-item {
        display: inline-flex;
        height: 36px;
        align-items: center;
        gap: 6px;
        padding: 0 12px;
        border: 0;
        border-radius: 999px;
        color: inherit;
        background: transparent;
        font: 500 14px/20px inherit;
        white-space: nowrap;
        cursor: pointer;
        transition: background-color .18s ease, color .18s ease;
    }

    #pixpix-local-nav .pixpix-nav-item:hover, #pixpix-local-nav .pixpix-nav-item[aria-expanded="true"] {
        background: rgba(255, 255, 255, .09);
    }

    #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-nav-item:hover, #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-nav-item[aria-expanded="true"] {
        background: rgba(0, 0, 0, .055);
    }

    #pixpix-local-nav .pixpix-nav-item.is-pill {
        height: 32px;
        padding: 0 11px;
        font-weight: 400;
    }

    #pixpix-local-nav .pixpix-nav-icon {
        width: 15px;
        height: 15px;
        object-fit: contain;
        flex: none;
    }

    #pixpix-local-nav .pixpix-icon-light {
        display: none;
    }

    #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-icon-light {
        display: block;
    }

    #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-icon-dark {
        display: none;
    }

    #pixpix-local-nav .pixpix-new {
        width: 25px;
        height: 13px;
        object-fit: contain;
    }

    #pixpix-local-nav .pixpix-ecom {
        display: flex;
        align-items: center;
        margin-left: 7px;
        padding: 1px;
        border: 1px solid rgba(255, 255, 255, .3);
        border-radius: 999px;
        background: rgba(255, 255, 255, .13);
    }

    #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-ecom {
        border-color: rgba(0, 0, 0, .12);
        background: rgba(255, 255, 255, .42);
    }

    #pixpix-local-nav .pixpix-nav-actions {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: flex-end;
        pointer-events: auto;
    }

    #pixpix-local-nav .pixpix-theme-button, #pixpix-local-nav .pixpix-menu-button {
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        border: 0;
        border-radius: 50%;
        color: inherit;
        background: transparent;
        cursor: pointer;
        transition: background-color .18s ease, transform .18s ease;
    }

    #pixpix-local-nav .pixpix-theme-button:hover, #pixpix-local-nav .pixpix-menu-button:hover {
        background: rgba(255, 255, 255, .09);
    }

    #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-theme-button:hover, #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-menu-button:hover {
        background: rgba(0, 0, 0, .055);
    }

    #pixpix-local-nav .pixpix-theme-button svg {
        width: 16px;
        height: 16px;
        transition: transform .3s ease;
    }

    #pixpix-local-nav .pixpix-theme-button:hover svg {
        transform: rotate(20deg);
    }

    #pixpix-local-nav .pixpix-menu-button {
        display: none;
    }

    #pixpix-local-nav .pixpix-nav-panel {
        position: absolute;
        top: 60px;
        left: 50%;
        width: min(440px, calc(100vw - 32px));
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 16px;
        background: rgba(19, 20, 25, .82);
        box-shadow: 0 16px 45px rgba(0, 0, 0, .22);
        backdrop-filter: blur(22px);
        transform: translate(-50%, -7px);
        opacity: 0;
        pointer-events: none;
        transition: opacity .16s ease, transform .2s cubic-bezier(.22, 1, .36, 1);
    }

    #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-nav-panel {
        border-color: rgba(0, 0, 0, .1);
        background: rgba(255, 255, 255, .82);
        box-shadow: 0 16px 45px rgba(20, 30, 40, .12);
    }

    #pixpix-local-nav .pixpix-nav-panel.is-open {
        opacity: 1;
        transform: translate(-50%, 0);
        pointer-events: auto;
    }

    #pixpix-local-nav .pixpix-nav-panel-title {
        margin: 4px 8px 8px;
        font-size: 12px;
        font-weight: 600;
        opacity: .55;
    }

    #pixpix-local-nav .pixpix-nav-panel-grid {
        display: grid;
        grid-template-columns:1fr 1fr;
        gap: 3px;
    }

    #pixpix-local-nav .pixpix-nav-panel a {
        padding: 9px 10px;
        border-radius: 10px;
        color: inherit;
        font-size: 14px;
        text-decoration: none;
        transition: background-color .16s ease;
    }

    #pixpix-local-nav .pixpix-nav-panel a:hover {
        background: rgba(255, 255, 255, .1);
    }

    #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-nav-panel a:hover {
        background: rgba(0, 0, 0, .055);
    }

    #pixpix-local-nav .pixpix-mobile-drawer {
        display: none;
    }

    html:not(.dark) body {
        background: #f4f7fb;
    }

    @media (max-width: 980px) {
        #pixpix-local-nav .pixpix-nav-links {
            display: none;
        }

        #pixpix-local-nav .pixpix-menu-button {
            display: grid;
        }

        #pixpix-local-nav .pixpix-mobile-drawer {
            position: absolute;
            top: 60px;
            left: 12px;
            right: 12px;
            display: grid;
            grid-template-columns:1fr 1fr;
            gap: 4px;
            padding: 10px;
            border: 1px solid rgba(255, 255, 255, .14);
            border-radius: 16px;
            background: rgba(19, 20, 25, .9);
            box-shadow: 0 18px 45px rgba(0, 0, 0, .23);
            backdrop-filter: blur(22px);
            opacity: 0;
            visibility: hidden;
            transform: translateY(-8px);
            transition: opacity .18s ease, transform .22s ease, visibility .22s;
        }

        #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-mobile-drawer {
            border-color: rgba(0, 0, 0, .1);
            background: rgba(255, 255, 255, .92);
        }

        #pixpix-local-nav .pixpix-mobile-drawer.is-open {
            opacity: 1;
            visibility: visible;
            transform: none;
        }

        #pixpix-local-nav .pixpix-mobile-drawer a {
            padding: 11px 10px;
            border-radius: 10px;
            color: inherit;
            font-size: 14px;
            text-decoration: none;
        }

        #pixpix-local-nav .pixpix-mobile-drawer a:hover {
            background: rgba(255, 255, 255, .1);
        }

        #pixpix-local-nav[data-pixpix-theme="light"] .pixpix-mobile-drawer a:hover {
            background: rgba(0, 0, 0, .055);
        }
    }

    @media (max-width: 520px) {
        #pixpix-local-nav .pixpix-mobile-drawer {
            grid-template-columns:1fr;
        }

        #pixpix-local-nav .pixpix-nav-panel {
            display: none;
        }
    }

/* source: pixpix-hero-case-carousel-style */

    .CandidateHero_showcase__s7LJG {
        --pixpix-case-glow: rgba(113, 141, 255, .22);
        transition: background 420ms ease;
        background: radial-gradient(80% 100% at 50% 100%, var(--pixpix-case-glow), transparent 68%);
    }

    .CandidateHero_platformInner__E_UPd.pixpix-hero-stage {
        position: relative;
        display: block;
        height: 452px;
    }

    .pixpix-hero-case-layer {
        position: absolute;
        inset: 0;
        display: grid;
        grid-template-columns:minmax(0, 1.96fr) minmax(300px, 1fr);
        gap: 20px;
        opacity: 0;
        transform: translate3d(0, 10px, 0) scale(.992);
        filter: blur(3px);
        pointer-events: none;
        transition: opacity 360ms cubic-bezier(.22, 1, .36, 1), transform 420ms cubic-bezier(.22, 1, .36, 1), filter 300ms ease;
    }

    .pixpix-hero-case-layer.is-current {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: none;
        pointer-events: auto;
    }

    .pixpix-hero-case-layer.is-leaving {
        opacity: 0;
        transform: translate3d(0, -8px, 0) scale(1.008);
        filter: blur(3px);
    }

    .pixpix-hero-case-layer .CandidateHero_outputCanvas__YdEHe, .pixpix-hero-case-layer .CandidateHero_taskSidebar__8miIw {
        width: auto;
        min-width: 0;
        height: 452px;
    }

    .pixpix-case-grid {
        display: grid;
        grid-template-columns:1.06fr .94fr;
        grid-template-rows:1fr 1fr;
        gap: 12px;
        height: 100%;
        padding: 12px;
        box-sizing: border-box;
        background: linear-gradient(135deg, #1a1c2a, #0d0e15);
    }

    .pixpix-case-grid img {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        object-fit: cover;
        border-radius: 8px;
        background: #20222c;
    }

    .pixpix-case-grid img:first-child {
        grid-row: span 2;
    }

    .pixpix-amazon-grid {
        display: grid;
        grid-template-columns:1.12fr .88fr;
        grid-template-rows:1fr 1fr;
        gap: 12px;
        height: 100%;
        padding: 12px;
        box-sizing: border-box;
        background: linear-gradient(135deg, #14161d, #101116);
    }

    .pixpix-amazon-grid img {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        object-fit: cover;
        border-radius: 8px;
        background: #1f2129;
    }

    .pixpix-amazon-grid img:first-child {
        grid-row: span 2;
    }

    .CandidateHero_heroTitle__vPcbn.pixpix-title-leaving {
        opacity: 0;
        transform: translate3d(0, -7px, 0);
        filter: blur(3px);
    }

    .CandidateHero_heroTitle__vPcbn.pixpix-title-entering {
        opacity: 0;
        transform: translate3d(0, 9px, 0);
        filter: blur(3px);
    }

    .CandidateHero_heroTitle__vPcbn {
        transition: opacity 220ms ease, transform 320ms cubic-bezier(.22, 1, .36, 1), filter 220ms ease;
    }

    .CandidateHero_taskSwitcher__5ZdV7 button {
        cursor: pointer;
    }

    .CandidateHero_taskSegmentProgress__CtvX2 {
        transform-origin: left center;
        will-change: transform;
    }

    @media (max-width: 760px) {
        .CandidateHero_platformInner__E_UPd.pixpix-hero-stage {
            height: 830px;
        }

        .pixpix-hero-case-layer {
            grid-template-columns:1fr;
            grid-template-rows:420px 390px;
            gap: 12px;
        }

        .pixpix-hero-case-layer .CandidateHero_outputCanvas__YdEHe, .pixpix-hero-case-layer .CandidateHero_taskSidebar__8miIw {
            height: auto;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .pixpix-hero-case-layer, .CandidateHero_heroTitle__vPcbn {
            transition: none;
        }
    }

/* source: wanpishi-tv-logo-wall-dark-hover-contrast */

    /* Keep every coloured part of the original artwork intact.  The companion
     script below only replaces neutral near-black pixels in the hover bitmap. */
    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__color,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__color {
        filter: none !important;
    }

    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:hover .tv-logo-wall__color,
    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:focus-visible .tv-logo-wall__color,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:hover .tv-logo-wall__color,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:focus-visible .tv-logo-wall__color {
        opacity: 1 !important;
    }

    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:hover .tv-logo-wall__base,
    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:focus-visible .tv-logo-wall__base,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:hover .tv-logo-wall__base,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:focus-visible .tv-logo-wall__base {
        opacity: 0 !important;
    }

/* source: wanpishi-globe-reference-refresh */

    /* Reference-matched globe treatment: the draggable globe retains its
     existing canvas interaction while gaining the soft blue glass surface and
     clearly separated orbital rings from the supplied visual. */
    #wanpishi-global-presence .presence-globe-wrap {
        border-radius: 50%;
        overflow: visible;
        isolation: isolate;
    }

    #wanpishi-global-presence .presence-globe-wrap::before {
        content: "";
        position: absolute;
        inset: 3.8%;
        z-index: -1;
        border-radius: 50%;
        background: radial-gradient(circle at 42% 31%, rgba(255, 255, 255, .98) 0 8%, rgba(238, 244, 255, .96) 35%, rgba(191, 208, 255, .72) 72%, rgba(150, 174, 247, .28) 100%);
        box-shadow: inset -22px -26px 40px rgba(77, 108, 205, .11), inset 15px 14px 28px rgba(255, 255, 255, .8), 0 18px 44px rgba(85, 120, 235, .16);
    }

    #wanpishi-global-presence .presence-globe {
        position: relative;
        z-index: 1;
    }

    #wanpishi-global-presence .presence-orbit {
        border-color: rgba(116, 148, 245, var(--orbit-opacity)) !important;
    }

    #wanpishi-global-presence .presence-orbit:nth-of-type(3),
    #wanpishi-global-presence .presence-orbit:nth-of-type(4),
    #wanpishi-global-presence .presence-orbit:nth-of-type(5) {
        border-style: dashed;
    }

    #wanpishi-global-presence .presence-orbit:nth-of-type(1)::after,
    #wanpishi-global-presence .presence-orbit:nth-of-type(2)::after {
        background: conic-gradient(transparent 0deg, transparent 208deg, rgba(87, 122, 231, .15) 232deg, rgba(69, 104, 218, .8) 265deg, rgba(92, 129, 241, .98) 287deg, transparent 310deg) !important;
    }

    #wanpishi-jdcloud-partner .jdpartner-earth-dots {
        display: block;
        border-radius: 50%;
        object-fit: initial;
        background: transparent;
        mix-blend-mode: normal;
        pointer-events: auto;
        cursor: grab;
        touch-action: none;
    }

    /* Remove the dotted globe artwork while keeping the partner statistics. */
    #wanpishi-jdcloud-partner .jdpartner-earth-dots,
    #wanpishi-jdcloud-partner .jdpartner-earth-fallback {
        display: none !important;
    }

    #wanpishi-jdcloud-partner .jdpartner-earth-dots:active {
        cursor: grabbing;
    }

    html.dark #wanpishi-global-presence .presence-globe-wrap::before,
    body.dark #wanpishi-global-presence .presence-globe-wrap::before {
        background: radial-gradient(circle at 43% 30%, rgba(78, 105, 165, .7) 0%, rgba(22, 32, 57, .8) 47%, rgba(2, 6, 17, .96) 100%);
        box-shadow: inset -20px -26px 44px rgba(0, 0, 0, .55), inset 12px 12px 24px rgba(130, 166, 255, .12), 0 22px 50px rgba(0, 0, 0, .45);
    }

    html.dark #wanpishi-global-presence .presence-orbit,
    body.dark #wanpishi-global-presence .presence-orbit {
        border-color: rgba(125, 157, 255, var(--orbit-opacity)) !important;
    }

    html.dark #wanpishi-global-presence .presence-orbit:nth-of-type(1)::after,
    html.dark #wanpishi-global-presence .presence-orbit:nth-of-type(2)::after,
    body.dark #wanpishi-global-presence .presence-orbit:nth-of-type(1)::after,
    body.dark #wanpishi-global-presence .presence-orbit:nth-of-type(2)::after {
        background: conic-gradient(transparent 0deg, transparent 208deg, rgba(130, 161, 255, .13) 232deg, rgba(115, 147, 255, .72) 265deg, rgba(201, 217, 255, .94) 287deg, transparent 310deg) !important;
    }

    html.dark #wanpishi-jdcloud-partner .jdpartner-earth-dots,
    body.dark #wanpishi-jdcloud-partner .jdpartner-earth-dots {
        mix-blend-mode: screen;
        opacity: .9;
    }

/* source: wanpishi-copy-reference-typography */

    .wanpishi-reference-title {
        color: #090909 !important;
        font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
        font-size: clamp(42px, 4.35vw, 72px) !important;
        font-weight: 800 !important;
        line-height: 1.13 !important;
        letter-spacing: -.055em !important;
        text-shadow: none !important;
    }

    /* Final CTA heading: white on both themes and half the previous size. */
    #candidate-final-cta-title,
    #candidate-final-cta-title .pixpix-editable-line {
        color: #fff !important;
        font-size: clamp(21px, 2.18vw, 36px) !important;
        line-height: 1.2 !important;
    }

    .wanpishi-reference-subtitle {
        margin-top: 22px !important;
        color: #4a4a4a !important;
        font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
        font-size: clamp(18px, 1.65vw, 28px) !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
    }

    .wanpishi-cooperation-copy-shadow {
        text-shadow: none !important;
    }

    html.dark .wanpishi-reference-title, body.dark .wanpishi-reference-title {
        color: #fff !important;
    }

    html.dark .wanpishi-reference-subtitle, body.dark .wanpishi-reference-subtitle {
        color: rgba(255, 255, 255, .72) !important;
    }

    /* Third screen: explicit game-showcase type scale and theme colours. */
    .wanpishi-games-title {
        font-size: 48px !important;
        line-height: 48px !important;
        color: #222 !important;
    }

    .wanpishi-games-subtitle {
        margin-top: 16px !important;
        font-size: 18px !important;
        line-height: 28px !important;
        color: #919191 !important;
    }

    html.dark .wanpishi-games-title, body.dark .wanpishi-games-title {
        color: rgba(255, 255, 255, .9) !important;
    }

    html.dark .wanpishi-games-subtitle, body.dark .wanpishi-games-subtitle {
        color: rgba(220, 228, 255, .56) !important;
    }

    @media (max-width: 1279px) {
        .wanpishi-games-title {
            font-size: clamp(32px, 5vw, 42px) !important;
            line-height: 1.15 !important;
        }

        .wanpishi-games-subtitle {
            font-size: 18px !important;
            line-height: 28px !important;
        }
    }

    @media (max-width: 720px) {
        .wanpishi-games-subtitle {
            font-size: 18px !important;
            line-height: 28px !important;
        }
    }

/* source: wanpishi-final-cta-copy-contrast */

    /* Keep the final card legible over either its light or dark artwork. */
    #candidate-final-cta-title,
    #candidate-final-cta-title .pixpix-editable-line,
    .wanpishi-reference-title:has(+ .wanpishi-final-cta-subtitle) {
        color: #fff !important;
        text-shadow: 0 3px 10px rgba(0, 0, 0, .42), 0 10px 26px rgba(0, 0, 0, .30) !important;
    }

    .wanpishi-final-cta-subtitle {
        color: #fff !important;
        text-shadow: none !important;
    }

/* source: wanpishi-youdoo-reviews-style */

    #wanpishi-youdoo-reviews {
        --review-ink: #131924;
        position: relative;
        z-index: 2;
        overflow: hidden;
        padding: 116px 0 96px;
        background: #fff;
        color: var(--review-ink);
        isolation: isolate;
    }

    #wanpishi-youdoo-reviews * {
        box-sizing: border-box;
    }

    #wanpishi-youdoo-reviews::before {
        content: none;
    }

    .wanpishi-reviews-header {
        position: relative;
        z-index: 1;
        margin: 0 auto 30px;
        padding: 0 24px;
        text-align: center;
    }

    .wanpishi-reviews-kicker {
        display: none;
    }

    .wanpishi-reviews-header h2 {
        margin: 0;
        color: #131924;
        font: 800 48px/48px "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
        letter-spacing: -.05em;
        text-shadow: none;
    }

    .wanpishi-reviews-header p {
        margin: 16px 0 0;
        color: #333;
        font: 500 18px/28px "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    }

    .wanpishi-reviews-viewport {
        position: relative;
        z-index: 1;
        overflow: hidden;
        width: 100%;
        padding: 12px 0;
        margin: -12px 0;
    }

    .wanpishi-reviews-track {
        display: flex;
        width: max-content;
        gap: 24px;
        padding-left: clamp(24px, 9.2vw, 110px);
        cursor: grab;
        touch-action: pan-y;
        will-change: transform;
        user-select: none;
    }

    .wanpishi-reviews-track.is-dragging {
        cursor: grabbing;
    }

    .wanpishi-review-card {
        position: relative;
        flex: 0 0 480px;
        width: 480px;
        min-height: 360px;
        overflow: hidden;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
        will-change: transform;
        transition: transform .3s ease, box-shadow .3s ease;
    }

    .wanpishi-review-card:hover {
        transform: translate3d(0, -4px, 0);
        box-shadow: 0 14px 30px rgba(0, 0, 0, .12);
    }

    .wanpishi-review-copy {
        display: flex;
        min-height: 360px;
        flex-direction: column;
        justify-content: space-between;
        padding: 24px;
    }

    .wanpishi-review-person {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .wanpishi-review-avatar {
        width: 44px;
        height: 44px;
        object-fit: contain;
    }

    .wanpishi-review-name {
        color: #131924;
        font: 800 16px/1.2 "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    }

    .wanpishi-review-role {
        margin-top: 5px;
        color: #6a6f78;
        font: 400 12px/1 "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    }

    .wanpishi-review-text {
        margin: 0;
        color: #2e3440;
        font: 400 15px/1.75 "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    }

    .wanpishi-review-footer {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .wanpishi-review-stars {
        color: #ff5c9b;
        font: 700 16px/1 sans-serif;
        letter-spacing: 2px;
        text-shadow: 0 2px 5px rgba(255, 92, 155, .22);
    }

    .wanpishi-review-date {
        color: #4f5661;
        font: 600 12px/1 "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    }

    .wanpishi-review-swoosh {
        display: none !important;
    }

    .wanpishi-review-card.is-video {
        cursor: pointer;
        background-position: center;
        background-size: cover;
    }

    .wanpishi-review-card.is-video::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .60);
    }

    .wanpishi-review-card.is-video .wanpishi-review-copy {
        position: relative;
        z-index: 1;
    }

    .wanpishi-review-card.is-video .wanpishi-review-name,
    .wanpishi-review-card.is-video .wanpishi-review-role,
    .wanpishi-review-card.is-video .wanpishi-review-date {
        color: #fff;
    }

    .wanpishi-review-card.is-video .wanpishi-review-text,
    .wanpishi-review-card.is-video .wanpishi-review-swoosh {
        display: none;
    }

    .wanpishi-review-play {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        display: grid;
        width: 64px;
        height: 64px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        place-items: center;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, .96);
        color: #131924;
        cursor: pointer;
        transition: transform .2s ease, background .2s ease;
    }

    .wanpishi-review-play:hover {
        transform: translate(-50%, -50%) scale(1.08);
        background: #fff;
    }

    .wanpishi-review-play svg {
        width: 25px;
        height: 25px;
        margin-left: 3px;
    }

    .wanpishi-reviews-modal {
        position: fixed;
        z-index: 9999;
        inset: 0;
        display: grid;
        place-items: center;
        padding: 24px;
        background: rgba(4, 7, 13, .78);
        opacity: 0;
        pointer-events: none;
        transition: opacity .22s ease;
    }

    .wanpishi-reviews-modal.is-open {
        opacity: 1;
        pointer-events: auto;
    }

    .wanpishi-reviews-modal video {
        width: min(960px, 100%);
        max-height: 82vh;
        border-radius: 18px;
        background: #000;
        box-shadow: 0 24px 80px rgba(0, 0, 0, .48);
    }

    .wanpishi-reviews-modal button {
        position: absolute;
        top: 20px;
        right: 24px;
        width: 42px;
        height: 42px;
        border: 0;
        border-radius: 50%;
        background: #fff;
        color: #111;
        font: 600 25px/1 Arial, sans-serif;
        cursor: pointer;
    }

    html.dark #wanpishi-youdoo-reviews, body.dark #wanpishi-youdoo-reviews {
        --review-ink: #fff;
        background: #080b11;
    }

    html.dark .wanpishi-reviews-header h2, body.dark .wanpishi-reviews-header h2 {
        color: #fff;
    }

    html.dark .wanpishi-reviews-header p, body.dark .wanpishi-reviews-header p {
        color: rgba(255, 255, 255, .7);
    }

    html.dark .wanpishi-review-card, body.dark .wanpishi-review-card {
        background: #111722;
        box-shadow: 0 10px 28px rgba(0, 0, 0, .3);
    }

    html.dark .wanpishi-review-name, body.dark .wanpishi-review-name {
        color: #fff;
    }

    html.dark .wanpishi-review-role, html.dark .wanpishi-review-date, body.dark .wanpishi-review-role, body.dark .wanpishi-review-date {
        color: #abb5c7;
    }

    html.dark .wanpishi-review-text, body.dark .wanpishi-review-text {
        color: #e2e8f3;
    }

    @media (max-width: 720px) {
        #wanpishi-youdoo-reviews {
            padding: 100px 0 106px;
        }

        .wanpishi-reviews-header {
            margin-bottom: 25px;
            padding: 0 20px;
        }

        .wanpishi-reviews-header h2 {
            font-size: clamp(32px, 8vw, 42px);
            line-height: 1.15;
        }

        .wanpishi-reviews-header p {
            margin-top: 16px;
            font-size: 18px;
            line-height: 28px;
        }

        .wanpishi-reviews-track {
            gap: 16px;
            padding-left: 20px;
        }

        .wanpishi-review-card {
            flex-basis: min(84vw, 380px);
            width: min(84vw, 380px);
            min-height: 330px;
        }

        .wanpishi-review-copy {
            min-height: 330px;
            padding: 20px;
        }

        .wanpishi-review-text {
            font-size: 14px;
            line-height: 1.7;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .wanpishi-review-card {
            transition: none;
        }
    }

/* source: wanpishi-pixpix-heading-system-style-late */

    :root {
        --wanpishi-heading-size: clamp(38px, 4vw, 48px);
        --wanpishi-heading-sub-size: clamp(16px, 1.5vw, 18px);
        --wanpishi-heading-ease: cubic-bezier(.22, 1, .36, 1)
    }

    .wanpishi-heading-block {
        text-align: center;
        scroll-margin-top: 96px
    }

    .wanpishi-heading-block .wanpishi-pixpix-heading {
        margin: 0 !important;
        font-size: var(--wanpishi-heading-size) !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-wrap: balance
    }

    .wanpishi-heading-block .wanpishi-pixpix-subheading {
        margin: 16px auto 0 !important;
        max-width: min(760px, calc(100vw - 40px));
        font-size: var(--wanpishi-heading-sub-size) !important;
        font-weight: 400 !important;
        line-height: 1.556 !important;
        letter-spacing: 0 !important;
        text-wrap: balance
    }

    .wanpishi-heading-block.wanpishi-heading-motion .wanpishi-pixpix-heading, .wanpishi-heading-block.wanpishi-heading-motion .wanpishi-pixpix-subheading {
        opacity: 0;
        transform: translate3d(0, 22px, 0);
        will-change: transform, opacity;
        transition: opacity 560ms var(--wanpishi-heading-ease), transform 560ms var(--wanpishi-heading-ease)
    }

    .wanpishi-heading-block.wanpishi-heading-motion .wanpishi-pixpix-subheading {
        transition-delay: 100ms
    }

    .wanpishi-heading-block.wanpishi-heading-motion.is-visible .wanpishi-pixpix-heading, .wanpishi-heading-block.wanpishi-heading-motion.is-visible .wanpishi-pixpix-subheading {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    .CandidateHero_heroCopy__NEz7M .wanpishi-pixpix-heading {
        font-size: clamp(40px, 4vw, 48px) !important;
        line-height: 1.25 !important
    }

    .CandidateHero_heroCopy__NEz7M .wanpishi-pixpix-subheading {
        margin-top: 16px !important;
        font-size: 16px !important;
        line-height: 24px !important
    }

    #wanpishi-youdoo-reviews .wanpishi-reviews-header .wanpishi-pixpix-heading {
        font-size: var(--wanpishi-heading-size) !important;
        line-height: 1 !important
    }

    @media (max-width: 720px) {
        :root {
            --wanpishi-heading-size: clamp(32px, 9vw, 42px)
        }

        .wanpishi-heading-block .wanpishi-pixpix-subheading {
            max-width: min(36rem, calc(100vw - 32px))
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .wanpishi-heading-block.wanpishi-heading-motion .wanpishi-pixpix-heading, .wanpishi-heading-block.wanpishi-heading-motion .wanpishi-pixpix-subheading {
            transform: none;
            transition: none
        }
    }

/* source: wanpishi-second-screen-map-and-data-refinement-final */

    /* Keep the supplied floor at its native 4320 × 738 ratio: no stretching.
     The logo rail overlaps half the image, with feathered upper/lower joins. */
    #wanpishi-tv-logo-wall .tv-logo-wall__map-floor {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4320 / 738 !important;
        margin-top: clamp(-120px, -8.542vw, -42px) !important;
        overflow: hidden !important;
        -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 84%, transparent 100%) !important;
        mask-image: linear-gradient(to bottom, #000 0%, #000 84%, transparent 100%) !important;
    }

    #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4320 / 738 !important;
        object-fit: contain !important;
        object-position: center center !important;
        opacity: .82 !important;
    }

    html.dark #wanpishi-tv-logo-wall, body.dark #wanpishi-tv-logo-wall {
        background: #000 !important;
    }

    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img, body.dark #wanpishi-tv-logo-wall .tv-logo-wall__map-floor img {
        opacity: .22 !important;
        filter: brightness(.62) saturate(.82) contrast(1.22) !important;
    }

    /* Deep mode: neutral partner marks need enough luminance against black.
     Hover artwork keeps the same intrinsic box so it cannot visually shrink. */
    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__base,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__base {
        opacity: .76 !important;
        filter: grayscale(1) brightness(2.15) contrast(.72) !important;
    }

    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__item,
    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:hover,
    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:focus-visible,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__item,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:hover,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__item:focus-visible {
        transform: none !important;
    }

    html.dark #wanpishi-tv-logo-wall .tv-logo-wall__color,
    body.dark #wanpishi-tv-logo-wall .tv-logo-wall__color {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        transform: none !important;
    }

    /* The JD data area uses a true black dark surface and centered statistics. */
    #wanpishi-jdcloud-partner .jdpartner-head, #wanpishi-jdcloud-partner .jdpartner-stats, #wanpishi-jdcloud-partner .jdpartner-stat {
        text-align: center !important;
    }

    #wanpishi-jdcloud-partner .jdpartner-stat {
        align-items: center !important;
    }

    #wanpishi-jdcloud-partner .jdpartner-num {
        width: auto !important;
    }

    html.dark #wanpishi-jdcloud-partner, body.dark #wanpishi-jdcloud-partner {
        background: #000 !important;
    }

/* source: wanpishi-home-main-heading-char-motion */

    .wanpishi-home-title-motion .wanpishi-home-title-char {
        display: inline-block;
        opacity: 0;
        transform: translate3d(0, 12px, 0);
        will-change: transform, opacity
    }

    .wanpishi-home-title-motion.is-visible .wanpishi-home-title-char, .wanpishi-heading-block.is-visible .wanpishi-home-title-motion .wanpishi-home-title-char {
        animation: wanpishi-home-title-in .42s cubic-bezier(.2, .75, .25, 1) forwards;
        animation-delay: calc(var(--char-index) * 40ms)
    }

    @keyframes wanpishi-home-title-in {
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0)
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .wanpishi-home-title-motion .wanpishi-home-title-char, .wanpishi-home-title-motion.is-visible .wanpishi-home-title-char, .wanpishi-heading-block.is-visible .wanpishi-home-title-motion .wanpishi-home-title-char {
            opacity: 1;
            transform: none;
            animation: none;
            will-change: auto
        }
    }

/* source: wanpishi-home-hero-title-layout-guard */

    /* The hero uses one span per glyph for its entrance motion. Keep those glyphs
     intrinsically sized so the inherited full-width title-line rule cannot stack them. */
    .CandidateHero_heroTitle__vPcbn.wanpishi-home-title-motion {
        width: 100% !important;
        max-width: none !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        writing-mode: horizontal-tb !important;
    }

    .CandidateHero_heroTitle__vPcbn.wanpishi-home-title-motion > .wanpishi-home-title-char {
        display: inline-block !important;
        width: auto !important;
        min-width: 0 !important;
        white-space: pre !important;
        writing-mode: horizontal-tb !important;
    }

    @media (max-width: 760px) {
        .CandidateHero_heroTitle__vPcbn.wanpishi-home-title-motion {
            white-space: normal !important;
        }
    }

/* source: wanpishi-home-scrolled-nav-fix */

    /* Keep the hero header transparent, then switch to one clean light glass
     layer on scroll. This overrides the older dark pseudo-overlay. */
    #pixpix-local-nav.pixpix-original-nav.is-scrolled,
    #pixpix-local-nav.pixpix-original-navigation-clone.is-scrolled {
        --pixpix-nav-fg: #172033 !important;
        color: #172033 !important;
        background: rgba(255, 255, 255, .92) !important;
        border-bottom: 1px solid rgba(15, 23, 42, .09) !important;
        box-shadow: 0 8px 26px rgba(15, 23, 42, .10) !important;
        backdrop-filter: blur(20px) saturate(130%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(130%) !important;
    }

    html[data-theme="light"] #pixpix-local-nav.pixpix-original-nav.is-scrolled,
    html[data-theme="light"] #pixpix-local-nav.pixpix-original-navigation-clone.is-scrolled,
    html.dark #pixpix-local-nav.pixpix-original-nav.is-scrolled,
    html.dark #pixpix-local-nav.pixpix-original-navigation-clone.is-scrolled {
        background: rgba(255, 255, 255, .92) !important;
    }

    #pixpix-local-nav.pixpix-original-nav.is-scrolled::before,
    #pixpix-local-nav.pixpix-original-navigation-clone.is-scrolled::before {
        opacity: 0 !important;
        backdrop-filter: none !important;
    }

    #pixpix-local-nav.pixpix-original-nav.is-scrolled .pixpix-original-links a,
    #pixpix-local-nav.pixpix-original-navigation-clone.is-scrolled .pixpix-reference-link,
    #pixpix-local-nav.pixpix-original-navigation-clone.is-scrolled .pixpix-menu-button {
        color: #172033 !important;
    }

    #pixpix-local-nav.pixpix-original-nav.is-scrolled .pixpix-original-links a:hover,
    #pixpix-local-nav.pixpix-original-navigation-clone.is-scrolled .pixpix-reference-link:hover {
        background: rgba(22, 100, 255, .08) !important;
        color: #172033 !important;
    }

/* source: wanpishi-home-nav-refresh-line-fix */

    /* Avoid the legacy header border flashing before the local navigation finishes initializing. */
    #pixpix-local-nav:not(.is-scrolled),
    #pixpix-local-nav:not(.is-scrolled) .pixpix-reference-row {
        border-color: transparent !important;
        box-shadow: none !important;
    }

    #pixpix-local-nav:not(.is-scrolled)::before {
        opacity: 0 !important;
    }

/* source: wanpishi-home-mobile-heading-scale */

    /* Mirror the fluid mobile scale used by the community showcase heading. */
    @media (max-width: 760px) {
        #candidate-creative-showcase-title,
        #candidate-video-showcase-title,
        #jdpartner-heading {
            box-sizing: border-box !important;
            width: min(100%, calc(100vw - 40px)) !important;
            max-width: 100% !important;
            margin-inline: auto !important;
            font-size: clamp(30px, 8vw, 48px) !important;
            line-height: 1.18 !important;
            letter-spacing: -0.035em !important;
            white-space: normal !important;
            word-break: keep-all !important;
            overflow-wrap: anywhere !important;
        }
    }

/* source: wanpishi-home-mobile-main-heading-scale */

    /* These section titles are rebuilt into per-character spans for the entrance
     animation, so size the heading and its generated glyphs as one unit. */
    @media (max-width: 760px) {
        #candidate-creative-showcase-title,
        #candidate-video-showcase-title,
        #wanpishi-reviews-title,
        #jdpartner-heading {
            box-sizing: border-box !important;
            width: min(100%, calc(100vw - 40px)) !important;
            max-width: 100% !important;
            margin-inline: auto !important;
            font-size: clamp(30px, 8.1vw, 46px) !important;
            line-height: 1.18 !important;
            letter-spacing: -.035em !important;
            white-space: normal !important;
            word-break: keep-all !important;
            overflow-wrap: anywhere !important;
        }

        #candidate-creative-showcase-title .wanpishi-home-title-char,
        #candidate-video-showcase-title .wanpishi-home-title-char,
        #wanpishi-reviews-title .wanpishi-home-title-char,
        #jdpartner-heading .wanpishi-home-title-char {
            font-size: inherit !important;
            line-height: inherit !important;
            letter-spacing: inherit !important;
        }
    }

    @media (max-width: 390px) {
        #candidate-creative-showcase-title,
        #candidate-video-showcase-title,
        #wanpishi-reviews-title,
        #jdpartner-heading {
            font-size: clamp(27px, 8.3vw, 33px) !important;
        }
    }

/* source: wanpishi-idesign-hero-ornaments */

    /* Source ornaments reconstructed from the iDesign home Lottie image layers. */
    .pixpix-restore-hero .CandidateHero_showcase__s7LJG.wanpishi-idesign-ornament-host {
        position: relative !important;
        isolation: isolate;
        overflow: visible !important;
    }

    .pixpix-restore-hero .wanpishi-idesign-ornament {
        position: absolute;
        /* The video canvas itself is a raised layer (z-index:102). */
        z-index: 103;
        bottom: clamp(-230px, -13vw, -118px);
        width: clamp(106px, 10.8vw, 198px);
        aspect-ratio: 1;
        pointer-events: none;
        user-select: none;
        transform-origin: 50% 50%;
        filter: drop-shadow(0 14px 20px rgba(29, 87, 212, .16));
        will-change: transform;
    }

    .pixpix-restore-hero .wanpishi-idesign-ornament--purple {
        left: clamp(-48px, -2vw, -10px);
        animation: wanpishi-idesign-purple-float 7.2s cubic-bezier(.42, 0, .2, 1) infinite alternate;
    }

    .pixpix-restore-hero .wanpishi-idesign-ornament--blue {
        right: clamp(-48px, -2vw, -10px);
        animation: wanpishi-idesign-blue-float 6.3s cubic-bezier(.42, 0, .2, 1) infinite alternate;
    }

    .pixpix-restore-hero .wanpishi-idesign-ornament img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transform-origin: 50% 50%;
        will-change: transform;
    }

    .pixpix-restore-hero .wanpishi-idesign-ornament--purple img {
        animation: wanpishi-idesign-purple-turn 9s ease-in-out infinite alternate;
    }

    .pixpix-restore-hero .wanpishi-idesign-ornament--blue img {
        animation: wanpishi-idesign-blue-turn 7.8s ease-in-out infinite alternate;
    }

    @keyframes wanpishi-idesign-purple-float {
        0% {
            transform: translate3d(0, 5px, 0) scale(.97);
        }
        46% {
            transform: translate3d(8px, -9px, 0) scale(1.025);
        }
        100% {
            transform: translate3d(-4px, -2px, 0) scale(1);
        }
    }

    @keyframes wanpishi-idesign-blue-float {
        0% {
            transform: translate3d(0, 2px, 0) scale(.98);
        }
        52% {
            transform: translate3d(-7px, -11px, 0) scale(1.035);
        }
        100% {
            transform: translate3d(4px, -4px, 0) scale(1);
        }
    }

    @keyframes wanpishi-idesign-purple-turn {
        0% {
            transform: rotate(-11deg) rotateX(4deg);
        }
        50% {
            transform: rotate(8deg) rotateX(-5deg);
        }
        100% {
            transform: rotate(16deg) rotateX(3deg);
        }
    }

    @keyframes wanpishi-idesign-blue-turn {
        0% {
            transform: rotate(-14deg) rotateY(-4deg);
        }
        50% {
            transform: rotate(12deg) rotateY(5deg);
        }
        100% {
            transform: rotate(25deg) rotateY(-3deg);
        }
    }

    @media (max-width: 760px) {
        .pixpix-restore-hero .wanpishi-idesign-ornament {
            width: clamp(56px, 17vw, 86px);
            bottom: clamp(-105px, -16vw, -68px);
            filter: drop-shadow(0 7px 12px rgba(29, 87, 212, .14));
        }

        .pixpix-restore-hero .wanpishi-idesign-ornament--purple {
            left: clamp(-22px, -2vw, -8px);
        }

        .pixpix-restore-hero .wanpishi-idesign-ornament--blue {
            right: clamp(-22px, -2vw, -8px);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .pixpix-restore-hero .wanpishi-idesign-ornament,
        .pixpix-restore-hero .wanpishi-idesign-ornament img {
            animation: none !important;
        }
    }

/* source: wanpishi-home-mobile-proportional-sections-final */

    /* Keep the 390px composition as the mobile reference and scale each
       section independently instead of shrinking the whole document. */
    @media (max-width: 640px) {
        .wanpishi-games-title,
        #jdpartner-heading,
        #candidate-creative-showcase-title,
        #candidate-video-showcase-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;
            font-weight: 600 !important;
            letter-spacing: -.035em !important;
        }

        #wanpishi-jdcloud-partner {
            padding: 10.256vw 0 6.154vw !important;
        }

        #wanpishi-jdcloud-partner .jdpartner-inner {
            padding: 0 5.128vw !important;
        }

        #wanpishi-jdcloud-partner .jdpartner-sub {
            font-size: 3.59vw !important;
            line-height: 5.385vw !important;
        }

        #wanpishi-jdcloud-partner .jdpartner-stats {
            margin-top: 8.205vw !important;
            gap: 5.128vw 4.103vw !important;
        }

        #wanpishi-jdcloud-partner .jdpartner-num {
            font-size: 5.128vw !important;
            line-height: 6.923vw !important;
        }

        #wanpishi-jdcloud-partner .jdpartner-num strong {
            font-size: 4.692vw !important;
        }

        #wanpishi-jdcloud-partner .jdpartner-num b {
            font-size: 5.641vw !important;
        }

        #wanpishi-jdcloud-partner .jdpartner-stat-title {
            margin-top: 0.513vw !important;
            font-size: 3.422vw !important;
            line-height: 5.513vw !important;
        }

        #wanpishi-jdcloud-partner .jdpartner-stat-desc {
            margin-top: 0.513vw !important;
            font-size: 3.077vw !important;
            line-height: 4.308vw !important;
        }

        #wanpishi-tv-logo-wall {
            padding-top: 7.179vw !important;
        }

        #wanpishi-tv-logo-wall .tv-logo-wall__set {
            grid-template-columns: repeat(15, 28.205vw) !important;
        }

        #wanpishi-tv-logo-wall .tv-logo-wall__item {
            width: 28.205vw !important;
            height: 7.692vw !important;
        }

        #wanpishi-tv-logo-wall .tv-logo-wall__map-floor {
            height: 17.085vw !important;
            margin-top: -5.695vw !important;
        }

        #wanpishi-tv-logo-wall .tv-logo-wall__track {
            animation-name: tv-logo-wall-scroll-mobile-proportional !important;
        }

        @keyframes tv-logo-wall-scroll-mobile-proportional {
            from {
                transform: translate3d(0, 0, 0);
            }
            to {
                transform: translate3d(-423.077vw, 0, 0);
            }
        }

        .CandidateCreativeShowcase_carousel__BBm3F {
            height: 440px !important;
            min-height: 0 !important;
            padding-bottom: 0 !important;
        }

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

        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_slide__69tM8 {
            width: 56.41vw !important;
            height: 100.285vw !important;
            flex-basis: 56.41vw !important;
        }

        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_toolLabel__PhJs5 {
            min-height: 20vw !important;
        }

        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_toolIcon__KO42n {
            width: 8.718vw !important;
            height: 8.718vw !important;
            margin-bottom: 2.051vw !important;
        }

        .CandidateCreativeShowcase_carousel__BBm3F .CandidateCreativeShowcase_toolTitle__gK_1q {
            min-height: 6.667vw !important;
            font-size: 4.103vw !important;
            line-height: 6.667vw !important;
        }

        .wanpishi-pixpix-video-clone {
            padding: 13.077vw 0 9.744vw !important;
        }

        .wanpishi-pixpix-video-clone__subheading {
            margin-top: 4.103vw !important;
            font-size: clamp(11.5px, 3.59vw, 14px) !important;
            line-height: clamp(18px, 5.641vw, 22px) !important;
        }

        .wanpishi-pixpix-video-clone__stage {
            height: 64.872vw !important;
            margin-top: 4.615vw !important;
        }

        .wanpishi-pixpix-video-clone__card--hero {
            width: 82vw !important;
            height: auto !important;
            aspect-ratio: 1.833 !important;
        }

        .wanpishi-pixpix-video-clone__card--l1,
        .wanpishi-pixpix-video-clone__card--r1 {
            top: 11.026vw !important;
            width: 33.333vw !important;
            height: 21.538vw !important;
        }

        .wanpishi-pixpix-video-clone__card--l1 {
            left: calc(50% - 58vw) !important;
        }

        .wanpishi-pixpix-video-clone__card--r1 {
            left: calc(50% + 38vw) !important;
        }

        .wanpishi-pixpix-video-clone__nav {
            top: 24.615vw !important;
            width: 7.692vw !important;
            height: 7.692vw !important;
        }

        .wanpishi-pixpix-video-clone__nav--prev {
            left: 1.538vw !important;
        }

        .wanpishi-pixpix-video-clone__nav--next {
            right: 1.538vw !important;
        }

        #wanpishi-home-case-deck {
            padding: 14.872vw 4.103vw 15.897vw !important;
        }

        #wanpishi-home-case-deck .wanpishi-case-title p {
            margin-top: 4.103vw !important;
            font-size: 3.59vw !important;
            line-height: 5.641vw !important;
        }

        #wanpishi-home-case-deck .wanpishi-case-deck {
            height: 82.051vw !important;
            gap: 1.282vw !important;
            margin-top: 8.718vw !important;
        }

        #wanpishi-home-case-deck .wanpishi-case-card {
            flex: 0 0 12.564vw !important;
        }

        #wanpishi-home-case-deck .wanpishi-case-card.is-active {
            flex: 1 1 0 !important;
            min-width: 0 !important;
        }

        #wanpishi-home-case-deck .wanpishi-case-card.is-active .wanpishi-case-card__logo {
            bottom: 44.872vw !important;
            left: 5.128vw !important;
            height: 12.308vw !important;
        }

        #wanpishi-home-case-deck .wanpishi-case-card__body {
            right: 5.128vw !important;
            bottom: 21.026vw !important;
            left: 5.128vw !important;
            font-size: 3.333vw !important;
            line-height: 1.54 !important;
        }

        #wanpishi-home-case-deck .wanpishi-case-card__links {
            bottom: 8.718vw !important;
            left: 5.128vw !important;
            gap: 4.103vw !important;
        }

        #wanpishi-home-case-deck .wanpishi-case-card__links a {
            font-size: 3.59vw !important;
        }

        #wanpishi-volcengine-trust {
            padding: 18.462vw 4.103vw 11.282vw !important;
        }

        #wanpishi-volcengine-trust h2 {
            margin-bottom: 8.205vw !important;
            font-size: clamp(21px, 6.6vw, 28px) !important;
            line-height: clamp(24px, 7.59vw, 29.6px) !important;
            white-space: normal !important;
        }

        #wanpishi-volcengine-trust .wanpishi-trust-grid {
            gap: 4.103vw !important;
        }

        #wanpishi-volcengine-trust .wanpishi-trust-media {
            padding: 4.103vw 4.103vw 0 !important;
        }

        #wanpishi-volcengine-trust .wanpishi-trust-content {
            padding: 5.641vw 4.103vw !important;
        }

        #wanpishi-volcengine-trust h3 {
            margin-bottom: 3.077vw !important;
            font-size: 4.128vw !important;
            line-height: 7.179vw !important;
        }

        #wanpishi-volcengine-trust p,
        #wanpishi-volcengine-trust ul {
            font-size: 2.59vw !important;
            line-height: 6.154vw !important;
        }

        #wanpishi-volcengine-trust ul {
            gap: 1.538vw !important;
            margin-top: 3.077vw !important;
        }

        #wanpishi-volcengine-trust li {
            padding-left: 6.41vw !important;
        }

        #wanpishi-volcengine-trust li::before {
            font-size: 5.128vw !important;
            line-height: 6.154vw !important;
        }

        #wanpishi-youdoo-reviews {
            padding: 25.641vw 0 27.179vw !important;
        }

        .wanpishi-reviews-header {
            margin-bottom: 6.41vw !important;
            padding: 0 5.128vw !important;
        }

        .wanpishi-reviews-header p {
            margin-top: 4.103vw !important;
            font-size: clamp(11.5px, 3.59vw, 14px) !important;
            line-height: clamp(18px, 5.641vw, 22px) !important;
        }

        .wanpishi-reviews-track {
            gap: 4.103vw !important;
            padding-left: 5.128vw !important;
        }

        .wanpishi-review-card {
            flex-basis: 84vw !important;
            width: 84vw !important;
            min-height: 84.615vw !important;
        }

        .wanpishi-review-copy {
            min-height: 84.615vw !important;
            padding: 5.128vw !important;
        }

        .wanpishi-review-person {
            gap: 3.077vw !important;
        }

        .wanpishi-review-avatar {
            width: 11.282vw !important;
            height: 11.282vw !important;
        }

        .wanpishi-review-name {
            font-size: 4.103vw !important;
        }

        .wanpishi-review-role {
            margin-top: 1.282vw !important;
            font-size: 3.077vw !important;
        }

        .wanpishi-review-text {
            font-size: 3.59vw !important;
            line-height: 1.7 !important;
        }

        .wanpishi-review-stars {
            font-size: 4.103vw !important;
            letter-spacing: .513vw !important;
        }

        .wanpishi-review-date {
            font-size: 3.077vw !important;
        }

        .wanpishi-shared-footer {
            padding: 11.282vw 6.154vw 5.128vw !important;
        }

        .wanpishi-shared-footer__main {
            gap: 8.205vw !important;
        }

        .wanpishi-shared-footer h2 {
            font-size: 5.026vw !important;
        }

        .wanpishi-shared-footer__description {
            font-size: 2.872vw !important;
        }

        .wanpishi-shared-footer__contact-row {
            margin-top: 7.692vw !important;
            gap: 1.538vw !important;
        }

        .wanpishi-shared-footer__contact {
            min-width: 45.128vw !important;
            height: 8.256vw !important;
            padding: 0 3.231vw !important;
            font-size: 2.513vw !important;
        }

        .wanpishi-shared-footer__contact-status {
            font-size: 3.333vw !important;
        }

        .wanpishi-shared-footer__qrs {
            gap: 6.154vw 0 !important;
        }

        .wanpishi-shared-footer__qr {
            width: 40.769vw !important;
        }

        .wanpishi-shared-footer__qr-label {
            margin-top: 4.103vw !important;
            font-size: 2.513vw !important;
        }

        .wanpishi-shared-footer__bottom {
            margin-top: 8.718vw !important;
            padding-top: 3.59vw !important;
            gap: 1.026vw !important;
            font-size: 3.077vw !important;
            line-height: 6.154vw !important;
        }
    }

/* source: wanpishi-home-case-disable-action-links-style */

    #wanpishi-home-case-deck .wanpishi-case-card__links a {
        cursor: default;
        pointer-events: none;
    }

/* source: wanpishi-aliyun-model-background */

    /* Background-only recreation of the Aliyun Qwen section: the existing
     SpiritLion title, carousel and copy stay exactly where they are. */
    #wanpishi-home-case-deck {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        background: #fbfbff !important;
        box-shadow: inset 0 96px 82px -84px #fbfbff,
        inset 0 -96px 82px -84px #fbfbff,
        inset 96px 0 82px -84px #fbfbff,
        inset -96px 0 82px -84px #fbfbff;
    }

    #wanpishi-home-case-deck::before {
        position: absolute;
        z-index: -1;
        inset: -42px;
        content: "";
        background: url("aliyun-model-bg/model-section-background-optimized.webp") center / cover no-repeat;
        filter: blur(14px);
        opacity: .78;
        /* Fade the source image into the page colour on all four sides. */
        -webkit-mask-image: radial-gradient(ellipse 70% 90% at 50% 50%, #000 24%, rgba(0, 0, 0, .9) 55%, rgba(0, 0, 0, .5) 80%, transparent 100%);
        mask-image: radial-gradient(ellipse 70% 90% at 50% 50%, #000 24%, rgba(0, 0, 0, .9) 55%, rgba(0, 0, 0, .5) 80%, transparent 100%);
    }

    #wanpishi-home-case-deck::after {
        position: absolute;
        z-index: 0;
        inset: 0;
        content: "";
        pointer-events: none;
        background: linear-gradient(to bottom, rgba(255, 255, 255, .88) 0%, rgba(255, 255, 255, .34) 10%, transparent 23%, transparent 77%, rgba(255, 255, 255, .34) 90%, rgba(255, 255, 255, .88) 100%),
        linear-gradient(to right, rgba(255, 255, 255, .36) 0%, transparent 18%, transparent 82%, rgba(255, 255, 255, .36) 100%);
    }

    #wanpishi-home-case-deck > * {
        position: relative;
        z-index: 1;
    }

    @media (max-width: 640px) {
        #wanpishi-home-case-deck::before {
            inset: -22px;
            filter: blur(12px);
        }
    }

/* source: wanpishi-remove-final-creation-cta */

    /* Keep the anchor in the DOM for the review-section insertion script, while
     removing the final creation card shown in the supplied screenshot. */
    section[class*="CandidateFinalCta_section"] {
        display: none !important;
    }

/* source: wanpishi-volcengine-trust-style */

    #wanpishi-volcengine-trust {
        padding: 88px 24px 60px;
        background: linear-gradient(180deg, #fff 0%, #f4f7fc 22%, #f4f7fc 76%, #fff 100%);
        color: #181818;
    }

    #wanpishi-volcengine-trust * {
        box-sizing: border-box;
    }

    #wanpishi-volcengine-trust .wanpishi-trust-inner {
        width: min(1440px, 100%);
        margin: 0 auto;
    }

    #wanpishi-volcengine-trust h2 {
        margin: 0 0 60px;
        color: #181818;
        font: 600 48px/48px "PingFang SC", "Microsoft YaHei", sans-serif;
        text-align: center;
    }

    #wanpishi-volcengine-trust .wanpishi-trust-grid {
        display: grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    #wanpishi-volcengine-trust .wanpishi-trust-card {
        display: flex;
        min-width: 0;
        height: 531px;
        flex-direction: column;
        overflow: hidden;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
    }

    #wanpishi-volcengine-trust .wanpishi-trust-media {
        height: 283px;
        padding: 24px 24px 0;
        flex: 0 0 auto;
    }

    #wanpishi-volcengine-trust .wanpishi-trust-media img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        object-fit: cover;
    }

    #wanpishi-volcengine-trust .wanpishi-trust-content {
        display: flex;
        min-height: 248px;
        padding: 28px 24px 24px;
        flex-direction: column;
    }

    #wanpishi-volcengine-trust h3 {
        margin: 0 0 12px;
        color: #242831;
        font: 500 20px/28px "PingFang SC", "Microsoft YaHei", sans-serif;
    }

    #wanpishi-volcengine-trust p {
        margin: 0;
        color: #697586;
        font: 400 14px/24px "PingFang SC", "Microsoft YaHei", sans-serif;
    }

    #wanpishi-volcengine-trust ul {
        display: grid;
        gap: 6px;
        margin: 12px 0 0;
        padding: 0;
        color: #697586;
        font: 400 14px/24px "PingFang SC", "Microsoft YaHei", sans-serif;
        list-style: none;
    }

    #wanpishi-volcengine-trust li {
        position: relative;
        padding-left: 25px;
    }

    #wanpishi-volcengine-trust li::before {
        position: absolute;
        top: 0;
        left: 0;
        color: #246bff;
        content: "✓";
        font: 700 20px/24px Arial, sans-serif;
    }

    #wanpishi-volcengine-trust li strong {
        color: #246bff;
        font-weight: 700;
    }

    #wanpishi-volcengine-trust .wanpishi-trust-more {
        display: none;
    }

    @media (max-width: 900px) {
        #wanpishi-volcengine-trust {
            padding: 80px 20px 52px;
        }

        #wanpishi-volcengine-trust .wanpishi-trust-grid {
            grid-template-columns:1fr;
        }

        #wanpishi-volcengine-trust .wanpishi-trust-card {
            height: auto;
            min-height: 0;
        }

        #wanpishi-volcengine-trust .wanpishi-trust-media {
            height: auto;
            aspect-ratio: 1.66;
        }

        #wanpishi-volcengine-trust .wanpishi-trust-content {
            min-height: 0;
        }
    }

    @media (max-width: 640px) {
        #wanpishi-volcengine-trust {
            padding: 72px 16px 44px;
        }

        #wanpishi-volcengine-trust h2 {
            margin-bottom: 32px;
            font-size: clamp(32px, 8vw, 42px);
            line-height: 1.15;
        }

        #wanpishi-volcengine-trust .wanpishi-trust-media {
            padding: 16px 16px 0;
        }

        #wanpishi-volcengine-trust .wanpishi-trust-content {
            padding: 22px 16px;
        }
    }

    @media (min-width: 361px) and (max-width: 389px) {
        #wanpishi-volcengine-trust h2 {
            font-size: 30px;
            line-height: 34.5px;
            white-space: nowrap;
        }
    }

    @media (max-width: 360px) {
        #wanpishi-volcengine-trust h2 {
            font-size: 26px;
            line-height: 36.8px;
            white-space: nowrap;
        }
    }

/* source: wanpishi-home-subheading-unify */

    /* 统一首页 5 个副标题的字体粗细和大小：
       - 跨品牌深度适配，让游戏走进千家万户 (.jdpartner-sub)
       - 益智、运动、竞技…满足全家不同娱乐需求 (.CandidateCreativeShowcase_header__ZWFG5 p)
       - 覆盖手机操控、实体手柄…适配不同游玩习惯 (.wanpishi-pixpix-video-clone__subheading)
       - 引擎协同支撑平台，适配多游戏引擎灵活接入 (#wanpishi-home-case-deck .wanpishi-case-title p)
       - 我们时刻期待您对我们的建议和评价 (.wanpishi-reviews-header p) */
    #wanpishi-jdcloud-partner .jdpartner-sub,
    .CandidateCreativeShowcase_header__ZWFG5 p,
    .wanpishi-pixpix-video-clone__subheading,
    #wanpishi-home-case-deck .wanpishi-case-title p,
    .wanpishi-reviews-header p {
        font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 28px !important;
    }