/* service.css - 服务栏目页 */
.page-banner{position:relative;height:500px;background:url(../images/fuwu-yemian.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.page-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,59,55,.85),rgba(38,166,154,.75))}
.page-banner-content{position:relative;z-index:2;text-align:center;color:#fff}
.page-banner-content h1{font-size:38px;margin-bottom:15px}
.page-banner-content p{font-size:18px;opacity:.95}

.services-detail{padding:80px 0;background:#E0F2F1}
.service-detail-card{background:#fff;border-radius:12px;padding:35px;margin-bottom:30px;border:1px solid #B2DFDB;transition:all .3s}
.service-detail-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1)}
.service-detail-card h3{color:#0D3B37;font-size:22px;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.service-detail-card h3::before{content:"";width:4px;height:24px;background:#26A69A;border-radius:2px}
.service-detail-card p{color:#4A4A4A;line-height:1.8}

.scenarios{padding:60px 0;background:#fff}
.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}
.scenario-card{background:#E0F2F1;border-radius:8px;padding:25px;text-align:center}
.scenario-card h4{color:#0D3B37;margin-bottom:10px}
.scenario-card p{color:#4A4A4A;font-size:14px}

.related-section{padding:60px 0;background:#E0F2F1}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.related-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #B2DFDB}
.related-card a{color:#0D3B37;font-size:14px;text-decoration:none}
.related-card a:hover{color:#26A69A}

@media(max-width:768px){
.scenarios-grid,.related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
.scenarios-grid,.related-grid{grid-template-columns:1fr}
}