/* 从 pay-page.css 引入的根变量 */
:root {
    --linear-bg-1: radial-gradient(#ba6187 40%, rgb(144 224 255 / 0%) 60%) -620px -180px no-repeat, radial-gradient(#743fc3d6 33%, rgb(255 203 87 / 0%) 67%) -120px -24px no-repeat, radial-gradient(#b4684e 40%, rgb(144 224 255 / 0%) 70%) -470px 150px no-repeat, #9e4fa9;
    --linear-bg-2: radial-gradient(#24868994 20%, rgb(134 217 249 / 0%) 60%) -120px -180px no-repeat, radial-gradient(#454faa 33%, rgb(255 203 87 / 0%) 67%) -10px -4px no-repeat, radial-gradient(#7238ae 40%, rgb(144 224 255 / 0%) 70%) -470px 150px no-repeat, #4147b8;
    --linear-bg-3: radial-gradient(#bb552975 23%, rgb(247 197 86 / 0%) 67% 100%) 385px -24px, radial-gradient(#984cbe 30%, rgb(179 105 248 / 0%) 67% 100%) 122px -120px, radial-gradient(#661cac 15%, rgb(134 219 252 / 0%) 50% 100%) -620px 0, radial-gradient(#383d9ff5 25%, rgb(132 215 247 / 0%) 50% 100%) 520px -250px, #6841c0;
    --linear-bg-4: radial-gradient(#3a7ebe 20%, rgb(134 217 249 / 0%) 60%) -100px -300px no-repeat, radial-gradient(#405ed6 13%, rgb(255 203 87 / 0%) 50%) 300px -124px no-repeat, radial-gradient(#684ec8 40%, rgb(144 224 255 / 0%) 70%) 40px 18px no-repeat, #246d79;
    --linear-bg-5: radial-gradient(#865cc2 40%, rgb(144 224 255 / 0%) 60%) -620px -180px no-repeat, radial-gradient(#4956c6 33%, rgb(255 203 87 / 0%) 67%) -120px -24px no-repeat, radial-gradient(#3e77ab 40%, rgb(144 224 255 / 0%) 64%) 100px 150px no-repeat, #1f5b98;
    --linear-bg-6: radial-gradient(#277367 20%, rgb(134 217 249 / 0%) 60%) -120px -180px no-repeat, radial-gradient(#434ead 33%, rgb(255 203 87 / 0%) 67%) -120px -24px no-repeat, radial-gradient(#5b46a8 40%, rgb(144 224 255 / 0%) 70%) -470px 150px no-repeat, #1b4d89;
    --linear-bg-7: radial-gradient(#29843fba 23%, rgb(247 197 86 / 0%) 67% 100%) -285px -24px, radial-gradient(#365692 0, rgb(251 63 72 / 0%) 60% 100%) -40px 290px, #29727b;
    --linear-bg-8: radial-gradient(#c75c6e 23%, rgb(247 197 86 / 0%) 67% 100%) -285px -24px, radial-gradient(#bf7830 25%, rgb(132 215 247 / 0%) 50% 100%) 520px -250px, #b4663d;
    --linear-bg-9: radial-gradient(#4776c3 40%, rgb(144 224 255 / 0%) 60%) -235px -380px no-repeat, radial-gradient(#6e4cac 40%, rgb(144 224 255 / 0%) 70%) 100px 250px no-repeat, #5c5bdf;
    --linear-bg-10: radial-gradient(#b06553 23%, rgb(247 197 86 / 0%) 67% 100%) -285px -24px, radial-gradient(#9e4353 0, rgb(251 63 72 / 0%) 60% 100%) -540px 90px, radial-gradient(#8e43b6 30%, rgb(179 105 248 / 0%) 67% 100%) -122px -120px, #a75375;
    --linear-bg-1m: linear-gradient(135deg, #2ea2aa 0%, #5038c8 100%);
    --linear-bg-2m: linear-gradient(135deg, #3f41a7 0%, #27acd1 100%);
    --linear-bg-3m: linear-gradient(135deg, #9971d3 0%, #4538c8 100%);
    --linear-bg-4m: linear-gradient(110deg, #6936b3 0%, #228382 100%);
    --linear-bg-5m: linear-gradient(117deg, #e987f2 0%, #6f2d94 100%);
    --linear-bg-6m: linear-gradient(117deg, #845eea 0%, #cd3e6f 100%);
    --linear-bg-7m: linear-gradient(117deg, #e29a78 0%, #ce5656 100%);
    --linear-bg-8m: linear-gradient(117deg, #77ad5e 0%, #20778f 100%);
    --linear-bg-9m: linear-gradient(117deg, #51a364 0%, #166e9e 100%);
    --linear-bg-10m: linear-gradient(117deg, #dc3576 0%, #1b80b7 100%);
}

/* 原有样式 */
.single-product .products-container {
    margin-top: -21px;
}

.single-product .products-box {
    padding: 60px 0;
    color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, #88c0fd 10%, #0757af 100%);
}

.single-product .products-background {
    background: linear-gradient(135deg, #28b1bb 0%, #5038c8 100%);
}

.single-product .products-box .products-row {
    padding: 0 20px;
    max-width: 1400px;
    margin: auto;
}

.single-product .products-row .payrow-6 {
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 10px);
}

@media (max-width: 768px) {
    .single-product .products-row .payrow-6 {
        padding: 10px;
        width: 100%;
    }

    .single-product .products-box .products-row {
        text-align: center;
    }

    .single-product .products-details {
        margin: auto;
    }

    /* 根据 pay-page.css 移动端调整：幻灯片左右和上面不留空隙 */
    .single-product .products-box {
        padding: 10px 0;
    }
    .single-product .products-box .products-row {
        padding: 0;
    }
    .single-product .payrow-6.payrow-left {
        padding: 0;
        margin-bottom: 20px;
        margin-top: -10px;
    }
    .single-product .payrow-6.payrow-left .radius8 {
        border-radius: 0;
    }

    /* 产品价格居中 */
    .single-product .pay-content .price-box {
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
    }
    .single-product .pay-content .price-box .original-price {
        display: inline-block !important;
        margin-left: -0.8px !important;  /* 修改为0，去除左边距，与促销标签左对齐 */
        vertical-align: middle;      /* 添加垂直对齐以改善视觉 */
    }
    .single-product .pay-content .price-box .em3x {
        display: inline-block !important;
    }

    /* 移动端字体保持原样（较小） */
    .single-product .products-header {
        font-size: 55px; /* 产品名称加大 */
    }
    .single-product .products-doc {
        font-size: 14px; /* 产品介绍加大 */
    }
    .single-product .products-details ul li {
        font-size: 14px; /* 参数配置字体加大 */
    }
    .single-product .article-content {
        font-size: 16px; /* 文章内容字体加大 */
    }
}

.single-product .pay-content {
    max-width: 400px;
    margin: auto;
}

.single-product .products-header {
    font-size: 45px;
    letter-spacing: .1em;
}

.single-product .products-doc {
    opacity: .8;
    margin: 20px 0;
}

.single-product .more-but {
    margin-top: 30px;
}

.single-product .more-but .but.hollow {
    margin: 0 10px;
    padding: 0.5em 1.5em;
}

.single-product .more-but .but.hollow:hover {
    color: #555;
}

.single-product .products-pay {
    margin: 20px 0;
}

.single-product .products-pay .but {
    padding: 0.65em 5.8em;
    margin: 0;
    border-radius: 999px; /* 使按钮更圆润，与 pay-page.php 风格一致 */
}

.single-product .products-pay .but+.but {
    margin-left: 20px;
}

.single-product .products-details {
    background: rgba(0, 0, 0, 0.1);
    opacity: .6;
    max-width: 300px;
    text-align: left;
}

.single-product .pay-content .share-btn text {
    display: none;
}

.pay-mark {
    font-size: .6em;
}

/* 桌面版（≥769px）加大内框上下间距和字体 */
@media (min-width: 769px) {
    .single-product .products-box {
        padding: 60px 0; /* 上下间距加大 */
    }
    .single-product .products-header {
        font-size: 50px !important; /* 产品名称加大 */
    }
    .single-product .products-doc {
        font-size: 20px; /* 产品介绍加大 */
    }
    .single-product .products-details ul li {
        font-size: 18px; /* 参数配置字体加大 */
    }
    .single-product .article-content {
        font-size: 35px; /* 文章内容字体加大 */
    }
}

/* 管理授权 & 已购买按钮统一圆角 + 加大内边距（移动/桌面一致） */
.single-product .products-pay .but.jb-yellow,
.single-product .products-pay .but.c-white.opacity5 {
    padding: 0.5em 2em;    /* 上下 0.7em，左右 2.2em，比原来更饱满 */
    border-radius: 4px;       /* 8px 圆角，视觉柔和 */
    font-size: 1em;           /* 确保字体大小一致（继承父级） */
    line-height: 1.4;         /* 改善行高，使文字居中 */
}

/* 新增：仅对“登录购买”按钮应用相同内边距 */
.single-product .products-pay .but.login-buy-btn {
    padding: 0.6em 2.1em;
    border-radius: 4px;
    font-size: 1em;
    line-height: 1.4;
}

/* 调整登录购买按钮图标与文字间距 */
.single-product .products-pay .but.login-buy-btn i {
    margin-right: -0.2em;
}

/* 促销标签上移 */
.single-product .price-box badge {
    position: relative;
    top: -0.5em;
}