@charset "UTF-8";
/* service.css - 服务栏目页共用 */

/* ===== 服务页面Banner ===== */
.page-banner{position:relative;height:450px;display:flex;align-items:center;overflow:hidden;margin-top:72px}
.page-banner-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.page-banner-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(44,40,21,.8) 0%,rgba(44,40,21,.5) 100%)}
.page-banner-content{position:relative;z-index:2;max-width:700px}
.page-banner-content h1{font-size:42px;font-weight:900;color:#F9F3D8;margin-bottom:15px}
.page-banner-content p{font-size:17px;color:rgba(249,243,216,.8);line-height:1.8}

/* ===== 服务详情布局 ===== */
.service-detail{padding:80px 0}
.service-detail-grid{display:grid;grid-template-columns:280px 1fr;gap:50px}

/* 侧边栏 */
.service-sidebar{position:sticky;top:100px;height:fit-content}
.sidebar-nav{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(44,40,21,.08)}
.sidebar-nav-title{background:#2C2815;color:#F9F3D8;padding:18px 24px;font-size:17px;font-weight:700}
.sidebar-nav ul{padding:10px 0}
.sidebar-nav li a{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;font-size:15px;color:#2C2815;border-left:4px solid transparent;transition:all .25s ease}
.sidebar-nav li a:hover,.sidebar-nav li a.active{background:#F9F3D8;color:#D4AC0D;border-left-color:#D4AC0D}
.sidebar-nav li a.active{font-weight:700}
.sidebar-contact{background:#2C2815;border-radius:12px;padding:30px;margin-top:25px;text-align:center}
.sidebar-contact h4{font-size:18px;font-weight:700;color:#D4AC0D;margin-bottom:15px}
.sidebar-contact p{font-size:14px;color:rgba(249,243,216,.7);margin-bottom:8px}
.sidebar-contact .phone{font-size:24px;font-weight:900;color:#F9F3D8;margin:15px 0;display:block}

/* 内容区 */
.service-content h2{font-size:28px;font-weight:900;color:#2C2815;margin:40px 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(212,172,13,.2)}
.service-content h2:first-child{margin-top:0}
.service-content h3{font-size:22px;font-weight:700;color:#2C2815;margin:30px 0 15px}
.service-content p{font-size:15px;color:#444;line-height:1.9;margin-bottom:18px}
.service-content ul,.service-content ol{margin-bottom:18px;padding-left:22px}
.service-content ul li{position:relative;padding-left:18px;margin-bottom:10px;font-size:15px;color:#444;line-height:1.7}
.service-content ul li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#D4AC0D;border-radius:50%}
.service-content ol li{margin-bottom:10px;font-size:15px;color:#444;line-height:1.7}
.service-content strong{color:#2C2815;font-weight:700}

/* 服务特色卡片 */
.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}
.feature-card{background:#fff;border-radius:10px;padding:30px;text-align:center;box-shadow:0 5px 20px rgba(44,40,21,.06);transition:all .3s ease;border:1px solid rgba(212,172,13,.1)}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(44,40,21,.12);border-color:rgba(212,172,13,.3)}
.feature-card .icon{width:60px;height:60px;background:rgba(212,172,13,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:26px;color:#D4AC0D}
.feature-card h4{font-size:17px;font-weight:700;color:#2C2815;margin-bottom:10px}
.feature-card p{font-size:14px;color:#666;line-height:1.7}

/* 服务图片区 */
.service-img-full{width:100%;border-radius:12px;margin:30px 0;overflow:hidden;box-shadow:0 10px 40px rgba(44,40,21,.1)}
.service-img-full img{width:100%;height:auto}

/* ===== 响应式 ===== */
@media (max-width:768px){
.page-banner{height:320px;margin-top:72px}
.page-banner-content h1{font-size:28px}
.service-detail-grid{grid-template-columns:1fr;gap:30px}
.service-sidebar{position:static}
.feature-cards{grid-template-columns:1fr}
.service-content h2{font-size:22px}
}