/* ==============================================
 * features.css - 业务模块图标栏（对照 home-1.jpg 设计稿）
 * 图标来源：设计稿中裁剪的 6 个六边形彩色图标
 * ============================================== */

.features {
    background: #fff;
    padding: var(--space-12) 0;
    border-bottom: 1px dashed var(--color-border);
}

.features__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--space-4);
    align-items: center;
    justify-items: center;
}

.feature {
    display: block;
    text-align: center;
    text-decoration: none;
}

/* 六边形图标（图片自带白底与投影，直接展示即可） */
.feature img {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: 0 auto;
    transition: transform var(--duration-base) var(--ease-out);
}

.feature:hover img {
    transform: translateY(-8px);
}

@media (max-width: 900px) {
    .features__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-6) var(--space-4);
    }
    .feature img { max-width: 110px; }
}

@media (max-width: 480px) {
    .features__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}