.elementor-2467 .elementor-element.elementor-element-317b6f8{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2467 .elementor-element.elementor-element-79e8d1d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-79e8d1d *//* Google Fonts Import - 请将此行放在您自定义 CSS 的最顶部 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');


/* --- 新的特性区 CSS 变量 --- */
:root {
    --feature-title-color-default: #333333;
    --feature-subtitle-color-default: #777777;
    --feature-bg-color-default: #ffffff;
    --feature-bg-color-hover: #f0f0f0; /* 悬停时的灰色背景 */
    --feature-title-color-hover: #2154f4; /* 悬停时的红色标题 */
}

/* --- 特性区总容器样式 --- */
.feature-section {
    display: flex;
    flex-wrap: wrap; /* 允许项目换行以适应不同屏幕尺寸 */
    justify-content: center; /* 当项目数量不足一行时居中 */
    gap: px; /* 项目之间的间距 */
    padding:px px; /* 区域内边距 */
    background-color: var(--feature-bg-color-default); /* 确保背景是白色 */
    /* 确保不会影响现有代码，例如页眉 */
    box-sizing: border-box; 
    width: 100%;
    max-width: 1200px; /* 限制整个部分的宽度，使其内容不会过宽 */
    margin-left: auto;
    margin-right: auto;
    /* 应用默认字体到整个区块 */
    font-family: 'Inter', sans-serif; 
}

/* --- 单个特性项目样式 --- */
.feature-item {
    flex: 1 1 23%; /* 在桌面端大约四列，提供一些灵活性 */
    max-width: 280px; /* 限制单个项目的最大宽度 */
    text-align: center;
    padding: 30px 20px;
    background-color: var(--feature-bg-color-default);
    border-radius: 8px; /* 稍微圆润的边角 */
    text-decoration: none; /* 移除链接下划线 */
    color: inherit; /* 继承父元素的颜色 */
    /* 平滑过渡效果 */
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; 
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* 细微阴影以增加立体感 */
    display: flex; /* 使用 flex 让内容在内部垂直居中或按需排列 */
    flex-direction: column;
    justify-content: center; /* 垂直居中内容 */
    align-items: center; /* 水平居中内容 */
    min-height: 150px; /* 最小高度，保证视觉统一 */
}

/* --- 主标题样式 --- */
.feature-item h3 {
    font-family: 'Inter', sans-serif; /* 应用 Inter 字体 */
    font-size: 15px;
    font-weight: 400; /* 较粗的字重，匹配图片中的标题 */
    color: var(--feature-title-color-default);
    margin: 0 0 10px 0; /* 移除默认外边距，底部留10px */
    transition: color 0.3s ease; /* 平滑标题颜色变化 */
    line-height: 1.2;
}

/* --- 副标题样式 --- */
.feature-item p {
    font-family: 'Inter', sans-serif; /* 应用 Inter 字体 */
    font-size: 12px;
    font-weight: 300; /* 常规字重，匹配图片中的副标题 */
    color: var(--feature-subtitle-color-default);
    line-height: 1.5;
    margin: 0; /* 移除默认外边距 */
    transition: color 0.3s ease; /* 平滑副标题颜色变化 */
}

/* --- 悬停效果 --- */
.feature-item:hover {
    background-color: var(--feature-bg-color-hover); /* 悬停时背景变为灰色 */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 悬停时阴影加深 */
}

.feature-item:hover h3 {
    color: var(--feature-title-color-hover); /* 悬停时主标题变为红色 */
}

/* --- 响应式设计 (Media Queries) --- */

/* 平板设备 (两列布局) */
@media (max-width: 1024px) {
    .feature-item {
        flex: 1 1 45%; /* 每行两列，每列占据45%宽度，中间留有间距 */
        max-width: 45%; /* 限制单个项目宽度 */
        padding: 25px 15px;
    }
    .feature-section {
        padding: 40px 15px;
    }
}

/* 手机设备 (单列布局) */
@media (max-width: 767px) {
    .feature-item {
        flex: 1 1 90%; /* 每行单列，占据90%宽度 */
        max-width: 90%; /* 限制单个项目宽度 */
        padding: 20px 15px;
    }
    .feature-item h3 {
        font-size: 18px;
    }
    .feature-item p {
        font-size: 13px;
    }
    .feature-section {
        padding: 30px 10px;
        gap: 15px;
    }
}/* End custom CSS */