/* service.css - 服务栏目页共用 */
.page-banner{position:relative;height:350px;overflow:hidden}
.page-banner img{width:100%;height:100%;object-fit:cover}
.page-banner-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(62,30,20,0.9) 0%,rgba(62,30,20,0.5) 60%,transparent 100%)}
.page-banner-content{position:absolute;inset:0;display:flex;align-items:center}
.page-banner-content h1{font-size:32px;color:#fff;margin-bottom:10px}
.page-banner-content p{color:rgba(255,255,255,0.85);font-size:14px;max-width:500px}

/* 服务卡片 C4数字序号风格 */
.service-detail-section{padding:50px 0}
.service-list{display:flex;flex-direction:column;gap:25px}
.service-detail-item{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:30px;background:#fff;border:1px solid #FFCCBC;border-radius:4px;transition:all 0.3s}
.service-detail-item:hover{border-color:#FF7043;box-shadow:0 4px 15px rgba(255,112,67,0.1)}
.service-detail-num{font-size:48px;font-weight:700;color:#FF7043;line-height:1;opacity:0.6}
.service-detail-content h3{font-size:20px;margin-bottom:10px;color:#1A1A1A}
.service-detail-content p{font-size:14px;color:#4A4A4A;line-height:1.8}

/* 服务流程 */
.process-detail{padding:40px 0;background:#fff}
.process-detail h2{text-align:center;font-size:24px;margin-bottom:35px;color:#3E1E14}
.process-flow{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
.process-box{background:#FFF3E0;border:1px solid #FFCCBC;padding:22px 18px;text-align:center;min-width:160px;border-radius:4px}
.process-box .num{font-size:28px;font-weight:700;color:#FF7043;margin-bottom:8px}
.process-box h4{font-size:14px;margin-bottom:6px}
.process-box p{font-size:12px;color:#4A4A4A}
.process-arrow{display:flex;align-items:center;color:#FF7043;font-size:20px;font-weight:700}

/* 适用场景 */
.scenarios-section{padding:50px 0}
.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scenario-card{padding:22px;background:#fff;border:1px solid #FFCCBC;border-radius:4px;text-align:center}
.scenario-card h4{font-size:16px;margin-bottom:10px;color:#3E1E14}
.scenario-card p{font-size:13px;color:#4A4A4A;line-height:1.7}

/* 相关推荐 */
.related-section{padding:40px 0;background:#fff;border-top:1px solid #FFCCBC}
.related-section h3{font-size:20px;margin-bottom:20px;color:#3E1E14;position:relative;padding-bottom:10px}
.related-section h3::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:#FF7043}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.related-item{padding:15px;background:#FFF3E0;border:1px solid #FFCCBC;border-radius:4px}
.related-item a{font-size:13px;color:#1A1A1A;line-height:1.5}
.related-item a:hover{color:#FF7043}
.related-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}
.related-article-item{padding:12px;background:#fff;border:1px solid #FFCCBC;border-radius:4px;font-size:13px}
.related-article-item a{color:#1A1A1A}
.related-article-item a:hover{color:#FF7043}

@media(max-width:768px){
.page-banner{height:250px}
.page-banner-content h1{font-size:24px}
.service-detail-item{grid-template-columns:1fr}
.service-detail-num{font-size:36px}
.process-flow{flex-direction:column;align-items:center}
.process-arrow{transform:rotate(90deg)}
.scenarios-grid{grid-template-columns:1fr}
.related-grid{grid-template-columns:repeat(2,1fr)}
.related-articles{grid-template-columns:1fr}
}