:root{--primary:#0066cc;--primary-dark:#004a99;--accent:#ff6600;--bg:#f5f7fa;--card-bg:#fff;--text:#333;--text-light:#666;--border:#e8ecf0;--shadow:0 2px 12px rgba(0,0,0,.06);--radius:8px;}
*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;}
body{background:var(--bg);color:var(--text);line-height:1.7;font-size:15px;}
a{color:var(--primary);text-decoration:none;transition:.2s;}a:hover{color:var(--primary-dark);}
.container{max-width:1200px;margin:0 auto;padding:0 15px;}
.header{background:var(--card-bg);box-shadow:var(--shadow);}
/* 头部吸顶仅头条系模板启用（body.tpl-toutiao / body.tpl-ttleft），其他模板导航不浮动 */
body.tpl-toutiao .header,body.tpl-ttleft .header{position:sticky;top:0;z-index:100;}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0;}
.logo{font-size:20px;font-weight:700;color:var(--primary);}
.logo span{color:var(--accent);}
.nav{display:flex;flex-wrap:wrap;gap:4px;}
.nav a{display:inline-block;padding:6px 14px;border-radius:20px;font-size:14px;color:var(--text);}
.nav a:hover{background:var(--bg);color:var(--primary);}
.nav a.active{background:var(--primary);color:#fff;}
.phone-top{font-size:14px;color:var(--text-light);}
.phone-top strong{color:var(--accent);font-size:18px;margin-left:6px;}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;width:36px;height:36px;position:relative;z-index:101;}
.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{display:block;width:22px;height:2px;background:var(--primary);border-radius:1px;position:absolute;left:7px;transition:all .3s;}
.menu-toggle span{top:17px;}
.menu-toggle span::before{content:"";top:-7px;}
.menu-toggle span::after{content:"";top:7px;}
.menu-toggle:active{background:var(--bg);}

