/* 外层容器 - 移除所有背景色、阴影、边框 */
        .feature-grid {
            max-width: 1400px;
            margin: 0 auto;
            background: transparent;   /* 完全透明，无背景 */
            padding: 20px 16px;
        }

        /* 网格核心布局：电脑端一行显示，手机端一行三列，自动排列 */
        .grid-container {
            display: grid;
            /* 手机优先默认：自动填充，每列最小宽度140px，但为了手机精确三列，下方媒体查询覆盖 */
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
            gap: 24px 20px;
            align-items: start;
            justify-items: center;
        }

        /* 每个功能卡片 - 无背景、无阴影、无边框 */
        .feature-card {
            width: 100%;
            max-width: 220px;      /* 大屏舒适宽度，但无背景 */
            text-align: center;
            background: transparent;   /* 完全透明卡片背景 */
            cursor: default;
            padding: 0;               /* 移除内边距，让图片和文字更干净 */
            transition: none;         /* 无交互特效 */
            box-shadow: none;         /* 无任何阴影 */
            border: none;
        }

        /* 图片容器 - 无背景 */
        .card-image {
            width: 100%;
            aspect-ratio: 1 / 1;    /* 保持正方形比例，适应原图展示 */
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent;   /* 图片容器无背景 */
           
            overflow: hidden;
            padding: 0;               /* 无内边距 */
        }

        .card-image img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            display: block;
            object-fit: contain;
            background: transparent;   /* 图片本身透明区域无背景 */
        }

        /* 功能标题文字 - 无背景、无边框、无阴影 */
        .feature-title {
            font-size: 1rem;
            font-weight: 600;
            line-height: 1.4;
            color: #1e2a3e;          /* 深色文字保持可读，但无背景 */
            background: transparent;   /* 关键：去除背景 */
            padding: 8px 4px;         /* 适当留白但不加背景色 */
            letter-spacing: 0.3px;
            word-break: break-word;
            white-space: normal;
            border: none;
            box-shadow: none;
            border-radius: 0;
        }

        /* 电脑端（宽度 ≥ 900px）：强制一行显示6个项目，均分宽度 */
        @media (min-width: 900px) {
            .grid-container {
                grid-template-columns: repeat(6, minmax(0, 1fr));
                gap: 20px 16px;
            }
            .feature-card {
                max-width: 100%;
            }
            .feature-title {
                font-size: 0.95rem;
                padding: 8px 4px;
            }
         
        }

        /* 中等屏幕 (平板横屏 600px-899px) 自适应行列 */
        @media (min-width: 601px) and (max-width: 899px) {
            .grid-container {
                grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
                gap: 24px;
            }
            .feature-card {
                max-width: 220px;
                margin: 0 auto;
            }
        }

        /* 手机端 (≤600px) 严格一行三个，自动换行排列，无背景 */
        @media (max-width: 600px) {
            .grid-container {
                /* 强制每行三个等宽列，手机上恰好一行三个，多余换行到下一行继续三个一排 */
                grid-template-columns: repeat(3, 1fr);
                gap: 14px 12px;
            }
            .feature-card {
                padding: 0;
                max-width: 100%;
            }
            .card-image {
              
                padding: 0;
            }
            .feature-title {
                font-size: 0.75rem;
                font-weight: 600;
                padding: 6px 2px;
                line-height: 1.3;
                background: transparent;  /* 确保手机端也无背景 */
                border: none;
                border-radius: 0;
                box-shadow: none;
            }
           
            .feature-grid {
                padding: 14px 10px;
                background: transparent;
            }
        }

        /* 极小折叠屏设备 (宽度 < 380px) 保持三列，仅微调字号 */
        @media (max-width: 380px) {
            .feature-title {
                font-size: 0.7rem;
                padding: 5px 2px;
            }
            .grid-container {
                gap: 10px 8px;
            }
        }

        /* 图片优雅加载，无任何额外背景 */
        .card-image img {
            background: transparent;
            border-radius: 0;
        }

        /* 全局背景透明，无任何强加背景色或卡片样式 */
        html, body, .feature-grid, .grid-container, .feature-card, .card-image, .feature-title {
            background: transparent;
        }

        /* 确保所有容器不会继承任何背景 */
        body {
            background: transparent;
        }