.model-content {
    padding: 1.5rem;
    color: rgba(0, 0, 0, 0.9);
}
.in-image{color: rgba(220,53,69, 1) !important}
.main-content.pay-model h3{color:#333}
.layui-layer-dialog .layui-layer-content{color:#333}
.mb-2{margin-bottom:20px}
.mr-2{margin-right:20px !important;}
.hidden{display: none !important;}



.pt-100 {
    padding-top: 100px;
}
.pb-70 {
    padding-bottom: 70px;
}

@media only screen and (max-width: 767px) {
    .pt-100 {
        padding-top: 60px;
    }
    .pb-70 {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-100 {
        padding-top: 80px;
    }
    .pb-70 {
        padding-bottom: 50px;
    }
}
.text-success{
    --bs-text-opacity: 1;
    color: rgba(25,135,84, 1) !important;
}
.text-danger{
    --bs-text-opacity: 1;
    color: rgba(220,53,69, 1) !important;
}

.filed label.form-check-label{
    display: inline !important;
}


/* 遮罩层样式 start */
#mask {
    position: fixed; /* position-fixed */
    top: 0;          /* top-0 */
    left: 0;         /* start-0 */
    width: 100%;     /* w-100 */
    height: 100%;    /* h-100 */
    background-color: rgba(0, 0, 0, 0.5); /* bg-dark + bg-opacity-50 */
    display: none;   /* d-none 初始隐藏 */
    flex-direction: column;           /* flex-column */
    justify-content: center;          /* justify-content-center */
    align-items: center;              /* align-items-center */
    z-index: 1070;
}

/* 显示遮罩时的 d-flex */
#mask.d-flex {
    display: flex;
}

/* 加载动画 */
.spinner-border {
    width: 3rem;
    height: 3rem;
    border: 0.25rem solid transparent; /* 透明背景环 */
    border-top: 0.25rem solid #ff3d00; /* 红色旋转部分 */
    border-right: 0.25rem solid #ffcd00; /* 黄色旋转部分 */
    border-bottom: 0.25rem solid #00c853; /* 绿色旋转部分 */
    border-left: 0.25rem solid #2979ff; /* 蓝色旋转部分 */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 1rem;
}

/* 旋转动画 */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 文字样式 */
.text-light {
    color: #ffffff;  /* 白色文字 */
}

.fs-5 {
    font-size: 1.25rem; /* 类似 Bootstrap fs-5 */
}
.d-none{display:none !important}

/* 遮罩层样式 end */

/* payhtml样式 start */
#pay-info, #billing-info{padding:25px; padding-bottom:0px}
.dark .pay-model .form-control{color: var(--bgdark);}
.main-content.pay-model{padding-bottom: 40px;}
.pay-model .modal-footer{padding-left:25px; padding-right: 25px;text-align: right;}
.pay-model .modal-footer button{display: inline-block;}
.pay-model #year, .pay-model #month{max-width:49%;}
/* payhtml样式 end */

/* 充值页面 start */
.recharge .package__head{min-height:175px}
.recharge .package--pack{cursor: pointer;}
.recharge .package--pack .product_name{font-size:18px;}
.recharge .package--pack.active{border: 1px solid var(--linkHover);}
.recharge .ghost-up-btn{display: flex;justify-content: center;align-items: center;}
.recharge .ghost-up-btn .top-up-btn{min-width: 150px; margin-top: 35px;}
/* 充值页面 end */

/* faq页面 start */
.faq-item {
    background-color: var(--bglight);
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    overflow: hidden;
}

.faq-question {
    padding: 15px 20px;
    cursor: pointer;
    position: relative;
    font-weight: bold;
}

.faq-question::after {
    content: '+';
    position: absolute;
    right: 20px;
    font-size: 20px;
    transition: transform 0.3s;
}

.faq-item.active .faq-question::after {
    transform: rotate(45deg);
}

.faq-answer {
    padding: 15px 20px;
    display: none;
    border-top: 1px solid #eee;
    line-height: 1.6;
}

.faq-item.active .faq-answer {
    display: block;
}

/* faq页面 end */

/* 参数部分 start */
.ai-image #des{padding-left: 35px}
.ai-image .plus-btn{position: absolute; left: 5px;top:13px;height: 30px;width: 30px;border: none;background-color: var(--linkHover);color: white;cursor: pointer;}
.main-params{position: relative;}
#actionBox{position:absolute;bottom: 65px;width: 100%;background: var(--bglight);border-radius: .5rem;padding: 1rem;display: none;}
.colorization #actionBox{display:block;}
.param-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.param-options .param-option.active{background-color: var(--linkHover);}
/* 参数部分 end */

/* AI内容展示 start */
.card-img-top{
    cursor: pointer;
    max-width: 150px;
}
.txt_container {width: 100%}
.text-warning{color: rgba(220,53,69, 1) !important} 

/* 图生图 */
.image-list img{max-width:100px}
.image-list .img-base{position: relative;}
.image-list .li-image-list{display: flex; gap: 20px;}
.image-list .img-base .close-img{
    position: absolute;
    top: -12px;
    right: -9px;
    background: var(--linkHover);
    color: #fff;
    padding: 0 9px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}
.parame-img{max-width: 150px;}
.nanoimage .aiimg_box .aiimg-item{flex: 0;}
/* 图生图 */
/* AI内容展示 end */


/* 底部容器 start */
.footer {
    background-color: var(--bgsite);
    border-top: 1px solid var(--borderClr);
}

/* 底部主体信息 */
.footer .footer-main {
    padding: 15px 20px;
    color: var(--primary-textclr);
    text-align: center;
}

/* 底部版权和支付 */
.footer .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    color: var(--primary-textclr);
    border-top: 1px solid var(--borderClr);
}

.footer .footer-bottom .payment img {
    height: 30px; /* 可调整图片大小 */
}
/* 底部容器 end */