/* app-creative.min.css */
.modal-header {
    padding: 6px 12px !important;
}
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:focus,
.btn-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
body, .wrapper, .content-page {
    overflow: visible;
}

/* header */
.header-navbar {
    height: 70px;
    background-color: #fff;
    box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
}
.header-flex {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo-title {
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    color: #000;
    margin-left: 10px;
    vertical-align: middle;
    font-family: "SimHei";
}

body {
    background-color: #fafafa;
    height: 100%;
}
body[data-leftbar-compact-mode=condensed] {
    min-height: 0;
}
body[data-layout=topnav] .content-page {
    padding: 0!important;
    min-height: 0;
}
.content {
    margin-bottom: 69px;
}
.page-title-right {
    display: block !important;
    float: right !important;
    margin-top: 17px !important;
}
@media screen and (max-width: 380px) {
    .app-search {
        width: 160px;
    }
}
.hyper-wrapper a {
    color: #000;
}
.hyper-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 20px 0;
    line-height: 16px;
    border-top: 1px solid rgba(152,166,173,.2);
    color: #98a6ad;
}
@media screen and (max-width: 768px) {
    .hyper-footer {
        text-align: center;
    }
}
.hyper-footer a {
    color: #919ca7;
}
@media screen and (max-width: 576px) {
    .container {
       padding: 0 12px; 
    }
}
@media screen and (min-width: 576px) {
    .container {
       padding: 0; 
    }
}
@media screen and (min-width: 992px) {
    .hyper-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }
}

/* Home Page */

/* modal-dialog */
.modal-body img {
    max-width: 100%;
    height: auto;
}
@media screen and (min-width: 1367px) {
    .modal-dialog {
        max-width: 900px !important;
    }
}
@media screen and (max-width: 1367px) {
    .modal-dialog {
        max-width: 700px !important;
    }
}
@media screen and (max-width: 768px) {
    .modal-dialog {
        max-width: 500px !important;
    }
}

/* Select Button */

.nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}
.nav-list::-webkit-scrollbar {
    display: none; 
}
@media screen and (min-width: 767px) {
    .tab-link {
        min-width: 100px;
    }
}
@media screen and (max-width: 767px) {
    .tab-link {
        min-width: 60px;
    }
}
.tab-link {
    font-size: 1rem;
    padding: 6px 12px;
    border-radius: .5rem;
    border: 1px solid #3688fc;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.tab-link.active {
    color: #fff;
    background: linear-gradient(-45deg, #3369ff, #3798f7);
}
.img-checkmark img {
    width: 36px;
}
.tab-link.active .img-checkmark {
    display: block;
}
.img-checkmark {
    position: absolute;
    opacity: 0.8;
    right: -6px;
    bottom: -12px;
    display: none;
}

/* Home Card */

.home-card {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 12%);
    transition: all .5s;
}
.home-card:hover {
    box-shadow: 1px 3px 2px 0 rgb(0 0 0 / 5%);
}
@media screen and (max-width: 767px) {
    .hyper-wrapper {
        padding-left: 0;
        padding-right: 0;
        display: grid;
        grid-gap: 12px;
        gap: 12px;
    }
    .home-card {
        padding: 12px;
        margin-bottom: 0;
        font-size: 14px;
        display: flex;
        align-items: flex-start;
    	border-radius: 5px;
    	cursor: pointer;
        background-color: #fff;
    	
    }
    .home-img {
        max-width: 80px;
        margin-right: 12px;
    }
    .flex {
        display: flex;
        flex-direction: column;
    }
    .name {
        font-size: 14px;
        min-height: 42px;
    	display: -webkit-box;
        -webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
    	overflow: hidden;
    	text-align: left;
    }
    .price {
        color: #d0021b;
    }
    .price b {
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) {
    .hyper-wrapper {
        padding-left: 0;
        padding-right: 0;
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        grid-gap: 12px;
    }
    .home-card {
        padding: 32px 20px 14px 20px;
        font-size: 14px;
        display: flex;
        flex-direction: column;
    	border-radius: 5px;
    	cursor: pointer;
        background-color: #fff;
    }
    .home-img {
        max-width: 88%;
        margin: 0 auto auto auto;
    }
    .flex {
        display: flex;
        flex-direction: column;
        margin-top: 12px;
    }
    .name {
        font-size: 16px;
        min-height: 42px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .price {
        color: #d0021b;
        text-align: center;
    }
    .price b {
        font-size: 24px;
    }
}

@media screen and (min-width: 992px) {
    .hyper-wrapper {
        padding-left: 0;
        padding-right: 0;
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        grid-gap: 12px;
    }
    .home-card {
        padding: 32px 20px 14px 20px;
        font-size: 14px;
        display: flex;
        flex-direction: column;
    	border-radius: 5px;
    	cursor: pointer;
        background-color: #fff;
    }
    .home-img {
        max-width: 88%;
        margin: 0 auto auto auto;
    }
    .flex {
        display: flex;
        flex-direction: column;
        margin-top: 12px;
    }
    .name {
        font-size: 16px;
        min-height: 42px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .price {
        color: #d0021b;
        text-align: center;
    }
    .price b {
        font-size: 24px;
    }
}
@media screen and (min-width: 1320px) {
    .hyper-wrapper {
        padding-left: 0;
        padding-right: 0;
        display: grid;
        grid-template-columns: repeat(5,minmax(0,1fr));
        grid-gap: 12px;
    }
    .home-card {
        padding: 32px 20px 14px 20px;
        font-size: 14px;
        display: flex;
        flex-direction: column;
    	border-radius: 5px;
    	cursor: pointer;
        background-color: #fff;
    }
    .home-img {
        max-width: 88%;
        margin: 0 auto auto auto;
    }
    .flex {
        display: flex;
        flex-direction: column;
        margin-top: 12px;
    }
    .name {
        font-size: 16px;
        min-height: 42px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .price {
        color: #d0021b;
        text-align: center;
    }
    .price b {
        font-size: 24px;
    }
}

/* Buy Page*/
.form-group h3 {
    font-weight: 400;
    color: #212529;
}
.geetest_holder.geetest_wind {
    width: 100% !important;
    min-width: 100% !important;
}
.buy-product img {
    max-width:100%;
    height: auto;
    border-radius: 5px;
    cursor: pointer;
}
@media screen and (min-width: 992px) {
    .buy-grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
    }
    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 6px;
    }
    .buy-shop {
        grid-column: span 2 / span 2;
    }
    .buy-product {
        grid-column: span 4 / span 4;
    }
}
/* pay-type */
@media screen and (min-width: 1367px) {
    .pay-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,200px));
        grid-gap: 12px;
    }
}
@media screen and (min-width: 991px) and (max-width: 1367px) {
    .pay-grid {
        display: grid;
        grid-template-columns: repeat(1,minmax(0,300px));
        grid-gap: 6px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .pay-grid {
        display: grid;
        grid-template-columns: repeat(4,minmax(0,200px));
        grid-gap: 12px;
    }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
    .pay-grid {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,200px));
        grid-gap: 12px;
    }
}
@media screen and (max-width: 576px) {
    .pay-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,200px));
        grid-gap: 12px;
    }
}
@media screen and (max-width: 380px) {
    .pay-grid {
        display: grid;
        grid-template-columns: repeat(1,minmax(0,300px));
        grid-gap: 6px;
    }
}
.pay-type {
    background-color: #fff;
    color: #000;
    border: 2px solid #bdcfe1;
}
.pay-type:hover {
    background-color: #fff;
    color: #000;
}
.pay-type.active {
    background-color: #fff;
    color: #3688fc;
    border: 2px solid #3688fc;
}
.buy-price {
    color: #ea5455;
}

/* Orderinfo Page */

.orderinfo-grid {
    display: grid;
    grid-template-columns: auto;
}
@media screen and (min-width: 767px) {
    .orderinfo-card-grid {
        display: grid;
        grid-template-columns: repeat(6,minmax(0,1fr));
        grid-gap: 12px;
    }
    .orderinfo-info {
        grid-column: span 2 / span 2;
    }
    .orderinfo-kami {
        grid-column: span 4 / span 4;
    }
}
@media screen and (max-width: 767px) {
    .orderinfo-info {
        display: grid;
        justify-content: center;
    }
}
.textarea-kami {
    min-height: calc(100% - 48px - 38px)
}
.kami-btn {
    margin-top: 6px;
    float: right;
}

