/*reset css*/
        body,
        div,
        dl,
        dt,
        dd,
        ul,
        ol,
        li,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        pre,
        code,
        form,
        fieldset,
        legend,
        input,
        textarea,
        p,
        blockquote,
        th,
        td,
        hr,
        button,
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            margin: 0;
            padding: 0
        }
        body{
            overflow-x: hidden;
        }

        a {
            text-decoration: none;
            outline: none;
        }

        button,
        input,
        select,
        textarea {
            font-size: 100%;
            outline: none
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        fieldset,
        img {
            border: 0
        }

        address,
        caption,
        cite,
        code,
        dfn,
        th,
        var,
        em,
        i {
            font-style: normal;
            font-weight: normal
        }

        b,
        strong {
            font-weight: bold;
        }

        caption,
        th {
            text-align: left
        }

        abbr,
        acronym {
            border: 0;
            font-variant: normal
        }

        input,
        textarea,
        select {
            font-family: inherit;
            font-size: inherit;
            font-weight: inherit
        }

        input {
            background: none;
            border: none;
            outline: none;
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block;
        }

        audio,
        canvas,
        video {
            display: inline-block;
            display: inline;
            zoom: 1;
        }

        ol,
        ul {
            list-style: none
        }

        ul {
            list-style-type: none;
            /* 隐藏无序列表的圆点 */
        }

        li::marker {
            content: '';
            /* 清空标记点内容 */
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: 100%;
            font-weight: normal
        }

        q:before,
        q:after {
            content: ''
        }

        sup {
            vertical-align: text-top
        }

        sub {
            vertical-align: text-bottom
        }

        .hide {
            display: none;
        }

        .ti {
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
        }

        .pr {
            position: relative;
        }

        .pa {
            position: absolute;
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .clearfix:after {
            display: block;
            visibility: hidden;
            font-size: 0px;
            content: "";
            clear: both;
            height: 0;
        }

        .clearfix {
            zoom: 1;
        }

        .wm {
            width: 1000px;
            margin: 0 auto;
        }

        .browser-tips {
            background: #000;
            color: #f00;
            padding: 10px 0;
            text-align: center;
            width: 100%;
            font-size: 14px;
        }

        .browser-tips a {
            color: #f00;
        }

       .spr {
    background: url(//game.gtimg.cn/images/bns/topbar/spr24.png) no-repeat;
}
.milo-dialog__wrapper .milo-dialog .milo-dialog__header{font-size: .18rem;}
.milo-dialog__wrapper .milo-dialog .milo-dialog__footer{font-size: .18rem;}
.logo {
    display: block;
    position: absolute;
    height: 104px;
    width: 150px;
    top: 42px;
    left: 0;
    z-index: 10;
}

.topbar {
    position: relative;
    width: 100%;
    height: 48px;
    background-repeat: repeat-x;
    background-position: 0 -104px;
    z-index: 2;
    min-width: 1000px;
}

.topnav {
    float: left;
    height: 30px;
    padding: 10px 0 0 130px;
}

.topnav li {
    float: left;
    height: 30px;
    padding: 0 10px;
    line-height: 27px;
    background-position: -82px -154px;
    color: #FFF;
    font-size: 14px;
}

.topnav a {
    display: inline-block;
    zoom: 1;
}

.topnav .wechat {
    font-family: '\5b8b\4f53', tahoma;
    font-size:12px;
    color: #fff;
}

.topnav a.game-start {
    float: right;
    width: 100px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 3px solid #6dba18;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.topnav li:hover .code-wechat {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}

.code-wechat {
    position: absolute;
    padding: 3px;
    top: 26px;
    left: 5px;
    text-align: center;
    background: #fff;
    visibility: hidden;
    transform: translateY(10px);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.code-wechat .icon-wechat {
    display: block;
    width: 95px;
    height: 95px;
    background-position: 0 -315px;
}

.code-wechat .chat-text {
    display: block;
    margin-top: 2px;
    font-size: .12rem;
    font-family: '\5b8b\4f53';
    line-height: 1.2;
}

.login {
    float: right;
    padding: 8px 25px 0 0;
    font-size: 14px;
}

.login-btn {
    float: right;
    background-position: 0 -218px;
    width: 92px;
    height: 32px;
    padding-right: 15px;
    line-height: 30px;
    text-align: center;
}

.login-btn:hover {
    color: #E82E0F;
}

.logout {
    background-position: 0 -218px;
    width: 87px;
    padding-right: 20px;
}

.login-text {
    float: right;
    color: #fff;
    font-family: '\5b8b\4f53', tahoma;
    font-size: .12rem;
    padding: 8px 10px 0 14px;
}

.icon-user {
    background-position: 0 -154px;
    width: 9px;
    height: 13px;
    overflow: hidden;
    left: 70px;
    top: 9px;
}

.login-text .icon-user {
    left: 0;
    top: 9px;
}

.icon-out {
    background-position: -10px -159px;
    width: 11px;
    height: 8px;
    overflow: hidden;
    left: 60px;
    top: 11px;
}

.topnav li.rborder,
.topnav li.rborder .wechat {
    color: #5b834e;
}

.topnav li a {
    color: #fff;
}

.topnav li a:hover {
    color: #E82E0F;
}

.login a { color: #5b834e; }

      
        /* footer */
        #afooter {
            text-align: center;
            line-height: 20px;
            color: #fff;
            padding: 20px 0;
            position: relative;
            background-color: #000;
            font-size: 12px;
            min-width: 1000px;
        }

        #afooter a {
            color: #fff;
        }

        /*按钮发光*/
        a:hover {
            text-decoration: none;
            animation: Light .2s linear both;
        }

        @keyframes Light {
            0% {
                filter: brightness(100%);
            }

            100% {
                filter: brightness(110%);
            }
        }

        /*wrap*/
        @font-face {
            font-family: 'fz';
            src: url(//game.gtimg.cn/images/bns/cp/a2026112813th/fz.TTF);
        }
        .fz{font-family: "fz";}


        html.is-locked, 
        body.is-locked {
            height: 1080px;
            overflow: hidden;
        }
        .container{
              width: 1000px;
            margin: 0 auto;
            height: 1080px;
        }

        .head {
            position: relative;
            padding-top: 765px;
            font-size: 30px;
            color: #fffdd9;
        }

        .time {
            height: 51px;
            margin: 0 auto;
            line-height: 51px;
            text-align: center;
        }

        .content {
            margin: 0 auto;
            width: 100%;
            position: relative;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }
      
         body.lock-scroll {
            overflow: hidden;
            height: 1080px;
        }

        /* 首屏满屏样式 */
        .hero-section {
            width: 100%;
             height: 880px;
            background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/bg.jpg) no-repeat;
            position: relative;
            z-index: 9;
            overflow: hidden !important;
        }

        .start-btn {
            padding: 15px 30px;
            font-size: 1.2rem;
            background-color: #ff4757;
            color: white;
            border: none;
            border-radius: 25px;
            cursor: pointer;
            transition: transform 0.2s;
        }

        .start-btn:hover {
            transform: scale(1);
        }


        .cont1{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/ibg1.png) no-repeat;margin: 0 auto;width: 1600px;height: 1046px;zoom: .85;}

          /* 点击后的首屏出场动画 */
        .hero-section.animate-out .hero-title {
            transform: scale(1);
        }

        .hero-section.animate-out {
            animation: slideUpFade 1s forwards ease-in-out;
        }
        .time{text-align: center;font-size: 26px;color: #fff;line-height: 4;text-shadow: 4px 4px 4px rgba(46, 36, 230, 0.5);}
        .time span{background-image: linear-gradient(to bottom, #f1dbb4, #eab71c);background-clip: text; -webkit-text-fill-color: transparent;color: transparent;margin: 0 20px;}
        .section1-ibg{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/ibg2.png) no-repeat  center / cover;
            padding-left: 0!important;
            position: absolute;width: 100%;height: 100%;z-index: 18;background-size: 100% 100%;animation-name: scaleAnimation; 
                    animation-duration: 2s; 
                    transition-timing-function: ease-in-out; 
                    top: 0;
        }
        .npc0{position:absolute;bottom:10px;left: 0;width:840px;height:959px;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/rw1.png) no-repeat;z-index: 10;zoom: .85;}
        .npc1{position:absolute;bottom:0px;right: 0;width:621px;height:850px;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/rw2.png) no-repeat;z-index: 11;zoom: .85;}

        @keyframes scaleAnimation {
            0% {
                transform: scale(1.2);
            }
            100% {
                transform: scale(1);
            }
        }

        @keyframes slideUpFade {
            0% { transform: translateY(0); opacity: 1; }
            100% { transform: translateY(0); opacity: 0;}
            100% { transform: translateY(0); opacity: 1; }
        }
        .wrap .up {
        animation: up 0.5s 0.5s linear;
        opacity: 0;
        animation-fill-mode: forwards;
    }

    @keyframes up {
        0% {
            transform: translateY(-30px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .wrap .bottom {
        animation: bottom 0.5s 0.5s linear;
        opacity: 0;
        animation-fill-mode: forwards;
    }

    @keyframes bottom {
        0% {
            transform: translateY(30px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .wrap .right {
        animation: right 0.5s 0.5s linear;
        opacity: 0;
        animation-fill-mode: forwards;
    }

    @keyframes right {
        0% {
            transform: translateX(30px);
            opacity: 0;
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }

    .wrap .left {
        animation: left 0.5s 0.5s linear;
        opacity: 0;
        animation-fill-mode: forwards;
    }

    @keyframes left {
        0% {
            transform: translateX(-30px);
            opacity: 0;
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }
        .start-btn{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/go-btn.png) no-repeat;width: 224px;height: 228px;position: absolute;top:50%;left: 50%;z-index: 999;    zoom: .85;margin-top: 155px;margin-left: -57px;}
        .start-btn:hover{filter: contrast(130%);}
        .tit{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/tit01.png) no-repeat;width: 355px;height: 46px;position: absolute;    bottom: 3%;left: 50%;margin-left: -115px;}
        .open-box{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/ibg3.png) no-repeat;width: 664px;height: 91px;position: absolute;bottom: 3%;left: 2%;display: flex;z-index: 999;align-items: center;justify-content: center;}
        .open-box .txt{font-size: 26px;text-shadow: 4px 4px 4px rgba(46, 36, 230, 0.5);color: #fff;margin: 0 10px;}
        .jd-box{width: 211px;height: 25px;background-color: #8688bb;border-radius: 15px;}
        .open-btn{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/open-btn.png) no-repeat;width: 163px;height: 50px;}
        .jdt-ibg{width: 0%;height: 25px;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/jd-ibg.png) no-repeat;display: block;}
        /* 下方内容区域 */
        .content-section {
            width: 100%;
            background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/bg2.jpg) no-repeat;
            height: 11583px;
            position: relative;
            padding-top: 10px;
        }
        .part1{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/cont1-bg.png) no-repeat;width: 1407px;height: 2423px;position: absolute;left: 9%;    padding-left: 80px;padding-top: 150px;}
        .part1-box1{width: 1000px;margin: 0 auto;}
        .part1-txt1{font-size: 48px;background-image: linear-gradient(to bottom, #72482a, #ba4600);background-clip: text; -webkit-text-fill-color: transparent;color: transparent;}
        .part1-txt2{font-size: 30px;color: #6c503b;line-height: 1.3;margin: 43px 0;}
        .part1-txt3{font-size: 30px;color: #6c503b;line-height: 1.3;margin: 80px 0 20px;}
        .part1-ibg1{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part1-ibg1.png) no-repeat;width: 288px;height: 90px;}
        .part1-txt2 span{position: relative;}
        .part1-ibg2{position: absolute;bottom: 0;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part1-ibg2.png) no-repeat;width: 184px;height: 7px;left: -6px;}
        .part1-img{width: 941px;height: 642px;margin: 0 auto;position: relative;}
        .part1-ibg3{position: absolute;display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part1-ibg3.png) no-repeat;width: 253px;height: 143px;    left: -60px;bottom: -30px;}
        .part1-box2{width: 1000px;display: flex;margin: 70px auto;justify-content: space-between;}
        .card-container1{width: 313px;height: 422px;text-align: center; perspective: 1000px;cursor: pointer;}
        .card-container1 .card {
            width: 100%;
            height: 100%;
            position: relative;
            transform-style: preserve-3d; /* 关键：保持子元素的 3D 空间 */
            transition: transform 0.6s ease; /* 翻转动画速度和曲线 */
            transform: rotateY(180deg); 
        }
        .card-container1 .card.show-front {
            transform: rotateY(0deg);
        }
        .card-container1 .card-face{
            
            width: 313px;height: 422px;padding-top: 15px;position: absolute;backface-visibility: hidden;
        }
        .card-container1 .card-front{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part1-ibg4.png) no-repeat;}
        .card-container1 .card-front p{font-size: 21px;color: #482610;text-align: center;width: 255px;margin: 20px auto;}
        .card-container1 .card-front p.txt1{margin-top: 20px;}
        .card-container1 .card-front p.txt2{font-size: 32px;background-image: linear-gradient(to bottom, #81380f, #dd4f03);background-clip: text; -webkit-text-fill-color: transparent;color: transparent;}
        .card-container1 .card-front p.txt3{height: 100px;}
        .card-container1 .card-back {
            background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part1-ibg4-h.png) no-repeat;
            padding-top: 320px;
            height: 102px;
            transform: rotateY(180deg); 
        }
        .card-container1 .go-btn2{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/go-btn2.png) no-repeat;width: 256px;height: 67px;font-size: 21px;color: #ffffff;margin: 50px auto 5px;display: flex;    align-items: center;justify-content: center;}
        .card-container1 .go-btn2 span{color: #b16130;}
        .card-container1 .back-btn{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/back-btn.png) no-repeat;width: 80px;height: 31px;margin: 0 auto;}
        .card-txt1{font-size: 40px;background-image: linear-gradient(to bottom, #81380f, #dd4f03);background-clip: text; -webkit-text-fill-color: transparent;color: transparent;text-align: center;}
        .icon1{position: absolute;display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/icon1.png) no-repeat;width: 397px;height: 296px;top: 2140px;left: 250px;}
        .part2{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/cont2-bg.png) no-repeat;width: 1401px;height: 2470px;position: absolute;top: 2500px;right: 8.8%;padding-top: 220px;}
        .part2-box1{width: 1000px;margin-left: 120px;}
        .part2-ibg1{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part2-ibg1.png) no-repeat;width: 288px;height: 90px;}
        .part2-txt1{font-size: 30px;color: #dadbee;line-height: 1.3;margin: 43px 0;}
        .part2-txt1 span{color: #86dee4;}
        .part2-txt2{font-size: 30px;color: #dadbee;line-height: 1.3;margin: 43px 0;}
        .part2-txt2 span{color: #f0e9dc;}
        .part2-txt3{font-size: 30px;color: #dadbee;line-height: 1.3;margin: 43px 0;}
        .part2-txt3 span{color: #86dee4;}
        .part2-box2{width: 1000px;position: relative;margin-left: 0;height: 713px;}
        .part2-img2{position: absolute;right: -260px;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part2-img2.png) no-repeat;width: 707px;height: 1051px;top: -250px;}
        .part2-txt4{font-size: 30px;color: #dadbee;line-height: 1.3;margin-top: 145px;margin-left: 0;}
        .part2-txt4 span{color: #86dee4;}
        .part2-box3{width: 1000px;display: flex;justify-content: space-between;margin-left: 0;margin-top: 70px;}
        .card-container2{width: 313px;height: 422px;text-align: center; perspective: 1000px;cursor: pointer;}
        .card-container2 .card {
            width: 100%;
            height: 100%;
            position: relative;
            transform-style: preserve-3d; /* 关键：保持子元素的 3D 空间 */
            transition: transform 0.6s ease; /* 翻转动画速度和曲线 */
            transform: rotateY(180deg); 
        }
        .card-container2 .card.show-front {
            transform: rotateY(0deg);
        }
        .card-container2 .card-face{
            
            width: 313px;height: 422px;padding-top: 15px;position: absolute;backface-visibility: hidden;
        }
        .card-container2 .card-front{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part2-ibg2.png) no-repeat;}
        .card-container2 .card-front p{font-size: 22px;color: #172240;text-align: center;width: 273px;margin: 20px auto;}
        .card-container2 .card-front p.txt1{margin-top: 20px;}
        .card-container2 .card-front p.txt2{font-size: 32px;background-image: linear-gradient(to bottom, #132b44, #056e74);background-clip: text; -webkit-text-fill-color: transparent;color: transparent;}
        /* 6. 背面样式：初始状态就先水平翻转 180 度 */
        .card-container2 .card-back {
            background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part2-ibg2-h.png) no-repeat;   
            padding-top: 320px;
            height: 102px;
            transform: rotateY(180deg); 
        }
        .card-container2 .go-btn3{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/go-btn3.png) no-repeat;width: 256px;height:67px;text-align: center;font-size: 20px;color: #ffffff;margin: 40px auto 10px;display: flex;    align-items: center;justify-content: center;line-height: 1;}
        .card-container2 .go-btn3 span{color: #257787;}
        .card-container2 .back-btn{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/back-btn2.png) no-repeat;width: 80px;height: 31px;margin: 0 auto;}
        .card-txt2{font-size: 40px;background-image: linear-gradient(to bottom, #132b44, #056e74);background-clip: text; -webkit-text-fill-color: transparent;color: transparent;}

        .part3{position: absolute;top: 5060px;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/cont3-bg.png) no-repeat;left: 6.4%;width: 1452px;height: 2423px;padding-top: 170px;padding-left: 327px;}
        .part3-box1{width: 1000px;}
        .part3-ibg1{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part3-ibg1.png) no-repeat;width: 288px;height: 90px;}
        .part3-txt1{font-size: 30px;color: #6c503b;line-height: 1.3;margin: 40px 0;}
        .part3-txt2{font-size: 30px;color: #6c503b;line-height: 1.3;margin: 43px 0;}
        .part3-txt2 span{color: #8c411d;}
        .part3-box1 .img{width: 941px;height: 643px;margin: 30px auto 55px;position: relative;}
        .part3-ibg2{position: absolute;display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part3-ibg2.png) no-repeat;width: 253px;height: 145px;right: -30px;bottom: -40px;}
        .part3-txt3{font-size: 30px;color: #6c503b;line-height: 1.3;margin: 30px 0;}
        .part3-box2{width: 870px;display: flex;    margin: 30px auto;justify-content: space-between;flex-wrap: wrap;}
        .card-container3{width:401px;height: 422px;text-align: center; perspective: 1000px;cursor: pointer;margin-bottom: 20px;}
        .card-container3 .card {
            width: 100%;
            height: 100%;
            position: relative;
            transform-style: preserve-3d; /* 关键：保持子元素的 3D 空间 */
            transition: transform 0.6s ease; /* 翻转动画速度和曲线 */
            transform: rotateY(180deg); 
        }
        .card-container3 .card.show-front {
            transform: rotateY(0deg);
        }
        .card-container3 .card-face{
            
            width: 401px;height: 422px;padding-top: 15px;position: absolute;backface-visibility: hidden;
        }
        .card-container3 .card-front{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part3-ibg3.png) no-repeat;}
        .card-container3 .card-front p{font-size: 21px;color: #482610;text-align: center;width: 310px;margin: 20px auto;}
        .card-container3 .card-front p.txt1{margin-top: 20px;}
        .card-container3 .card-front p.txt2{font-size: 32px;background-image: linear-gradient(to bottom, #81380f, #dd4f03);background-clip: text; -webkit-text-fill-color: transparent;color: transparent;}
        .card-container3 .card-front p.txt3{height: 100px;}
        .card-container3 .card-back {
            background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part3-ibg3-h.png) no-repeat;
            padding-top: 320px;
            height: 102px;
            transform: rotateY(180deg); 
        }
        .card-container3 .go-btn2{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/go-btn2.png) no-repeat;width: 256px;height: 67px;font-size: 22px;color: #ffffff;margin: 50px auto 5px;display: flex;    align-items: center;justify-content: center;}
        .card-container3 .go-btn2 span{color: #b16130;}
        .card-container3 .back-btn{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/back-btn.png) no-repeat;width: 80px;height: 31px;margin: 0 auto;}


        .part4{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/cont4-bg.png) no-repeat;width: 1392px;height: 2479px;position: absolute;top: 7540px;left: 12.6%;padding-top: 170px;padding-left: 210px;}
        .part4-box1{width: 1000px;}
        .part4-ibg1{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part4-ibg1.png) no-repeat;width: 288px;height: 90px;}
        .part4-txt1{font-size: 30px;color: #6c503b;line-height: 1.3;margin: 20px 0;}
        .part4-txt2{font-size: 30px;color: #6c503b;line-height: 1.3;margin: 0px 0;}
        .part4-txt3{font-size: 30px;color: #6c503b;line-height: 1.3;margin: 43px 0 20px;}
        .part4-txt3 span{font-size: 30px;color: #ad491a;line-height: 1.3}
        .part4-txt4{font-size: 30px;color: #6c503b;line-height: 1.3;margin: 28px 0 28px 15px;}
        .part4-txt4 span{font-size: 30px;color: #ad491a;line-height: 1.3;}
        .part4-box1 .img{width: 941px;height: 642px;margin: 10px auto 10px;position: relative;}
        .part4-box2{width: 1000px;display: flex;margin: 70px auto;justify-content: space-between;}
        .card-container4{width: 313px;height: 422px;text-align: center; perspective: 1000px;cursor: pointer;}
        .card-container4 .card {
            width: 100%;
            height: 100%;
            position: relative;
            transform-style: preserve-3d; /* 关键：保持子元素的 3D 空间 */
            transition: transform 0.6s ease; /* 翻转动画速度和曲线 */
            transform: rotateY(180deg); 
        }
        .card-container4 .card.show-front {
            transform: rotateY(0deg);
        }
        .card-container4 .card-face{
            
            width: 313px;height: 422px;padding-top: 15px;position: absolute;backface-visibility: hidden;
        }
        .card-container4 .card-front{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part1-ibg4.png) no-repeat;}
        .card-container4 .card-front p{font-size: 21px;color: #482610;text-align: center;width: 255px;margin: 20px auto;}
        .card-container4 .card-front p.txt1{margin-top: 20px;}
        .card-container4 .card-front p.txt2{font-size: 32px;background-image: linear-gradient(to bottom, #81380f, #dd4f03);background-clip: text; -webkit-text-fill-color: transparent;color: transparent;}
        .card-container4 .card-front p.txt3{height: 100px;}
        .card-container4 .card-back {
            background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part1-ibg4-h.png) no-repeat;
            padding-top: 320px;
            height: 102px;
            transform: rotateY(180deg); 
        }
        .card-container4 .go-btn2{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/go-btn2.png) no-repeat;width: 256px;height: 67px;font-size: 22px;color: #ffffff;margin: 50px auto 5px;display: flex;    align-items: center;justify-content: center;line-height: 1;}
        .card-container4 .go-btn2 span{color: #b16130;}
        .card-container4 .back-btn{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/back-btn.png) no-repeat;width: 80px;height: 31px;margin: 0 auto;}
        .part4-box1 .img2{width: 677px;height: 143px;margin: 10px auto 60px;position: relative;}
        .part4-txt5{font-size: 30px;color: #6c503b;line-height: 1.3;position: absolute;    right: -160px;bottom: -20px;}
        .part4-ibg3{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part4-ibg3.png) no-repeat;width: 259px;height: 147px;bottom: -180px;right: -160px;position: absolute;}
        .part4-txt6{font-size: 16px;color: #6c503b;margin: 30px 0;line-height: 1.5;}
        .part4-txt6 span{color: #9f4914;font-size: 19px;position: relative;}
        .part4-ibg4{position: absolute;display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part4-ibg4.png) no-repeat;width: 67px;height: 4px;bottom: 0;}

        .part5{width: 1212px;margin: 10100px auto 0;height: 1000px;}
        .part5-tit{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part5-tit.png) no-repeat;width: 1173px;height: 363px;margin: 0 auto 20px;}
        .part5-box{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/part5-ibg.png) no-repeat;width: 1212px;margin: 0 auto;height: 921px;position: relative;padding-top: 10px;}
        .icon2{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/icon2.png) no-repeat;width: 214px;height: 233px;position: absolute;left: -100px;bottom: 100px;}
        .part5-cont{width: 840px;height: 480px;margin: 150px auto;}
        .part5-txt1{font-size: 48px;background-image: linear-gradient(to bottom, #6e5039, #924d1a);background-clip: text; -webkit-text-fill-color: transparent;color: transparent;}
        .part5-txt2{font-size: 30px;color: #a99382;width: 840px;height: 190px;word-wrap:break-word;padding: 5px;border: none; outline: none;margin-top: 20px;overflow-y: auto;margin-bottom: 20px;}
        .part5-txt2::-webkit-scrollbar{width: 10px;}
        .part5-txt2::-webkit-scrollbar-track{border-radius: 5px;background-color: #6c503b;}
        .part5-txt2::-webkit-scrollbar-thumb{width: 7px;border-radius: 5px;background-color: #a99382;}
        .part5-txt3{font-size: 31px;color: #6c503b;display: flex;align-items: center;}
        .part5-txt3 span{font-size: 24px;color: #a99382;border-bottom: 2px solid #d2c8b5;height: 40px;width: 240px;padding-left: 10px;display: inline-block; outline: none;line-height: 40px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        }
        .part5-btn{display: flex;float: right;width: 530px;    justify-content: space-between;    margin-top: 10px;}
        .like-btn{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/like-btn.png) no-repeat;width: 299px;height: 64px;}
        .send-btn{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/send-btn.png) no-repeat;width: 207px;height: 64px;}
        .part5-txt6{float: right;margin-right: 20px;font-size: 19px;color: #6c503b;margin-top: 10px;}
        .part5-txt3 select{width: 120px;font-size: 24px;color: #6c503b;text-align: center;height: 40px;line-height: 40px;border: none;outline: none;background-color: #e9e4d6;border-bottom: 2px solid #d2c8b5;margin-left: 10px;}
        .part5-txt3 select option{background-color: #e9e4d6;}
        .pop1{background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/pop1.png) no-repeat;width: 903px;height: 445px;position: relative;padding-top: 10px;}
        .clo{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/clo.png) no-repeat;position: absolute;width: 67px;height: 68px;top: 0;right: -70px;}
        .pop1-box{width: 790px;display: flex;margin: 210px auto;justify-content: space-between;}
        .pop1-box a{display: block;background: url(//game.gtimg.cn/images/bns/cp/a2026112813th/pop-btn.png) no-repeat;width: 240px;height: 73px;text-align: center;font-size: 36px;color: #473121;line-height: 73px;}