/* 方案1 article-index-solution-1.html — 板块顺序与 HTML 一致；先基础样式，@media 集中在板块末尾 */

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


/* ===== .sol-series-intro ===== */
.sol-series-intro{padding:80px 0;background-color:#fff}
.sol-series-intro .content{display:flex;align-items:center;justify-content:space-between;gap:70px}
.sol-series-intro .left{width:45%;min-width:0}
.sol-series-intro h2.title-36{font-weight:600;margin-bottom:25px}
.sol-series-intro .text{font-size:17px;line-height:28px;font-weight:300;color:var(--c-muted)}
.sol-series-intro .text p{margin-bottom:20px}
.sol-series-intro .text p:last-child{margin-bottom:0}
.sol-series-intro .right{width:46%;min-width:0}
.sol-series-intro .content:not(:has(.right)) .left{width:100%}
.sol-series-intro .right,
.sol-series-intro .right > img{border-radius:10px}
.sol-series-intro .right > img{width:100%;height:auto;max-width:100%;display:block}

@media(max-width:1570px){
    .sol-series-intro{padding:74px 0}
    .sol-series-intro .content{gap:56px}
}
@media(max-width:1430px){
    .sol-series-intro{padding:70px 0}
    .sol-series-intro .content{gap:48px}
    .sol-series-intro h2.title-36{font-size:34px;line-height:44px}
}
@media(max-width:1200px){
    .sol-series-intro{padding:65px 0}
    .sol-series-intro .content{gap:40px}
    .sol-series-intro .left{width:48%}
    .sol-series-intro .right{width:48%}
    .sol-series-intro h2.title-36{font-size:32px;line-height:42px}
    .sol-series-intro .text{font-size:16px;line-height:26px}
}

@media(min-width:992px) and (max-width:1199px){
    .sol-series-intro .content{gap:32px}
    .sol-series-intro .left{width:50%}
    .sol-series-intro .right{width:46%}
    .sol-series-intro h2.title-36{font-size:30px;line-height:40px}
}

@media(min-width:900px) and (max-width:991px){
    .sol-series-intro{padding:56px 0}
    .sol-series-intro .content{gap:24px}
    .sol-series-intro .left{width:50%}
    .sol-series-intro .right{width:48%}
    .sol-series-intro h2.title-36{font-size:28px;line-height:36px;margin-bottom:20px}
    .sol-series-intro .text{font-size:15px;line-height:24px}
}

@media(max-width:899px){
    .sol-series-intro{padding:48px 0}
    .sol-series-intro .content{flex-direction:column-reverse;align-items:stretch;gap:24px}
    .sol-series-intro .left,
    .sol-series-intro .right{width:100%;max-width:100%}
    .sol-series-intro h2.title-36{font-size:26px;line-height:34px;margin-bottom:18px}
}

@media(max-width:768px){
    .sol-series-intro{padding:40px 0}
    .sol-series-intro .content{gap:20px}
    .sol-series-intro h2.title-36{font-size:24px;line-height:32px;margin-bottom:16px}
    .sol-series-intro .text{font-size:14px;line-height:22px}
    .sol-series-intro .text p{margin-bottom:14px}
}

@media(max-width:540px){
    .sol-series-intro{padding:32px 0}
    .sol-series-intro h2.title-36{font-size:22px;line-height:30px}
}
@media(max-width:430px){
    .sol-series-intro h2.title-36{font-size:20px;line-height:28px}
}


/* ===== .sol-series-cards ===== — 卡片基础见 common.css */
.sol-series-cards{padding:65px 0 60px;background-color:#f3f7fb}
.sol-series-cards h2.title-36{margin-bottom:55px}
.sol-series-cards .list{min-width:0}
.sol-series-cards .note{
    margin-top:60px;text-align:center;font-size:15px;line-height:24px;font-weight:300;color:#999;
    max-width:800px;margin-left:auto;margin-right:auto;
}

@media(max-width:1570px){
    .sol-series-cards{padding:60px 0 56px}
    .sol-series-cards h2.title-36{margin-bottom:50px}
    .sol-series-cards .note{margin-top:52px}
}
@media(max-width:1430px){
    .sol-series-cards{padding:58px 0 52px}
    .sol-series-cards h2.title-36{font-size:34px;line-height:44px;margin-bottom:45px}
}
@media(max-width:1200px){
    .sol-series-cards{padding:55px 0 50px}
    .sol-series-cards h2.title-36{font-size:32px;line-height:42px;margin-bottom:40px}
    .sol-series-cards .note{margin-top:45px}
    .sol-series-cards .list .t1{font-size:20px;line-height:30px}
}

@media(min-width:992px) and (max-width:1199px){
    .sol-series-cards h2.title-36{font-size:30px;line-height:40px}
    .sol-series-cards .list{padding:28px 24px}
}

@media(min-width:900px) and (max-width:991px){
    .sol-series-cards{padding:48px 0 44px}
    .sol-series-cards h2.title-36{font-size:28px;line-height:36px;margin-bottom:32px}
    .sol-series-cards .grid > [class*="g-col"]{grid-column:span 6}
    .sol-series-cards .list{padding:24px 20px}
    .sol-series-cards .list .t1{font-size:18px;line-height:26px;margin-bottom:12px}
    .sol-series-cards .list .cont{font-size:15px;line-height:24px}
    .sol-series-cards .note{margin-top:36px}
}

@media(max-width:899px){
    .sol-series-cards{padding:44px 0 40px}
    .sol-series-cards h2.title-36{font-size:26px;line-height:34px;margin-bottom:28px}
    .sol-series-cards .grid > [class*="g-col"]{grid-column:span 12}
    .sol-series-cards .note{margin-top:32px;max-width:100%}
}

@media(max-width:768px){
    .sol-series-cards{padding:36px 0 40px}
    .sol-series-cards h2.title-36{margin-bottom:22px;font-size:24px;line-height:32px}
    .sol-series-cards .list{padding:20px 18px}
    .sol-series-cards .list:hover{transform:none}
    .sol-series-cards .list .t1{font-size:18px;line-height:26px;margin-bottom:10px}
    .sol-series-cards .list .cont{font-size:14px;line-height:22px}
    .sol-series-cards .note{margin-top:28px;font-size:14px;line-height:22px}
}

@media(max-width:540px){
    .sol-series-cards h2.title-36{font-size:22px;line-height:30px}
}
@media(max-width:430px){
    .sol-series-cards h2.title-36{font-size:20px;line-height:28px}
}


/* ===== .sol-series-detail ===== */
.sol-series-detail{padding:85px 0 0;background-color:#fff}
.sol-series-detail h2.title-36{margin:0 auto 55px;max-width:50%}
.sol-series-detail .content{display:flex;flex-direction:column}
.sol-series-detail .items{display:flex;align-items:flex-start;gap:60px;padding:60px 100px 95px 50px;border-top:1px solid #e0e4e7}
.sol-series-detail .items:first-child{border-top:none;padding-top:0}
.sol-series-detail .label{width:28%;flex-shrink:0;font-size:22px;line-height:32px;font-weight:600;color:#000}
.sol-series-detail .text{flex:1;min-width:0;color:#999;font-weight:300}
.sol-series-detail .text p{margin-bottom:20px}
.sol-series-detail .text p:last-child{margin-bottom:0}
.sol-series-detail .text img{max-width:100%;height:auto;display:block}
.sol-series-detail .text a{font-size:inherit;line-height:inherit;color:var(--c-accent);font-weight:500;text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px}

@media(max-width:1570px){
    .sol-series-detail{padding-top:78px}
    .sol-series-detail .items{padding:55px 80px 85px 46px;gap:50px}
}
@media(max-width:1430px){
    .sol-series-detail{padding-top:74px}
    .sol-series-detail h2.title-36{font-size:34px;line-height:44px;max-width:58%;margin-bottom:48px}
    .sol-series-detail .items{padding:50px 70px 78px 42px;gap:44px}
}
@media(max-width:1200px){
    .sol-series-detail{padding-top:70px}
    .sol-series-detail h2.title-36{font-size:32px;line-height:42px;max-width:70%;margin-bottom:42px}
    .sol-series-detail .items{padding:45px 48px 64px 32px;gap:36px}
    .sol-series-detail .label{font-size:20px;line-height:30px;width:30%}
}

@media(min-width:992px) and (max-width:1199px){
    .sol-series-detail h2.title-36{font-size:30px;line-height:40px}
    .sol-series-detail .items{padding:40px 36px 56px 24px;gap:28px}
    .sol-series-detail .label{width:32%;font-size:19px;line-height:28px}
}

@media(min-width:900px) and (max-width:991px){
    .sol-series-detail{padding-top:58px}
    .sol-series-detail h2.title-36{font-size:28px;line-height:36px;max-width:80%;margin-bottom:36px}
    .sol-series-detail .items{padding:36px 24px 48px 16px;gap:22px}
    .sol-series-detail .label{width:34%;font-size:18px;line-height:26px}
    .sol-series-detail .text{font-size:15px;line-height:24px}
}

@media(max-width:899px){
    .sol-series-detail{padding-top:48px}
    .sol-series-detail h2.title-36{max-width:100%;font-size:26px;line-height:34px;margin-bottom:28px}
    .sol-series-detail .items{flex-direction:column;gap:14px;padding:32px 0 40px}
    .sol-series-detail .label{width:100%}
}

@media(max-width:768px){
    .sol-series-detail{padding-top:40px}
    .sol-series-detail h2.title-36{margin-bottom:22px;font-size:24px;line-height:32px}
    .sol-series-detail .items{padding:24px 0 32px;gap:10px}
    .sol-series-detail .label{font-size:18px;line-height:26px}
    .sol-series-detail .text{font-size:14px;line-height:22px}
    .sol-series-detail .text p{margin-bottom:14px}
}

@media(max-width:540px){
    .sol-series-detail h2.title-36{font-size:22px;line-height:30px}
}
@media(max-width:430px){
    .sol-series-detail h2.title-36{font-size:20px;line-height:28px}
    .sol-series-detail .label{font-size:16px;line-height:24px}
}


/* ===== .sol-series-faq ===== — 卡片基础见 common.css */
.sol-series-faq{padding:65px 0 115px;background-color:#f3f7fb}
.sol-series-faq h2.title-36{margin-bottom:55px}
.sol-series-faq .list{min-width:0}
.sol-series-faq .list .cont img{max-width:100%;height:auto;display:block}

@media(max-width:1570px){
    .sol-series-faq{padding:60px 0 100px}
    .sol-series-faq h2.title-36{margin-bottom:50px}
}
@media(max-width:1430px){
    .sol-series-faq{padding:58px 0 92px}
    .sol-series-faq h2.title-36{font-size:34px;line-height:44px;margin-bottom:45px}
}
@media(max-width:1200px){
    .sol-series-faq{padding:55px 0 86px}
    .sol-series-faq h2.title-36{font-size:32px;line-height:42px;margin-bottom:40px}
    .sol-series-faq .list .t1{font-size:20px;line-height:30px}
}

@media(min-width:992px) and (max-width:1199px){
    .sol-series-faq h2.title-36{font-size:30px;line-height:40px}
    .sol-series-faq .list{padding:28px 24px}
}

@media(min-width:900px) and (max-width:991px){
    .sol-series-faq{padding:48px 0 72px}
    .sol-series-faq h2.title-36{font-size:28px;line-height:36px;margin-bottom:32px}
    .sol-series-faq .grid > [class*="g-col"]{grid-column:span 6}
    .sol-series-faq .list{padding:24px 20px}
    .sol-series-faq .list .t1{font-size:18px;line-height:26px;margin-bottom:12px}
    .sol-series-faq .list .cont{font-size:15px;line-height:24px}
}

@media(max-width:899px){
    .sol-series-faq{padding:44px 0 64px}
    .sol-series-faq h2.title-36{font-size:26px;line-height:34px;margin-bottom:28px}
    .sol-series-faq .grid > [class*="g-col"]{grid-column:span 12}
}

@media(max-width:768px){
    .sol-series-faq{padding:36px 0 50px}
    .sol-series-faq h2.title-36{margin-bottom:22px;font-size:24px;line-height:32px}
    .sol-series-faq .list{padding:20px 18px}
    .sol-series-faq .list:hover{transform:none}
    .sol-series-faq .list .t1{font-size:18px;line-height:26px;margin-bottom:10px}
    .sol-series-faq .list .cont{font-size:14px;line-height:22px}
}

@media(max-width:540px){
    .sol-series-faq{padding:32px 0 44px}
    .sol-series-faq h2.title-36{font-size:22px;line-height:30px}
}
@media(max-width:430px){
    .sol-series-faq h2.title-36{font-size:20px;line-height:28px}
}