#main-banner{position:relative;padding:100px 0 120px;background:url(images/home/main-bg.webp) no-repeat center / cover;color:#fff}
#main-banner h1{font-size:52px;font-weight:500;text-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}
#main-banner .desc{margin:10px 0 0;font-size:18px;text-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}
#main-banner .btn-group{justify-content:center;margin:30px 0 0;gap:20px}
#main-banner .btn-group .btn-style-white{background:#fff;color:#000;font-size:18px;padding:15px 40px}
#main-banner .btn-group .btn-style-white svg{margin-right:5px}
#main-banner .btn-group .btn-style-white::before{display:none}
#main-banner .more{margin:60px 0 0;display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:30px 19px}
#main-banner .more .item{position:relative;width:387px;aspect-ratio:387 / 600;object-fit:cover;border-radius:32px;overflow:hidden}
#main-banner .more .item .bg{width:100%;height:100%}
#main-banner .more .item .bg img{width:100%;height:100%;object-fit:cover}
#main-banner .more .item .detail{position:absolute;left:30px;top:30px;display:flex;justify-content:start;align-items:center;gap:10px}
#main-banner .more .item .detail .icon{width:68px;height:68px}
#main-banner .more .item .detail .icon img{width:100%;height:100%;object-fit:cover}
#main-banner .more .item .detail .text h2{font-size:30px;font-weight:600}
#main-banner .more .item .detail .text p{font-size:16px}
@media (min-width:830px){
    #main-banner .more .item:first-child{width:793px;aspect-ratio:794 / 600}
}
@media (max-width:769px){
    #main-banner{padding:60px 0}
    #main-banner .more{margin:30px 0 0}
    #main-banner h1{font-size:32px}
    #main-banner .desc{font-size:16px}
}


#guide-banner{padding:100px 0;background:#f5f4f9;border-bottom:1px solid #eee;text-align:center}
#guide-banner .module-title{margin-bottom:25px}
#guide-banner .module-desc{color:#666;line-height:1.8;margin:8px auto 0}
#guide-banner strong{font-weight:600}
@media (max-width:769px){
    #guide-banner{padding:60px 0}
}


#qjt-banner{padding:100px 0}
#qjt-banner .module-title .highlight{font-weight:600}
#qjt-banner .cont{margin:20px 0 0;display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:15px}
#qjt-banner .cont .item{position:relative;width:474px;aspect-ratio:474 / 420;object-fit:cover;border-radius:12px;overflow:hidden}
#qjt-banner .cont .item .bg{width:100%;height:100%}
#qjt-banner .cont .item .bg img{width:100%;height:100%;object-fit:cover}
#qjt-banner .cont .item .detail{position:absolute;color:#fff;right:30px;bottom:30px;text-align:right}
#qjt-banner .cont .item .detail h2{font-size:30px;font-weight:600}
#qjt-banner .cont .item .detail p{font-size:18px;margin:8px 0 0}
@media (min-width:770px){
    #qjt-banner .cont .item:nth-child(1){width:711px;aspect-ratio:711 / 420}
    #qjt-banner .cont .item:nth-child(3){width:1200px;aspect-ratio:1200 / 420}
    #qjt-banner .cont .item:nth-child(1) .detail{left:30px;right:auto;text-align:left}
}
@media (max-width:769px){
    #qjt-banner{padding:60px 0}
}


#install-banner{background:#f6f7fb;padding:100px 0;text-align:center}
#install-banner .module-title{margin-bottom:25px}
#install-banner .module-desc{line-height:1.8;color:#555;max-width:900px;margin:8px auto 0}
#install-banner strong{font-weight:600}
#install-banner ol{list-style:none;padding:0;margin:25px 0;counter-reset:li-counter;text-align:left}
#install-banner li{position:relative;margin-bottom:16px;padding:15px 20px 15px 50px;background:#fff;border-radius:8px;border:1px solid #f1f5f9;box-shadow:0 2px 4px rgba(0,0,0,0.02);transition:transform 0.2s ease;}
#install-banner li:hover{transform:translateX(5px);border-color:#e2e8f0}
#install-banner li::before{content:counter(li-counter);counter-increment:li-counter;position:absolute;left:15px;top:15px;width:24px;height:24px;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:bold;display:flex;align-items:center;justify-content:center;border-radius:6px}
@media (max-width:769px){
    #install-banner{padding:60px 0}
}


#reviews-banner{padding:100px 0;background:#f6f7fb}
#reviews-banner .review-list{overflow:hidden}
#reviews-banner .review-list .review-list-marquee{display:flex;justify-content:start;align-items:center;gap:32px;width:max-content;will-change:transform}
#reviews-banner .review-list .review-item{width:430px;flex-shrink:0;padding:25px 25px 80px;border-radius:24px;background:#fff;border:1px solid #e5e7eb}
#reviews-banner .review-list .review-item .detail{display:flex;justify-content:start;align-items:center;gap:16px}
#reviews-banner .review-list .review-item .detail .avatar{width:44px;height:44px}
#reviews-banner .review-list .review-item .detail .avatar img{width:100%;height:100%;object-fit:cover}
#reviews-banner .review-list .review-item .detail .name{font-size:20px;font-weight:600;color:#384150}
#reviews-banner .review-list .review-item .detail .stars{font-size:13px;color:#ffd079;margin:3px 0 0}
#reviews-banner .review-list .review-item .text{margin:15px 0 0;font-size:14px;color:#6c727f}
@media (max-width:769px){
    #reviews-banner{padding:60px 0}
    #reviews-banner .review-list .review-list-marquee{gap:15px}
}