@media(max-width:768px){
    .menu-toggle{display:block;position:absolute;right:10px;top:8px;}
    .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--border);padding:10px 15px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:99;max-height:60vh;overflow-y:auto;}
    .nav.open{display:flex;flex-wrap:wrap;gap:6px;}
    .nav a{padding:6px 14px;font-size:13px;background:#f0f4f8;border-radius:20px;}
    .header{position:relative;}
    .header-inner{position:relative;padding-right:50px;}
}
.breadcrumb{padding:15px 0;font-size:13px;color:var(--text-light);}
.breadcrumb a{color:var(--text-light);}.breadcrumb a:hover{color:var(--primary);}
.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:20px;}
.card-title{font-size:20px;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.card-title a.more{font-size:13px;color:var(--primary);font-weight:400;}
.card-title .cat-icon{display:inline-block;width:4px;height:20px;background:var(--primary);border-radius:2px;margin-right:10px;}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;}
.cat-section .item-list{list-style:none;}
.cat-section .item-list li{padding:10px 0;border-bottom:1px dashed var(--border);}
.cat-section .item-list li:last-child{border-bottom:none;}
.cat-section .item-list a{font-size:15px;font-weight:500;display:block;margin-bottom:4px;}
.cat-section .item-intro{font-size:13px;color:var(--text-light);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.brand-list .list-item{padding:18px 0;border-bottom:1px solid var(--border);transition:.2s;}
.brand-list .list-item:last-child{border-bottom:none;}
.brand-list .list-item:hover{padding-left:8px;}
.brand-list .item-title{font-size:17px;font-weight:600;color:var(--primary);display:block;margin-bottom:6px;}
.brand-list .item-meta{display:flex;align-items:center;gap:12px;margin-bottom:6px;}
.brand-list .item-tag{display:inline-block;background:#e8f4fd;color:var(--primary);font-size:12px;padding:2px 10px;border-radius:12px;}
.brand-list .item-intro{font-size:14px;color:var(--text-light);line-height:1.7;}
.detail-content h2{font-size:22px;margin-bottom:16px;color:var(--primary-dark);}
        .section-num{display:inline-block;width:28px;height:28px;background:linear-gradient(135deg,#0066cc,#004a99);color:#fff;border-radius:50%;text-align:center;line-height:28px;font-size:13px;margin-right:8px;}
        .service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;}
        .sv-tag{padding:5px 14px;background:#e7f3ff;color:#0066cc;border-radius:16px;font-size:13px;}
        .area-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;}
        .area-tag{padding:4px 12px;background:#f0f4f8;color:#333;border-radius:12px;font-size:12px;}
        .price-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:13px;}
        .price-table th{background:#f8f9fa;padding:10px;text-align:left;border:1px solid #e8ecf0;}
        .price-table td{padding:10px;border:1px solid #e8ecf0;}
        .process-steps{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0;}
        .step{flex:1;min-width:140px;background:#f8f9fa;padding:12px;border-radius:8px;text-align:center;}
        .step-num{display:inline-block;width:28px;height:28px;background:linear-gradient(135deg,#0066cc,#004a99);color:#fff;border-radius:50%;text-align:center;line-height:28px;font-size:14px;margin-bottom:6px;}
        .step-text{font-size:13px;color:#555;}
        .faq-list{margin:15px 0;}
        .faq-item{padding:12px 0;border-bottom:1px solid #f0f0f0;}
        .faq-item:last-child{border-bottom:none;}
        .faq-item h4{font-size:15px;color:#1a1a1a;margin-bottom:8px;}
        .maintain-tips{margin:10px 0;padding-left:20px;}
        .maintain-tips li{padding:5px 0;color:#555;font-size:14px;}
.detail-content h3{font-size:17px;margin:24px 0 12px;color:var(--text);border-left:3px solid var(--primary);padding-left:10px;}
.detail-content p{margin-bottom:12px;text-align:justify;}
.detail-content .service-cover{background:#f0f7ff;border-left:4px solid var(--primary);padding:12px 16px;border-radius:0 var(--radius) var(--radius) 0;margin:16px 0;font-size:14px;color:var(--text-light);}
.hotline-box{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:20px;border-radius:var(--radius);text-align:center;margin:20px 0;}
.hotline-box .hl-label{font-size:14px;opacity:.9;}
.hotline-box .hl-tag{font-size:12px;color:rgba(255,255,255,.55);margin-right:6px;font-weight:400;vertical-align:middle;}
.hotline-box .hl-num{font-size:28px;font-weight:700;margin-top:4px;letter-spacing:1px;}
.detail-content .hotline-box{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:20px;border-radius:var(--radius);text-align:center;margin:20px 0;}
.detail-content .hotline-box .hl-label{font-size:14px;opacity:.9;}
.detail-content .hotline-box .hl-tag{font-size:12px;color:rgba(255,255,255,.55);margin-right:6px;font-weight:400;vertical-align:middle;}
.detail-content .hotline-box .hl-num{font-size:28px;font-weight:700;margin-top:4px;letter-spacing:1px;}
.detail-content .advantage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:16px 0;}
.detail-content .adv-card{background:#fafbfc;border:1px solid var(--border);padding:16px;border-radius:var(--radius);text-align:center;}
.detail-content .adv-card strong{display:block;color:var(--primary);margin-bottom:6px;font-size:15px;}
.detail-content .adv-card span{font-size:13px;color:var(--text-light);}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin:24px 0;flex-wrap:wrap;}
.pagination .page-btn{display:inline-block;padding:6px 14px;border:1px solid var(--border);border-radius:4px;background:#fff;font-size:14px;color:var(--text);}
.pagination .page-btn:hover{border-color:var(--primary);color:var(--primary);}
.pagination .page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
.pagination .page-dots{color:var(--text-light);padding:0 4px;}
.tag-box{padding:16px 0;}
.tag-box strong{font-size:14px;color:var(--text);}
.tag-box a{display:inline-block;margin:4px 6px;padding:4px 12px;background:#f0f4f8;border-radius:12px;font-size:13px;color:var(--text-light);}
.tag-box a:hover{background:var(--primary);color:#fff;}
.related-links{padding:16px 0;}
.related-links strong{font-size:14px;color:var(--text);display:block;margin-bottom:8px;}
.related-links a{display:inline-block;margin:3px 6px 3px 0;padding:4px 10px;background:#f8f9fa;border:1px solid var(--border);border-radius:4px;font-size:13px;color:var(--text-light);}
.related-links a:hover{background:var(--primary);color:#fff;border-color:var(--primary);}
.footer{background:var(--card-bg);border-top:1px solid var(--border);padding:20px 0;margin-top:30px;text-align:center;font-size:13px;color:var(--text-light);}
.admin-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px;}
.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);}
.admin-table th{background:#f8f9fa;font-weight:600;}
.admin-table tr:hover{background:#fafbfc;}
.admin-btn{display:inline-block;padding:6px 16px;background:var(--primary);color:#fff;border-radius:4px;font-size:13px;border:none;cursor:pointer;}
.admin-btn:hover{background:var(--primary-dark);}
.admin-btn.warn{background:var(--accent);}
.admin-btn.success{background:#28a745;}
.admin-btn.info{background:#17a2b8;}
.admin-btn.secondary{background:#6c757d;}
.form-group{margin:10px 0;}
.form-group label{display:block;font-size:13px;margin-bottom:4px;color:var(--text-light);}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;}
.status-on{color:#28a745;font-weight:700;}
.status-off{color:#999;}
.debug-box{background:#fff3cd;border:1px solid #ffc107;padding:12px;border-radius:4px;margin:10px 0;font-size:13px;}
.server-rules{background:#e7f3ff;border:1px solid var(--primary);padding:12px;border-radius:4px;margin:10px 0;font-size:12px;font-family:monospace;white-space:pre-wrap;}
@media(max-width:768px){
    .cat-grid{grid-template-columns:1fr;}
    .header-inner{flex-direction:column;gap:6px;padding:8px 0;}
    .logo{font-size:16px;}
    .phone-top strong{font-size:15px;}
    .phone-top{text-align:center;}
    .detail-content h2{font-size:18px;}
    .detail-content .hotline-box .hl-num{font-size:22px;}
}
.bottom-call-bar{
    display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;
    background:var(--accent);color:#fff;padding:0;
    box-shadow:0 -2px 8px rgba(0,0,0,.15);
}
.bottom-call-bar a{
    display:flex;align-items:center;justify-content:center;
    height:52px;color:#fff;text-decoration:none;font-size:16px;
    gap:8px;
}
.bottom-call-bar a strong{font-size:20px;letter-spacing:1px;}
.bottom-call-bar a span{font-size:14px;}
.bottom-call-bar a:active{background:rgba(0,0,0,.1);}
.content-call-bar{display:none;margin:16px 0;text-align:center;}
.content-call-bar a{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,var(--accent),#e55a00);color:#fff;border-radius:25px;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px rgba(255,102,0,.3);}
.content-call-bar a:active{transform:scale(.97);}
@media(max-width:768px){
    .bottom-call-bar{display:block;}
    body{padding-bottom:60px;}
    .card{padding:16px;margin-bottom:12px;}
    .container{padding:0 10px;}
    .content-call-bar{display:block;}
}