/* ==========================================================================
   jiyun 页脚样式 · 抄自 http://nvcb.cn/（jikeapi 主题 / 速科云 footerContainer 同款）
   来源文件：http://nvcb.cn/themes/web/jike/static/css/jike.css 的 .jk-ft 段落
   --------------------------------------------------------------------------
   为什么单独放一个文件、而不是并入 footer.css / common.css：
     原先 jiyun 页脚依赖 .footerContainer / .footerContainer.dark，
     而这两条规则所在的 common.css 只由 /api/global_files.php 打包输出，
     footer.css_v2.9.5.css 又是 preload+onload 的 JS 换装方式加载——
     任一环节失效，页脚就会变成「白底 + 白字」直接看不见。
     这套样式自带深色底 #0a1633 与全部字色，不依赖任何外部样式表。
   ========================================================================== */

.jk-ft {
    --jk-max: 1440px;
    --jk-gutter: 64px;
    background: #0a1633;
    padding-bottom: 36px;
    color: rgba(255, 255, 255, .5);
    line-height: normal;
    text-align: left;
    overflow: visible;
    font-size: 14px;
}

/* jike.css 里有一条全局 `* { box-sizing: border-box }`，而 jiyun 没有。
   不补上的话 .jk-wrap 会按 content-box 计算（max-width 之外的左右 64px 内边距
   不再算进 1440px 里），内容区比 nvcb.cn 宽 128px、左右边距对不上。 */
.jk-ft, .jk-ft *, .jk-ft *::before, .jk-ft *::after { box-sizing: border-box; }

/* 基础字色钉死：`.footer *` 与本段同为单类选择器（0,1,0），谁赢取决于源码顺序。
   这里用 `.footer .jk-ft`（0,2,0）明确压过它，避免加载顺序任何变化把基础字色刷成纯白。 */
.footer .jk-ft { color: rgba(255, 255, 255, .5); }

/* 栅格左右留白：与速科云一致（PC 64 / 平板 32 / 手机 16） */
@media (max-width: 1080px) { .jk-ft { --jk-gutter: 32px; } }
@media (max-width: 768px)  { .jk-ft { --jk-gutter: 16px; } }

/* 解除公共样式 .footer *{color:#fff} 对页脚内部字色的无差别锁定。
   本行必须写在各条 .jk-ft-* 颜色规则之前，让后者按源码顺序覆盖它。 */
.jk-ft * { color: inherit; }

.jk-ft .jk-wrap { width: 100%; max-width: var(--jk-max); margin: 0 auto; padding: 0 var(--jk-gutter); }

