* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
                
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}
.arrow_right_w{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://qiniugw.sdwanyue.com/20260806/arrow_right_w.png) no-repeat center center;
}
.arrow_right_y{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://qiniugw.sdwanyue.com/20260806/arrow_right_y.png) no-repeat center center;
}

.title {
    text-align: center;
    .t{
        margin-bottom: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        .l,.r{
            display: inline-block;
            width: 41px;
            height: 18px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .l{
            margin-right: 12px;
            background-image: url(https://qiniugw.sdwanyue.com/20260806/t_left.png);
        }
        .r{
            margin-left: 12px;
            background-image: url(https://qiniugw.sdwanyue.com/20260806/t_right.png);
        }
    }
    .d{
        color: #62605E;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

.btns{
    display: flex;
    justify-content: center;
    align-items: center;
    .btn{
        margin: 0 13px;
        width: 158px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        background: #FFF;
        box-shadow: 0 4px 8px 0 rgba(199, 77, 0, 0.30);
        color: #FF731B;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        cursor: pointer;
        &.btn2{
            color: #FFFFFF;
            border: 1px solid #FFF;
            background: transparent;
        }
    }
}

.banner{
    height: 600px;
    background: url(https://qiniugw.sdwanyue.com/20260806/banner_bg_1.png) no-repeat center center;
    background-size: 100% 100%;
    .bd{
        padding-top: 73px;
        display: flex;
        justify-content: space-between;
        .info{
            padding-top: 60px;
            .t{
                color: #FFF;
                font-size: 52px;
                font-style: normal;
                font-weight: 900;
                line-height: normal;
                margin-bottom: 5px;
            }
            .t2{
                font-size: 30px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                background: linear-gradient(90deg, #FFF3AF 58.25%, #FFED84 100%);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-bottom: 14px;
            }
            .d{
                color: #FFF;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 22px;
            }
            .tags{
                padding-top: 40px;
                display: flex;
                align-items: center;
                .tag_i{
                    display: flex;
                    align-items: center;
                    margin-left: 25px;
                    &:first-child{
                        margin-left: 0;
                    }
                    .img{
                        display: flex;
                        align-items: center;
                        &img{
                            width: 20px;
                            height: 20px;
                        }
                    }
                    .n{
                        color: #FFF;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 22px;
                    }
                }
            }
            .btns{
                padding-top: 50px;
                justify-content: left;
                .btn{
                    &.btn1{
                        margin-left: 0;
                    }
                    &.btn2{
                        
                    }
                }
            }
        }
        .imgbd{
            margin-right: -30px;
            & img{

            }
        }
    }
}

.ability{
    .container{
        padding-top: 90px;
    }
    .bd{
        padding-top: 60px;
        padding-bottom: 70px;
        .list{
            display: flex;
            justify-content: space-between;
            .left{
                margin-right: 24px;
            }
            .right{
                display: flex;
                justify-content: space-between;
                align-content: space-between;
                flex-wrap: wrap;
            }
            .item{
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 426px;
                height: 189px;
                border-radius: 10px;
                box-sizing: border-box;
                padding: 24px;
                .t{
                    color: #222;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                    margin-bottom: 6px;
                }
                .d{
                    color: #666;
                    font-size: 15px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                }
                &.item1{
                    width: 300px;
                    height: 400px;
                    padding: 40px 24px;
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/ability_1_1.png);
                    .t{
                        margin-bottom: 12px;
                    }
                    .d{
                        margin-bottom: 18px;
                    }
                }
                &.item2{
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/ability_2_1.png);
                }
                &.item3{
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/ability_3_1.png);
                }
                &.item4{
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/ability_4_1.png);
                }
                &.item5{
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/ability_5_1.png);
                }
                &.active{
                    .t{
                        color: #fff;
                    }
                    .d{
                        color: #fff;
                    }
                }
                &.item1.active{
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/ability_1_2.png);
                }
                &.item2.active{
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/ability_2_2.png);
                }
                &.item3.active{
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/ability_3_2.png);
                }
                &.item4.active{
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/ability_4_2.png);
                }
                &.item5.active{
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/ability_5_2.png);
                }
            }
        }
    }
}

