/* ==========================================================================
 * sections2026.css — 官网首页"行业方案 / SaaS产品"两个版块现代化（新增文件，2026-09）
 *
 * 只作用于带 .sk-hangye2026 / .sk-product2026 的容器（仅 PC 官网首页引入）。
 * 原有 table 结构、图片、文字、链接全部不动，用 display:flex + !important 覆盖外观；
 * 卡片内 btn_biaoti 的悬停背景图等原有交互保留。去掉 link 引用即可完全回退。
 * ========================================================================== */

/* ==================== 行业方案版块（10 张行业卡片） ==================== */

/* ---- 布局：table 转 flex 网格，一行 5 张自动换行，内容对齐轮播卡片宽度 ---- */
.sk-hangye2026 table,
.sk-hangye2026 tbody,
.sk-hangye2026 tr {
    display: flex !important;
    flex-wrap: wrap;
    gap: 16px;
    width: 100% !important;
    max-width: 1568px;
    margin: 0 auto !important;
}
.sk-hangye2026 td {
    display: block !important;
}
/* 空白间隔 td 直接隐藏，由 gap 接管间距 */
.sk-hangye2026 td:empty {
    display: none !important;
}
.sk-hangye2026 td:not(:empty) {
    flex: 1 1 calc(20% - 16px);
    width: auto !important;
    padding: 0 !important;
}
.sk-hangye2026 td a {
    display: block;
    text-decoration: none;
}

/* ---- 卡片本体：灰粗边框改细边 + 圆角 + 轻投影 ---- */
.sk-hangye2026 .btn2 {
    border: 1px solid #e8ecef !important;
    border-radius: 14px;
    background: #fff;
    padding-top: 0 !important;
    box-shadow: 0 2px 10px rgba(15, 40, 45, .05);
    transition: transform .25s ease, box-shadow .25s ease;
    height: 100%;
    box-sizing: border-box;
}
.sk-hangye2026 .btn2:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(15, 40, 45, .12);
}
/* 卡片配图：悬停轻微放大（overflow:hidden 裁切，原有属性） */
.sk-hangye2026 .btn2 img {
    width: 100% !important;
    display: block;
    border-radius: 13px 13px 0 0;
    transition: transform .5s ease;
}
.sk-hangye2026 .btn2:hover img {
    transform: scale(1.045);
}
/* "了解更多"：悬停时颜色加深一点，暗示可点 */
.sk-hangye2026 .btn2 font {
    transition: color .25s ease;
}
.sk-hangye2026 .btn2:hover font {
    color: #0aa8a8 !important;
}

/* ==================== SaaS 产品版块（产品卡片列） ==================== */

.sk-product2026,
.sk-product2026 tbody,
.sk-product2026 tr {
    display: flex !important;
    flex-wrap: wrap;
    gap: 14px;
    width: 100% !important;
    max-width: 1568px;
    margin: 0 auto !important;
}
.sk-product2026 td {
    display: block !important;
}
.sk-product2026 td:empty {
    display: none !important;
}
.sk-product2026 td:not(:empty) {
    flex: 1 1 calc(14.28% - 14px); /* 7 张/行，与原 table 一致 */
    width: auto !important;
    padding: 0 0 20px !important;
    /* 卡片外壳：2px 直角改圆角 + 细边 + 轻投影 */
    border: 1px solid #e8ecef !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 10px rgba(15, 40, 45, .05);
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}
.sk-product2026 td:not(:empty):hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(15, 40, 45, .12);
}
/* 顶部 60px 色条图：去掉小圆角，由卡片 overflow 统一裁切 */
.sk-product2026 td > div:first-child img {
    border-radius: 0 !important;
    display: block;
}
/* 功能条之间的虚线分隔改细实线，更干净 */
.sk-product2026 .btn_biaoti {
    border-bottom: 1px solid #f0f2f4 !important;
    transition: background-color .2s ease;
}
.sk-product2026 .btn_biaoti:last-child {
    border-bottom: none !important;
}
/* 条内小按钮（查看详情类）：直角改小胶囊 */
.sk-product2026 .btn_biaoti a {
    border-radius: 999px !important;
    transition: background-color .2s ease;
}
.sk-product2026 .btn_biaoti a:hover {
    background: #25b8b8 !important;
}

/* ==================== 两个版块的大标题：加品牌青装饰条 ==================== */
.sk-hangye2026 > div:first-child::after,
.sk-product2026-title::after {
    content: "";
    display: block;
    width: 48px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg, #33CCCC, #07dad6);
    margin: 14px auto 0;
}

/* ---- 窄屏适配：窗口拉窄时减少每行卡片数 ---- */
@media (max-width: 1200px) {
    .sk-hangye2026 td:not(:empty) { flex-basis: calc(25% - 16px); }
    .sk-product2026 td:not(:empty) { flex-basis: calc(25% - 14px); }
}
@media (max-width: 768px) {
    .sk-hangye2026 td:not(:empty) { flex-basis: calc(50% - 16px); }
    .sk-product2026 td:not(:empty) { flex-basis: calc(50% - 14px); }
}