* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", Inter, sans-serif;
        }
        body {
            background-color: #f6f8fc;
        }
		a {
		    text-decoration: none !important;
		}
	
	/* 头部外层 深空科技渐变背景 */
	        .erp-header {
	            width: 100%;
	            background: radial-gradient(circle at 50% 0%, #142b58 0%, #09132b 60%, #050b1b 100%);
	            padding: 32px 5%;
				margin-bottom: 40px;
	            position: relative;
	            overflow: hidden;
	            box-shadow: 0 8px 30px rgba(0, 120, 255, 0.18);
	            z-index: 1;
	        }
	
	        /* 顶部流动极光光条 */
	        .erp-header::before {
	            content: '';
	            position: absolute;
	            bottom: 0;
	            left: 0;
	            width: 100%;
	            height: 3px;
	            background: linear-gradient(90deg, transparent, #00e0ff, #298bff, transparent);
	            background-size: 300% 100%;
	            animation: streamLight 5s linear infinite;
	        }
	
	        /* 网格科技底纹 强化科技氛围 */
	        .erp-header::after {
	            content: '';
	            position: absolute;
	            inset: 0;
	            background-image: 
	                linear-gradient(rgba(0, 180, 255, 0.06) 1px, transparent 1px),
	                linear-gradient(90deg, rgba(0, 180, 255, 0.06) 1px, transparent 1px);
	            background-size: 40px 40px;
	            opacity: 0.6;
	            z-index: -1;
	        }
	
	        /* 纯CSS科技装饰图形（无外部图标库） */
	        .tech-deco {
	            position: absolute;
	            z-index: -1;
	        }
	        /* 光点节点 */
	        .dot {
	            width: 8px;
	            height: 8px;
	            border-radius: 50%;
	            background: #00e0ff;
	            box-shadow: 0 0 12px #00e0ff, 0 0 24px rgba(0,224,255,0.4);
	            animation: blink 4s ease-in-out infinite alternate;
	        }
	        /* 数据连接线 */
	        .link-line {
	            height: 1px;
	            background: linear-gradient(90deg, transparent, #00bfff, transparent);
	            box-shadow: 0 0 8px #00bfff;
	        }
	        /* 芯片小方块 */
	        .chip-block {
	            width: 10px;
	            height: 10px;
	            border: 1px solid rgba(0, 224, 255, 0.4);
	            opacity: 0.35;
	        }
	
	        /* 装饰点位分布 */
	        .dot1 { top: 15%; left: 6%; animation-delay: 0s; }
	        .dot2 { top: 72%; left: 94%; animation-delay: 1.2s; }
	        .dot3 { top: 28%; left: 96%; animation-delay: 2.4s; }
	        .line1 { top: 68%; left: 10%; width: 50px; transform: rotate(22deg); }
	        .line2 { top: 22%; left: 84%; width: 44px; transform: rotate(-24deg); }
	        .chip1 { top: 36%; left: 4%; }
	        .chip2 { top: 58%; left: 95%; }
	
	        /* 内容容器 */
	        .header-wrap {
	            max-width: 1480px;
	            margin: 0 auto;
	            display: flex;
	            flex-direction: column;
	            align-items: center;
	            gap: 12px;
	            text-align: center;
	            position: relative;
	        }
	
	        /* 价值标语 */
	        .header-slogan {
	            font-size: 26px;
	            font-weight: 400;
	            color: #c0e0ff;
	            letter-spacing: 1.4px;
	            transition: all 0.35s ease;
	        }
	
	        /* 品牌主标题 */
	        .header-title {
	            font-size: 42px;
	            font-weight: 700;
	            letter-spacing: 4px;
	            background: linear-gradient(90deg, #44e1ff, #ffffff, #86d8ff);
	            -webkit-background-clip: text;
	            background-clip: text;
	            color: transparent;
	            transition: transform 0.35s cubic-bezier(0.2,0,0.2,1);
	        }
	
	        /* 客户案例小字模块 */
	        .header-customer {
	            margin-top: 8px;
	            padding-top: 10px;
	            border-bottom: 1px solid rgba(0, 200, 255, 0.2);
	            font-size: 20px;
	            color: #94b8e0;
	            letter-spacing: 1px;
	        }
	
	        /* 全局hover交互 */
	        .erp-header:hover .header-title {
	            transform: scale(1.04);
	        }
	        .erp-header:hover .header-slogan {
	            color: #fff;
	            text-shadow: 0 0 10px rgba(0, 224, 255, 0.45);
	        }
	
	        /* 动画定义 */
	        @keyframes streamLight {
	            0% { background-position: -300% 0; }
	            100% { background-position: 300% 0; }
	        }
	        @keyframes blink {
	            0% { opacity: 0.15; transform: scale(0.6); }
	            100% { opacity: 0.5; transform: scale(1.3); }
	        }
	
	        /* 移动端适配 */
	        @media (max-width: 768px) {
	            .erp-header {
	                padding: 24px 4%;
	            }
	            .header-slogan {
	                font-size: 16px;
	            }
	            .header-title {
	                font-size: 30px;
	            }
	            .header-customer {
	                font-size: 13px;
	            }
	            .link-line { width: 30px; }
	        }
        

        /* ====================== 案例标题区 ====================== */
        .case-title-wrap {
            padding: 70px 20px 45px;
            text-align: center;
            background-color: #f6f8fc;
        }
        .case-title {
            font-size: 34px;
            color: #0f172a;
            position: relative;
            display: inline-block;
            font-weight: 550;
        }
        .case-title::after {
            content: "";
            width: 72px;
            height: 4px;
            background: linear-gradient(90deg,#165DFF,#429aff);
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 99px;
        }
			
		.case-title-2{			
			text-align: center;
			font-size: 24px;
            color: #666;
            margin-top: 10px;
		}

        /* ====================== 卡片容器 ====================== */
        .container {
            max-width: 1500px;
            margin: 0 auto;
            padding: 0 24px 80px;
            background-color: #f6f8fc;
        }
        .case-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 32px;
        }

        /* ====================== 卡片优化双层hover边框光效 ====================== */
        .case-card {
            background-color: #fff;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 4px 22px rgba(12,32,78,0.07);
            transition: all 0.38s ease;
            position: relative;
            display: flex;
            flex-direction: column;
        }
        /* 外层虚化发光光晕 */
        .case-card::after{
            content:'';
            position:absolute;
            inset:-4px;
            border-radius:22px;
            background: linear-gradient(135deg,#165DFF,#73bcff,#165DFF);
            z-index:-1;
            opacity:0;
            filter: blur(12px);
            transition: all 0.35s ease;
        }
        /* 内层实体渐变边框 */
        .case-card::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius:18px;
            padding:2px;
            background: linear-gradient(135deg,#165DFF,#73bcff,#165DFF);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity:0;
            transition: opacity 0.35s ease;
            pointer-events:none;
            z-index:2;
        }
        .case-card:hover::before {
            opacity:1;
        }
        .case-card:hover::after{
            opacity:0.35;
        }
        .case-card:hover {
            transform: translateY(-12px);
            box-shadow: 0 18px 48px rgba(22,93,255,0.18);
        }
		.text-tips{
			font-weight: 900;
			color: #3558a6;
		}
        /* 图片容器与缩放 */
        .card-img-wrap {
            width:100%;
            height:230px;
            overflow:hidden;
        }
        .card-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.45s cubic-bezier(0.25,0.8,0.25,1);
        }
        .case-card:hover .card-img {
            transform: scale(1.08);
        }

        /* 卡片文字 */
        .card-text {
            padding: 26px 26px 20px;
            flex: 1;
        }
        .card-name {
            font-size: 20px;
            color: #0c1a36;
            margin-bottom: 14px;
            font-weight: 600;
        }
        .card-desc {
            font-size: 14.5px;
            color: #535b75;
            line-height: 1.75;
        }

        /* 底部按钮区域：靠右对齐 */
        .card-btn-box {
            padding: 0 26px 26px;
            text-align: right;
        }
        /* 详情按钮样式 */
        .card-detail-btn {
            display: inline-block;
            padding: 8px 20px;
            background: linear-gradient(90deg, #165DFF, #429aff);
            color: #ffffff;
            font-size: 14px;
            border-radius: 30px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(22, 93, 255, 0.25);
        }
        .card-detail-btn:hover {
            opacity: 0.92;
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(22, 93, 255, 0.35);
        }

        /* 移动端适配 */
        @media(max-width:992px){
            .case-grid {
                grid-template-columns: repeat(2,1fr);
                gap:26px;
            }
            .banner-title {
                font-size:40px;
            }
            .banner-box{height:380px;}
        }
        @media(max-width:640px){
            .case-grid {
                grid-template-columns: 1fr;
            }
            .banner-title {
                font-size:30px;
                letter-spacing:1px;
            }
            .case-title{font-size:28px;}
        }