/* ==========================================================================
 * features2026.css — 官网首页"五大优势"图标排卡片化（新增文件，2026-09）
 *
 * 只作用于带 .sk-features2026 的容器（目前仅 PC 官网首页引入本文件）。
 * 原有 table 结构与 inline style 不动，用 display:flex + !important 覆盖外观；
 * 图标、标题、说明文字完全保留原样。去掉 link 引用即可回退。
 * ========================================================================== */

/* ---- 容器：保持浅灰底，上下留白加大，内容居中并对齐轮播卡片宽度 ---- */
.sk-features2026 {
    background: #f4f6f7 !important;
    padding: 48px 16px 56px !important;
}
.sk-features2026 table,
.sk-features2026 tbody,
.sk-features2026 tr {
    display: flex !important;
    gap: 20px;
    width: 100% !important;
    max-width: 1568px;
    margin: 0 auto !important;
}

/* ---- 每个 td 改为卡片：白底、圆角、轻投影 ---- */
.sk-features2026 td {
    display: block !important;
    width: auto !important;
    flex: 1 1 0;
    background: #fff;
    border-radius: 16px;
    padding: 32px 14px 28px !important;
    text-align: center;
    box-shadow: 0 2px 10px rgba(15, 40, 45, .05);
    transition: transform .25s ease, box-shadow .25s ease;
}
/* 悬停微上浮 */
.sk-features2026 td:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(15, 40, 45, .12);
}

/* ---- 圆形图标底：白圆改品牌青淡底，悬停加深 ---- */
.sk-features2026 td center > div {
    background: rgba(51, 204, 204, .12) !important;
    margin: 0 auto;
    transition: background-color .25s ease;
}
.sk-features2026 td:hover center > div {
    background: rgba(51, 204, 204, .22) !important;
}

/* ---- 标题：字号放大一档，颜色加深（文字内容不变） ---- */
.sk-features2026 td > div {
    padding-top: 16px !important;
    font-size: 16px;
    color: #1f2d30;
    line-height: 1.6 !important;
}

/* ---- 说明小字：10px 太小，提到 12px 并放松行距 ---- */
.sk-features2026 td > div font {
    font-size: 12px !important;
    color: #8a9299 !important;
    line-height: 1.9 !important;
}

/* ---- 窄屏适配：五张卡片放不下时换行 ---- */
@media (max-width: 1100px) {
    .sk-features2026 tr { flex-wrap: wrap; }
    .sk-features2026 td { flex: 1 1 40%; }
}
@media (max-width: 640px) {
    .sk-features2026 td { flex: 1 1 100%; }
}
