/* ============================================
   MK体育在线官网 - 服务栏目页共用样式
   service.css - 4.8KB
   ============================================ */

/* ---- Service Hero ---- */
.service-hero{height:400px;position:relative;overflow:hidden}
.service-hero img{width:100%;height:100%;object-fit:cover}
.service-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,31,60,.8) 0%,rgba(63,81,181,.4) 100%)}
.service-hero-content{position:absolute;inset:0;display:flex;align-items:center;z-index:2}
.service-hero-text{color:#fff;max-width:600px}
.service-hero-text h1{font-size:36px;font-weight:700;margin-bottom:14px}
.service-hero-text p{font-size:16px;line-height:1.8;color:#D6EAF8;opacity:.95}

/* ---- Service Detail ---- */
.service-detail{padding:60px 0;background:#fff}
.service-detail-grid{display:grid;grid-template-columns:1fr 340px;gap:50px}
.service-main h2{font-size:26px;font-weight:700;color:#1A1F3C;margin:30px 0 16px;padding-bottom:12px;border-bottom:2px solid #e8eaf6}
.service-main h2:first-child{margin-top:0}
.service-main p{line-height:1.9;color:#444;margin-bottom:16px;font-size:15px}
.service-main ul{margin-bottom:20px;padding-left:0}
.service-main ul li{padding:8px 0 8px 28px;position:relative;color:#444;font-size:15px;border-bottom:1px dashed #f0f0f0}
.service-main ul li:last-child{border-bottom:none}
.service-main ul li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#3F51B5;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.service-main strong{color:#1A1F3C}

/* ---- Service Sidebar ---- */
.service-sidebar{position:sticky;top:100px;height:fit-content}
.sidebar-menu{background:#f8f9ff;padding:24px;margin-bottom:24px}
.sidebar-menu h3{font-size:18px;font-weight:600;color:#1A1F3C;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #3F51B5}
.sidebar-menu a{display:block;padding:12px 16px;color:#444;font-size:15px;border-bottom:1px solid #e8eaf6;transition:all .2s}
.sidebar-menu a:last-child{border-bottom:none}
.sidebar-menu a:hover,.sidebar-menu a.active{background:#3F51B5;color:#fff;padding-left:20px}
.sidebar-cta{background:#1A1F3C;padding:30px 24px;text-align:center;color:#fff}
.sidebar-cta h4{font-size:20px;font-weight:600;margin-bottom:10px}
.sidebar-cta p{font-size:14px;color:#8a93c0;margin-bottom:20px}
.sidebar-cta .phone{font-size:24px;font-weight:700;color:#D6EAF8;margin-bottom:20px;display:block}

/* ---- Service Features Grid ---- */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}
.feature-item{padding:24px;background:#f8f9ff;border-left:3px solid #3F51B5;transition:all .25s}
.feature-item:hover{background:#f0f3ff;transform:translateX(4px)}
.feature-item h4{font-size:16px;font-weight:600;color:#1A1F3C;margin-bottom:8px}
.feature-item p{font-size:14px;color:#666;line-height:1.6;margin:0}

/* ---- Specs Table ---- */
.specs-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
.specs-table th{background:#3F51B5;color:#fff;padding:12px 16px;text-align:left;font-weight:500}
.specs-table td{padding:12px 16px;border-bottom:1px solid #e8eaf6;color:#444}
.specs-table tr:nth-child(even) td{background:#f8f9ff}
.specs-table tr:hover td{background:#f0f3ff}

/* ---- Responsive ---- */
@media(max-width:992px){
.service-detail-grid{grid-template-columns:1fr}
.service-sidebar{position:static}
.features-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
.service-hero{height:300px}
.service-hero-text h1{font-size:26px}
}