/* ===== 服务页面共用样式 ===== */

/* 服务总览页 - 卡片网格 */
.services-grid{padding:60px 0 40px}
.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.service-card{position:relative;display:flex;flex-direction:column;padding:35px;border-radius:18px;background:#fff;box-shadow:0 2px 12px rgba(62,16,34,.08);transition:all .35s ease;overflow:hidden}
.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#F06292,#f48fb1);z-index:1}
.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(62,16,34,.15)}
.service-card-image{width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:20px;position:relative}
.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-card:hover .service-card-image img{transform:scale(1.08)}
.service-card h3{font-size:20px;font-weight:700;color:#3E1022;margin-bottom:12px;letter-spacing:1px;text-transform:uppercase}
.service-card p{font-size:14px;color:#7a4a5c;line-height:1.7;margin-bottom:20px;flex:1}
.service-card .btn-pill{align-self:flex-start}

/* ===== 服务详情页共用样式 ===== */
.service-content{padding:50px 0 30px;background:#FCE4EC}
.service-intro{max-width:900px;margin:0 auto 40px}
.service-intro h2{font-size:26px;font-weight:700;color:#3E1022;margin-bottom:18px;letter-spacing:2px;text-transform:uppercase}
.service-intro p{font-size:15px;color:#5a3040;line-height:1.9;margin-bottom:14px}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}
.info-card{padding:30px;border-radius:16px;background:#fff;box-shadow:0 2px 12px rgba(62,16,34,.08)}
.info-card h3{font-size:18px;font-weight:700;color:#3E1022;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.info-card h3::before{content:'';width:4px;height:20px;background:#F06292;border-radius:2px}
.info-card ul{list-style:none;padding:0}
.info-card ul li{padding:8px 0;font-size:14px;color:#5a3040;display:flex;align-items:flex-start;gap:10px;line-height:1.6;border-bottom:1px solid #fce4ec}
.info-card ul li::before{content:'▸';color:#F06292;font-weight:700;flex-shrink:0;margin-top:2px}
.info-card ul li:last-child{border-bottom:none}

.cases-box{padding:30px;border-radius:16px;background:linear-gradient(135deg,#3E1022,#5c1830);margin-bottom:40px;position:relative;overflow:hidden}
.cases-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('/images/banner1.jpg') center/cover no-repeat;opacity:.1;z-index:1}
.cases-box h3{font-size:18px;font-weight:700;color:#F06292;margin-bottom:14px;letter-spacing:1px;text-transform:uppercase;position:relative;z-index:2}
.cases-box p{font-size:14px;color:#e0b8c8;line-height:1.8;position:relative;z-index:2}

/* 流程 - 服务详情页 */
.process-section{padding:50px 0;background:#fff}
.process-section .section-head{text-align:center;margin-bottom:35px}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}
.process-grid::before{content:'';position:absolute;top:30px;left:10%;width:80%;height:2px;background:linear-gradient(90deg,#FCE4EC,#F06292,#FCE4EC);z-index:1}
.process-step{position:relative;text-align:center;z-index:2}
.process-step .step-num{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#F06292,#f48fb1);color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 4px 15px rgba(240,98,146,.35)}
.process-step h4{font-size:13px;font-weight:700;color:#3E1022;margin-bottom:6px;letter-spacing:1px;text-transform:uppercase}
.process-step p{font-size:12px;color:#7a4a5c;line-height:1.5}

/* 相关推荐 */
.related-section{padding:50px 0;background:#FCE4EC}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.related-col h3{font-size:18px;font-weight:700;color:#3E1022;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}
.related-list{display:flex;flex-direction:column;gap:10px}
.related-item{padding:12px 16px;border-radius:10px;background:#fff;transition:all .3s ease;display:flex;align-items:center;gap:10px;font-size:13px;color:#3E1022}
.related-item:hover{background:#F06292;color:#fff;transform:translateX(6px)}
.related-item a{color:#3E1022;font-weight:600;display:block}
.related-item:hover a{color:#fff}

@media(max-width:768px){
.grid-2col{grid-template-columns:1fr}
.two-col{grid-template-columns:1fr}
.process-grid{grid-template-columns:1fr;gap:25px}
.process-grid::before{display:none}
.related-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.service-card{padding:25px 20px}
.info-card{padding:20px 16px}
}