/* 独立作用域：Customization 单页 */
.moyu-block {
    --theme: #4354d8;
    --minor: #9d11b6;
    --p-color: #666;
    --box-shadow: .15em .15em 5em .15em rgb(0 0 0 / 10%);
    --background-theme: linear-gradient(90deg, #4354d8, #9d11b6);
    --hover-theme: -webkit-linear-gradient(left, #4354d8, #9d11b6);
    color: #010101;
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding-bottom: 6.875em
}

.moyu-block * {
    box-sizing: border-box
}

.moyu-block img {
    display: block;
    border: 0;
    max-width: 100%
}

.moyu-block a {
    text-decoration: none;
    color: inherit
}

.moyu-block a:hover {
    color: var(--theme)
}

.moyu-block .container {
    width: 94%;
    max-width: 1400px;
    margin: 0 auto
}

.moyu-block .flex {
    display: flex
}

.moyu-block .flex_wrap {
    flex-wrap: wrap
}

.moyu-block .flex_j-s-b {
    justify-content: space-between
}

.moyu-block .flex_j-center {
    justify-content: center
}

.moyu-block .flex_a-center {
    align-items: center
}

.moyu-block .flex_d-r {
    flex-direction: row-reverse
}

.moyu-block .btn {
    display: inline-block;
    font-size: 1.125em;
    font-weight: 600;
    padding: .65em 2.5em;
    background: var(--background-theme);
    color: #fff;
    border: 0;
    border-radius: .5em;
    transition: .35s
}

.moyu-block .btn:hover {
    transform: translate(3px, -3px);
    color: #fff
}

.moyu-block:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 6.875em;
    background: url(../images/moyu/main-bg.png) no-repeat bottom center/contain;
    pointer-events: none
}

.moyu-block .section-name {
    font-size: 3.125em;
    font-weight: 600;
    line-height: 1.15;
    text-align: center
}

.moyu-block .section-con {
    padding: 1em 0
}

.moyu-block .section-con p {
    text-align: center;
    font-size: 1.25em;
    font-weight: 300;
    color: var(--p-color);
    max-width: 45em;
    margin: 0 auto 1em
}

.moyu-block .page_banner-2025061711 {
    position: relative
}

.moyu-block .page_banner-2025061711>.img img {
    width: 100%;
    height: 34.375em;
    object-fit: cover
}

.moyu-block .page_banner-2025061711>.txt {
    position: absolute;
    inset: 0
}

.moyu-block .page_banner-2025061711 .tit {
    text-align: center;
    font-size: 3em;
    font-weight: 600;
    text-transform: uppercase
}

.moyu-block .page_nav {
    padding-top: 1em
}

.moyu-block .page_nav .ico img {
    width: 1.25em;
    margin-right: .5em
}

.moyu-block .page_nav a {
    font-size: 1.125em
}

.moyu-block .page_nav span {
    margin: 0 .75em
}

.moyu-customization.section-2025061713 {
    padding: 5em 0;
    position: relative;
    z-index: 1
}

.moyu-customization .section-head {
    text-align: center;
    margin-bottom: 5.875em
}

.moyu-customization .section-head .img {
    margin-bottom: 2em
}

.moyu-customization .section-head .img img {
    width: 13em;
    margin: 0 auto
}

.moyu-customization .section-head .con {
    /* font-size: 1.875em; */
    text-align: center;
    max-width: 34em;
    margin: 0 auto 2em;
    font-size: 1.5em;
}

.moyu-customization .section-works {
    padding: 5.75em 0 0;
    min-height: 54.5em;
    background: url(../images/home/customization_bg_img.jpg) no-repeat top center/100% 54.5em
}

.moyu-customization .section-tit {
    font-size: 2.375em;
    font-weight: 600;
    text-align: center;
    margin-bottom: .75em
}

.moyu-customization .section-works .list {
    margin: 0 -1em
}

.moyu-customization .section-works .item {
    margin: 4em 1em 1.5em;
    width: calc(33.333% - 2em);
    min-height: 14em;
    padding: 3em 2em 1.25em;
    position: relative;
    background: rgb(0 0 0 / 50%);
    border-radius: 1em;
    box-shadow: var(--box-shadow)
}

.moyu-customization .section-works .num {
    position: absolute;
    top: -1em;
    left: calc(50% - .975em);
    font-size: 1.75em;
    font-weight: 600
}

.moyu-customization .section-works .num span {
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    width: 1.95em;
    height: 1.95em;
    text-align: center;
    line-height: 1em;
    padding: .475em 0;
    background: var(--background-theme);
    border-radius: 50%
}

.moyu-customization .section-works .item .tit {
    font-size: 1.75em;
    font-weight: 600;
    text-align: center;
    margin-bottom: .5em
}

.moyu-customization .section-works .item .con {
    font-size: 1.125em;
    text-align: center;
    color: var(--p-color)
}

.moyu-customization .section-customize {
    padding-top: 4em
}

.moyu-customization .section-customize .list {
    padding-top: 1.5em
}

.moyu-customization .section-customize .item {
    width: 100%
}

.moyu-customization .section-customize .txt {
    width: 47.7%;
    text-align: center
}

.moyu-customization .section-customize .txt .tit {
    font-size: 2em;
    font-weight: 600;
    margin-bottom: .5em
}

.moyu-customization .section-customize .txt .con {
    font-size: 1.25em;
    color: var(--p-color)
}

.moyu-customization .section-customize .img {
    width: 47.7%;
    overflow: hidden;
    border-radius: 1.5em
}

.moyu-customization .section-customize .img img {
    width: 100%;
    transition: .5s
}

.moyu-customization .section-customize .img:hover img {
    transform: scale(1.1)
}

.moyu-block .section-2025061710 {
    padding: 4em 0
}

.moyu-block .section-2025061710 .section-box {
    position: relative
}

.moyu-block .section-2025061710 .section-bg {
    position: absolute;
    top: -7em;
    left: -14.5em
}

.moyu-block .section-2025061710 .section-left {
    position: relative;
    width: 32em;
    padding: 3.75em
}

.moyu-block .section-2025061710 .section-name {
    text-align: left;
    color: #fff
}

.moyu-block .section-2025061710 .section-con p {
    text-align: left;
    color: #fff;
    width: 23em;
    margin: 0 0 1em
}

.moyu-block .section-2025061710 .section-right {
    position: relative;
    width: calc(100% - 34em);
    max-width: 47em;
    z-index: 2
}

.moyu-block .touch-form .form-input {
    width: 46%;
    margin-bottom: .75em;
    position: relative
}

.moyu-block .touch-form input,
.moyu-block .touch-form textarea {
    border: 1px solid #000;
    border-width: 0 0 1px;
    font-size: 1.25em;
    padding: .75em 0;
    width: 100%;
    background: transparent
}

.moyu-block .touch-form .form-content {
    width: 100%;
    margin-bottom: 2.75em
}

.moyu-block .touch-form .submit,
.moyu-block .touch-form .p {
    width: 100%;
    text-align: center
}

.moyu-block .touch-form .p {
    color: #999
}

@media(max-width:980px) {
    .moyu-customization .section-tit {
        font-size: 2.15em
    }

    .moyu-customization .section-head .img img {
        width: 6em
    }

    .moyu-customization .section-head .con {
        font-size: 1.5em
    }

    .moyu-customization .section-works {
        padding: 5.75em 0;
        background-size: auto 100%
    }

    .moyu-customization .section-works .item {
        width: calc(50% - 2em)
    }

    .moyu-customization .section-customize .txt,
    .moyu-customization .section-customize .img {
        width: 100%
    }

    .moyu-customization .section-customize .img {
        margin: 2em 2em 4em
    }

    .moyu-block .section-2025061710 .section-bg {
        display: none
    }

    .moyu-block .section-2025061710 .section-left {
        width: 100%;
        padding: 0;
        margin-bottom: 1em
    }

    .moyu-block .section-2025061710 .section-right {
        width: 100%
    }

    .moyu-block .section-2025061710 .section-name {
        background: var(--hover-theme);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .moyu-block .section-2025061710 .section-con p {
        color: #000;
        width: 100%
    }
}

@media(max-width:680px) {
    .moyu-block {
        font-size: 12px
    }

    .moyu-customization.section-2025061713 {
        padding-bottom: 0
    }

    .moyu-customization .section-works {
        background-size: 146em 100%
    }

    .moyu-customization .section-works .list {
        margin: 3em 0 0
    }

    .moyu-customization .section-works .item {
        width: 90%;
        margin: 0 auto 5em
    }

    .moyu-block .touch-form .form-input {
        width: 100%
    }
}

.moyu-customization .section-2025061713 {
    padding: 5em 0;
    position: relative;
    z-index: 1
}

@media(max-width:680px) {
    .moyu-customization .section-2025061713 {
        padding-bottom: 0
    }
}

.moyu-block .fa-angle-right:before {
    content: "›"
}

.moyu-customization {
    --theme: #c48337;
    --minor: #f4ca8c;
    --background-theme: var(--mh-gradient, linear-gradient(90deg, #c48337, #f4ca8c));
    --hover-theme: var(--mh-gradient, linear-gradient(90deg, #c48337, #f4ca8c));
    font-family: 'Google Sans Flex', Arial, sans-serif
}

.moyu-customization .container {
    width: calc(100% - 80px);
    max-width: 1600px
}

.moyu-customization .page_banner-2025061711 .tit,
.moyu-customization .section-tit,
.moyu-customization .section-name,
.moyu-customization .section-customize .tit {
    font-family: Lora, Georgia, serif
}

.moyu-customization .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--background-theme);
    color: #191919;
    border: 0;
    border-radius: 5px;
    transition: background .25s, box-shadow .25s, color .25s
}

.moyu-customization .btn:hover,
.moyu-customization .btn:focus-visible {
    transform: none;
    background: #fff;
    color: #191919;
    box-shadow: 0 7px 12px #0005
}

.moyu-customization:after {
    display: none
}

.moyu-customization .section-works {
    background-image: url(../images/home/customization_bg_img.jpg)
}

.moyu-customization .touch-form .mh-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 24px
}

.moyu-customization .touch-form .mh-form-grid label {
    display: block;
    min-width: 0
}

.moyu-customization .touch-form input:not([type=submit]),
.moyu-customization .touch-form textarea,
.moyu-customization .touch-form select {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-bottom: 1px solid #332c26;
    border-radius: 0;
    background: transparent;
    padding: 11px 0;
    font: 400 16px/1.4 'Google Sans Flex', Arial, sans-serif
}

.moyu-customization .touch-form textarea {
    min-height: 88px;
    resize: vertical
}

.moyu-customization .touch-form .mh-form-wide,
.moyu-customization .touch-form .mh-form-submit {
    grid-column: 1/-1
}

.moyu-customization .touch-form .mh-captcha {
    display: flex;
    gap: 12px;
    align-items: center
}

.moyu-customization .touch-form .mh-captcha label {
    flex: 1
}

.moyu-customization .touch-form .mh-captcha img {
    width: 112px;
    height: 48px;
    object-fit: contain;
    background: #fff
}

.moyu-customization .touch-form input[type=submit] {
    min-height: 46px;
    padding: 11px 28px;
    border: 0;
    border-radius: 5px;
    background: var(--background-theme);
    color: #191919;
    font: 500 18px/1.2 'Google Sans Flex', Arial, sans-serif;
    cursor: pointer
}

.moyu-customization .touch-form input[type=submit]:hover {
    background: #fff;
    box-shadow: 0 7px 12px #0005
}

.moyu-customization .wpcf7-spinner {
    display: none
}

@media(max-width:767px) {
    .moyu-customization .container {
        width: calc(100% - 36px)
    }

    .moyu-customization .touch-form .mh-form-grid {
        grid-template-columns: 1fr
    }

    .moyu-customization .touch-form .mh-form-grid>* {
        grid-column: 1
    }

    .moyu-customization .section-customize .img {
        margin-inline: 0
    }
}

.moyu-customization .page_banner-2025061711>.txt {
    color: #fff;
    text-shadow: 0 2px 12px #0009
}

.moyu-customization .page_banner-2025061711>.img img {
    filter: brightness(.62)
}

.moyu-customization .page_nav .ico img {
    filter: sepia(1) saturate(4) hue-rotate(345deg) brightness(.85)
}

@media(max-width:680px) {
    .moyu-customization .page_nav {
        padding-inline: 18px;
        gap: 4px;
        flex-wrap: wrap
    }

    .moyu-customization .page_nav a {
        font-size: 12px;
        white-space: nowrap
    }

    .moyu-customization .page_nav span {
        margin: 0 2px
    }
}/* The shared home inquiry section finishes this page without an extra outer gap. */
.moyu-customization:has(.mh-customization-inquiry) { padding-bottom: 0; }
/* Dark factory process panel with readable white copy. */
.moyu-customization .section-works {
    background-image: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 24%)), url(../images/home/customization_bg_img.jpg);
}
.moyu-customization .section-works .section-tit,
.moyu-customization .section-works .item .tit,
.moyu-customization .section-works .item .con { color: #fff; }