/* ========== 全局重置 & 基调（无大背景图，保持与前面一致的浅灰/白极简风格） ========== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background-color: #f5f7fa;   /* 柔和中性底色，仅作为页面环境，板块自身无大背景图 */
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
            line-height: 1.4;
        }

        /* 干冷器应用场景主容器 - 遵循ueeshop典型内容宽度，自适应边距 */
        .dry-cooler-section {
            max-width: 1280px;
            margin: 0 auto;
            padding: 3rem 1.5rem;
            background-color: transparent; /* 无额外背景块，完全透明，不设大背景图 */
        }

        /* 板块大标题 (英文) 无场景配图外的多余装饰背景 */
        .section-title {
            font-size: 2rem;
            font-weight: 600;
            text-align: center;
            margin-bottom: 2.5rem;
            letter-spacing: -0.3px;
            color: #1e2a3e;
            background: transparent;
        }

        /* 三列网格：桌面端一行3张，平板自适应，移动端自动转为单列 */
        .scenes-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.8rem;
            margin-top: 0.5rem;
        }

        /* 场景卡片 - 干净简洁，无复杂背景，仅有白底轻微阴影突出图片区域 */
        .scene-card {
            background: #ffffff;
            border-radius: 20px;
            overflow: hidden;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);
            display: flex;
            flex-direction: column;
        }

        .scene-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.1);
        }

        /* 图片容器：方便用户明确修改图片位置，给出固定宽高比，同时图片本身可替换 */
        .scene-img-wrapper {
            width: 100%;
            /* 图片容器宽高比 4:3 (适配大多数场景展示，也便于修改) 图片完全可编辑 */
            aspect-ratio: 4 / 3;
            background-color: #eef2f6;  /* 占位底色，无实际背景图含义，仅loading占位 */
            overflow: hidden;
            position: relative;
        }

        /* 场景图片 - 完全可修改，在html中通过img src替换，大小以容器宽高为基准，建议尺寸: 最小400x300以上可清晰 */
        .scene-img {
            width: 100%;
            height: 100%;
            object-fit: cover;          /* 覆盖容器，保持比例裁剪，确保所有图片统一视觉 */
            display: block;
            transition: transform 0.3s ease;
        }

        .scene-card:hover .scene-img {
            transform: scale(1.02);
        }

        /* 文案标题区域: 纯英文标题，仅保留“场景一 ~ 场景六”英文对应 (Scene One 至 Scene Six) 无额外具体行业名称 */
        .scene-title {
            padding: 1.2rem 1rem 1.3rem 1rem;
            text-align: center;
            font-size: 1.2rem;
            font-weight: 600;
            color: #1e466e;
            background-color: #ffffff;
            border-top: 1px solid #f0f2f5;
            letter-spacing: -0.2px;
            word-break: keep-all;
        }

        /* ========== 移动端适配 (小于768px时一行一张，方便触屏) ========== */
        @media (max-width: 768px) {
            .dry-cooler-section {
                padding: 2rem 1rem;
            }
            .section-title {
                font-size: 1.7rem;
                margin-bottom: 1.8rem;
            }
            .scenes-grid {
                grid-template-columns: 1fr;   /* 移动端单列 */
                gap: 1.5rem;
            }
            .scene-title {
                font-size: 1rem;
                padding: 0.9rem 0.8rem;
            }
        }

        /* 平板适配: 宽度介于769px ~ 1024px 依然保持一行三张，若觉得拥挤可调gap，但三张足够 */
        @media (min-width: 769px) and (max-width: 1024px) {
            .scenes-grid {
                gap: 1.2rem;
            }
            .scene-title {
                font-size: 1rem;
                padding: 1rem 0.8rem;
            }
            .section-title {
                font-size: 1.9rem;
            }
        }

        /* 超大屏: 1280以上保持最大宽度居中，图片比例很好 */
        @media (min-width: 1440px) {
            .dry-cooler-section {
                max-width: 1400px;
            }
        }

        /* 图片修改说明: 在下方html中找到对应 <img> 标签，修改 src="你的新图片路径" 即可。
           图片大小建议宽度不低于 400px，高度按4:3比例自适应，比如 800x600 或 1200x900。
           图片位置: 每个 .scene-card 内部的 .scene-img-wrapper > img 标签。
           共六个场景依次对应场景一到场景六 (Scene One 至 Scene Six)。
        */