.jd-advertise-success{
    padding:90px 20px;
    background:#f6f8f6;
}

.jd-success-card{
    max-width:720px;
    margin:0 auto;
    padding:48px;
    border:1px solid #e2e7e3;
    border-radius:18px;
    background:#fff;
    text-align:center;
    box-shadow:0 12px 35px rgba(24, 52, 37, .08);
}

.jd-result-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:68px;
    height:68px;
    margin:0 auto 24px;
    border-radius:50%;
    font-size:36px;
    font-weight:700;
}

.jd-result-success .jd-result-icon{
    background:#e8f4ec;
    color:#2f6d48;
}

.jd-result-pending .jd-result-icon{
    background:#fff5da;
    color:#8b6818;
}

.jd-result-error .jd-result-icon{
    background:#fdeaea;
    color:#b32b2b;
}

.jd-success-card h1{
    margin:0 0 16px;
    color:#1f3027;
    font-size:26px;
    line-height:1.2;
}

.jd-success-card > p{
    color:#59635d;
    font-size:16px;
    line-height:1.65;
}

.jd-order-summary{
    margin:32px 0;
    border-top:1px solid #e8ece9;
    border-bottom:1px solid #e8ece9;
    text-align:left;
}

.jd-order-summary div{
    display:grid;
    grid-template-columns:140px 1fr;
    gap:20px;
    padding:16px 0;
}

.jd-order-summary div + div{
    border-top:1px solid #e8ece9;
}

.jd-order-summary dt{
    color:#67716b;
    font-weight:600;
}

.jd-order-summary dd{
    margin:0;
    color:#26382e;
    overflow-wrap:anywhere;
}

.jd-next-step{
    font-weight:600;
}

.jd-success-button{
    display:inline-block;
    margin-top:20px;
    padding:15px 24px;
    border-radius:8px;
    background:transparent !important;
    color:#d80019 !important;
    text-decoration:none;
    font-weight:600;
    text-decoration:none;
}



@media(max-width:600px){
    .jd-success-card{
        padding:34px 22px;
    }

    .jd-success-card h1{
        font-size:28px;
    }

    .jd-order-summary div{
        grid-template-columns:1fr;
        gap:5px;
    }
}