/* 基础重置 - 保证兼容性 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        }

        /* 流程容器 - 宽屏适配+留白更高级 */
        .work-flow-container {
            max-width: 1200px;
            margin: 60px auto;
            padding: 0 30px;
        }

        /* 标题样式 - 高端商务风 */
        .flow-title {
            text-align: center;
            font-size: 32px;
            color: #1a242f;
            font-weight: 700;
            letter-spacing: 0.5px;
            margin-bottom: 50px;
            position: relative;
        }
        /* 标题底部装饰线 - 提升精致感 */
        .flow-title::after {
            content: "";
            display: block;
            width: 80px;
            height: 3px;
            background: linear-gradient(90deg, #1e40af, #8b5cf6);
            margin: 15px auto 0;
            border-radius: 3px;
        }

        /* 流程列表 - 带连线的高端布局 */
        .flow-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            position: relative;
            padding: 0 20px;
        }
        /* 流程连线 - 渐变线条，适配多彩风格 */
        .flow-list::before {
            content: "";
            position: absolute;
            top: 40px;
            left: 5%;
            right: 5%;
            height: 2px;
            background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899, #f97316, #10b981, #3b82f6);
            z-index: 1;
        }

        /* 单个流程项 - 高端卡片样式 */
        .flow-item {
            flex: 1;
            min-width: 180px;
            text-align: center;
            padding: 35px 20px;
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
            position: relative;
            z-index: 2;
            transition: transform 0.3s ease;
            margin: 0 10px;
            border-top: 4px solid transparent;
        }
        /* 悬浮效果 - 交互更高级 */
        .flow-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
        }

        /* 每个流程项专属配色（核心：不同颜色区分） */
        .flow-item.item-1 {
            border-color: #3b82f6; /* 蓝色 - 沟通 */
        }
        .flow-item.item-1 .flow-number {
            background: linear-gradient(135deg, #3b82f6, #60a5fa);
            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
        }

        .flow-item.item-2 {
            border-color: #8b5cf6; /* 紫色 - 设计 */
        }
        .flow-item.item-2 .flow-number {
            background: linear-gradient(135deg, #8b5cf6, #a78bfa);
            box-shadow: 0 4px 12px rgba(139, 92, 246, 0.2);
        }

        .flow-item.item-3 {
            border-color: #ec4899; /* 粉色 - 确认 */
        }
        .flow-item.item-3 .flow-number {
            background: linear-gradient(135deg, #ec4899, #f472b6);
            box-shadow: 0 4px 12px rgba(236, 72, 153, 0.2);
        }

        .flow-item.item-4 {
            border-color: #f97316; /* 橙色 - 生产 */
        }
        .flow-item.item-4 .flow-number {
            background: linear-gradient(135deg, #f97316, #fb923c);
            box-shadow: 0 4px 12px rgba(249, 115, 22, 0.2);
        }

        .flow-item.item-5 {
            border-color: #10b981; /* 绿色 - 质检 */
        }
        .flow-item.item-5 .flow-number {
            background: linear-gradient(135deg, #10b981, #34d399);
            box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
        }

        .flow-item.item-6 {
            border-color: #1e40af; /* 深蓝 - 发货 */
        }
        .flow-item.item-6 .flow-number {
            background: linear-gradient(135deg, #1e40af, #3b82f6);
            box-shadow: 0 4px 12px rgba(30, 64, 175, 0.2);
        }

        /* 数字编号 - 渐变圆形，高端醒目 */
        .flow-number {
            display: inline-block;
            width: 80px;
            height: 80px;
            line-height: 80px;
            color: white;
            border-radius: 50%;
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        /* 流程文字 - 商务字体样式 */
        .flow-text {
            font-size: 16px;
            color: #2d3748;
            line-height: 1.5;
            font-weight: 500;
            letter-spacing: 0.3px;
        }

        /* 手机端适配 - 保持高端感 */
        @media (max-width: 768px) {
            .flow-list {
                flex-direction: column;
                gap: 30px;
            }
            .flow-list::before {
                display: none;
            }
            .flow-item {
                min-width: 100%;
                margin: 0;
            }
            .flow-title {
                font-size: 28px;
            }
            .flow-number {
                width: 70px;
                height: 70px;
                line-height: 70px;
                font-size: 24px;
            }
        }