/* 核心样式：反转配色方案 */
    :root {
      --bg-oatmeal: #FAF8F5 !important;        /* 燕麦白大背景（与网页底色融合） */
      --card-bg-emerald: #236541 !important;   /* 卡片背景改为森林绿 */
      --icon-bg-trans: rgba(255, 255, 255, 0.12) !important; /* 卡片内图标微透白底 */
      --text-white: #ffffff !important;        /* 卡片内主文字纯白 */
      --text-muted: #d1e2d8 !important;       /* 卡片内副标题淡绿白 */
    }

    /* 1. 大背景燕麦白 */
    .features-container {
      background-color: var(--bg-oatmeal) !important;
      width: 100% !important;
      max-width: 100% !important;
      padding: 45px 24px !important; 
      box-sizing: border-box !important;
      margin: 0 auto !important;
    }

    /* 
      2. 【核心修改】
      把卡片与卡片之间的 gap 从 16px 增大到 32px！
      让卡片之间有更宽、更舒展的间距。
    */
    .features-grid {
      display: grid !important;
      grid-template-columns: repeat(5, 1fr) !important;
      gap: 60px !important; /* 👈 显著调大框框之间的边距，增加呼吸感 */
      width: 100% !important;
      max-width: 1400px !important; 
      margin: 0 auto !important; 
    }

    /* 3. 卡片样式保持挺拔 */
    .feature-card {
      background-color: var(--card-bg-emerald) !important;
      border: 1px solid rgba(255, 255, 255, 0.05) !important;
      border-radius: 16px !important;
      padding: 36px 16px 28px 16px !important; 
      text-align: center !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: flex-start !important;
      box-sizing: border-box !important;
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
      box-shadow: 0 4px 20px rgba(35, 101, 65, 0.1) !important; 
    }

    /* 悬停动效 */
    .feature-card:hover {
      transform: translateY(-6px) !important;
      background-color: #1e5637 !important; 
      box-shadow: 0 12px 30px rgba(35, 101, 65, 0.2) !important;
    }

    /* 图标包裹区 */
    .feature-icon-wrapper {
      width: 52px !important;
      height: 52px !important;
      background-color: var(--icon-bg-trans) !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      margin-bottom: 22px !important; 
      flex-shrink: 0 !important;
    }

    .feature-icon-wrapper svg {
      width: 24px !important;
      height: 24px !important;
      fill: var(--text-white) !important;
    }

    /* 优势大标题 */
    .feature-title {
      font-size: 15.5px !important;
      font-weight: 600 !important;
      color: var(--text-white) !important;
      margin: 0 0 12px 0 !important; 
      letter-spacing: -0.1px !important;
    }

    /* 优势小字描述 */
    .feature-desc {
      font-size: 12px !important;
      color: var(--text-muted) !important;
      line-height: 1.6 !important;
      margin: 0 !important;
    }

    /* 💻 平板及中等屏幕自适应 */
    @media (max-width: 1024px) {
      .features-grid {
        grid-template-columns: repeat(3, 1fr) !important; 
        gap: 20px !important; /* 平板端也保持适中边距 */
      }
    }
    @media (max-width: 769px) {
      .features-grid {
        grid-template-columns: repeat(2, 1fr) !important; 
      }
    }

    /* 📱 移动端自适应 */
    @media (max-width: 580px) {
      .features-container {
        padding: 20px 0 20px 16px !important; 
      }
      
      .features-grid {
        display: flex !important; 
        column-gap: 16px !important; /* 移动端卡片滑动间距 */
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        padding-right: 16px !important;
      }

      .features-grid::-webkit-scrollbar {
        display: none !important;
      }

      .feature-card {
        flex: 0 0 78% !important; 
        scroll-snap-align: start !important;
        padding: 28px 16px !important; 
      }
    }