body{

    margin:0;

    background:#f0f2f5;

    font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

}




.ant-spin-dot{

    position:relative;

    width:32px;

    height:32px;

    animation:loadingCircle 1.2s infinite linear;

}

.ant-spin-dot-item{

    position:absolute;

    display:block;

    width:14px;

    height:14px;

    background:#1890ff;

    border-radius:50%;

    transform:scale(.75);

    opacity:.3;

    animation:antSpinMove 1.2s infinite linear alternate;

}

.ant-spin-dot-item:nth-child(1){

    top:0;
    left:0;

}

.ant-spin-dot-item:nth-child(2){

    top:0;
    right:0;

}

.ant-spin-dot-item:nth-child(3){

    bottom:0;
    right:0;

}

.ant-spin-dot-item:nth-child(4){

    bottom:0;
    left:0;

}

.ant-spin-dot-item:nth-child(1){

    animation-delay:0s;

}

.ant-spin-dot-item:nth-child(2){

    animation-delay:.25s;

}

.ant-spin-dot-item:nth-child(3){

    animation-delay:.5s;

}

.ant-spin-dot-item:nth-child(4){

    animation-delay:.75s;

}

@keyframes antSpinMove{

    to{

        opacity:1;

        transform:scale(1);

    }

}

@keyframes loadingCircle{

    100%{

        transform:rotate(360deg);

    }

}




.pv-wrapper{
    
    font-size:14px;
    
    color:#262626;

    width:100%;

    max-width:600px;

    padding:0 20px;

    margin:40px auto;

}



.ant-card{

    width:100%;

    max-width:550px;
    
    margin:0 auto;

    background:#fff;

    border-radius:8px;

    overflow:hidden;

    box-shadow:

    0 4px 12px rgba(0,0,0,.1);

    animation:fadeUp .4s ease;

}



.ant-card-header{

    padding:22px !important;

    border-bottom:1px solid #f0f0f0 !important;

    font-size:24px !important;

    font-weight:700 !important;

    color:rgb(24, 144, 255) !important;

    text-align:center !important;

}



.ant-card-body{

    padding:25px;

}



.ant-alert{

    margin:20px;

    padding:15px;

    border-radius:6px;

    font-weight:600;

}




.anticon-check-circle{

    width:24px;

    height:24px;

}



.ant-alert-error{

    background:#fff2f0;

    border:1px solid #ffccc7;

    color:#cf1322;

}



.pv-descriptions{

    width:100%;

    border-collapse:separate;

    border-spacing:0;

    border:1px solid #f0f0f0;

    border-radius:6px;

    overflow:hidden;

}



.pv-descriptions-row th,
.pv-descriptions-row td{

    padding:12px 16px;
    
    font-size:14px;

    border-bottom:1px solid #f0f0f0;

}



.pv-descriptions-row:last-child th,
.pv-descriptions-row:last-child td{

    border-bottom:none;

}



.pv-item-label{

    width:120px;

    background:#fafafa;

    font-weight:500;

    color:#595959;

    text-align:left;

    border-right:1px solid #f0f0f0;

}



.pv-item-content{

    background:#fff;

    color:#262626;

}



.pv-item-content span,
.pv-item-label span{

    display:inline-block;

}



@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(15px);

    }

    to{

        opacity:1;

        transform:none;

    }

}


.port-title{

    text-align:center;

    color:#1890FF;

    font-size:24px;

    font-weight:600;

    padding:22px;

    border-bottom:1px solid #f0f0f0;

}

.ant-alert-success{

    margin:20px;

    padding:16px 20px;

    background:#f6ffed;

    border:1px solid #b7eb8f;

    border-left:4px solid #52c41c;

    border-radius:6px;

    display:flex;

    align-items:flex-start;

    gap:12px;

    box-shadow:
    0 2px 8px rgba(82,196,26,0.15);

}



.pv-alert-icon{

    width:24px;

    height:24px;

    border-radius:50%;

    background:#52c41a;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}


.pv-check-icon{

    width:14px;

    height:14px;

    color:white;

    display:block;

}



.pv-alert-content{

    flex:1;

    display:flex;

    flex-direction:column;

}



.pv-alert-title{

    font-size:14px;

    font-weight:600;

    line-height:24px;

}



.pv-alert-subtitle{

    margin-top:4px;

    font-size:13px;

    color:#8c8c8c;

    line-height:20px;

}

.ant-alert-error{

    display:flex;

    align-items:flex-start;

    background:#fff2f0;

    border-left:4px solid #ff4d4f;

    border-radius:6px;

    padding:16px;

}




.ant-alert-error .pv-alert-title{

    color:#262626;

    font-size:16px;

    font-weight:600;

}


.ant-alert-error .pv-alert-icon{

color:#ff4d4f;

}

.pv-alert-icon-error{

    display:flex;

    align-items:center;

    margin-right:12px;

    color:#ff4d4f;

}

#card-loader{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:40px 0;

    transition:.3s;

}

#card-content{

    display:none;

}