/* page6: 电商产品式布局 */
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;background:linear-gradient(160deg,#6366f1 0%,#8b5cf6 100%);background-attachment:fixed;color:#1e293b;min-height:100vh;line-height:1.6;padding:14px 16px 30px}

.site{max-width:480px;margin:0 auto}

/* crumb */
.site__crumb ol{list-style:none;display:flex;gap:4px;font-size:.76rem;color:rgba(255,255,255,.65);padding:4px 0 14px}
.site__crumb li+li::before{content:"/";margin-right:4px;color:rgba(255,255,255,.4)}
.site__crumb [aria-current]{color:rgba(255,255,255,.9);font-weight:500}

/* product showcase */
.prod-show{background:#fff;border-radius:20px;padding:28px 24px 22px;text-align:center;box-shadow:0 8px 40px rgba(0,0,0,.15);margin-bottom:14px;position:relative;overflow:hidden}
.prod-show__badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:5px 12px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}
.prod-show__img{width:80px;height:80px;border-radius:20px;object-fit:cover;margin-bottom:14px;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.prod-show h1{font-size:1.7rem;font-weight:700;margin-bottom:4px}
.prod-show__sub{font-size:.85rem;color:#64748b;margin-bottom:14px}
.prod-show__tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.prod-show__tags span{background:#eef2ff;color:#4338ca;padding:5px 14px;border-radius:16px;font-size:.78rem;font-weight:600}

/* pricing cards */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.price-card{background:#fff;border-radius:14px;padding:16px 10px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08);position:relative;display:flex;flex-direction:column;gap:8px}
.price-card--hot{border:2px solid #f59e0b;box-shadow:0 4px 20px rgba(245,158,11,.2)}
.price-card__badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#f59e0b;color:#fff;padding:3px 12px;border-radius:10px;font-size:.68rem;font-weight:700}
.price-card__head{font-size:.9rem;font-weight:700;color:#1e293b}
.price-card__body{display:flex;flex-direction:column;gap:2px;font-size:.72rem;color:#64748b}
.price-card__price{font-size:.85rem;font-weight:700;color:#6366f1}
.price-card__btn{display:block;padding:8px;background:#6366f1;color:#fff;border-radius:8px;text-decoration:none;font-size:.78rem;font-weight:600;transition:background .2s}
.price-card__btn:hover{background:#4f46e5}

/* steps */
.steps{background:#fff;border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:0 4px 24px rgba(0,0,0,.08)}
.steps h2{font-size:1.05rem;color:#1e293b;margin-bottom:16px;text-align:center}
.steps__list{list-style:none;display:flex;flex-direction:column;align-items:center;gap:0}
.steps__one{display:flex;align-items:center;gap:14px;width:100%;max-width:300px;padding:8px 0}
.steps__num{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.88rem;flex-shrink:0}
.steps__one strong{display:block;font-size:.88rem;color:#1e293b}
.steps__one p{font-size:.76rem;color:#64748b}
.steps__arrow{color:#cbd5e1;font-size:1rem;line-height:1;padding:2px 0 2px 17px;width:100%;max-width:300px}

/* trust badges */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.trust__item{background:rgba(255,255,255,.85);border-radius:10px;padding:12px 6px;text-align:center;font-size:.72rem;font-weight:500;color:#1e293b}

/* dl area */
.dl-area{text-align:center;margin-bottom:14px}
.dl-area__main{display:block;padding:15px 30px;background:#fff;color:#6366f1;border-radius:14px;text-decoration:none;font-size:1rem;font-weight:700;margin-bottom:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .2s}
.dl-area__main:hover{transform:translateY(-3px)}
.dl-area__sub{color:rgba(255,255,255,.85);text-decoration:none;font-size:.84rem;font-weight:500}

/* faq details */
.faq-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:0 4px 24px rgba(0,0,0,.08)}
.faq-card h2{font-size:1.05rem;color:#1e293b;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #f59e0b;display:inline-block}
.faq-card__item{border-bottom:1px solid #f1f5f9}
.faq-card__item:last-child{border-bottom:none}
.faq-card__q{padding:13px 0;font-size:.88rem;font-weight:600;color:#1e293b;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;list-style:none}
.faq-card__q::-webkit-details-marker{display:none}
.faq-card__q::after{content:"▾";color:#94a3b8;font-size:.7rem}
.faq-card__item[open] .faq-card__q::after{content:"▴"}
.faq-card__a{font-size:.8rem;color:#64748b;line-height:1.8;padding-bottom:12px}

/* foot */
.foot{text-align:center;padding:10px 0;color:rgba(255,255,255,.55);font-size:.73rem}
.foot a{color:rgba(255,255,255,.7);text-decoration:none}
.foot p{margin-bottom:3px}

@media(max-width:380px){
    .pricing{grid-template-columns:1fr}
    .trust{grid-template-columns:repeat(2,1fr)}
    .prod-show h1{font-size:1.3rem}
}
@media(min-width:768px){
    body{padding:30px}
    .pricing{grid-template-columns:repeat(3,1fr)}
}