.user{
    height: 850px;
    background: linear-gradient(180deg, #FFF8F4 0%, #FFF 50.05%);
    .container{
        padding-top: 70px;
    }
    .bd{
        padding-top: 60px;
        padding-bottom: 70px;
        .tab{
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #EEE7E4;
            width: 1000px;
            margin: 0 auto;
            .item{
                display: flex;
                justify-content: center;
                align-items: center;
                width: 200px;
                height: 64px;
                color: #222;
                font-size: 20px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                cursor: pointer;
                position: relative;
                & i{
                    display: inline-block;
                    width: 24px;
                    height: 24px;
                    margin-right: 8px;
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    background-image: url(https://qiniugw.sdwanyue.com/20260806/user_1.png);
                }
                &.item2{
                    & i{
                        background-image: url(https://qiniugw.sdwanyue.com/20260806/user_2.png);
                    }
                }
                &.item3{
                    & i{
                        background-image: url(https://qiniugw.sdwanyue.com/20260806/user_3.png);
                    }
                }
                &.item4{
                    & i{
                        background-image: url(https://qiniugw.sdwanyue.com/20260806/user_4.png);
                    }
                }
                &.item5{
                    & i{
                        background-image: url(https://qiniugw.sdwanyue.com/20260806/user_5.png);
                    }
                }
                &.active{
                    color: #FF641C;
                    &:after{
                        content: '';
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        display: block;
                        width: 100%;
                        height: 3px;
                        background: #FF641C;
                    }
                }
            }
        }
        .tab_bd{
            padding-top: 50px;
            .item{
                display: none;
                justify-content: space-between;
                &.active{
                    display: flex;
                }
                .info{
                    margin-right: 45px;
                    .t{
                        color: #222;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        margin-bottom: 12px;
                    }
                    .d{
                        position: relative;
                        color: #787878;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                        padding-bottom: 14px;
                        border-bottom: 1px solid #EEEAE8;
                        
                    }
                    .pl{
                        padding-top: 26px;
                        .pl_i{
                            position: relative;
                            padding-left: 15px;
                            margin-bottom: 18px;
                            color: #444;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: normal;
                            &:before{
                                content: ' ';
                                position: absolute;
                                top: 9px;
                                left: 0;
                                width: 6px;
                                height: 6px;
                                background: #FF641C;
                                display: block;
                            }
                        }
                    }
                    .btns{
                        padding-top: 54px;
                        justify-content: left;
                        .btn{
                            width: 158px;
                            height: 51px;
                            border-radius: 6px;
                            background: linear-gradient(23deg, #FD6302 45.25%, #FFA341 95.34%);
                            color: #FFF;
                            font-size: 18px;
                            font-weight: 500;
                            box-shadow:none;
                            &.btn2{
                                border: 1px solid #FF641C;
                                color: #FA5C13;
                                background: #fff;
                            }
                        }
                    }
                }
                .img{
                    &img{

                    }
                }
            }

        }
    }
}

.merchant{
    .container{
        padding-top: 19px;
    }
    .bd{
        padding-top: 60px;
        padding-bottom: 100px;
        .tab_box{
            display: flex;
            justify-content: space-between;
            .tab_bd{
                .item{
                    display: none;
                    &.active{
                        display: flex;
                    }
                }
            }
            .tab{
                display: flex;
                flex-direction: column;
                .list{
                    display: flex;
                    flex-direction: column;
                    .item{
                        cursor: pointer;
                        margin-bottom: 26px;
                        .t{
                            margin-bottom: 5px;
                            display: flex;
                            align-items: center;
                            color: #222;
                            font-size: 20px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: normal;
                            & img{
                                width: 24px;
                                height: 24px;
                                margin-right: 4px;
                            }
                        }
                        .d{
                            color: #787878;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: normal;
                        }
                        &.active{
                            .t{
                                color: #FF641C;
                            }
                            .d{
                                color: #323232;
                            }
                        }
                    }
                }
                .btns{
                    padding-top: 13px;
                    justify-content: left;
                    .btn{
                        width: 158px;
                        height: 51px;
                        border-radius: 6px;
                        background: linear-gradient(23deg, #FD6302 45.25%, #FFA341 95.34%);
                        color: #FFF;
                        font-size: 18px;
                        font-weight: 500;
                        box-shadow:none;
                        &.btn2{
                            border: 1px solid #FF641C;
                            color: #FA5C13;
                            background: #fff;
                        }
                    }
                }
            }
        }
    }
}

.manage{
    .bd{
        display: flex;
        justify-content: space-between;
        .info{
            width: 450px;
            .list{
                .item{
                    margin-bottom: 23px;
                    .t{
                        display: flex;
                        align-items: center;
                        color: #222;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        margin-bottom: 5px;
                        &:before{
                            content: "";
                            display: block;
                            width: 10px;
                            height: 10px;
                            background: #FF641C;
                            border-radius: 50%;
                            margin-right: 10px;
                        }
                    }
                    .d{
                        color: #787878;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                    }
                }
            }
            .btns{
                padding-top: 13px;
                justify-content: left;
                .btn{
                    width: 158px;
                    height: 51px;
                    border-radius: 6px;
                    background: linear-gradient(23deg, #FD6302 45.25%, #FFA341 95.34%);
                    color: #FFF;
                    font-size: 18px;
                    font-weight: 500;
                    box-shadow:none;
                    &.btn2{
                        border: 1px solid #FF641C;
                        color: #FA5C13;
                        background: #fff;
                    }
                }
            }
        }
        .imgbd{
            width: 660px;
            & img{
                width: 100%;
            }
        }
    }
}
.order{
    height: 768px;
    background: linear-gradient(180deg, #FFF8F4 0%, #FFF 50.05%);
    .container{
        padding-top: 70px;
    }
    .bd{
        padding-top: 60px;
        padding-bottom: 60px;
        .info{
            width: 512px;
        }
    }
}
.data{
    .container{
        padding-top: 60px;
    }
    .bd{
        padding-top: 50px;
        padding-bottom: 90px;
        flex-direction: row-reverse;
    }
}

.terminal{
    height: 628px;
    background: url(https://qiniugw.sdwanyue.com/20260806/terminal_bg.png) no-repeat center center;
    background-size: 100% 100%;
    .container{
        padding-top: 70px;
    }
    .bd{
        padding-top: 60px;
        .list{
            display: flex;
            justify-content: space-between;
            align-items: center;
            .item{
                width: 278px;
                height: 327px;
                border-radius: 16px;
                border: 1px solid #FFD8C5;
                background: #FFF7F3;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                .img{
                    margin-bottom: 20px;
                    & img{
                        width: 58px;
                        height: 58px;
                    }
                }
                .t{
                    margin-bottom: 18px;
                    color: #000;
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                }
                .d{
                    width: 179px;
                    height: 44px;
                    border-radius: 36.5px;
                    background: #FFEFE6;
                    color: #FF641C;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 24px;
                }
                .p{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    flex-wrap: wrap;
                    width: 200px;
                    height: 68px;
                    .p_l{
                        position: relative;
                        padding-left: 12px;
                        color: #414141;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                    
                        &:before{
                            content: ' ';
                            position: absolute;
                            top: 9px;
                            left: 0;
                            width: 6px;
                            height: 6px;
                            background: #FFBFA6;
                            display: block;
                        }
                    }
                }
                &.item2{
                    border: 1px solid #BDC4FF;
                    background: #F5F3FF;
                    .d{
                        background: #EDEAFF;
                        color: #6648FF;
                    }
                    .p{
                        .p_l{
                            &:before{
                                background: #BFB2FF;
                            }
                        }
                    }
                }
                &.item3{
                    border: 1px solid #FFADAD;
                    background: #FFF1F0;
                    .d{
                        background: #FFE8E7;
                        color: #FF5A4E;
                    }
                    .p{
                        .p_l{
                            &:before{
                                background: #FF9992;
                            }
                        }
                    }
                }
                &.item4{
                    border: 1px solid #BBD8FF;
                    background: #F0F6FF;
                    .d{
                        background: #E7F1FF;
                        color: #257CFF;
                    }
                    .p{
                        .p_l{
                            &:before{
                                background: #ACF;
                            }
                        }
                    }
                }
            }
        }
    }
}

.solution{
    .container{
        padding-top: 80px;
    }
    .bd{
        min-width: 1200px;
        padding-bottom: 80px;
        .swiper{
            width: 100%;
            height: 100%;
            position: relative;
        }
        .swiper-wrapper{
            padding-top: 20px;
            align-items: center;
        }
        .swiper-slide{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 480px;
            height: 265px;
            margin: 0 12px;
        }
        .list{
            padding: 35px 0 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            .left{
                position: absolute;
                top: 0;
                left: 0;
                width: 150px;
                height: 100%;
                background: linear-gradient(90deg, #FFF 27.33%, rgba(255, 255, 255, 0.01) 100%);
                z-index: 1;
            }
            .right{
                position: absolute;
                top: 0;
                right: 0;
                width: 150px;
                height: 100%;
                background: linear-gradient(270deg, #FFF 27.33%, rgba(255, 255, 255, 0.01) 100%);
                z-index: 1;
            }
            .item{
                position: relative;
                width: 480px;
                height: 265px;
                border-radius: 10px;
                .img{
                    width: 480px;
                    height: 265px;
                    & img{
                        width: 100%;
                        height: 100%;
                        border-radius: 10px;
                    }
                }
                .info{
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 70px;
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.80) 100%);
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    box-sizing: border-box;
                    padding: 0 24px;
                    border-radius: 0 0 10px 10px;
                    .t{
                        align-self: start;
                        color: #fff;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                    }
                    .d{
                        padding-top: 10px;
                        display: none;
                        color: #ffffff;
                        text-align: center;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                    }
                }
                
            }
            .swiper-slide-active{
                .item{
                    margin-top: -10px;
                    .info{
                        height: 100%;
                        border-radius: 10px;
                        .t{
                            align-self: center;
                        }
                        .d{
                            display: block;
                        }
                    }
                }
            }
        }
        .btns{
            .btn{
                width: 158px;
                height: 51px;
                border-radius: 6px;
                background: linear-gradient(23deg, #FD6302 45.25%, #FFA341 95.34%);
                color: #FFF;
                font-size: 18px;
                font-weight: 500;
                box-shadow:none;
                &.btn2{
                    border: 1px solid #FF641C;
                    color: #FA5C13;
                    background: #fff;
                }
            }
        }
    }
}


.service{
    height: 878px;
    background: url(https://qiniugw.sdwanyue.com/20260806/service_bg.png) center no-repeat;
    background-size: 100% 100%;
    .container{
        padding-top: 70px;
    }
    .bd{
        padding: 50px 0 90px;
        .list{
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            .item{
                position: relative;
                width: 280px;
                height: 275px;
                border-radius: 2px;
                border: 1px solid #F5F0EE;
                background: #FFF;
                box-shadow: 0 4px 12px 0 rgba(195, 164, 148, 0.10);
                margin-bottom: 27px;
                .img{
                    padding-top: 48px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    & img{
                        width: 68px;
                        height: 68px;
                    }
                }
                .info{
                    padding-top: 16px;
                    text-align: center;
                    .t{
                        color: #222;
                        font-size: 22px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        margin-bottom: 10px;
                    }
                    .d{
                        color: #6F6B6A;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                    }
                }
            }
        }
    }
}


.start{
    height: 277px;
    background: #FD6C10 url(https://qiniugw.sdwanyue.com/20260806/start_bg.png) center no-repeat;
    .title{
        padding-top: 48px;
        .t{
            color: #FFF;
            font-size: 32px;
        }
        .d{
            color: #FFF;
            font-size: 22px;
            font-weight: 400;
        }
    }
    .bd{
        padding-top: 40px;
    }
}

/* =========================================================
   优化增强样式（在原有基础上叠加，放在文件末尾以覆盖）
   ========================================================= */
:root{
    --brand:#FD6302;
    --brand2:#FFA341;
    --orange:#FF641C;
    --ink:#2A211C;
    --line:#F1E6DE;
    --shadow-sm:0 8px 22px rgba(253,99,2,.10);
    --shadow-md:0 18px 40px rgba(253,99,2,.18);
    --shadow-lg:0 28px 60px rgba(253,99,2,.26);
}
html{ scroll-behavior:smooth; }
body{ background:#fff; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
::selection{ background:#FF641C; color:#fff; }
body::-webkit-scrollbar{ width:10px; }
body::-webkit-scrollbar-thumb{ background:linear-gradient(#FFA341,#FD6302); border-radius:10px; }
body::-webkit-scrollbar-track{ background:#fff5ef; }

/* 通用容器：原模板的 .container 缺少宽度，这里统一修复 */
.container{ width:min(1200px, 92%); margin:0 auto; }
[id]{ scroll-margin-top:96px; }

/* ==================== 顶部导航 ==================== */
.nav{ position:fixed; top:0; left:0; right:0; z-index:1000; transition:background .35s ease, box-shadow .35s ease; }
.nav .nav-row{ display:flex; align-items:center; justify-content:space-between; gap:18px; height:80px; transition:height .35s ease; }
.nav .brand{ display:flex; align-items:center; gap:10px; font-size:23px; font-weight:800; letter-spacing:.5px; color:#fff; text-decoration:none; }
.nav .brand .brand-ic{ width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:21px; background:linear-gradient(135deg,#FFB26B,#FD6302); box-shadow:0 6px 16px rgba(253,99,2,.45); }
.nav .brand em{ font-style:normal; color:#FFE2A8; }
.nav .menu{ display:flex; align-items:center; gap:32px; }
.nav .menu a{ position:relative; color:#fff; text-decoration:none; font-size:15px; font-weight:500; padding:6px 0; transition:color .3s; }
.nav .menu a::after{ content:""; position:absolute; left:50%; bottom:-2px; width:0; height:2px; border-radius:2px; background:linear-gradient(90deg,#FFE2A8,#FD6302); transform:translateX(-50%); transition:width .3s ease; }
.nav .menu a:hover, .nav .menu a.active{ color:#FFE6C8; }
.nav .menu a:hover::after, .nav .menu a.active::after{ width:100%; }
.nav-cta{ padding:10px 24px; border-radius:30px; color:#fff !important; text-decoration:none; font-size:14px; font-weight:600; background:linear-gradient(135deg,#FF9A3D,#FD6302); box-shadow:0 8px 18px rgba(253,99,2,.38); white-space:nowrap; transition:transform .3s, box-shadow .3s; }
.nav-cta:hover{ transform:translateY(-2px); box-shadow:0 13px 26px rgba(253,99,2,.48); }
.nav-burger{ display:none; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:42px; height:42px; border:0; border-radius:10px; background:rgba(255,255,255,.16); cursor:pointer; }
.nav-burger span{ display:block; width:20px; height:2px; border-radius:2px; background:#fff; transition:transform .3s, opacity .3s; }
.nav-burger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-burger.open span:nth-child(2){ opacity:0; }
.nav-burger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
/* 滚动后的吸顶导航 */
.nav.scrolled{ background:rgba(255,255,255,.9); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 6px 24px rgba(43,33,28,.08); }
.nav.scrolled .nav-row{ height:66px; }
.nav.scrolled .brand{ color:var(--ink); }
.nav.scrolled .brand em{ color:var(--orange); }
.nav.scrolled .menu a{ color:var(--ink); }
.nav.scrolled .menu a:hover, .nav.scrolled .menu a.active{ color:var(--orange); }
.nav.scrolled .menu a::after{ background:linear-gradient(90deg,#FFB27F,#FD6302); }
.nav.scrolled .nav-burger{ background:rgba(253,99,2,.1); }
.nav.scrolled .nav-burger span{ background:var(--brand); }

/* ==================== 按钮增强 ==================== */
.btns .btn{ position:relative; overflow:hidden; transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease, background .3s ease, color .3s ease, border-color .3s ease, filter .3s ease; }
.btns .btn:hover{ transform:translateY(-3px); }
.btns .btn:active{ transform:translateY(0) scale(.97); }
.btns .btn .arrow_right_w, .btns .btn .arrow_right_y{ transition:transform .3s ease; }
.btns .btn:hover .arrow_right_w, .btns .btn:hover .arrow_right_y{ transform:translateX(4px); }
/* 浅色区块内的橙色主按钮 */
.user .info .btns .btn, .merchant .tab .btns .btn, .manage .info .btns .btn, .solution .btns .btn{
    box-shadow:0 10px 22px rgba(253,99,2,.24);
}
.user .info .btns .btn:hover, .merchant .tab .btns .btn:hover, .manage .info .btns .btn:hover, .solution .btns .btn:hover{
    box-shadow:0 18px 34px rgba(253,99,2,.4);
    filter:saturate(1.08) brightness(1.03);
}
/* 描边按钮悬停填充渐变 */
.user .info .btns .btn.btn2, .merchant .tab .btns .btn.btn2, .manage .info .btns .btn.btn2, .solution .btns .btn.btn2{
    background:#fff;
}
.user .info .btns .btn.btn2:hover, .merchant .tab .btns .btn.btn2:hover, .manage .info .btns .btn.btn2:hover, .solution .btns .btn.btn2:hover{
    background:linear-gradient(135deg,#FF9A3D,#FD6302);
    border-color:transparent;
    color:#fff;
    box-shadow:0 14px 28px rgba(253,99,2,.35);
}
/* Hero 区按钮 */
.banner .info .btns .btn{ width:180px; height:56px; border-radius:12px; font-size:18px; box-shadow:0 10px 24px rgba(120,40,0,.22); }
.banner .info .btns .btn.btn2{ background:rgba(255,255,255,.14); backdrop-filter:blur(6px); }
.banner .info .btns .btn.btn1:hover{ box-shadow:0 18px 34px rgba(120,40,0,.35); }
.banner .info .btns .btn.btn2:hover{ background:#fff; color:var(--orange); }

/* ==================== Banner 视觉增强 ==================== */
.banner{ position:relative; overflow:hidden; }
.banner::before, .banner::after{ content:""; position:absolute; border-radius:50%; pointer-events:none; }
.banner::before{ width:560px; height:560px; right:-150px; top:-180px; background:radial-gradient(circle, rgba(255,255,255,.20), rgba(255,255,255,0) 70%); }
.banner::after{ width:480px; height:480px; left:-190px; bottom:-240px; background:radial-gradient(circle, rgba(255,225,150,.22), rgba(255,225,150,0) 70%); }
.banner .bd{ position:relative; z-index:1; }
.banner .info .t{ animation:heroUp .8s .05s both ease; }
.banner .info .t2{ animation:heroUp .8s .15s both ease; }
.banner .info .d{ animation:heroUp .8s .25s both ease; }
.banner .info .tags{ animation:heroUp .8s .35s both ease; }
.banner .info .btns{ animation:heroUp .8s .5s both ease; }
.banner .imgbd{ animation:heroUp 1s .35s both ease; }
.banner .imgbd img{ animation:floaty 6s ease-in-out 1.4s infinite; filter:drop-shadow(0 34px 44px rgba(140,55,0,.32)); }
.banner .info .tags .tag_i{ gap:8px; margin-left:12px; padding:8px 16px; border-radius:40px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(4px); transition:background .3s, transform .3s; }
.banner .info .tags .tag_i:hover{ background:rgba(255,255,255,.24); transform:translateY(-3px); }
@keyframes heroUp{ from{ opacity:0; transform:translateY(36px); } to{ opacity:1; transform:none; } }
@keyframes floaty{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }

/* ==================== 标题与分区小点缀 ==================== */
.title .t .l, .title .t .r{ opacity:.9; }
.ability .list .item, .service .list .item, .manage .bd .list .item{ transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease; }

/* ==================== 核心能力卡片 ==================== */
.ability .item{ cursor:pointer; }
.ability .left .item{ cursor:default; }
.ability .item:hover{ transform:translateY(-5px); box-shadow:0 22px 44px rgba(0,0,0,.12); }
.ability .item.active{ transform:translateY(-5px); box-shadow:0 24px 48px rgba(253,99,2,.28); }

/* ==================== Tab 切换动效 ==================== */
.user .tab_bd .item.active{ animation:tabIn .55s cubic-bezier(.2,.7,.3,1) both; }
.merchant .tab_bd .item.active{ animation:tabFade .6s ease both; }
.user .tab .item{ transition:color .25s; }
.user .tab .item:hover{ color:var(--orange); }
.user .tab .item.active i{ animation:iconPop .5s ease both; }
@keyframes tabIn{ from{ opacity:0; transform:translateY(20px); } to{ opacity:1; transform:none; } }
@keyframes tabFade{ from{ opacity:0; } to{ opacity:1; } }
@keyframes iconPop{ 0%{ transform:scale(.6); } 60%{ transform:scale(1.15); } 100%{ transform:scale(1); } }

/* ==================== 商家端列表 ==================== */
.merchant .tab .list .item{ padding:16px 20px; margin-bottom:14px; border-radius:14px; border:1px solid transparent; transition:background .3s, border-color .3s, transform .3s, box-shadow .3s; }
.merchant .tab .list .item:hover{ background:#fff; border-color:#FFE0CC; transform:translateX(6px); box-shadow:0 12px 26px rgba(253,99,2,.10); }
.merchant .tab .list .item.active{ background:linear-gradient(135deg,#fff,#FFF3EA); border-color:#FFB27F; transform:translateX(6px); box-shadow:0 14px 30px rgba(253,99,2,.15); }
.merchant .tab .list .item .t img{ transition:transform .3s; }
.merchant .tab .list .item:hover .t img{ transform:scale(1.12) rotate(-6deg); }

/* ==================== 运营/数据区块列表 ==================== */
.manage .bd .list .item{ padding:12px 16px; margin-bottom:6px; border-radius:12px; border:1px solid transparent; }
.manage .bd .list .item:hover{ background:#FFF6EF; border-color:#FFE0CC; transform:translateX(6px); }
.manage .bd .list .item .t::before{ transition:transform .3s, background .3s; }
.manage .bd .list .item:hover .t::before{ transform:scale(1.4); background:linear-gradient(135deg,#FF9A3D,#FD6302); }

/* ==================== 服务支持卡片 ==================== */
.service .list .item{ overflow:hidden; }
.service .list .item::before{ content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:linear-gradient(90deg,#FF9A3D,#FD6302); transform:scaleX(0); transform-origin:left; transition:transform .4s ease; border-radius:2px 2px 0 0; }
.service .list .item:hover{ transform:translateY(-9px); border-color:#FFD7BF; box-shadow:0 24px 46px rgba(253,99,2,.15); }
.service .list .item:hover::before{ transform:scaleX(1); }
.service .list .item .img{ transition:transform .4s ease; }
.service .list .item:hover .img{ transform:translateY(-5px); }
.service .list .item:hover .info .t{ color:var(--orange); }

/* ==================== 行业解决方案轮播 ==================== */
.solution .bd{ min-width:0; overflow:hidden; } /* 解除固定最小宽度，避免页面横向滚动 */
.solution .list{ position:relative; padding:30px 0 28px; }
.solution .swiper-slide{ transition:opacity .4s ease; }
.solution .swiper-slide .item{ transition:transform .5s ease, box-shadow .5s ease, filter .5s ease; }
.solution .swiper-slide:not(.swiper-slide-active) .item{ transform:scale(.9); filter:brightness(.9); }
.solution .swiper-slide-active .item{ box-shadow:0 28px 60px rgba(0,0,0,.22); }
.solution .swiper-pagination{ position:relative; width:100%; margin-top:26px; text-align:center; z-index:4; }
.solution .swiper-pagination-bullet{ width:8px; height:8px; border-radius:6px; background:#FFCFB0; opacity:1; transition:all .3s ease; }
.solution .swiper-pagination-bullet-active{ width:26px; background:linear-gradient(90deg,#FF9A3D,#FD6302); }
.solution .swiper-arrow{ position:absolute; top:46%; transform:translateY(-50%); z-index:6; width:52px; height:52px; border:0; border-radius:50%; cursor:pointer; background:rgba(255,255,255,.92); box-shadow:0 10px 26px rgba(43,33,28,.18); display:flex; align-items:center; justify-content:center; transition:background .3s, transform .3s, color .3s; }
.solution .swiper-arrow::after{ font-size:24px; font-weight:700; line-height:1; color:var(--orange); }
.solution .swiper-arrow-prev{ left:max(10px, calc(50% - 660px)); }
.solution .swiper-arrow-prev::after{ content:"‹"; }
.solution .swiper-arrow-next{ right:max(10px, calc(50% - 660px)); }
.solution .swiper-arrow-next::after{ content:"›"; }
.solution .swiper-arrow:hover{ background:linear-gradient(135deg,#FF9A3D,#FD6302); }
.solution .swiper-arrow:hover::after{ color:#fff; }
.solution .swiper-arrow:active{ transform:translateY(-50%) scale(.94); }

/* ==================== CTA 底部条 ==================== */
.start{ position:relative; overflow:hidden; }
.start::before, .start::after{ content:""; position:absolute; border-radius:50%; pointer-events:none; }
.start::before{ width:420px; height:420px; left:-140px; bottom:-260px; background:radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0) 70%); }
.start::after{ width:380px; height:380px; right:-120px; top:-260px; background:radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0) 70%); }
.start .title, .start .bd{ position:relative; z-index:1; }
.start .btns .btn{ width:190px; height:54px; border-radius:12px; font-size:17px; box-shadow:0 10px 22px rgba(150,40,0,.28); }
.start .btns .btn:hover{ box-shadow:0 16px 32px rgba(150,40,0,.4); }
.start .btns .btn.btn2:hover{ background:#fff; color:var(--orange); }

/* ==================== 滚动渐显 ==================== */
html.js .up{ opacity:0; transform:translateY(36px); }
html.js .up.in{ opacity:1; transform:none; transition:opacity .8s ease, transform .8s cubic-bezier(.16,1,.3,1); }

/* ==================== 返回顶部 ==================== */
.to-top{ position:fixed; right:26px; bottom:30px; z-index:900; width:50px; height:50px; border:0; border-radius:50%; cursor:pointer; color:#fff; font-size:22px; background:linear-gradient(135deg,#FF9A3D,#FD6302); box-shadow:0 12px 26px rgba(253,99,2,.42); opacity:0; visibility:hidden; transform:translateY(18px); transition:opacity .35s, transform .35s, visibility .35s; }
.to-top.show{ opacity:1; visibility:visible; transform:none; }
.to-top:hover{ transform:translateY(-4px); box-shadow:0 18px 34px rgba(253,99,2,.5); }

/* ==================== 页脚 ==================== */
.footer{ position:relative; background:#251C17; color:#CFC5BC; }
.footer a{ color:#CFC5BC; text-decoration:none; transition:color .3s; }
.footer a:hover{ color:#FFB27F; }
.footer .ft-top{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:34px; padding:64px 0 46px; }
.footer .ft-brand{ max-width:360px; }
.footer .brand{ display:flex; align-items:center; gap:10px; color:#fff; font-size:24px; font-weight:800; margin-bottom:16px; }
.footer .brand .brand-ic{ width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:21px; background:linear-gradient(135deg,#FFB26B,#FD6302); box-shadow:0 6px 16px rgba(253,99,2,.35); }
.footer .brand em{ font-style:normal; color:#FFE2A8; }
.footer .ft-brand p{ font-size:14px; line-height:1.9; color:#A89C93; }
.footer .ft-col h4, .footer .ft-contact h4{ color:#fff; font-size:16px; font-weight:700; margin-bottom:16px; }
.footer .ft-col a{ display:block; padding:5px 0; font-size:14px; }
.footer .ft-contact p{ font-size:14px; margin:0 0 8px; }
.footer .ft-btn{ margin-top:12px; padding:9px 20px; border:0; border-radius:24px; cursor:pointer; color:#fff; font-size:14px; font-weight:600; background:linear-gradient(135deg,#FF9A3D,#FD6302); box-shadow:0 8px 18px rgba(253,99,2,.35); transition:transform .3s, box-shadow .3s; }
.footer .ft-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(253,99,2,.48); }
.footer .ft-bottom{ border-top:1px solid rgba(255,255,255,.08); text-align:center; padding:18px 10px; font-size:13px; color:#8E827A; }

/* ==================== 响应式 ==================== */
/* =========================================================
   深度修正与响应式（选择器按原嵌套结构补足，确保覆盖生效）
   ========================================================= */
/* ---- Banner 细节（优先级对齐原嵌套 .banner .bd .info …）---- */
.banner .bd .info .tags .tag_i{ gap:6px; margin-left:12px; padding:8px 16px; border-radius:40px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(4px); transition:background .3s, transform .3s; }
.banner .bd .info .tags .tag_i:hover{ background:rgba(255,255,255,.24); transform:translateY(-3px); }
.banner .bd .info .btns .btn{ width:182px; height:56px; border-radius:12px; font-size:18px; box-shadow:0 10px 24px rgba(120,40,0,.22); }
.banner .bd .info .btns .btn.btn2{ background:rgba(255,255,255,.14); backdrop-filter:blur(6px); }
.banner .bd .info .btns .btn:hover{ transform:translateY(-3px); box-shadow:0 18px 34px rgba(120,40,0,.35); }
.banner .bd .info .btns .btn.btn2:hover{ background:#fff; color:var(--orange); }
.banner .bd .info .t{ animation:heroUp .8s .05s both ease; }
.banner .bd .info .t2{ animation:heroUp .8s .15s both ease; }
.banner .bd .info .d{ animation:heroUp .8s .25s both ease; }
.banner .bd .info .tags{ animation:heroUp .8s .35s both ease; }
.banner .bd .info .btns{ animation:heroUp .8s .5s both ease; }
.banner .bd .imgbd{ animation:heroUp 1s .35s both ease; }
.banner .bd .imgbd img{ animation:floaty 6s ease-in-out 1.4s infinite; filter:drop-shadow(0 34px 44px rgba(140,55,0,.32)); }

/* ---- 核心能力卡片 ---- */
.ability .bd .list .item{ transition:transform .35s ease, box-shadow .35s ease; cursor:pointer; }
.ability .bd .list .item.active{ transform:translateY(-5px); box-shadow:0 24px 48px rgba(253,99,2,.28); }
.ability .bd .list .item:not(.active):hover{ transform:translateY(-5px); box-shadow:0 20px 40px rgba(0,0,0,.12); }
.ability .bd .list .left .item{ cursor:default; }

/* ---- Tab 动画 ---- */
.user .bd .tab .item{ transition:color .25s; }
.user .bd .tab .item:hover{ color:var(--orange); }
.user .bd .tab_bd .item.active{ animation:tabIn .55s cubic-bezier(.2,.7,.3,1) both; }
.merchant .bd .tab_box .tab_bd .item.active{ animation:tabFade .6s ease both; }
.merchant .bd .tab_box .tab .list .item{ padding:14px 18px; margin-bottom:12px; border-radius:14px; border:1px solid transparent; transition:background .3s, border-color .3s, transform .3s, box-shadow .3s; }
.merchant .bd .tab_box .tab .list .item:hover{ background:#fff; border-color:#FFE0CC; transform:translateX(6px); box-shadow:0 12px 26px rgba(253,99,2,.10); }
.merchant .bd .tab_box .tab .list .item.active{ background:linear-gradient(135deg,#fff,#FFF3EA); border-color:#FFB27F; transform:translateX(6px); box-shadow:0 14px 30px rgba(253,99,2,.15); }
.merchant .bd .tab_box .tab .list .item .t img{ transition:transform .3s; }
.merchant .bd .tab_box .tab .list .item:hover .t img{ transform:scale(1.12) rotate(-6deg); }

/* ---- 订单 / 数据 区块 ---- */
.manage .bd .info .list .item{ padding:10px 16px; border-radius:12px; border:1px solid transparent; transition:background .3s, border-color .3s, transform .3s; }
.manage .bd .info .list .item:hover{ background:#FFF6EF; border-color:#FFE0CC; transform:translateX(6px); }
.manage .bd .info .list .item .t::before{ transition:transform .3s, background .3s; }
.manage .bd .info .list .item:hover .t::before{ transform:scale(1.4); background:linear-gradient(135deg,#FF9A3D,#FD6302); }
.manage .bd .info .btns .btn{ box-shadow:0 10px 22px rgba(253,99,2,.24); }
.manage .bd .info .btns .btn:hover{ box-shadow:0 18px 34px rgba(253,99,2,.4); filter:saturate(1.08); }
.manage .bd .info .btns .btn.btn2:hover{ background:linear-gradient(135deg,#FF9A3D,#FD6302); color:#fff; border-color:transparent; box-shadow:0 14px 28px rgba(253,99,2,.35); }

/* ---- 服务支持卡片 ---- */
.service .bd .list .item{ overflow:hidden; transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.service .bd .list .item::before{ content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:linear-gradient(90deg,#FF9A3D,#FD6302); transform:scaleX(0); transform-origin:left; transition:transform .4s ease; border-radius:2px 2px 0 0; }
.service .bd .list .item:hover{ transform:translateY(-9px); border-color:#FFD7BF; box-shadow:0 24px 46px rgba(253,99,2,.15); }
.service .bd .list .item:hover::before{ transform:scaleX(1); }
.service .bd .list .item .img{ transition:transform .4s ease; }
.service .bd .list .item:hover .img{ transform:translateY(-5px); }
.service .bd .list .item:hover .info .t{ color:var(--orange); }

/* ---- 通用按钮微交互（确保作用于所有按钮）---- */
.btns .btn{ transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease, background .3s ease, color .3s ease, border-color .3s ease, filter .3s ease; }
.btns .btn:hover{ transform:translateY(-3px); }
.btns .btn:active{ transform:translateY(0) scale(.97); }
.btns .btn .arrow_right_w, .btns .btn .arrow_right_y{ transition:transform .3s ease; }
.btns .btn:hover .arrow_right_w, .btns .btn:hover .arrow_right_y{ transform:translateX(4px); }
.start .btns .btn{ box-shadow:0 10px 22px rgba(150,40,0,.26); }
.start .btns .btn:hover{ box-shadow:0 16px 32px rgba(150,40,0,.4); }
.start .btns .btn.btn2:hover{ background:#fff; color:var(--orange); }

/* =========================================================
   响应式
   ========================================================= */
@media (max-width:1280px){
    /* 中等宽度下能力卡片改为居中纵向，避免固定宽度溢出 */
    .ability .bd .list{ flex-direction:column; align-items:center; }
    .ability .bd .list .left{ margin-right:0; margin-bottom:22px; }
    .ability .bd .list .right{ width:100%; max-width:884px; }
}
@media (max-width:1100px){
    .nav .menu{ gap:20px; }
    .nav .menu a{ font-size:14px; }
    .banner{ height:auto; padding-bottom:64px; }
    .banner .bd{ flex-wrap:wrap; justify-content:center; gap:16px; }
    .banner .bd .imgbd{ margin:0; transform:scale(.9); transform-origin:top center; }
    .user .bd .tab{ width:100%; }
    .user .bd .tab .item{ flex:1; width:auto; padding:0 4px; }
    .merchant .bd .tab_box{ flex-wrap:wrap; justify-content:center; }
    .merchant .bd .tab_box .tab_bd{ order:2; margin-top:30px; }
    .merchant .bd .tab_box .tab_bd .item img{ max-width:100%; }
    .manage .bd{ flex-wrap:wrap; justify-content:center; }
    .manage .bd .imgbd{ width:min(660px, 100%); }
    .manage .bd .info{ width:100%; max-width:660px; }
    .service .bd .list .item{ width:calc((100% - 30px) / 3); }
    .solution .bd .btns{ flex-wrap:wrap; }
}
@media (max-width:768px){
    /* 移动端导航：折叠为汉堡菜单 */
    .nav .menu{ position:fixed; top:64px; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; background:rgba(255,255,255,.98); box-shadow:0 18px 40px rgba(0,0,0,.12); padding:10px 6vw 18px; opacity:0; visibility:hidden; transform:translateY(-12px); transition:.3s; }
    .nav .menu a{ color:var(--ink) !important; padding:12px 4px; border-bottom:1px solid #f2ebe5; }
    .nav .menu a.active, .nav .menu a:hover{ color:var(--orange) !important; }
    .nav .menu a::after{ display:none; }
    .nav.open .menu{ opacity:1; visibility:visible; transform:none; }
    .nav-burger{ display:flex; }
    .nav .nav-cta{ display:none; }
    .nav .nav-row{ height:64px; }
    .nav.scrolled .nav-row{ height:60px; }
    /* 通用 */
    .container{ width:94%; }
    .title .t{ font-size:28px; }
    /* Hero */
    .banner{ padding-bottom:44px; }
    .banner .bd{ padding-top:112px; flex-direction:column; text-align:center; }
    .banner .bd .info{ max-width:100%; }
    .banner .bd .info .t{ font-size:34px; }
    .banner .bd .info .t2{ font-size:20px; }
    .banner .bd .info .tags{ justify-content:center; flex-wrap:wrap; row-gap:10px; }
    .banner .bd .info .tags .tag_i{ margin-left:0; }
    .banner .bd .info .btns{ justify-content:center; }
    .banner .bd .info .btns .btn{ width:150px; height:48px; font-size:15px; border-radius:10px; }
    .banner .bd .imgbd{ transform:scale(.92); }
    /* 能力 */
    .ability .bd .list .item, .ability .bd .list .item.item1{ width:min(426px, 92%); }
    .ability .bd .list .right{ max-width:none; }
    /* 用户端 */
    .user{ height:auto; }
    .user .bd .tab{ justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
    .user .bd .tab::-webkit-scrollbar{ display:none; }
    .user .bd .tab .item{ flex:none; width:auto; min-width:84px; height:54px; font-size:15px; }
    .user .bd .tab .item i{ width:20px; height:20px; margin-right:4px; }
    .user .bd .tab_bd .item{ flex-direction:column; align-items:center; gap:26px; }
    .user .bd .tab_bd .item .info{ margin-right:0; max-width:100%; }
    .user .bd .tab_bd .item .img{ max-width:100%; }
    .user .bd .tab_bd .item .img img{ max-width:100%; }
    .user .bd .tab_bd .item .info .btns{ justify-content:center; padding-top:26px; }
    .user .bd{ padding-bottom:40px; }
    /* 商家端 */
    .merchant .bd{ padding-bottom:56px; }
    .merchant .bd .tab_box{ flex-direction:column; align-items:center; }
    .merchant .bd .tab_box .tab{ width:100%; max-width:560px; }
    .merchant .bd .tab_box .tab .list .item{ padding:12px 16px; }
    /* 订单 / 数据 */
    .order{ height:auto; }
    .order .bd, .data .bd{ padding-bottom:40px; }
    .manage .bd .info{ width:100%; }
    .manage .bd .imgbd{ width:100%; }
    /* 服务 */
    .service{ height:auto; }
    .service .bd .list{ justify-content:center; }
    .service .bd .list .item{ width:calc((100% - 16px) / 2); }
    /* 轮播 */
    .solution .swiper-slide{ width:88%; margin:0; }
    .solution .swiper-arrow{ display:none; }
    /* 底部 CTA */
    .start{ height:auto; padding-bottom:44px; }
    .start .bd .btns{ flex-wrap:wrap; gap:14px; }
    .start .btns .btn{ width:170px; height:50px; }
    /* 页脚 */
    .footer .ft-top{ flex-direction:column; gap:26px; padding:44px 0 30px; }
    /* 返回顶部 */
    .to-top{ right:16px; bottom:20px; width:44px; height:44px; }
}
@media (max-width:420px){
    .banner .bd .info .t{ font-size:28px; }
    .banner .bd .info .t2{ font-size:18px; }
    .banner .bd .info .btns .btn{ width:138px; height:46px; font-size:14px; }
    .ability .bd .list .item.item1{ min-height:300px; padding:22px 18px; }
    .ability .bd .list .item{ padding:18px 16px; height:auto; min-height:170px; }
    .user .bd .tab_bd .item .img{ display:none; }
    .service .bd .list .item{ width:100%; }
    .footer .ft-bottom{ font-size:12px; }
}

/* =========================================================
   核心产品能力 · 新版布局（参考图：左侧主推 + 右侧 2×2 卡片）
   ========================================================= */
.ability{ position:relative; overflow:hidden; }
.ability::before, .ability::after{ content:""; position:absolute; border-radius:50%; pointer-events:none; z-index:0; }
.ability::before{ width:560px; height:560px; right:-240px; top:60px; background:radial-gradient(circle, rgba(255,159,61,.12), transparent 70%); }
.ability::after{ width:520px; height:520px; left:-230px; bottom:-160px; background:radial-gradient(circle, rgba(253,99,2,.07), transparent 70%); }
.ability .container, .ability .bd{ position:relative; z-index:1; }

.ability-grid{ display:flex; gap:24px; align-items:stretch; }

/* ---- 左侧主推面板 ---- */
.a-feature{
    flex:0 0 392px;
    display:flex; flex-direction:column;
    padding:34px 30px 28px;
    border-radius:20px;
    border:1px solid #FFE3CF;
    background:
        radial-gradient(120% 90% at 100% 0%, rgba(255,164,79,.16), transparent 55%),
        linear-gradient(165deg, #FFF9F2 0%, #FFFFFF 100%);
    box-shadow:0 18px 42px rgba(253,99,2,.08);
    overflow:hidden;
}
.a-feature::after{ content:""; position:absolute; left:0; top:0; width:100%; height:5px;  }
.a-feature__head{ display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.a-feature__ic{ width:54px; height:54px; border-radius:16px; display:flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,#FF9A3D,#FD6302); box-shadow:0 12px 22px rgba(253,99,2,.32); }
.a-feature__ic svg{ width:28px; height:28px; }
.a-feature__flag{ padding:5px 14px; border-radius:30px; font-size:13px; font-weight:600; color:#FD6302; background:#FFEFE2; }
.a-feature__title{ margin:0 0 14px; font-size:26px; font-weight:800; color:#2A211C; letter-spacing:.5px; }
.a-feature__desc{ margin:0 0 12px; font-size:14.5px; line-height:1.9; color:#7C736B; }
.a-feature__btns{ margin-top:auto; padding-top:22px; display:flex; flex-wrap:wrap; gap:12px; }
.a-feature__btns .btn{ margin:0; width:150px; height:48px; border-radius:10px; font-size:15px; }
.a-feature__btns .btn.btn1{ background:linear-gradient(135deg,#FF9A3D,#FD6302); color:#fff; box-shadow:0 10px 22px rgba(253,99,2,.3); }
.a-feature__btns .btn.btn2{ border:1px solid #FFB27F; background:#fff; color:#FD6302; }
.a-feature__btns .btn.btn1:hover{ box-shadow:0 16px 30px rgba(253,99,2,.45); }
.a-feature__btns .btn.btn2:hover{ background:linear-gradient(135deg,#FF9A3D,#FD6302); border-color:transparent; color:#fff; }

/* ---- 右侧能力卡片 ---- */
.a-cards{ flex:1; min-width:0; display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.a-card{
    position:relative;
    display:flex; flex-direction:column;
    padding:26px 24px 22px;
    border-radius:18px;
    border:1px solid #F0E6DE;
    background:#fff;
    overflow:hidden;
    box-shadow:0 6px 16px rgba(120,60,20,.05);
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.a-card::before{ content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:linear-gradient(90deg,#FFB27F,#FD6302); transform:scaleX(0); transform-origin:left; transition:transform .4s ease; }
.a-card__ic{
    position:absolute; top:22px; right:22px;
    width:46px; height:46px; border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    color:#FD6302; background:#FFF1E6;
    transition:transform .35s ease, background .35s ease, color .35s ease, box-shadow .35s ease;
}
.a-card__ic svg{ width:24px; height:24px; }
.a-card__t{ margin:4px 64px 10px 0; font-size:20px; font-weight:800; color:#2A211C; transition:color .3s; }
.a-card__d{ margin:0; font-size:14px; line-height:1.85; color:#7C736B; }
.a-card:hover{ transform:translateY(-6px); border-color:#FFD9BF; box-shadow:0 22px 44px rgba(253,99,2,.13); }
.a-card:hover::before{ transform:scaleX(1); }
.a-card:hover .a-card__ic{ transform:rotate(-8deg) scale(1.06); color:#fff; background:linear-gradient(135deg,#FF9A3D,#FD6302); box-shadow:0 10px 20px rgba(253,99,2,.3); }
.a-card:hover .a-card__t{ color:#FD6302; }

/* 新版能力区响应式 */
@media (max-width:1100px){
    .ability-grid{ flex-direction:column; }
    .a-feature{ flex:auto; }
    .a-cards{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px){
    .a-cards{ grid-template-columns:1fr; }
    .a-feature{ padding:28px 22px 24px; }
    .a-feature__title{ font-size:23px; }
    .a-feature__btns .btn{ width:140px; height:46px; }
    .a-card{ padding:22px 20px 20px; }
}

/* =========================================================
   同城外卖服务端 · 新版（参考图：分段胶囊 Tab + 圆角内容大卡）
   ========================================================= */
.user{
    position:relative;
    overflow:hidden;
    height:auto;
    padding-bottom:84px;
    background:
        radial-gradient(840px 540px at 90% -8%, rgba(255,159,61,.22), transparent 62%),
        radial-gradient(760px 520px at -6% 110%, rgba(253,99,2,.14), transparent 60%),
        linear-gradient(180deg, #FFF6EC 0%, #FFEDD7 100%);
}
.user::before, .user::after{ content:""; position:absolute; border-radius:50%; pointer-events:none; }
.user::before{ width:340px; height:340px; right:4%; top:34%; background:radial-gradient(circle, rgba(255,255,255,.55), transparent 70%); }
.user::after{ width:420px; height:420px; left:-140px; top:12%; background:radial-gradient(circle, rgba(255,159,61,.18), transparent 70%); }
.user .container, .user .title, .user .bd{ position:relative; z-index:1; }
.user .container{ padding-top:64px; }
.user .bd{ padding-top:32px; padding-bottom:0; }

/* ---- 顶部：分段胶囊 Tab（参考图） ---- */
.user .bd .tab_box{ display:flex; flex-direction:column; align-items:center; }
.user .bd .tab{
    display:inline-flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:auto;
    margin:0 auto;
    padding:6px;
    border:0;
    border-radius:40px;
    background:#FFF2E5;
    box-shadow:inset 0 1px 3px rgba(120,60,20,.06), 0 8px 22px rgba(253,99,2,.10);
}
.user .bd .tab .item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    height:46px;
    min-width:122px;
    width:auto;
    padding:0 24px;
    border-radius:32px;
    background:transparent;
    color:#8A6A54;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:color .3s ease, background .3s ease, box-shadow .3s ease, transform .3s ease;
}
.user .bd .tab .item i{ width:19px; height:19px; margin:0; filter:grayscale(.55); opacity:.75; transition:opacity .3s, filter .3s, transform .3s; }
.user .bd .tab .item:hover{ color:#FD6302; }
.user .bd .tab .item.active{
    color:#fff;
    background:linear-gradient(135deg,#FF9A3D,#FD6302);
    box-shadow:0 10px 22px rgba(253,99,2,.38);
    transform:translateY(-1px);
}
.user .bd .tab .item.active i{ filter:brightness(0) invert(1); opacity:1; }
.user .bd .tab .item.active:after{ display:none; }

/* ---- 中部：白色圆角内容大卡 ---- */
.user .bd .tab_bd{ padding-top:24px; }
.user .bd .tab_bd .item{
    display:none;
    position:relative;
    overflow:hidden;
    border-radius:26px;
    border:1px solid rgba(255,213,184,.75);
    background:#fff;
    box-shadow:0 30px 70px rgba(170,80,25,.12);
    padding:48px 52px 42px;
}
.user .bd .tab_bd .item::before{
    content:"";
    position:absolute; right:0; top:0;
    width:380px; height:380px;
    background:radial-gradient(circle at 100% 0%, rgba(255,159,61,.12), transparent 60%);
    pointer-events:none;
}
.user .bd .tab_bd .item.active{ display:flex; align-items:center; justify-content:space-between; gap:44px; animation:userCardIn .55s cubic-bezier(.2,.7,.3,1) both; }
@keyframes userCardIn{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }

/* 左侧说明 */
.user .bd .tab_bd .item .info{ flex:1 1 auto; max-width:580px; margin:0; position:relative; z-index:1; }
.user .bd .tab_bd .item .info .t{ font-size:28px; font-weight:800; line-height:1.4; color:#2A211C; margin-bottom:14px; }
.user .bd .tab_bd .item .info .d{ color:#7C736B; font-size:15px; line-height:1.95; padding-bottom:20px; border-bottom:1px dashed #F0DCCB; }
.user .bd .tab_bd .item .info .pl{ padding-top:18px; }
.user .bd .tab_bd .item .info .pl .pl_i{ position:relative; padding-left:32px; margin-bottom:13px; color:#5A5047; font-size:15px; line-height:1.7; }
.user .bd .tab_bd .item .info .pl .pl_i:last-child{ margin-bottom:0; }
.user .bd .tab_bd .item .info .pl .pl_i:before{
    content:"";
    position:absolute;
    top:2px; left:0;
    width:20px; height:20px;
    border-radius:50%;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.6 4.6L19 7.5'/%3E%3C/svg%3E") center / 11px 11px no-repeat,
        linear-gradient(135deg,#FF9A3D,#FD6302);
    box-shadow:0 4px 10px rgba(253,99,2,.28);
}
.user .bd .tab_bd .item .info .btns{ display:flex; padding-top:28px; }
.user .bd .tab_bd .item .info .btns .btn{ margin:0 12px 0 0; width:158px; height:52px; border-radius:12px; font-size:16px; }
.user .bd .tab_bd .item .info .btns .btn.btn1{ background:linear-gradient(135deg,#FF9A3D,#FD6302); color:#fff; box-shadow:0 12px 26px rgba(253,99,2,.32); }
.user .bd .tab_bd .item .info .btns .btn.btn2{ border:1px solid #FFB27F; background:#fff; color:#FD6302; }
.user .bd .tab_bd .item .info .btns .btn.btn1:hover{ box-shadow:0 18px 34px rgba(253,99,2,.45); }
.user .bd .tab_bd .item .info .btns .btn.btn2:hover{ background:linear-gradient(135deg,#FF9A3D,#FD6302); border-color:transparent; color:#fff; }

/* 右侧展示 */
.user .bd .tab_bd .item .img{ position:relative; flex:0 0 430px; margin:0; display:flex; align-items:center; justify-content:center; z-index:1; }
.user .bd .tab_bd .item .img::before{
    content:"";
    position:absolute;
    width:300px; height:300px; border-radius:50%;
    background:radial-gradient(circle, rgba(255,159,61,.20), transparent 68%);
    z-index:-1;
}
.user .bd .tab_bd .item .img img{
    width:100%;
    max-width:400px;
    border-radius:22px;
    box-shadow:0 30px 60px rgba(170,80,25,.22);
    animation:userFloat 5.5s ease-in-out infinite;
}
@keyframes userFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }

/* 服务端新版响应式 */
@media (max-width:1100px){
    .user .bd .tab_bd .item{ padding:38px 34px 32px; gap:30px; }
    .user .bd .tab_bd .item .img{ flex-basis:340px; }
    .user .bd .tab_bd .item .img img{ max-width:320px; }
    .user .bd .tab_bd .item .info{ max-width:480px; }
}
@media (max-width:768px){
    .user{ padding-bottom:64px; }
    .user .bd .tab{ justify-content:flex-start; max-width:100%; overflow-x:auto; scrollbar-width:none; }
    .user .bd .tab::-webkit-scrollbar{ display:none; }
    .user .bd .tab .item{ flex:none; min-width:auto; padding:0 18px; height:42px; font-size:14px; }
    .user .bd .tab .item i{ display:none; }
    .user .bd .tab_bd .item.active{ flex-direction:column; align-items:center; }
    .user .bd .tab_bd .item{ padding:30px 24px 28px; }
    .user .bd .tab_bd .item .info{ width:100%; max-width:none; }
    .user .bd .tab_bd .item .info .btns{ justify-content:center; }
    .user .bd .tab_bd .item .img{ flex-basis:auto; width:100%; margin-top:8px; }
    .user .bd .tab_bd .item .img img{ max-width:340px; }
}
@media (max-width:480px){
    .user .bd .tab_bd .item{ padding:24px 18px 22px; }
    .user .bd .tab_bd .item .info .t{ font-size:22px; }
    .user .bd .tab_bd .item .info .btns{ flex-wrap:wrap; }
    .user .bd .tab_bd .item .img img{ max-width:300px; }
}

/* =========================================================
   商家移动管理端 · 新版（参考图：左纵向时间轴 + 右悬浮面板）
   ========================================================= */
.merchant{ position:relative; background:linear-gradient(180deg, #FFF 0%, #FFF8F1 100%); }
.merchant .container{ padding-top:56px; }
.merchant .bd{ padding-top:46px; padding-bottom:96px; }

.merchant .bd .tab_box{ display:flex; align-items:center; }

/* ---- 右侧悬浮面板（设备截图）---- */
.merchant .bd .tab_box .tab_bd{ order:2; flex:0 0 720px; position:relative; z-index:1; transform:translateX(-46px); min-height:640px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #F4E6DA; border-radius:28px; padding:40px 30px 34px; box-shadow:0 36px 84px rgba(170,80,25,.16); }
.merchant .bd .tab_box .tab_bd::before{ content:""; position:absolute; top:22px; left:28px; width:56px; height:11px; background:
    radial-gradient(circle at 6px 5px, #FF7E70 0 2.2px, transparent 2.7px),
    radial-gradient(circle at 23px 5px, #FFC46B 0 2.2px, transparent 2.7px),
    radial-gradient(circle at 40px 5px, #7BD08E 0 2.2px, transparent 2.7px);
    background-repeat:no-repeat; pointer-events:none; }
.merchant .bd .tab_box .tab_bd::after{ content:""; position:absolute; right:0; bottom:0; width:300px; height:300px; background:radial-gradient(circle at 100% 100%, rgba(255,159,61,.10), transparent 60%); pointer-events:none; }
.merchant .bd .tab_box .tab_bd .item{ display:none; }
.merchant .bd .tab_box .tab_bd .item.active{ display:flex; align-items:center; justify-content:center; animation:merchantPanelIn .6s cubic-bezier(.2,.7,.3,1) both; }
@keyframes merchantPanelIn{ from{ opacity:0; transform:translateY(16px) scale(.985); } to{ opacity:1; transform:none; } }
.merchant .bd .tab_box .tab_bd .item img{ max-height:560px; width:auto; border-radius:16px; box-shadow:0 24px 54px rgba(150,70,20,.22); }

/* ---- 左侧纵向时间轴 ---- */
.merchant .bd .tab_box .tab{ order:1; flex:0 0 480px; position:relative; z-index:2; padding:8px 0; }
.merchant .bd .tab_box .tab .list{ position:relative; display:flex; flex-direction:column; justify-content:center; min-height:600px; padding-left:16px; }
.merchant .bd .tab_box .tab .list::before{ content:""; position:absolute; left:43px; top:24px; bottom:24px; width:2px; border-radius:2px; background:linear-gradient(180deg, rgba(253,99,2,.42), rgba(253,99,2,.05)); }
.merchant .bd .tab_box .tab .list .item{ position:relative; margin-bottom:14px; padding:8px 10px 6px 0; border-radius:16px; border:1px solid transparent; cursor:pointer; transition:background .3s, transform .3s, box-shadow .3s; }
.merchant .bd .tab_box .tab .list .item:last-child{ margin-bottom:0; }
.merchant .bd .tab_box .tab .list .item .t{ display:flex; align-items:center; gap:22px; min-height:52px; font-size:19px; font-weight:700; color:#8C7B6E; transition:color .3s; }
.merchant .bd .tab_box .tab .list .item .t img{ width:52px; height:52px; padding:13px; box-sizing:border-box; margin:0; border-radius:50%; background:#fff; border:2px solid #F2D8C4; object-fit:contain; box-shadow:0 8px 18px rgba(253,99,2,.10); transition:transform .3s, background .3s, border-color .3s, box-shadow .3s; }
.merchant .bd .tab_box .tab .list .item .d{ display:none; margin:2px 0 0 74px; max-width:380px; color:#7C736B; font-size:14.5px; line-height:1.85; }
.merchant .bd .tab_box .tab .list .item.active{ background:linear-gradient(90deg, rgba(255,244,235,.95), rgba(255,255,255,0) 88%); }
.merchant .bd .tab_box .tab .list .item.active .t{ color:#FD6302; }
.merchant .bd .tab_box .tab .list .item.active .t img{ background:linear-gradient(135deg,#FF9A3D,#FD6302); border-color:transparent; filter:brightness(0) invert(1); box-shadow:0 12px 26px rgba(253,99,2,.35); transform:scale(1.06); }
.merchant .bd .tab_box .tab .list .item.active .d{ display:block; animation:merchantDescIn .5s cubic-bezier(.2,.7,.3,1) both; }
@keyframes merchantDescIn{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
.merchant .bd .tab_box .tab .list .item:not(.active):hover{ transform:translateX(4px); }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t{ color:#FD6302; }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{ transform:scale(1.08); border-color:#FFB98A; box-shadow:0 10px 22px rgba(253,99,2,.2); }

/* 底部按钮 */
.merchant .bd .tab_box .tab .btns{ margin-top:18px; padding-left:70px; display:flex; flex-wrap:wrap; gap:12px; }
.merchant .bd .tab_box .tab .btns .btn{ margin:0; width:156px; height:50px; border-radius:12px; font-size:15px; }
.merchant .bd .tab_box .tab .btns .btn.btn1{ background:linear-gradient(135deg,#FF9A3D,#FD6302); color:#fff; box-shadow:0 12px 26px rgba(253,99,2,.32); }
.merchant .bd .tab_box .tab .btns .btn.btn2{ border:1px solid #FFB27F; background:#fff; color:#FD6302; }
.merchant .bd .tab_box .tab .btns .btn.btn1:hover{ box-shadow:0 18px 34px rgba(253,99,2,.45); }
.merchant .bd .tab_box .tab .btns .btn.btn2:hover{ background:linear-gradient(135deg,#FF9A3D,#FD6302); border-color:transparent; color:#fff; }

/* 商家端新版响应式 */
@media (max-width:1200px){
    .merchant .bd .tab_box .tab{ flex-basis:420px; }
    .merchant .bd .tab_box .tab_bd{ flex-basis:640px; transform:translateX(-20px); min-height:560px; }
    .merchant .bd .tab_box .tab_bd .item img{ max-height:480px; }
}
@media (max-width:1000px){
    .merchant .bd .tab_box{ display:flex; flex-direction:column; align-items:center; gap:34px; }
    .merchant .bd .tab_box .tab_bd{ order:2; transform:none; width:100%; max-width:680px; min-height:0; }
    .merchant .bd .tab_box .tab{ order:1; width:100%; max-width:600px; }
    .merchant .bd .tab_box .tab .list{ min-height:0; }
}
@media (max-width:560px){
    .merchant .bd .tab_box .tab .list .item .d{ max-width:100%; }
    .merchant .bd .tab_box .tab_bd{ padding:36px 12px 20px; }
    .merchant .bd .tab_box .tab_bd .item img{ max-height:420px; width:100%; }
    .merchant .bd .tab_box .tab .btns{ padding-left:0; }
}

/* =========================================================
   商家移动管理端 · v2（贴合 restcloud「全域集成解决方案」：
   左侧完整功能列表常显 + 右侧大悬浮窗口，自动轮播 + 悬停切换，仅桌面版）
   ========================================================= */
.merchant{ background:linear-gradient(180deg, #FFFFFF 0%, #F5F6FA 100%); }
.merchant .container{ padding-top:58px; }
.merchant .bd{ padding-top:52px; padding-bottom:92px; }
.merchant .bd .tab_box{ display:flex; align-items:center; gap:0; }

/* ---- 右侧大悬浮窗口 ---- */
.merchant .bd .tab_box .tab_bd{
    order:2; flex:0 0 720px;
    position:relative; z-index:1;
    transform:translateX(-70px);
    min-height:640px;
    background:#fff;
    border:1px solid #ECEFF5;
    border-radius:24px;
    padding:38px 26px 32px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 48px 110px rgba(70,90,130,.20);
}
.merchant .bd .tab_box .tab_bd::before{
    content:""; position:absolute; top:20px; left:24px; width:56px; height:10px;
    background:
        radial-gradient(circle at 7px 5px, #FF6B5E 0 2.1px, transparent 2.7px),
        radial-gradient(circle at 23px 5px, #FFBE55 0 2.1px, transparent 2.7px),
        radial-gradient(circle at 39px 5px, #4BD187 0 2.1px, transparent 2.7px);
    background-repeat:no-repeat; pointer-events:none;
}
.merchant .bd .tab_box .tab_bd::after{
    content:""; position:absolute; right:0; bottom:0; width:320px; height:320px;
    background:radial-gradient(circle at 100% 100%, rgba(120,120,255,.08), transparent 60%);
    pointer-events:none;
}
.merchant .bd .tab_box .tab_bd .item{ display:none; }
.merchant .bd .tab_box .tab_bd .item.active{ display:flex; align-items:center; justify-content:center; animation:merchantWin .55s cubic-bezier(.2,.7,.3,1) both; }
@keyframes merchantWin{ from{ opacity:0; transform:translateY(14px) scale(.98); } to{ opacity:1; transform:none; } }
.merchant .bd .tab_box .tab_bd .item img{ width:auto; max-width:100%; max-height:560px; border-radius:12px; box-shadow:0 26px 60px rgba(110,70,30,.20); }

/* ---- 左侧功能列表（图标 + 标题 + 说明 常显）---- */
.merchant .bd .tab_box .tab{ order:1; flex:0 0 560px; position:relative; z-index:2; padding:6px 0; }
.merchant .bd .tab_box .tab .list{ position:relative; width:470px; min-height:0; display:block; padding-left:0; }
.merchant .bd .tab_box .tab .list::before{ display:none; }
.merchant .bd .tab_box .tab .list .item{
    position:relative; display:block;
    padding:15px 18px 14px 78px;
    margin-bottom:8px;
    border-radius:18px;
    border:1px solid transparent;
    background:transparent;
    cursor:pointer;
    transition:background .3s, border-color .3s, box-shadow .3s, transform .3s;
}
.merchant .bd .tab_box .tab .list .item:last-child{ margin-bottom:0; }
.merchant .bd .tab_box .tab .list .item .t{ display:block; font-size:19px; font-weight:700; line-height:1.35; color:#45404E; transition:color .3s; }
.merchant .bd .tab_box .tab .list .item .t img{
    position:absolute; left:14px; top:50%; transform:translateY(-50%);
    width:50px; height:50px; padding:12px; box-sizing:border-box; margin:0;
    border-radius:14px; background:#fff; border:1px solid #E9E3F4; object-fit:contain;
    box-shadow:0 8px 18px rgba(130,90,40,.10);
    transition:transform .3s, background .3s, border-color .3s, box-shadow .3s, filter .3s;
}
.merchant .bd .tab_box .tab .list .item .d{ display:block; margin:3px 0 0; color:#8B8596; font-size:13px; line-height:1.7; max-width:350px; transition:color .3s; }
.merchant .bd .tab_box .tab .list .item:not(.active):hover{ background:rgba(255,255,255,.72); border-color:#F3E7DC; }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t{ color:#FD6302; }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{ transform:translateY(-50%) scale(1.07); border-color:#FFC6A0; box-shadow:0 12px 24px rgba(253,99,2,.16); }
.merchant .bd .tab_box .tab .list .item.active{ background:#fff; border-color:#FFE0CA; box-shadow:0 18px 38px rgba(253,99,2,.14); transform:translateX(12px); }
.merchant .bd .tab_box .tab .list .item.active .t{ color:#FD6302; }
.merchant .bd .tab_box .tab .list .item.active .t img{ background:linear-gradient(135deg,#FF9A3D,#FD6302); border-color:transparent; filter:brightness(0) invert(1); box-shadow:0 12px 26px rgba(253,99,2,.32); }
.merchant .bd .tab_box .tab .list .item.active .d{ color:#6E6878; }

/* 底部按钮 */
.merchant .bd .tab_box .tab .btns{ margin-top:18px; padding-left:78px; display:flex; flex-wrap:wrap; gap:12px; }
.merchant .bd .tab_box .tab .btns .btn{ margin:0; width:158px; height:50px; border-radius:12px; font-size:15px; }
.merchant .bd .tab_box .tab .btns .btn.btn1{ background:linear-gradient(135deg,#FF9A3D,#FD6302); color:#fff; box-shadow:0 12px 26px rgba(253,99,2,.32); }
.merchant .bd .tab_box .tab .btns .btn.btn2{ border:1px solid #FFB27F; background:#fff; color:#FD6302; }
.merchant .bd .tab_box .tab .btns .btn.btn1:hover{ box-shadow:0 18px 34px rgba(253,99,2,.45); }
.merchant .bd .tab_box .tab .btns .btn.btn2:hover{ background:linear-gradient(135deg,#FF9A3D,#FD6302); border-color:transparent; color:#fff; }

/* =========================================================
   商家移动管理端 · v3（左侧弧线排布 + 自动轮播弧线流动）
   ========================================================= */
.merchant .bd .tab_box .tab .list{
    position:relative;
    width:400px; height:600px;
    min-height:0; display:block; margin:0; padding:0;
}
/* 弧线虚线装饰（与节点同坐标系） */
.merchant .bd .tab_box .tab .list::before{
    content:""; display:block;
    position:absolute; left:0; top:0; width:100%; height:100%;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='600' viewBox='0 0 400 600'%3E%3Cpath d='M130 50 A 263.3 263.3 0 0 1 130 530' fill='none' stroke='%23F6CBA8' stroke-width='2' stroke-dasharray='2 9' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left top;
    background-size:100% 100%;
    pointer-events:none; z-index:0;
}
/* 节点沿弧线布点 */
.merchant .bd .tab_box .tab .list .item{
    position:absolute;
    left:0; top:0;
    width:150px; margin:0; padding:0; border:0;
    display:flex; flex-direction:column; align-items:center;
    background:transparent; box-shadow:none; transform:none;
    text-align:center; cursor:pointer;
}
.merchant .bd .tab_box .tab .list .item:nth-child(1){ left:55px;  top:20px; }
.merchant .bd .tab_box .tab .list .item:nth-child(2){ left:181px; top:140px; }
.merchant .bd .tab_box .tab .list .item:nth-child(3){ left:210px; top:260px; }
.merchant .bd .tab_box .tab .list .item:nth-child(4){ left:181px; top:380px; }
.merchant .bd .tab_box .tab .list .item:nth-child(5){ left:55px;  top:500px; }
/* 节点内容：图标 + 标题 */
.merchant .bd .tab_box .tab .list .item .t{
    display:flex; flex-direction:column; align-items:center; gap:9px;
    width:100%; margin:0;
    font-size:16px; font-weight:700; line-height:1.3; color:#4A4454; transition:color .3s;
}
.merchant .bd .tab_box .tab .list .item .t img{
    position:static; transform:none;
    width:60px; height:60px; padding:16px; box-sizing:border-box; margin:0;
    border-radius:50%; background:#fff; border:2px solid #FFD6B8; object-fit:contain;
    box-shadow:0 10px 22px rgba(253,99,2,.14);
    transition:transform .3s, background .3s, border-color .3s, box-shadow .3s, filter .3s;
}
/* 描述：仅激活节点下方展示 */
.merchant .bd .tab_box .tab .list .item .d{
    display:none; margin:5px 0 0; padding:0;
    width:100%; color:#8B8596; font-size:12px; line-height:1.55; transition:color .3s;
}
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{ transform:scale(1.08); border-color:#FFB98A; box-shadow:0 12px 24px rgba(253,99,2,.22); }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t{ color:#FD6302; }
.merchant .bd .tab_box .tab .list .item.active .t{ color:#FD6302; }
.merchant .bd .tab_box .tab .list .item.active .t img{ background:linear-gradient(135deg,#FF9A3D,#FD6302); border-color:transparent; filter:brightness(0) invert(1); transform:scale(1.06); box-shadow:0 12px 26px rgba(253,99,2,.32); }
.merchant .bd .tab_box .tab .list .item.active .d{ display:block; color:#6E6878; }
/* 弧线流动光圈（由 JS 注入，沿 offset-path 弧线过渡） */
.merchant .bd .tab_box .tab .list .arc-orb{
    position:absolute; left:0; top:0;
    width:84px; height:84px; border-radius:50%;
    box-sizing:border-box;
    background:transparent;
    border:2px solid rgba(253,99,2,.95);
    box-shadow:0 0 0 6px rgba(253,99,2,.14), 0 0 0 12px rgba(253,99,2,.05), 0 16px 34px rgba(253,99,2,.30);
    pointer-events:none;
    offset-anchor:50% 50%;
    offset-rotate:0deg;
    offset-path:path("M 130 50 A 263.3 263.3 0 0 1 130 530");
    offset-distance:0%;
    transition:offset-distance 1s cubic-bezier(.45,.05,.22,1);
    z-index:3;
}
/* 底部按钮居中于弧线列 */
.merchant .bd .tab_box .tab .btns{ margin:22px 0 0; padding-left:0; justify-content:center; }

/* 商家端参考站式弧形导航最终覆盖：节点横向排布，激活项展开说明 */
.merchant .bd .tab_box .tab{ flex:0 0 530px; height:700px; padding:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; }
.merchant .bd .tab_box .tab .list{ position:relative; width:470px; height:620px; margin:0; padding:0; }
.merchant .bd .tab_box .tab .list::before{
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:470px;
    height:620px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='470' height='620' viewBox='0 0 470 620'%3E%3Cpath d='M56 30 C 300 90 300 482 56 542' fill='none' stroke='%23E8D9CE' stroke-width='2' stroke-dasharray='2 8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left top / 100% 100%;
    pointer-events:none;
    z-index:0;
}
.merchant .bd .tab_box .tab .list .item,
.merchant .bd .tab_box .tab .list .item.active,
.merchant .bd .tab_box .tab .list .item:not(.active):hover{
    position:absolute;
    left:0;
    top:0;
    width:370px;
    min-height:88px;
    margin:0;
    padding:0 14px 0 74px;
    display:block;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transform:none;
    text-align:left;
}
.merchant .bd .tab_box .tab .list .item:nth-child(1){ left:26px; top:0; }
.merchant .bd .tab_box .tab .list .item:nth-child(2){ left:122px; top:128px; }
.merchant .bd .tab_box .tab .list .item:nth-child(3){ left:150px; top:256px; }
.merchant .bd .tab_box .tab .list .item:nth-child(4){ left:122px; top:384px; }
.merchant .bd .tab_box .tab .list .item:nth-child(5){ left:26px; top:512px; }
.merchant .bd .tab_box .tab .list .item .t,
.merchant .bd .tab_box .tab .list .item.active .t{
    position:static;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:16px;
    width:auto;
    margin:0;
    color:#756C67;
    font-size:18px;
    font-weight:600;
    line-height:60px;
    white-space:nowrap;
    transition:color .35s ease;
}
.merchant .bd .tab_box .tab .list .item .t img,
.merchant .bd .tab_box .tab .list .item.active .t img,
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{
    position:absolute;
    left:0;
    top:0;
    transform:none;
    width:60px;
    height:60px;
    padding:16px;
    margin:0;
    border:2px solid #E4EAF6;
    border-radius:50%;
    background:#F4F7FD;
    box-shadow:0 8px 18px rgba(69,122,210,.10);
    filter:none;
    transition:transform .35s ease, background .35s ease, border-color .35s ease, box-shadow .35s ease, filter .35s ease;
}
.merchant .bd .tab_box .tab .list .item .d,
.merchant .bd .tab_box .tab .list .item.active .d{
    display:block;
    width:260px;
    margin:2px 0 0 76px;
    color:#98918C;
    font-size:13px;
    line-height:1.7;
    opacity:0;
    max-height:0;
    overflow:hidden;
    transition:opacity .35s ease, max-height .35s ease;
}
.merchant .bd .tab_box .tab .list .item.active .t{ color:#FD6302; }
.merchant .bd .tab_box .tab .list .item.active .t img{
    background:linear-gradient(135deg,#FF9A3D,#FD6302);
    border-color:transparent;
    filter:brightness(0) invert(1);
    transform:scale(1.08);
    box-shadow:0 12px 28px rgba(253,99,2,.34);
}
.merchant .bd .tab_box .tab .list .item.active .d{ opacity:1; max-height:70px; }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t{ color:#FD6302; }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{ transform:scale(1.06); border-color:#B8D0F5; }
.merchant .bd .tab_box .tab .arc-orb{
    left:96px;
    top:8px;
    width:84px;
    height:84px;
    border:2px solid rgba(253,99,2,.48);
    box-shadow:0 0 0 6px rgba(253,99,2,.12), 0 0 0 12px rgba(253,99,2,.045), 0 12px 28px rgba(253,99,2,.22);
    z-index:3;
}
.merchant .bd .tab_box .tab .btns{ margin:16px 0 0; padding:0; justify-content:center; }
.merchant .bd .tab_box .tab .btns .btn{ width:150px; height:48px; }
/* 光圈由 JS 沿弧线驱动（禁用 motion-path，改用 left/top 动画） */
.merchant .bd .tab_box .tab .list .arc-orb{
    offset-path:none;
    offset-distance:0;
    transition:none;
    left:0;
    top:0;
    transform:translate3d(14px, -12px, 0);
    animation:none;
}

/* 商家端最终单列信息列表覆盖 */
.merchant .bd .tab_box .tab{
    flex:0 0 530px;
    height:700px;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
}
.merchant .bd .tab_box .tab .list{
    width:470px;
    height:auto;
    min-height:0;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    position:relative;
}
.merchant .bd .tab_box .tab .list::before{
    display:none;
}
.merchant .bd .tab_box .tab .list .item,
.merchant .bd .tab_box .tab .list .item.active,
.merchant .bd .tab_box .tab .list .item:not(.active):hover{
    position:relative;
    left:auto;
    top:auto;
    width:470px;
    min-height:96px;
    margin:0 0 8px;
    padding:12px 18px 12px 78px;
    display:block;
    border:0;
    border-radius:10px;
    background:transparent;
    box-shadow:none;
    transform:none;
    text-align:left;
    z-index:1;
}
.merchant .bd .tab_box .tab .list .item:nth-child(1),
.merchant .bd .tab_box .tab .list .item:nth-child(2),
.merchant .bd .tab_box .tab .list .item:nth-child(3),
.merchant .bd .tab_box .tab .list .item:nth-child(4),
.merchant .bd .tab_box .tab .list .item:nth-child(5){
    left:auto;
    top:auto;
}
.merchant .bd .tab_box .tab .list .item .t,
.merchant .bd .tab_box .tab .list .item.active .t{
    position:static;
    display:block;
    width:auto;
    margin:0;
    color:#756C67;
    font-size:18px;
    font-weight:600;
    line-height:1.45;
    white-space:nowrap;
    transition:color .35s ease;
}
.merchant .bd .tab_box .tab .list .item .t img,
.merchant .bd .tab_box .tab .list .item.active .t img,
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{
    position:absolute;
    left:0;
    top:16px;
    transform:none;
    width:60px;
    height:60px;
    padding:16px;
    margin:0;
    border:2px solid #E4EAF6;
    border-radius:50%;
    background:#F4F7FD;
    box-shadow:0 8px 18px rgba(69,122,210,.10);
    filter:none;
    transition:transform .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,filter .35s ease;
}
.merchant .bd .tab_box .tab .list .item .d,
.merchant .bd .tab_box .tab .list .item.active .d{
    display:block;
    width:350px;
    margin:4px 0 0;
    color:#98918C;
    font-size:13px;
    line-height:1.7;
    opacity:1;
    max-height:70px;
    overflow:hidden;
    transition:color .35s ease;
}
.merchant .bd .tab_box .tab .list .item.active{
    background:linear-gradient(90deg,rgba(255,247,240,.8),rgba(255,255,255,0));
}
.merchant .bd .tab_box .tab .list .item.active::before{ display:none; }
.merchant .bd .tab_box .tab .list .item.active .t{ color:#FD6302; }
.merchant .bd .tab_box .tab .list .item.active .t img{
    background:linear-gradient(135deg,#FF9A3D,#FD6302);
    border-color:transparent;
    filter:brightness(0) invert(1);
    transform:scale(1.08);
    box-shadow:0 12px 28px rgba(253,99,2,.34);
}
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t{ color:#FD6302; }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{ transform:scale(1.06); border-color:#B8D0F5; }
.merchant .bd .tab_box .tab .list .arc-orb{ display:none; }
.merchant .bd .tab_box .tab .btns{ margin:16px 0 0; padding:0; justify-content:flex-start; }

/* =========================================================
   商家移动管理端 · 参考图版
   左侧蓝紫业务导航 + 右侧半透明白色展示面板
   ========================================================= */
.merchant{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(620px 420px at 86% 48%, rgba(255,184,121,.22), transparent 68%),
        radial-gradient(540px 420px at 18% 80%, rgba(255,133,61,.14), transparent 70%),
        linear-gradient(135deg,#FFF9F3 0%,#FFF3E9 52%,#FFF8F0 100%);
}
.merchant::before{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-130px;
    width:570px;
    height:500px;
    opacity:.16;
    background:
        linear-gradient(90deg,transparent 49%,rgba(253,99,2,.28) 50%,transparent 51%) 0 0 / 58px 58px,
        linear-gradient(0deg,transparent 49%,rgba(253,99,2,.20) 50%,transparent 51%) 0 0 / 58px 58px;
    transform:perspective(600px) rotateY(-22deg) rotateX(12deg);
    mask-image:linear-gradient(135deg,transparent 5%,#000 62%,transparent 100%);
    pointer-events:none;
}
.merchant .container{ position:relative; z-index:1; padding-top:64px; }
.merchant .bd{ position:relative; z-index:1; padding-top:46px; padding-bottom:96px; }
.merchant .bd .tab_box{ display:flex; align-items:center; min-height:610px; gap:0; }

/* 左侧橙色品牌导航栏 */
.merchant .bd .tab_box .tab{
    order:1;
    flex:0 0 300px;
    height:610px;
    padding:38px 0 32px;
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    border-radius:0;
    background:linear-gradient(180deg,#FF9A3D 0%,#FD6302 56%,#E94B08 100%);
    box-shadow:0 22px 48px rgba(211,75,7,.24);
    overflow:hidden;
}
.merchant .bd .tab_box .tab::before{
    content:"";
    position:absolute;
    left:28px;
    top:34px;
    bottom:34px;
    width:1px;
    background:rgba(255,255,255,.35);
}
.merchant .bd .tab_box .tab .list{
    width:100%;
    height:auto;
    min-height:0;
    padding:0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position:relative;
}
.merchant .bd .tab_box .tab .list::before{ display:none; }
.merchant .bd .tab_box .tab .list .item,
.merchant .bd .tab_box .tab .list .item.active,
.merchant .bd .tab_box .tab .list .item:not(.active):hover{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    min-height:82px;
    margin:0;
    padding:0 26px 0 58px;
    display:flex;
    align-items:center;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transform:none;
    text-align:left;
    z-index:1;
    transition:background .35s ease, padding-left .35s ease;
}
.merchant .bd .tab_box .tab .list .item:nth-child(1),
.merchant .bd .tab_box .tab .list .item:nth-child(2),
.merchant .bd .tab_box .tab .list .item:nth-child(3),
.merchant .bd .tab_box .tab .list .item:nth-child(4),
.merchant .bd .tab_box .tab .list .item:nth-child(5){ left:auto; top:auto; }
.merchant .bd .tab_box .tab .list .item .t,
.merchant .bd .tab_box .tab .list .item.active .t{
    position:static;
    display:flex;
    align-items:center;
    width:auto;
    margin:0;
    color:rgba(255,255,255,.86);
    font-size:18px;
    font-weight:600;
    line-height:1.45;
    white-space:nowrap;
    transition:color .35s ease;
}
.merchant .bd .tab_box .tab .list .item .t img,
.merchant .bd .tab_box .tab .list .item.active .t img,
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{
    display:block;
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    padding:6px;
    margin:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    box-shadow:none;
    filter:brightness(0) invert(1);
    transition:transform .35s ease, background .35s ease;
}
.merchant .bd .tab_box .tab .list .item .d,
.merchant .bd .tab_box .tab .list .item.active .d{ display:none; }
.merchant .bd .tab_box .tab .list .item.active{
    background:linear-gradient(90deg,rgba(255,255,255,.27),rgba(255,255,255,.08));
    padding-left:62px;
}
.merchant .bd .tab_box .tab .list .item.active::before{ display:none; }
.merchant .bd .tab_box .tab .list .item.active .t{ color:#fff; }
.merchant .bd .tab_box .tab .list .item.active .t img{
    background:#fff;
    filter:none;
    transform:translateY(-50%) scale(1.14);
}
.merchant .bd .tab_box .tab .list .item:not(.active):hover{ background:rgba(255,255,255,.12); }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t{ color:#fff; }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{ transform:translateY(-50%) scale(1.12); background:rgba(255,255,255,.3); }
.merchant .bd .tab_box .tab .btns{ margin:22px 20px 0; padding:0; justify-content:center; }
.merchant .bd .tab_box .tab .btns .btn{ width:118px; height:40px; border-radius:8px; font-size:13px; }
.merchant .bd .tab_box .tab .btns .btn.btn1{ background:#fff; color:#FD6302; box-shadow:0 10px 22px rgba(180,75,20,.2); }
.merchant .bd .tab_box .tab .btns .btn.btn2{ border:1px solid rgba(255,255,255,.7); background:transparent; color:#fff; }
.merchant .bd .tab_box .tab .btns .btn.btn2:hover{ background:#fff; color:#FD6302; border-color:#fff; }

/* 右侧参考图式半透明大卡片 */
.merchant .bd .tab_box .tab_bd{
    order:2;
    flex:0 0 820px;
    min-height:520px;
    margin-left:-26px;
    padding:42px 30px 30px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
    border:1px solid rgba(255,255,255,.88);
    border-radius:18px;
    background:rgba(255,255,255,.78);
    box-shadow:0 28px 70px rgba(83,101,177,.18), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter:blur(12px);
}
.merchant .bd .tab_box .tab_bd::before{
    content:"";
    position:absolute;
    left:22px;
    top:18px;
    width:56px;
    height:10px;
    background:radial-gradient(circle at 6px 5px,#FF7066 0 2.5px,transparent 3px),radial-gradient(circle at 23px 5px,#FFC15C 0 2.5px,transparent 3px),radial-gradient(circle at 40px 5px,#6FD18A 0 2.5px,transparent 3px);
}
.merchant .bd .tab_box .tab_bd .item{ display:none; }
.merchant .bd .tab_box .tab_bd .item.active{ display:flex; align-items:center; justify-content:center; animation:merchantPanelFade .55s cubic-bezier(.2,.7,.3,1) both; }
.merchant .bd .tab_box .tab_bd .item img{ width:auto; max-width:100%; max-height:480px; border-radius:12px; box-shadow:0 20px 45px rgba(64,78,150,.18); }
@keyframes merchantPanelFade{ from{ opacity:0; transform:translateY(14px) scale(.985); } to{ opacity:1; transform:none; } }

/* 商家端回退为初始布局：左侧截图，右侧功能列表 */
.merchant{
    position:static;
    overflow:visible;
    background:transparent;
}
.merchant::before{ display:none; }
.merchant .container{ position:static; padding-top:19px; }
.merchant .bd{ position:static; padding-top:60px; padding-bottom:100px; }
.merchant .bd .tab_box{
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    min-height:0;
    gap:0;
}
.merchant .bd .tab_box .tab_bd{
    order:1;
    flex:0 0 auto;
    width:auto;
    min-height:0;
    margin-left:0;
    padding:0;
    display:block;
    position:static;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
}
.merchant .bd .tab_box .tab_bd::before,
.merchant .bd .tab_box .tab_bd::after{ display:none; }
.merchant .bd .tab_box .tab_bd .item{ display:none; }
.merchant .bd .tab_box .tab_bd .item.active{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    animation:none;
}
.merchant .bd .tab_box .tab_bd .item img{
    width:auto;
    max-width:none;
    max-height:none;
    border-radius:0;
    box-shadow:none;
}
.merchant .bd .tab_box .tab{
    order:2;
    flex:0 0 auto;
    width:auto;
    height:auto;
    padding:0;
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
}
.merchant .bd .tab_box .tab::before{ display:none; }
.merchant .bd .tab_box .tab .list{
    width:auto;
    height:auto;
    min-height:0;
    padding:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    position:static;
}
.merchant .bd .tab_box .tab .list::before{ display:none; }
.merchant .bd .tab_box .tab .list .item,
.merchant .bd .tab_box .tab .list .item.active,
.merchant .bd .tab_box .tab .list .item:not(.active):hover{
    position:static;
    width:auto;
    min-height:0;
    margin:0 0 26px;
    padding:0;
    display:block;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transform:none;
    text-align:left;
}
.merchant .bd .tab_box .tab .list .item:nth-child(1),
.merchant .bd .tab_box .tab .list .item:nth-child(2),
.merchant .bd .tab_box .tab .list .item:nth-child(3),
.merchant .bd .tab_box .tab .list .item:nth-child(4),
.merchant .bd .tab_box .tab .list .item:nth-child(5){ left:auto; top:auto; }
.merchant .bd .tab_box .tab .list .item .t,
.merchant .bd .tab_box .tab .list .item.active .t{
    position:static;
    display:flex;
    align-items:center;
    width:auto;
    /* margin:0 0 5px; */
    color:#222;
    font-size:20px;
    font-weight:bold;
    line-height:normal;
    white-space:normal;
}
.merchant .bd .tab_box .tab .list .item .t img,
.merchant .bd .tab_box .tab .list .item.active .t img,
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{
    position:static;
    transform:none;
    width:24px;
    height:24px;
    padding:0;
    margin:0 4px 0 0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    filter:none;
}
.merchant .bd .tab_box .tab .list .item .d,
.merchant .bd .tab_box .tab .list .item.active .d{
    display:block;
    width:auto;
    max-width:460px;
    max-height:none;
    margin:0;
    color:#787878;
    font-size:16px;
    line-height:normal;
    opacity:1;
}
.merchant .bd .tab_box .tab .list .item.active .t{ color:#FF641C; }
.merchant .bd .tab_box .tab .list .item.active .t img,
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{ background:transparent; filter:none; box-shadow:none; }
.merchant .bd .tab_box .tab .list .item.active::before{ display:none; }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t{ color:#FF641C; }
.merchant .bd .tab_box .tab .list .item:not(.active):hover .t img{ transform:none; border-color:transparent; }
.merchant .bd .tab_box .tab .btns{
    margin:0;
    padding-top:13px;
    padding-left:0;
    justify-content:flex-start;
}
.merchant .bd .tab_box .tab .btns .btn{
    width:158px;
    height:51px;
    margin:0 13px 0 0;
    border-radius:6px;
    font-size:18px;
}
.merchant .bd .tab_box .tab .btns .btn.btn1{ background:linear-gradient(23deg,#FD6302 45.25%,#FFA341 95.34%); color:#FFF; box-shadow:none; }
.merchant .bd .tab_box .tab .btns .btn.btn2{ border:1px solid #FF641C; background:#fff; color:#FA5C13; }

/* 左右栏统一高度，右侧展示内容垂直居中 */
.merchant .bd .tab_box{ align-items:stretch; height:666px; }
.merchant .bd .tab_box .tab,
.merchant .bd .tab_box .tab_bd{ height:666px; box-sizing:border-box; }
.merchant .bd .tab_box .tab_bd{ display:flex; align-items:center; }
.merchant .bd .tab_box .tab_bd .item.active{ width:100%; height:100%; align-items:center; }

/* =========================================================
   订单中心 / 数据运营中心 · 图文联动（左侧介绍 ↔ 右侧配图）
   ========================================================= */
.order{ height:auto; min-height:768px; }
.manage .bd{ align-items:flex-start; }

/* ---- 左侧介绍列表 ---- */
.manage .bd .info .list .item{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:14px 18px;
    margin-bottom:8px;
    border-radius:14px;
    border:1px solid transparent;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}
.manage .bd .info .list .item::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:3px;
    height:0;
    border-radius:0 3px 3px 0;
    background:linear-gradient(180deg,#FF9A3D,#FD6302);
    transform:translateY(-50%);
    transition:height .35s ease;
}
.manage .bd .info .list .item:hover{ background:#FFF6EF; border-color:#FFE0CC; transform:translateX(6px); }
.manage .bd .info .list .item.active{
    background:linear-gradient(135deg,#FFF9F5,#FFF1E6);
    border-color:#FFD3B5;
    transform:translateX(6px);
    box-shadow:0 16px 34px rgba(253,99,2,.14);
}
.manage .bd .info .list .item.active::before{ height:72%; }

.manage .bd .info .list .item .idx{
    flex:0 0 auto;
    width:34px;
    height:34px;
    margin-top:2px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    font-size:13px;
    font-weight:800;
    font-style:italic;
    letter-spacing:.5px;
    color:#FD6302;
    background:#FFF3EA;
    border:1px solid #FFDCC6;
    transition:color .35s ease, background .35s ease, border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}
.manage .bd .info .list .item:hover .idx{ background:#FFE9D9; }
.manage .bd .info .list .item.active .idx{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(135deg,#FF9A3D,#FD6302);
    box-shadow:0 8px 18px rgba(253,99,2,.34);
    transform:scale(1.06) rotate(-4deg);
}
.manage .bd .info .list .item .txt{ flex:1 1 auto; min-width:0; }
.manage .bd .info .list .item .t{ display:block; margin-bottom:6px; font-size:19px; font-weight:700; color:#2A211C; transition:color .3s; }
.manage .bd .info .list .item .t::before{ display:none; }
.manage .bd .info .list .item:hover .t,
.manage .bd .info .list .item.active .t{ color:#FD6302; }
.manage .bd .info .list .item .d{ font-size:15px; line-height:1.75; color:#7C736B; }

/* ---- 右侧配图舞台 ---- */
.manage .bd .imgbd{ position:relative; }
.manage .bd .imgbd .img-stage{
    position:relative;
    padding:16px;
    border-radius:22px;
    border:1px solid #FFE3D2;
    background:linear-gradient(135deg,#FFF7F2,#FFEFE4);
    box-shadow:0 26px 56px rgba(253,99,2,.14);
    overflow:hidden;
}
.manage .bd .imgbd .img-stage::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 84% 10%, rgba(255,255,255,.92), rgba(255,255,255,0) 55%);
}
.manage .bd .imgbd .img-item{ display:none; position:relative; z-index:1; }
.manage .bd .imgbd .img-item.active{ display:block; animation:imgSwap .6s cubic-bezier(.2,.7,.3,1) both; }
.manage .bd .imgbd .img-item img{ display:block; width:100%; border-radius:12px; }
@keyframes imgSwap{ from{ opacity:0; transform:translateY(18px) scale(.96); } to{ opacity:1; transform:none; } }

/* ---- 切换指示点 ---- */
.manage .bd .imgbd .img-dots{ display:flex; justify-content:center; gap:8px; margin-top:18px; }
.manage .bd .imgbd .img-dots i{ width:8px; height:8px; border-radius:6px; background:#FFD6BC; cursor:pointer; transition:width .3s ease, background .3s ease; }
.manage .bd .imgbd .img-dots i:hover{ background:#FFB98F; }
.manage .bd .imgbd .img-dots i.active{ width:26px; background:linear-gradient(90deg,#FF9A3D,#FD6302); }

@media (max-width:768px){
    .order{ min-height:0; }
    .manage .bd .info .list .item{ padding:12px 14px; gap:12px; }
    .manage .bd .info .list .item .idx{ width:30px; height:30px; font-size:12px; }
    .manage .bd .info .list .item .t{ font-size:17px; }
    .manage .bd .imgbd .img-stage{ padding:12px; border-radius:18px; }
}

/* =========================================================
   商家移动管理端 · 左右两栏等高（去掉按钮后重新对齐）
   ========================================================= */
.merchant .bd .tab_box{ align-items:stretch; height:auto; }
.merchant .bd .tab_box .tab,
.merchant .bd .tab_box .tab_bd{ height:auto; }
.merchant .bd .tab_box .tab{ justify-content:center; }
.merchant .bd .tab_box .tab_bd{ display:flex; align-items:center; justify-content:center; }
.merchant .bd .tab_box .tab_bd .item.active{ width:100%; height:auto; align-items:center; justify-content:center; }
.merchant .bd .tab_box .tab_bd .item img{ display:block; max-width:100%; height:auto; }