/* FAQ article-list-faq.html — 板块顺序与 HTML 一致；先基础样式，@media 集中在板块末尾 */

/* ===== .banner-all ===== — 见 common.css .banner .banner-all */


/* ===== .faq-paper ===== */
.faq-paper{padding:100px 0;background-color:#f8f8f8}
.faq-paper .top-head{margin-bottom:50px}
.faq-paper .title{margin-bottom:15px;font-weight:600}
.faq-paper .text{font-size:20px;line-height:30px;font-weight:300;color:#666;max-width:900px}
.faq-paper .text p{margin:0}

/* ===== .faq-list ===== */
.faq-paper .faq-list{display:flex;flex-direction:column;gap:25px}
.faq-paper .faq-item{position:relative;background-color:#fff;border-radius:10px;box-shadow:0 4px 24px rgba(6,0,1,.06);padding:32px 40px 32px 88px;min-width:0}
.faq-paper .faq-num{position:absolute;top:0;left:0;width:62px;height:52px;background:url(../images/faq-1.webp) no-repeat;background-size:100% 100%;color:#fff;font-size:24px;line-height:1;font-weight:600;padding-top:15px;border-radius:10px 0 10px 0;display:flex;justify-content:center;flex-shrink:0}
.faq-paper .faq-body{min-width:0}
.faq-paper .faq-q{font-size:20px;line-height:32px;font-weight:600;color:#1f1a18;margin-bottom:12px}
.faq-paper .faq-a{font-size:17px;line-height:25px;font-weight:300;color:#6a6a6a}

@media(max-width:1570px){
    .faq-paper{padding:92px 0}
    .faq-paper .top-head{margin-bottom:46px}
    .faq-paper .title{font-size:40px;line-height:50px}
    .faq-paper .faq-list{gap:22px}
}
@media(max-width:1430px){
    .faq-paper{padding:86px 0}
    .faq-paper .top-head{margin-bottom:42px}
    .faq-paper .title{font-size:36px;line-height:46px;margin-bottom:12px}
    .faq-paper .text{font-size:18px;line-height:28px}
    .faq-paper .faq-item{padding:30px 36px 30px 84px}
    .faq-paper .faq-q{font-size:19px;line-height:30px}
    .faq-paper .faq-a{font-size:16px;line-height:24px}
}
@media(max-width:1200px){
    .faq-paper{padding:80px 0}
    .faq-paper .top-head{margin-bottom:40px}
    .faq-paper .title{font-size:34px;line-height:44px}
    .faq-paper .faq-item{padding:28px 32px 28px 80px}
    .faq-paper .faq-q{font-size:18px;line-height:28px}
}

@media(min-width:992px) and (max-width:1199px){
    .faq-paper .top-head{margin-bottom:36px}
    .faq-paper .title{font-size:32px;line-height:42px}
    .faq-paper .text{font-size:17px;line-height:26px}
    .faq-paper .faq-item{padding:26px 28px 26px 76px}
    .faq-paper .faq-num{width:56px;height:48px;font-size:20px;padding-top:13px}
    .faq-paper .faq-q{font-size:18px;line-height:28px;margin-bottom:10px}
    .faq-paper .faq-a{font-size:15px;line-height:24px}
}

@media(min-width:900px) and (max-width:991px){
    .faq-paper{padding:68px 0}
    .faq-paper .top-head{margin-bottom:32px}
    .faq-paper .title{font-size:28px;line-height:36px;margin-bottom:10px}
    .faq-paper .text{font-size:16px;line-height:24px}
    .faq-paper .faq-list{gap:18px}
    .faq-paper .faq-item{padding:24px 24px 24px 72px}
    .faq-paper .faq-num{width:52px;height:46px;font-size:18px;padding-top:12px}
    .faq-paper .faq-a{font-size:15px;line-height:22px}
}

@media(max-width:899px){
    .faq-paper{padding:60px 0}
    .faq-paper .top-head{margin-bottom:28px}
    .faq-paper .title{font-size:26px;line-height:34px}
    .faq-paper .text{font-size:16px;line-height:24px}
    .faq-paper .faq-list{gap:20px}
    .faq-paper .faq-item{padding:28px 24px 24px 76px}
}

@media(max-width:768px){
    .faq-paper{padding:50px 0}
    .faq-paper .top-head{margin-bottom:24px}
    .faq-paper .title{font-size:22px;line-height:32px;margin-bottom:10px}
    .faq-paper .text{font-size:14px;line-height:22px}
    .faq-paper .faq-list{gap:16px}
    .faq-paper .faq-item{padding:24px 18px 20px 68px}
    .faq-paper .faq-num{width:50px;height:44px;font-size:18px;padding-top:12px}
    .faq-paper .faq-q{font-size:18px;line-height:26px;margin-bottom:8px}
    .faq-paper .faq-a{font-size:14px;line-height:20px}
}

@media(max-width:540px){
    .faq-paper{padding:40px 0}
    .faq-paper .top-head{margin-bottom:20px}
    .faq-paper .title{font-size:22px;line-height:30px}
    .faq-paper .faq-item{padding:52px 16px 18px 16px}
    .faq-paper .faq-num{width:46px;height:40px;font-size:16px;padding-top:10px}
}
@media(max-width:430px){
    .faq-paper .title{font-size:20px;line-height:28px}
}
