/* 监控品牌专题页公共样式 - 海康威视/大华/萤石/乐橙 */
.model-list{margin-top:10px;padding-top:10px;border-top:1px dashed #e0e0e0;font-size:13px;color:#666;line-height:1.8;}
.model-list strong{color:#152a88;}
.wechat-qr-btn{position:relative!important;cursor:pointer;}
.wechat-qr-img{display:none!important;position:absolute!important;right:130%!important;bottom:50%!important;transform:translateY(50%)!important;width:220px!important;max-width:none!important;max-height:none!important;height:220px!important;z-index:99999!important;border:4px solid #fff!important;border-radius:14px!important;box-shadow:0 10px 40px rgba(0,0,0,.28)!important;background:#fff!important;padding:10px!important;object-fit:fill!important;}
.wechat-qr-btn:hover .wechat-qr-img{display:block!important;}
.install-process-section{background:#f8f9fb;}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px;}
.process-card{background:#fff;border-radius:16px;padding:30px 26px 26px;position:relative;box-shadow:0 4px 18px rgba(0,0,0,0.06);transition:transform .3s,box-shadow .3s;border-top:4px solid #152a88;}
.process-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(21,42,136,0.15);}
.process-number{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:38px;height:38px;background:linear-gradient(135deg,#152a88 0%,#2d4aa8 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;box-shadow:0 4px 14px rgba(21,42,136,0.35);z-index:2;}
.process-icon{font-size:51px;color:#152a88;margin-bottom:14px;margin-top:6px;text-align:center;}
.process-card h4{font-size:17px;color:#222;margin:0 0 12px 0;font-weight:600;text-align:center;}
.process-card p{font-size:14px;color:#666;line-height:1.8;margin:0;}
@media(max-width:992px){.process-grid{grid-template-columns:repeat(2,1fr);gap:22px;}}
@media(max-width:576px){.process-grid{grid-template-columns:1fr;}}
.g4-adv-section{background:linear-gradient(135deg,#f0f4ff 0%,#fff8f0 100%);}
.g4-adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px;}
.g4-adv-card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 6px 24px rgba(0,0,0,0.08);}
.g4-adv-card-header{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px dashed #e0e0e0;}
.g4-adv-card-header i{font-size:42px;margin-bottom:12px;display:block;}
.g4-adv-card-header h3{font-size:20px;margin:0 0 8px 0;font-weight:600;}
.g4-adv-card-header p{font-size:14px;color:#888;margin:0;}
.g4-adv-4g .g4-adv-card-header i{color:#152a88;}
.g4-adv-4g .g4-adv-card-header h3{color:#152a88;}
.g4-adv-solar .g4-adv-card-header i{color:#e8850a;}
.g4-adv-solar .g4-adv-card-header h3{color:#e8850a;}
.g4-adv-list{list-style:none;padding:0;margin:0;}
.g4-adv-list li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;align-items:flex-start;}
.g4-adv-list li:last-child{border-bottom:none;}
.g4-adv-list .adv-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px;}
.g4-adv-4g .adv-icon{background:#eef2ff;color:#152a88;}
.g4-adv-solar .adv-icon{background:#fff4e6;color:#e8850a;}
.g4-adv-list .adv-text{flex:1;}
.g4-adv-list .adv-text strong{display:block;font-size:15px;color:#333;margin-bottom:4px;}
.g4-adv-list .adv-text span{font-size:14px;color:#777;line-height:1.7;}
@media(max-width:768px){.g4-adv-grid{grid-template-columns:1fr;gap:20px;}.g4-adv-card{padding:22px;}}
.price-table-section{background:#fff;}
.price-table-wrap{margin-top:30px;overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.06);}
.price-table thead{background:linear-gradient(135deg,#152a88,#2d4aa8);color:#fff;}
.price-table th{padding:16px 20px;text-align:center;font-size:15px;font-weight:600;}
.price-table td{padding:14px 20px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#555;vertical-align:middle;text-align:center;}
.price-table tbody tr:hover{background:#f8f9ff;}
.price-table tbody tr:last-child td{border-bottom:none;}
.price-table .service-name{font-weight:600;color:#222;white-space:nowrap;}
.price-table .service-price{color:#152a88;font-weight:600;white-space:nowrap;}
.price-note{margin-top:20px;padding:16px 20px;background:#f8f9fb;border-radius:10px;border-left:4px solid #152a88;}
.price-note p{margin:6px 0;font-size:13px;color:#777;line-height:1.7;}
.price-note strong{color:#152a88;}

/* ===== 手机端导航优化 ===== */
@media(max-width:768px){
    .logo-header .header-inner{
        flex-direction:column;
        gap:12px;
        padding:12px 0;
    }
    .logo-header .logo-wrap{
        justify-content:center;
    }
    .logo-header .logo-text{
        font-size:16px;
        text-align:center;
    }
    .main-nav{
        width:100%;
    }
    .main-nav ul{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:6px;
        padding:0;
        margin:0;
        list-style:none;
    }
    .main-nav li{
        flex:0 0 auto;
    }
    .main-nav li a{
        display:block;
        padding:6px 10px;
        font-size:13px;
        color:rgba(255,255,255,0.92);
        text-decoration:none;
        border-radius:6px;
        white-space:nowrap;
        transition:all 0.25s ease;
    }
    .main-nav li a:hover,
    .main-nav li a.active{
        background:rgba(255,205,41,0.2);
        color:#ffcd29;
    }
}
@media(max-width:480px){
    .main-nav li a{
        padding:5px 8px;
        font-size:12px;
    }
    .logo-header .logo-text{
        font-size:14px;
    }
}
@media(max-width:768px){.price-table{width:max-content!important;min-width:100%!important;margin-right:58px;}}