/* ---------------- 特性行：4 项横排 ---------------- */
.jk-ft .jk-ft-feat {
    display: flex; justify-content: space-between; align-items: center;
    height: 120px; border-bottom: 1px solid rgba(216, 216, 216, .2);
}
.jk-ft .jk-ft-feat-item { display: flex; align-items: center; justify-content: center; height: 52px; min-width: 0; }
/* 速科实测：图标贴项顶部（imgTop=0），文字垂直居中（txtTop=1）——不是两者一起居中 */
.jk-ft .jk-ft-feat-ico { width: 48px; height: 48px; flex: none; object-fit: contain; align-self: flex-start; }
.jk-ft .jk-ft-feat-text { display: inline-block; margin-left: 16px; height: 51px; }
.jk-ft .jk-ft-feat-t { margin-bottom: 8px; font-size: 16px; font-weight: 700; line-height: 24px; color: #fff; }
.jk-ft .jk-ft-feat-d { font-size: 14px; color: #eee; }

/* ---------------- 链接区：左 栏目+认证徽章 / 右 二维码+联系方式 ---------------- */
.jk-ft .jk-ft-nav {
    display: flex; justify-content: space-between;
    margin-top: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(216, 216, 216, .2);
}
.jk-ft .jk-ft-menus { flex: 1; max-width: 1040px; }
.jk-ft .jk-ft-menus-in { display: flex; }
.jk-ft .jk-ft-col { flex: 1; max-width: 260px; padding: 10px 0 18px; }
.jk-ft .jk-ft-col-h { margin-bottom: 22px; font-size: 16px; color: rgba(255, 255, 255, .8); }
.jk-ft .jk-ft-col-i { margin-bottom: 10px; font-size: 14px; }
.jk-ft .jk-ft-col-i a { color: rgba(255, 255, 255, .5); transition: .2s; }
.jk-ft .jk-ft-col-i a:hover { color: #fff; }

/* 认证徽章行 */
.jk-ft .jk-ft-auth { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-end; }
.jk-ft .jk-ft-auth img { height: 40px; width: auto; margin-right: 20px; }

/* 右栏：二维码 + 联系方式（与左栏之间有一条竖分隔线，
   对应速科 .footerContainer.dark .footerInfo 的 border-left） */
.jk-ft .jk-ft-info {
    width: 258px; flex: none; padding-left: 28px;
    border-left: 1px solid rgba(216, 216, 216, .2);
    display: flex; flex-direction: column; align-items: flex-start; white-space: nowrap;
}
.jk-ft .jk-ft-qr {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
    align-items: center; justify-content: flex-start; width: 100%; margin-bottom: 14px;
}
.jk-ft .jk-ft-qr-c { background: #fff; border-radius: 4px; padding: 10px 20px; text-align: center; }
.jk-ft .jk-ft-qr-c img { width: 100%; margin-bottom: 5px; display: block; }
.jk-ft .jk-ft-qr-t { display: block; font-size: 13px; line-height: 16px; color: #191a24; }
.jk-ft .jk-ft-contact { margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #eee; }
.jk-ft .jk-ft-contact a { color: #eee; }
/* PC / 手机两套联系方式文案，默认显示 PC 版（「服务热线:」），手机端在下面的媒体查询里切换 */
.jk-ft .jk-ft-ct-wap { display: none; }

/* ---------------- 版权行：两栏都居中对齐 ---------------- */
.jk-ft .jk-ft-copy { display: flex; justify-content: space-between; align-items: center; }
.jk-ft .jk-ft-filings { display: flex; flex-wrap: wrap; gap: 12px; }
.jk-ft .jk-ft-filing { display: flex; align-items: center; font-size: 14px; line-height: 20px; }
.jk-ft .jk-ft-filing i { margin-right: 2px; }
.jk-ft .jk-ft-filing i img { height: 16px; width: auto; display: block; }
.jk-ft .jk-ft-filing a { color: rgba(255, 255, 255, .5); }
.jk-ft .jk-ft-links { width: 258px; flex: none; padding: 18px 0 0 28px; }
.jk-ft .jk-ft-flink {
    display: flex; align-items: center; justify-content: flex-start;
    height: 40px; padding-left: 10px; background: rgba(67, 112, 245, .1);
    color: #eee; font-size: 14px; line-height: 40px;
}

/* ================= 移动端页脚 = 速科 WAP `.m-footer` 版式 =================
   速科手机端是服务端另一套模板（UA 判断），它把 PC 页脚里的
   特性行 / 链接列 / 认证徽章 / 友情链接 **全部不输出**，只留：
     热线条（通栏 44 高、细边框、居中）→ 二维码（3 列网格）→ 备案（竖排）
   且热线在二维码**上面**（PC 是反的）。这里用媒体查询等价实现。
   实测来源：demo.sukeyun.com/themes/web/www/static/css/m_index.css
   ★ 必须写在上面桌面规则之后，否则媒体查询不生效 */
@media (max-width: 768px) {
    /* 容器：bg #151b26 / padding-top 20 */
    .jk-ft { background: #151b26; padding-top: 20px; padding-bottom: 24px; }

    /* 这四个模块只存在于 PC 版，手机端整体隐藏 */
    .jk-ft .jk-ft-feat, .jk-ft .jk-ft-menus, .jk-ft .jk-ft-links { display: none; }
    .jk-ft .jk-ft-auth { display: none; }

    /* 导航区此时只剩右侧信息区：去掉上边距与下分隔线（分隔线由 .jk-ft-info 提供） */
    .jk-ft .jk-ft-nav { display: block; margin-top: 0; padding-bottom: 0; border-bottom: 0; }
    .jk-ft .jk-ft-info {
        width: 100%; padding: 0 0 12px; border-left: 0; gap: 16px;
        flex-direction: column; align-items: stretch; white-space: normal;
        border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    }

    /* 热线条：速科 .m-footer-contact = 通栏 44 高 + 1px rgba(255,255,255,.2) + 圆角 2 + 居中 16px */
    .jk-ft .jk-ft-contact {
        order: -1;                     /* 提到二维码前面 */
        display: flex; align-items: center; justify-content: center;
        width: 100%; height: 44px; margin: 0;
        border: 1px solid hsla(0, 0%, 100%, .2); border-radius: 2px;
        color: #fff; font-size: 16px; font-weight: 500; line-height: normal;
    }
    .jk-ft .jk-ft-contact a { color: #fff; font-size: 16px; font-weight: 900; }
    .jk-ft .jk-ft-ct-pc { display: none; }
    .jk-ft .jk-ft-ct-wap { display: inline; }
    /* 速科 WAP 只输出「售前咨询热线」一条，电子邮箱是 PC 独有的 */
    .jk-ft .jk-ft-contact-mail { display: none; }

    /* 二维码：3 列网格（只有 2 个时第 3 格留空，和速科一样靠左排） */
    .jk-ft .jk-ft-qr { grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 0; }
    .jk-ft .jk-ft-qr-c {
        display: flex; flex-direction: column; align-items: center; gap: 6px;
        background: transparent; padding: 0; border-radius: 0; text-align: center;
    }
    .jk-ft .jk-ft-qr-c img {
        width: 100%; margin-bottom: 0; padding: 8px;
        background: #fff; border-radius: 4px; box-sizing: border-box;
    }
    .jk-ft .jk-ft-qr-t { font-size: 14px; line-height: normal; color: #fff; opacity: .73; }

    /* 备案：竖排 10 间距，图标 16×16，文字 14 半透明 */
    .jk-ft .jk-ft-copy { flex-direction: column; align-items: flex-start; padding: 12px 0 20px; }
    .jk-ft .jk-ft-filings { flex-direction: column; align-items: flex-start; gap: 10px; padding-top: 0; }
    .jk-ft .jk-ft-filing { line-height: normal; }
    .jk-ft .jk-ft-filing i { margin-right: 4px; }
    .jk-ft .jk-ft-filing a { font-size: 14px; color: #fff; opacity: .73; }
    /* 速科 WAP 不输出「本站由 xx 主题驱动」那条纯文字备案（PC 才有） */
    .jk-ft .jk-ft-filing-nb { display: none; }
}