/* services 总览页 V2 专属视觉（自 services/index.php 页内 <style> 提取，仅本页 link） */
/* 分类导航 768 横滚隐藏浏览器原生滚动条（tailwind 裁剪版无 .no-scrollbar） */
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        .no-scrollbar::-webkit-scrollbar { display: none; }

        /* Hero 右侧：五大服务能力关系图（52/48，仅桌面显示） */
        .svc-hero-grid { display: grid; grid-template-columns: 52% 1fr; gap: 48px; align-items: center; }
        .svc-rel { position: relative; width: 100%; height: 320px; }
        .svc-rel svg.svc-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
        .svc-rel-node { position: absolute; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 7px; padding: 9px 14px; background: #fff; border: 1px solid #d8e0ec; border-radius: 12px; font-size: 13px; font-weight: 600; color: #2c3648; white-space: nowrap; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05); transition: transform .2s ease, box-shadow .2s ease; text-decoration: none; }
        .svc-rel-node:hover { transform: translate(-50%, -50%) translateY(-2px); box-shadow: 0 8px 20px -8px rgba(0, 61, 155, 0.35); color: #0052cc; }
        .svc-rel-node .material-symbols-outlined { font-size: 16px; color: #0052cc; }
        .svc-rel-core { position: absolute; transform: translate(-50%, -50%); background: linear-gradient(160deg, #0052cc, #003d9b); color: #fff; border-radius: 14px; padding: 16px 20px; text-align: center; font-weight: 700; font-size: 15px; line-height: 1.4; box-shadow: 0 10px 26px -10px rgba(0, 61, 155, 0.55); }
        .svc-rel-core small { display: block; font-size: 11px; font-weight: 500; color: rgba(255, 255, 255, 0.72); margin-top: 3px; }
        /* 移动端 Hero：简洁纵向关系（768–1023 平板视图由 Desktop 区块复用） */
        .svc-rel-mobile { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
        .svc-rel-mobile a { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid rgba(0, 82, 204, 0.14); border-radius: 10px; padding: 9px 12px; font-size: 12px; font-weight: 600; color: #2c3648; text-decoration: none; }
        .svc-rel-mobile a .material-symbols-outlined { font-size: 15px; color: #0052cc; }
        .svc-rel-mobile a span.svc-rel-label { color: #2c3648; }
        @media (max-width: 1023px) {
            .svc-hero-grid { grid-template-columns: 1fr; }
            .svc-rel { display: none; }
        }
        @media (min-width: 1024px) {
            .svc-rel-mobile { display: none; }
        }
        @media (max-width: 767px) {
            /* 问题卡：5 张卡中第 5 张横跨两列，避免右侧半行留白 */
            .svc-q-grid > a:last-child { grid-column: 1 / -1; }
            /* 品牌搜索 4 卡：移动端紧凑 2×2，避免四张巨卡纵向堆叠 */
            #brand-foundation a.group { padding: 16px !important; }
            #brand-foundation a.group p { font-size: 12px; margin-bottom: 12px; }
            #brand-foundation a.group h3 { font-size: 15px; margin-bottom: 6px; }
            #brand-foundation a.group .mb-6 { margin-bottom: 10px; }
            /* 正文末尾 CTA：移动端已有固定底栏，压缩高度并只保留一个主 CTA */
            .svc-index-cta { margin-top: 48px !important; }
            .svc-index-cta .bg-primary { padding: 28px 20px !important; border-radius: 20px; }
            .svc-index-cta h2 { font-size: 24px !important; margin-bottom: 8px !important; }
            .svc-index-cta p { font-size: 13px !important; margin-bottom: 16px !important; }
            .svc-index-cta a.v2-line-cta { display: none !important; }
            main.template-token-scope { padding-bottom: 28px !important; }
        }
    

/* ---- 移动端底部导航安全区（等价成品页 body 的 pb-20 md:pb-0） ---- */
@media (max-width: 767px) {
  body { padding-bottom: 80px; }
}
@media (min-width: 768px) {
  body { padding-bottom: 0; }
}