/* Footer */
.back-to-top {
    display: none;
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 99;
}
#back-to-top {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 44px;
    height: 44px;
}/* --- marketing hero (AI 副业装备店) --- */
.hero-marketing{margin:16px 0 20px;background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(79,70,229,.25)}
.hero-marketing .hero-inner{padding:44px 32px;text-align:center}
.hero-marketing h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px}
.hero-marketing p{font-size:16px;color:rgba(255,255,255,.92);margin:0 0 26px;line-height:1.7}
.hero-marketing .hero-cta{background:#fff;color:#4F46E5;border:none;font-weight:700;padding:10px 30px;border-radius:24px}
.hero-marketing .hero-cta:hover{background:#EEF2FF;color:#4338CA}
.hero-trust{margin-top:26px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;font-size:13px;color:rgba(255,255,255,.92)}
@media(max-width:767px){.hero-marketing .hero-inner{padding:28px 16px}.hero-marketing h1{font-size:22px}.hero-marketing p{font-size:14px}.hero-trust{gap:8px 14px;font-size:12px}}
/* --- faq --- */
.faq-card{margin-top:18px}
.faq-item{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:0;background:#fff;overflow:hidden}
.faq-item summary{cursor:pointer;padding:12px 16px;font-weight:600;color:#1e293b;list-style:none;position:relative}
.faq-item summary::after{content:"▾";position:absolute;right:16px;color:#94a3b8}
.faq-item[open] summary::after{content:"▴"}
.faq-ans{padding:0 16px 14px;color:#64748b;line-height:1.7;font-size:14px}
/* --- 微信咨询浮窗 --- */
#wx-float{position:fixed;right:20px;bottom:90px;z-index:9999}
#wx-btn{width:54px;height:54px;border-radius:50%;background:#07C160;border:none;box-shadow:0 4px 14px rgba(7,193,96,.45);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s}
#wx-btn:hover{transform:scale(1.08)}
#wx-panel{display:none;position:absolute;right:0;bottom:64px;width:230px;background:#fff;border-radius:14px;box-shadow:0 10px 34px rgba(15,23,42,.22);padding:18px 16px 14px;text-align:center}
#wx-panel .wx-head{font-weight:700;color:#1e293b;margin-bottom:12px;font-size:15px}
#wx-panel .wx-qr{width:160px;height:160px;border:1px solid #e2e8f0;border-radius:10px;padding:4px;background:#fff}
#wx-panel .wx-id{margin-top:12px;font-size:13px;color:#475569}
#wx-panel .wx-id b{color:#07C160;font-weight:700}
#wx-panel .wx-tip{font-size:12px;color:#94a3b8;margin-top:6px}
#wx-panel .wx-close{position:absolute;top:8px;right:10px;border:none;background:none;color:#94a3b8;font-size:18px;cursor:pointer;line-height:1}
@media(max-width:767px){#wx-float{right:14px;bottom:78px}}
/* --- buy 页信任条 --- */
.buy-trust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.buy-trust span{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}
/* --- buy 页分享区 --- */
.buy-share{margin-top:18px;padding-top:16px;border-top:1px dashed #e2e8f0}
.buy-share-title{display:block;font-size:13px;color:#64748b;margin-bottom:10px}
.buy-share-btns{display:flex;flex-wrap:wrap;gap:8px}
/* --- buy 页流程 --- */
.buy-steps{display:flex;gap:10px;margin-top:14px}
.buy-steps .step{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 6px;text-align:center;font-size:12px;color:#475569}
.buy-steps .step b{display:block;width:22px;height:22px;line-height:22px;margin:0 auto 6px;background:#4F46E5;color:#fff;border-radius:50%;font-size:12px}
@media(max-width:767px){.buy-steps{flex-direction:column}}
/* --- hero 复制按钮 --- */
.hero-copy{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7);font-weight:600;padding:10px 26px;border-radius:24px;margin-left:10px}
.hero-copy:hover{background:rgba(255,255,255,.15);color:#fff}
@media(max-width:767px){.hero-copy{margin-left:0;margin-top:10px}}
/* --- 深度优化补充样式（2026-08-17）--- */
/* 首页商品卡已售证明 */
.home-sold{font-size:11px;color:#94a3b8;margin-top:2px}
/* 首页商品卡划线价 */
.home-card .price del{font-size:11px;color:#cbd5e1;margin-left:4px}
.home-card .price .badge{margin-left:4px;font-size:10px;vertical-align:middle}
/* 首页底部信任区 */
.home-trust{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:14px 8px;margin-bottom:10px}
.home-trust .trust-item{font-size:13px;color:#475569;line-height:1.5}
.home-trust .trust-item b{font-size:18px;color:#4F46E5}
/* buy 页保障条 */
.buy-guarantee{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:10px}
.buy-guarantee span{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}
/* buy 页价值卖点 */
.buy-why{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}
.buy-why h5{font-size:14px;font-weight:700;color:#334155;margin-bottom:10px}
.buy-why ul{margin:0;padding-left:0;list-style:none}
.buy-why li{font-size:13px;color:#475569;padding:4px 0}
/* buy 页常见问题兜底 */
.buy-faq{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;color:#92400e}
/* 价格徽章 */
.buy-price + .badge{font-size:0.8rem;vertical-align:middle}
/* 移动端适配 */
@media(max-width:767px){
  .home-trust .trust-item{font-size:12px}
  .buy-guarantee{gap:6px}
  .buy-guarantee span{font-size:11px;padding:3px 8px}
}