/* ==================== 全局变量 ==================== */
:root {
    --wifht:#fff
    --blue: #0A66FF;
    --blue-dark: #0040B8;
    --blue-light: #E8F0FF;
    --blue-gradient: linear-gradient(135deg, #0A66FF 0%, #00B4D8 100%);
    --green: #00B383;
    --green-dark: #008866;
    --green-light: #E6F9F2;
    --green-gradient: linear-gradient(135deg, #00B383 0%, #00D4A0 100%);
    --dark: #0F1929;
    --gray-900: #1A2332;
    --gray-700: #4A5568;
    --gray-500: #718096;
    --gray-300: #CBD5E0;
    --gray-100: #F7FAFC;
    --gray-50: #FAFBFC;
    --white: #FFFFFF;
    --shadow-sm: 0 2px 8px rgba(15, 25, 41, 0.06);
    --shadow-md: 0 4px 20px rgba(15, 25, 41, 0.08);
    --shadow-lg: 0 8px 40px rgba(15, 25, 41, 0.12);
    --shadow-blue: 0 4px 20px rgba(10, 102, 255, 0.25);
    --shadow-green: 0 4px 20px rgba(0, 179, 131, 0.25);
    --radius: 12px;
    --radius-lg: 20px;
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: 80px; }

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--gray-900);
    background: var(--white);
    line-height: 1.6;
    overflow-x: hidden;
}

a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; }

.container { 
    max-width: 1200px;
     margin: 0 auto; padding: 0 24px; }
.container3 {  margin: 0 auto; padding: 0 0px; }
.container2 {margin: 0 auto; padding: 0 0px; 
    background-image:url('./img/01-官网首页/05-伴卓越同行/底.PNG');
    background-size: 100% 100%; /* 图片完全拉伸，宽高和容器一模一样，会变形 */
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 700px; 
}
.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 14px 36px; font-size: 16px; font-weight: 600;
    border-radius: 50px; cursor: pointer; transition: var(--transition);
    border: none; white-space: nowrap;
}
.btn-primary { background: var(--blue-gradient); color: var(--white); box-shadow: var(--shadow-blue); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 30px rgba(10, 102, 255, 0.35); }
.btn-outline { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,0.4); }
.btn-outline:hover { background: rgba(255,255,255,0.1); border-color: var(--white); }
.btn-block { width: 100%; }

/* ==================== 导航栏 ==================== */
.navbar {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    /* background: rgba(255,255,255,0.85); */
    /* backdrop-filter: blur(20px);  */
    /* -webkit-backdrop-filter: blur(20px); */
    /* border-bottom: 1px solid rgba(0,0,0,0.05); */
    transition: var(--transition);
}
.navbar.scrolled { background: #0c3579; box-shadow: var(--shadow-sm); }

.nav-container {
    max-width: 1200px; margin: 0 auto; padding: 0 24px;
    height: 90px; display: flex; align-items: center; 
    
    justify-content: space-between;
}

.navbar2 {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    transition: var(--transition);
}
.navbar2.scrolled { background: #ffffff; box-shadow: var(--shadow-sm); }



.nav-logo { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 20px; color: var(--dark); }
.logo-icon { font-size: 28px;height: 70px; background: var(--blue-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.logo-sub { font-size: 11px; color: var(--gray-500); font-weight: 400; margin-left: 4px; }

.nav-menu { display: flex; align-items: center; gap: 32px; }
.nav-menu2 { display: flex; align-items: center; gap: 32px; }
.nav-link {
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #fff;
    border-radius: 8px;
    transition: var(--transition);
    font-family: "Source Han Sans CN", "思源黑体", sans-serif;
    /* 增加定位，用来做短下划线 */
    position: relative;
}
.nav-link:hover, .nav-link.active {
    color: #fff;
    font-weight: 900;
    /* 取消原来的全局border-bottom */
    border-bottom: none;
}
/* 伪元素：短、粗的底部下划线 */
.nav-link:hover::after,
.nav-link.active::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 40%;    /* 控制下划线长度，越小越短，可改30%~60% */
    height: 3px;   /* 厚度，数字越大越粗 */
    background: #fff;
    border-radius: 2px;
}

.nav-link2 {
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #64676e;
    border-radius: 8px;
    transition: var(--transition);
    font-family: "Source Han Sans CN", "思源黑体", sans-serif;
    /* 增加定位，用来做短下划线 */
    position: relative;
}
.nav-link2:hover, .nav-link2.active {
    color: #0c53d9;
    font-weight: 900;
    /* 取消原来的全局border-bottom */
    border-bottom: none;
}
/* 伪元素：短、粗的底部下划线 */
.nav-link2:hover::after,
.nav-link2.active::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 40%;    /* 控制下划线长度，越小越短，可改30%~60% */
    height: 3px;   /* 厚度，数字越大越粗 */
    background: #0c53d9;
    border-radius: 2px;
}


.nav-cta { background: var(--blue-gradient); color: var(--white) !important; padding: 10px 24px; border-radius: 50px; box-shadow: var(--shadow-blue); }
.nav-cta:hover { transform: translateY(-1px); box-shadow: 0 6px 24px rgba(10,102,255,0.35); }

.nav-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }
.nav-toggle span { width: 24px; height: 2px; background: #fff; border-radius: 2px; transition: var(--transition); }
.nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
.nav-toggle.active span:nth-child(2) { opacity: 0; }
.nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(7px,-7px); }

.nav-toggle2 {
    display: none;
    width: 30px;
    height: 24px;
    position: relative;
    cursor: pointer;
  }
  .nav-toggle2 span {
    display: block;
    width:100%;
    height:3px;
    background:#0c53d9;
    border-radius:2px;
    position:absolute;
    transition:0.3s;
  }
  .nav-toggle2 span:nth-child(1){ top:0; }
  .nav-toggle2 span:nth-child(2){ top:10px; }
  .nav-toggle2 span:nth-child(3){ top:20px; }
  /* 激活变成X */
  .nav-toggle2.active span:nth-child(1){
    top:10px; transform: rotate(45deg);
  }
  .nav-toggle2.active span:nth-child(2){
    opacity:0;
  }
  .nav-toggle2.active span:nth-child(3){
    top:10px; transform: rotate(-45deg);
  }
  

  

/* ==================== 面包屑 ==================== */
.breadcrumb {
    padding: 90px 0 0; background: var(--gray-50);
}
.breadcrumb-inner {
    max-width: 1200px; margin: 0 auto; padding: 16px 24px;
    display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--gray-500);
}
.breadcrumb-inner a { color: var(--gray-500); transition: var(--transition); }
.breadcrumb-inner a:hover { color: var(--blue); }
.breadcrumb-sep { color: var(--gray-300); }
.breadcrumb-current { color: var(--dark); font-weight: 600; }

/* ==================== 子页头部 ==================== */
.page-hero {
    /* 去掉固定height，改用flex居中 */
    min-height: 700px;
    width: 100%;
    padding: 40px 20px;
    background: var(--gray-50);
    background-image:url('./img/02-解决方案/首图/2.PNG');
    background-size: cover; /* 替换100% 100%，防止图片拉伸变形 */
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}
.page-hero .container {
    width: 100%;
}
.page-hero h1 {
    font-size: 36px;
    font-weight: 800;
    color: #ffffff; /* 修改h1颜色，按需替换色值 */
    margin-bottom: 12px;
}
.page-hero p {
    font-size: 16px;
    color: #eee; /* 副标题浅色，可自行修改 */
    max-width: 600px;
    margin: 0 auto;
}

/* 移动端适配 */
@media screen and (max-width:768px) {
    .page-hero {
        min-height: 450px;
    }
    .page-hero h1 {
        font-size: 24px;
    }
    .page-hero p {
        font-size:14px;
    }
}

/* ==================== Hero ==================== */
.hero {
    position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #0A1933 0%, #0D2A5C 40%, #0A66FF 100%);
    overflow: hidden; color: var(--white);
}
.hero-bg { position: absolute; inset: 0; z-index: 0; }
.hero-grid {
    position: absolute;
    inset: 0; /* 完全撑满父容器 */
    background-image:url('./img/shouye.JPG');

    /* 核心：填满容器，保持图片比例，裁切超出部分；居中 */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    /* 删掉 fixed！fixed是相对于浏览器窗口，不是本元素 */
    /* background-attachment: fixed; */

    /* 径向遮罩：中心可见，边缘渐变透明 */
    mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
}
.hero-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.4; animation: float 8s ease-in-out infinite; }
.orb-1 { width: 500px; height: 500px; background: var(--blue); top: -100px; right: -100px; }
.orb-2 { width: 400px; height: 400px; background: var(--green); bottom: -100px; left: -100px; animation-delay: 2s; }
@keyframes float { 0%,100% { transform: translate(0,0); } 50% { transform: translate(30px,-30px); } }

.hero-content { position: relative; z-index: 1; text-align: center; max-width: 800px; padding: 100px 24px 60px; }
.hero-badge {
    display: inline-block; padding: 8px 20px; background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2); border-radius: 50px; font-size: 14px; font-weight: 500;
    margin-bottom: 24px; backdrop-filter: blur(10px); animation: fadeInUp 0.6s ease;
}
.hero-title { font-size: 52px; font-weight: 800; line-height: 1.2; margin-bottom: 16px; animation: fadeInUp 0.8s ease; }
.gradient-text { background: linear-gradient(135deg,#4DA8FF 0%,#00D4A0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.hero-subtitle { font-size: 22px; font-weight: 600; margin-bottom: 8px; color: rgba(255,255,255,0.9); animation: fadeInUp 1s ease; }
.hero-desc { font-size: 18px; color: rgba(255,255,255,0.7); margin-bottom: 36px; animation: fadeInUp 1.2s ease; }
.hero-buttons { display: flex; gap: 16px; justify-content: center; margin-bottom: 60px; animation: fadeInUp 1.4s ease; }

.hero-stats { display: flex; align-items: center; justify-content: center; gap: 32px; animation: fadeInUp 1.6s ease; }
.hero-stat { text-align: center; }
.hero-stat-num { font-size: 36px; font-weight: 800; color: var(--white); line-height: 1; }
.hero-stat-num span { font-size: 18px; color: rgba(255,255,255,0.7); }
.hero-stat-label { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 4px; }
.hero-stat-divider { width: 1px; height: 40px; background: rgba(255,255,255,0.15); }

.hero-scroll { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); text-align: center; z-index: 1; color: rgba(255,255,255,0.5); font-size: 13px; }
.scroll-arrow { width: 24px; height: 40px; border: 2px solid rgba(255,255,255,0.3); border-radius: 12px; margin: 8px auto 0; position: relative; }
.scroll-arrow::after { content: ''; position: absolute; top: 8px; left: 50%; transform: translateX(-50%); width: 4px; height: 8px; background: rgba(255,255,255,0.5); border-radius: 2px; animation: scrollDown 2s infinite; }
@keyframes scrollDown { 0% { top: 8px; opacity: 1; } 100% { top: 24px; opacity: 0; } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

/* ==================== Section ==================== */
.section { padding: 100px 0; position: relative; }
.section-header { text-align: center; margin-bottom: 60px; }
.section-tag { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 2px; color: var(--blue); margin-bottom: 12px; }
.section-title { font-size: 36px; font-weight: 800; color: var(--dark); margin-bottom: 12px; line-height: 1.3;
    display: flex;
    align-items: center; /* 垂直居中核心 */
    justify-content: center; }
.section-title img {
    /* 控制图片高度，防止图片太高撑大标题行 */
    height: 24px; 
    width: auto;
    margin: 0 20px 0 20px;
    }
.section-desc { font-size: 16px; color: var(--gray-500); max-width: 600px; margin: 0 auto; }

/* ==================== 痛点 ==================== */
.pain-points { background: var(--gray-50); }
.pain-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; margin-bottom: 40px; }
.pain-card { background: var(--white); border-radius: var(--radius-lg); padding: 36px 28px; text-align: center; box-shadow: var(--shadow-sm); transition: var(--transition); border: 1px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}
.pain-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: rgba(255,107,107,0.2);background: #065fed;color:#fff }
.pain-card {
    padding: 40px 24px;
    border-radius: 16px;
    background-color: #eeeeee;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}
/* hover卡片背景变蓝色 */
.pain-card:hover {
    background-color: #165DFF;
}
/* hover时 h3、p文字变白 */
.pain-card:hover h3,
.pain-card:hover p {
    color: #ffffff;
}

/* 图标容器 */
.pain-icon {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 24px;
}
.pain-icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
    transition: opacity 0.3s ease;
}
.icon-default {
    opacity: 1;
}
.icon-hover {
    opacity: 0;
}
.pain-card:hover .icon-default {
    opacity: 0;
}
.pain-card:hover .icon-hover {
    opacity: 1;
}

.pain-card h3 {
    font-size: 30px;
    font-weight: bold;
    margin:0 0 16px;
    color: #222;
    transition: color 0.3s ease;
}
.pain-card p {
    font-size:20px;
    line-height: 1.6;
    margin:0;
    color: #444;
    transition: color 0.3s ease;
}


/* .pain-card h3 { font-size: 20px; font-weight: 700; color: var(--dark); margin-bottom: 12px; } */
.pain-card p { font-size: 14px; color: var(--gray-500); line-height: 1.6; }
.pain-conclusion { text-align: center; font-size: 20px; font-weight: 600; color: var(--gray-700); display: flex; align-items: center; justify-content: center; gap: 12px; }
.pain-conclusion-icon { width: 32px; height: 32px; background: var(--green-gradient); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; }
.pain-conclusion span { color: var(--blue); font-weight: 800; }

/* ==================== 三大保障 ==================== */
.guarantees { background: var(--white); }
 
.guarantee-grid { 
    display: grid; 
    grid-template-columns: repeat(3,1fr); 
    height: 860px;
    gap:0;
  }
  .guarantee-card {  
    padding: 40px 32px; 
    position: relative; 
    overflow: hidden; 
    transition: var(--transition); 
  }
  .guarantee-card:hover { 
    transform: translateY(-8px); 
    box-shadow: var(--shadow-lg); 
  }
  .guarantee-card-1 { 
    background-image:url('./img/01-官网首页/03-三大核心保障/03.PNG');
    background-size: cover;  /* 修改这一行，替换原来的100% 100% */
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; 
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 80px 80px 80px;
    box-sizing: border-box;
    color: #fff;
}

  .guarantee-card-2 { 
    background-image:url('./img/01-官网首页/03-三大核心保障/04.PNG');
    background-size: cover;  /* 修改这一行，替换原来的100% 100% */
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; 
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 80px 80px 80px;
    box-sizing: border-box;
    color: #fff;
  }
  .guarantee-card-3 { 
    background-image:url('./img/01-官网首页/03-三大核心保障/05.PNG');
    background-size: cover;  /* 修改这一行，替换原来的100% 100% */
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; 
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 80px 80px 80px;
    box-sizing: border-box;
    color: #fff;
  }
  
  /* 文字基础样式（补充，方便移动端缩放） */
  .guarantee-card h3 {
    font-size:36px;
    margin:0 0 12px;
  }
  .guarantee-desc2 {
    font-size:18px;
    margin:0 0 8px;
  }
  .guarantee-desc {
    font-size:22px;
    margin:0 0 20px;
  }
  .guarantee-features {
    padding-left:20px;
    margin:0;
  }
  .guarantee-features li {
    font-size:16px;
    line-height:2;
  }
  
  /* ========== 平板 1200px以下 ========== */
  @media screen and (max-width:1200px){
    .guarantee-grid {
      grid-template-columns: repeat(2,1fr);
      height: auto;
    }
    .guarantee-card {
      min-height:600px;
      padding:0 40px 40px 40px;
    }
    .guarantee-card h3 {
      font-size:28px;
    }
  }
  
  /* ========== 移动端 768px以下 ========== */
  @media screen and (max-width:768px){
    .guarantee-grid {
      grid-template-columns: 1fr;
      height: auto;
    }
    .guarantee-card {
      min-height:480px;
      padding:0 30px 40px 30px;
    }
    .guarantee-card h3 {
      font-size:26px;
    }
    .guarantee-desc2 {
      font-size:16px;
    }
    .guarantee-desc {
      font-size:18px;
    }
    .guarantee-features li {
      font-size:15px;
      line-height:1.8;
    }
  }
  


.guarantee-number { position: absolute; top: 20px; right: 28px; font-size: 56px; font-weight: 900; color: rgba(0,0,0,0.06); line-height: 1; }
.guarantee-icon { font-size: 44px; margin-bottom: 20px; }
.guarantee-card h3 { font-size: 24px; font-weight: 800; color: var(--dark); margin-bottom: 12px; }
.guarantee-desc { font-size: 14px; color: var(--gray-700); line-height: 1.7; margin-bottom: 20px; font-weight: 500; }
.guarantee-features { display: flex; flex-direction: column; gap: 10px; }
.guarantee-features li { font-size: 14px; color: var(--gray-700); padding-left: 20px; position: relative; }
.guarantee-features li::before { content: '\2713'; position: absolute; left: 0;  font-weight: 700; }
.guarantee-card h3 {
    font-size: 52px;
    font-weight: bold;
    margin: 0 0 16px 0;
    color: #fff;
  }
  .guarantee-desc2 {
    font-size: 26px;
    margin:0 0 0px 0;
    line-height:1.6;
    color: #fff;
  }
  .guarantee-desc {
    font-size: 26px;
    margin:0 0 24px 0;
    line-height:1.6;
    color: #fff;
  }
  .guarantee-features {
    list-style: none;
    padding: 0;
    margin:0;
    display: grid;
  grid-template-columns: 1fr 1fr; /* 一行2列 */
  gap: 16px 24px; /* 行间距 16px，列间距24px，可自行调整 */
  }
  .guarantee-features li {
    /* font-size:22px; */
  /* line-height:2.2; */
  position:relative;
  padding-left:32px;
    color: #fff;
  }
  /* 自定义对勾 */
  .guarantee-features li::before {
    content:"✓";
  position:absolute;
  left:0;
  width:22px;
  height:22px;
  border:2px solid #fff;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  }
/* ==================== 解决方案 ==================== */
/* .solutions { background: var(--gray-50); }
.solution-list { display: flex; flex-direction: column; gap: 24px; }
.solution-item { background: var(--white); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition); display: grid; grid-template-columns: 360px 1fr; }
.solution-item:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.solution-left { background: linear-gradient(135deg,var(--dark) 0%,#1A2B4E 100%); color: var(--white); padding: 36px 32px; position: relative; }
.solution-num { font-size: 48px; font-weight: 900; color: rgba(255,255,255,0.1); line-height: 1; margin-bottom: 20px; }
.solution-info h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; line-height: 1.4; }
.solution-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.solution-tags span { padding: 4px 12px; background: rgba(255,255,255,0.1); border-radius: 50px; font-size: 12px; color: rgba(255,255,255,0.8); }
.solution-pain { font-size: 13px; color: rgba(255,255,255,0.6); line-height: 1.6; }
.solution-right { padding: 36px 32px; display: flex; flex-direction: column; justify-content: space-between; }
.solution-content-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.solution-content-item { font-size: 14px; color: var(--gray-700); display: flex; align-items: center; gap: 10px; }
.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }
.ai-dot { width: auto; height: auto; padding: 2px 8px; border-radius: 4px; background: var(--green-gradient); color: var(--white); font-size: 11px; font-weight: 700; }
.solution-grid-4, .solution-grid-2 { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin-bottom: 20px; }
.solution-block { padding: 16px; background: var(--gray-50); border-radius: var(--radius); border-left: 3px solid var(--blue); }
.solution-block h4 { font-size: 15px; font-weight: 700; color: var(--dark); margin-bottom: 6px; }
.solution-block p { font-size: 13px; color: var(--gray-500); }
.solution-value { display: flex; align-items: center; gap: 12px; padding: 16px 20px; background: var(--green-light); border-radius: var(--radius); }
.value-label { padding: 4px 12px; background: var(--green-gradient); color: var(--white); border-radius: 50px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.solution-value p { font-size: 15px; font-weight: 600; color: var(--green-dark); } */
/* 外层容器：只负责页面背景 */
.solutions {
    /* background: var(--gray-50); */
  }
  
  /* 列表间距 */
  .solution-list {
    display: flex;
    flex-direction: column;
  }
  
  /* 单个方案卡片 */
  .solution-item {
    background: #ffffff;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
  
    /* 左右两栏，左右高度强制一致 */
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }
  
  .solution-item:hover {
    /* box-shadow: var(--shadow-lg); */
    /* transform: translateY(-4px); */
  }
  
  /* ==========================================
     左侧：背景图铺满，无白边，文字整体居中
     ========================================== */
     .solution-left {
        will-change: transform;
    backface-visibility: hidden;
        position: relative;
        width: 100%;
        min-height: 700px;
        overflow: hidden;
        background-color: #FAFBFC;
        background-image: url('./img/02-解决方案/01-团餐数字化转型整体解决方案/左底-.PNG');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 65% auto;   /* 背景图缩放到约85%，保持原图比例 */
        background-attachment: local;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
      }
      
  
  .solution-info {
    position: relative;
    z-index: 2;
    padding: 40px 32px;
    width: 100%;
    max-width: 560px;
  }
  
  .solution-info h3 {
    font-size: 48px;
    font-weight: 700;
    color: #2178ed;
    margin-bottom: 24px;
    line-height: 1.2;
  }
  
  .solution-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
    justify-content: center;
  }
  
  .solution-tags span {
    padding: 6px 16px;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 50px;
    font-size: 16px;
    color: #666;
  }
  
  .solution-pain {
    font-size: 18px;
    color: #666;
    line-height: 1.7;
  }
  
  /* ==========================================
     右侧：背景图铺满无白边
     列表居中，底部价值行固定贴底
     ========================================== */
  .solution-right {
    position: relative;
  
    width: 100%;
    min-height: 500px;
    overflow: hidden;
  
    background-image: url('./img/02-解决方案/01-团餐数字化转型整体解决方案/右底.PNG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #ffffff;
  
    /* 上下结构：列表区居中，底部贴底 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  /* 右侧蓝色遮罩，保持文字清晰 */
  .solution-right::before {
    content: "";
    position: absolute;
    inset: 0;
    /* background-color: rgba(20, 90, 200, 0.5); */
    z-index: 1;
  }
  
  /* 列表区域：占满中间空间并垂直居中 */
  .solution-content-inner {
    position: relative;
    z-index: 2;
    flex: 1;
  
    display: flex;
    align-items: center;
    justify-content: center;
  
    padding: 40px 32px 20px;
    width: 100%;
  }
  
  .solution-content-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    width: 100%;
    max-width: 560px;
  }
  
  .solution-content-item {
    font-size: 20px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
  
  .check-icon {
    width: 24px;
    height: 24px;
    border: 2px solid #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    flex-shrink: 0;
  }
  
  /* 右侧底部：固定贴底 */
  .solution-value {
    position: relative;
    z-index: 2;
  
    width: 100%;
    text-align: center;
    padding: 0 32px 30px;
    margin-top: auto;
    padding-top: 20px;
  }
  
  .solution-value p {
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
  }
  
  /* ==========================================
     移动端：上下堆叠，背景图继续铺满无白边
     ========================================== */
  @media screen and (max-width: 992px) {
    .solution-item {
      grid-template-columns: 1fr;
    }
  
    .solution-left,
    .solution-right {
      min-height: 420px;
    }
  
    .solution-info h3 {
      font-size: 32px;
    }
  
    .solution-content-list {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  
    .solution-content-item {
      font-size: 18px;
    }
  
    .solution-value p {
      font-size: 20px;
    }
  }
  
  @media screen and (max-width: 576px) {
    .solution-info h3 {
      font-size: 26px;
    }
  
    .solution-tags span {
      font-size: 14px;
      padding: 4px 10px;
    }
  
    .solution-pain {
      font-size: 16px;
    }
  }
  
  .solution-item {
    display: flex;
    width: 100%;
  }
  .solution-left2 {
    position: relative;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
  
    background-image: url('./img/02-解决方案/02-智慧食堂全场景管理解决方案/左底.PNG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #ffffff;
  
    /* 上下结构：列表区居中，底部贴底 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* flex: 1;
    padding: 60px 40px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 700px;
    background-image: url('./img/02-解决方案/02-智慧食堂全场景管理解决方案/左底.PNG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
  }
  .solution-grid-list {
    display: flex;
    flex-direction: column;
    gap:16px;
    margin-bottom:40px;
    /* 核心：缩短整体宽度 + 水平居中 */
    max-width: 700px; 
    margin-left: auto;
    margin-right: auto;
  }
  .solution-row {
    display:flex;
  }
  .solution-row.blue{
    background:rgba(255,255,255,0.15);
  }
  .solution-title{
    min-width:80px; /* 缩小标题框宽度 */
    padding:14px 10px;
    background:#fff;
    color:#0F58E8;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    border-radius:6px 0 0 6px;
  }
  .solution-row.blue .solution-title{
    background:#0F58E8;
    color:#fff;
    border:1px solid #fff;
  }
  .solution-desc{
    flex:1;
    padding:14px 16px;
    font-size:18px;
    background: linear-gradient(90deg, rgba(255,255,255,0.2), transparent);
    border-radius:0 6px 6px 0;
  }
  .solution-row.blue .solution-desc{
    background:transparent;
  }
  
  .solution-value p{
    font-size:24px;
  }
  .solution-right2 {
    will-change: transform;
    backface-visibility: hidden;
        position: relative;
        width: 100%;
        min-height: 700px;
        overflow: hidden;
        background-color: #FAFBFC;
        background-image: url('./img/02-解决方案/02-智慧食堂全场景管理解决方案/右底.PNG');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 65% auto;   /* 背景图缩放到约85%，保持原图比例 */
        background-attachment: local;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    
  }
  
  .solution-info{
    position:relative;
    z-index:1;
    text-align:center;
  }
  .solution-info h3{
    font-size:56px;
    color:#0F58E8;
    line-height:1.3;
    margin-bottom:30px;
  }
  .solution-tags{
    display:flex;
    gap:20px;
    justify-content:center;
    margin-bottom:30px;
  }
  .solution-tags span{
    border:1px solid #ccc;
    padding:8px 16px;
    border-radius:99px;
    font-size:20px;
    color:#666;
  }
  .solution-pain{
    font-size:22px;
    color:#666;
  }

  /* 3 */
  .solution-content-list3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* PC固定3列 */
    gap: 24px 20px;
    width: 70%;
    max-width: 1400px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-items: start;
}
.solution-content-item3 {
    width: 100%;
    max-width: 340px;
    border: 2px solid rgba(255,255,255,0.6);
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(180deg, #0078ff 0%, rgba(0,120,255,0.4) 100%);
    color: #fff;
    text-align: center;
}
.item-title3 {
    font-size: 26px;
    font-weight: bold;
    padding:16px 0;
    background-color: #0078ff;
}
.item-desc3 {
    font-size: 18px;
    line-height: 1.6;
    padding: 16px 12px 20px;
}

/* ========== 平板 992px以下：一行2个 ========== */
@media screen and (max-width:992px) {
    .solution-content-list3 {
        grid-template-columns: repeat(2,1fr);
        width: 85%;
    }
    .item-title3 {
        font-size: 22px;
    }
    .item-desc3 {
        font-size:16px;
    }
}
/* ========== 手机768px以下：一行1个 ========== */
@media screen and (max-width:768px) {
    .solution-content-list3 {
        grid-template-columns: 1fr;
        width:90%;
        top:0;
        left:0;
        transform: none;
        position: static;
    }
    .solution-content-item3 {
        max-width:100%;
    }
    .item-title3 {
        font-size: 20px;
        padding:12px 0;
    }
    .item-desc3 {
        font-size:15px;
        padding:14px 10px 16px;
    }
}


  /* 4 */
  .solution-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    width: 80%;
    max-width: 1100px;
    /* 整体在父容器水平垂直居中 */
    position: relative;
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%);
}
.solution-block {
    border-radius: 16px;
    padding:30px;
    /* 白色到蓝色横向渐变，左边白，往右慢慢变透明蓝，和图片一致 */
    background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0) 70%);
}
.solution-block h4 {
    font-size: 36px;
    color: #0066ff;
    font-weight: bold;
    margin:0 0 20px 0;
}
.solution-block p {
    font-size:26px;
    color:#666666;
    line-height:1.6;
    margin:0;
}

/* 平板 */
@media screen and (max-width:992px) {
    .solution-grid-2 {
        gap:28px;
        width:85%;
    }
    .solution-block h4 {
        font-size:28px;
    }
    .solution-block p {
        font-size:22px;
    }
}
/* 手机 */
@media screen and (max-width:768px) {
    .solution-grid-2 {
        grid-template-columns: 1fr;
        width:90%;
        top:0;
        left:0;
        transform: none;
        position: static;
        gap:24px;
    }
    .solution-block {
        padding:24px 20px;
    }
    .solution-block h4 {
        font-size:24px;
        margin-bottom:12px;
    }
    .solution-block p {
        font-size:18px;
    }
}

  

/* ==================== 产品体系 ==================== */
.products { background: var(--white); }
.product-category { margin-bottom: 60px; }
.product-category-header { display: flex; align-items: center; gap: 16px; margin-bottom: 32px; padding-bottom: 20px; border-bottom: 2px solid var(--gray-100); }
.product-category-icon { font-size: 36px; }
.product-category-header h3 { font-size: 24px; font-weight: 800; color: var(--dark); }
.product-category-header p { font-size: 14px; color: var(--gray-500); margin-top: 4px; }
.badge-hot { display: inline-block; padding: 2px 10px; background: var(--green-gradient); color: var(--white); border-radius: 50px; font-size: 12px; font-weight: 700; margin-left: 8px; vertical-align: middle; }

.product-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.product-card { padding: 28px 24px; background: var(--white); border-radius: var(--radius-lg); border: 1px solid var(--gray-100); transition: var(--transition); cursor: pointer; }
.product-card:hover { border-color: var(--blue); box-shadow: var(--shadow-md); transform: translateY(-4px); }
.product-card-icon { font-size: 32px; margin-bottom: 16px; }
.product-card h4 { font-size: 17px; font-weight: 700; color: var(--dark); margin-bottom: 8px; }
.product-card p { font-size: 13px; color: var(--gray-500); line-height: 1.6; }

.hardware-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.hardware-group { background: var(--gray-50); border-radius: var(--radius-lg); padding: 24px 20px; }
.hardware-group-title { font-size: 15px; font-weight: 700; color: var(--blue); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--blue-light); }
.hardware-items { display: flex; flex-direction: column; gap: 10px; }
.hardware-item { font-size: 14px; color: var(--gray-700); padding: 8px 12px; background: var(--white); border-radius: 8px; transition: var(--transition); }
.hardware-item:hover { background: var(--blue-light); color: var(--blue); }

.ai-showcase { display: grid; grid-template-columns: repeat(5,1fr); gap: 20px; }
.ai-card { padding: 28px 20px; border-radius: var(--radius-lg); text-align: center; transition: var(--transition); overflow: hidden; }
.ai-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); }
.ai-card-1 { background: linear-gradient(135deg,#EBF5FF,#D6E8FF); }
.ai-card-2 { background: linear-gradient(135deg,#FFF0F0,#FFE0E0); }
.ai-card-3 { background: linear-gradient(135deg,#E6F9F2,#D1F0E3); }
.ai-card-4 { background: linear-gradient(135deg,#F3EEFF,#E5D6FF); }
.ai-card-5 { background: linear-gradient(135deg,#FFF8E6,#FFEDB8); }
.ai-card-icon { font-size: 36px; margin-bottom: 16px; }
.ai-card h4 { font-size: 16px; font-weight: 700; color: var(--dark); margin-bottom: 10px; }
.ai-card p { font-size: 13px; color: var(--gray-700); line-height: 1.6; margin-bottom: 14px; }
.ai-tags { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; }
.ai-tags span { padding: 3px 10px; background: rgba(255,255,255,0.6); border-radius: 50px; font-size: 11px; font-weight: 600; color: var(--gray-700); }

/* ==================== 数据 ==================== */
/* .data-section { background: linear-gradient(135deg,#0A1933 0%,#0D2A5C 50%,#0A66FF 100%); color: var(--white); overflow: hidden; 
    background-image:url('./img/01-官网首页/06-真实运营数据/底.PNG');
    background-size: 100% 100%; 
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
} */
.data-section .section-title { color: var(--white); }
.data-section .section-desc { color: rgba(255,255,255,0.7); }
.data-section .section-tag { color: #4DA8FF; }
.data-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.data-card { text-align: center; padding: 40px 24px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-lg); backdrop-filter: blur(10px); transition: var(--transition); }
.data-card:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); transform: translateY(-8px); }
.data-icon { font-size: 36px; margin-bottom: 16px; }
.data-number { font-size: 56px; font-weight: 900; color: var(--white); line-height: 1; display: inline; }
.data-unit { font-size: 24px; color: #4DA8FF; font-weight: 700; display: inline; }
.data-label { font-size: 15px; color: rgba(255,255,255,0.7); margin-top: 8px; margin-bottom: 20px; }
.data-bar { height: 6px; background: rgba(255,255,255,0.1); border-radius: 3px; overflow: hidden; }
.data-bar-fill { height: 100%; background: linear-gradient(90deg,#4DA8FF,#00D4A0); border-radius: 3px; width: 0; transition: width 1.5s ease; }
.data-bar-fill.animate { width: var(--bar-width); }
/* 外层section：纯色背景 #000f3d */
.data-section {
    background-color: #000f3d;
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* data-section2 放科技背景图 */
.data-section2 {
    position: relative;
    width: 100%;
    /* 高度继承内容高度，背景铺满整个data-section2容器 */
    min-height: 100%;
    padding: 80px 0 120px;
    background-image: url('./img/01-官网首页/06-真实运营数据/底.PNG');
    background-size: 100% 100%; /* 宽度100%、高度100%，完全拉伸填满容器 */
    background-position: center;
    background-repeat: no-repeat;
}

/* 底部深色压边，放在data-section2底部，还原原图底部弧形深色效果 */
/* .data-section2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(0, 15, 61, 0) 0%, #000f3d 40%, #000729 100%);
    z-index: 1;
} */

.data-section2 .container {
    position: relative;
    z-index: 2;
}

.data-section2 .section-title {
    color: #ffffff;
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    margin: 0 0 60px;
}

.data-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.data-item {
    text-align: center;
    position: relative;
    padding: 0 20px;
}

/* 中间竖分割线 | */
.data-item:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 40px;
    opacity: 0.7;
}

.data-number-static {
    font-size: 96px;
    font-weight: 900;
    line-height: 1;
    color: #fff;
}

.data-unit {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin-left: 6px;
}

.data-label {
    font-size: 24px;
    margin-top: 12px;
    color: #fff;
}

/* 平板适配 */
@media screen and (max-width: 1200px) {
    .data-section2 {
        padding: 60px 0 100px;
    }
    .data-section2 .section-title {
        font-size: 36px;
    }
    .data-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .data-item:nth-child(2)::after {
        content: "";
    }
    .data-number {
        font-size: 72px;
    }
    .data-unit {
        font-size: 30px;
    }
    .data-label {
        font-size: 20px;
    }
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    .data-section2 {
        padding: 50px 0 90px;
    }
    .data-section2 .section-title {
        font-size: 28px;
        margin-bottom: 40px;
    }
    .data-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .data-item::after {
        display: none;
    }
    .data-number {
        font-size: 60px;
    }
    .data-unit {
        font-size: 26px;
    }
    .data-label {
        font-size: 18px;
    }
}



/* ==================== 服务能力 ==================== */
.services { background: var(--gray-50); }
.service-flow { display: flex; align-items: stretch; gap: 0; flex-wrap: wrap; justify-content: center; }
.service-step { flex: 1; min-width: 240px; background: var(--white); border-radius: var(--radius-lg); padding: 32px 28px; box-shadow: var(--shadow-sm); transition: var(--transition); }
.service-step:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.service-step-num { width: 48px; height: 48px; background: var(--blue-gradient); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px; box-shadow: var(--shadow-blue); }
.service-step-content h3 { font-size: 18px; font-weight: 700; color: var(--dark); margin-bottom: 16px; }
.service-step-content ul li { font-size: 14px; color: var(--gray-700); padding: 6px 0 6px 20px; position: relative; }
.service-step-content ul li::before { content: '\25B8'; position: absolute; left: 0; color: var(--blue); }
.service-pipeline { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.service-pipeline span { font-size: 13px; color: var(--gray-700); padding: 4px 10px; background: var(--blue-light); border-radius: 6px; font-weight: 500; }
.pipe-arrow { color: var(--blue) !important; background: transparent !important; font-size: 16px !important; padding: 0 !important; }
.service-arrow { display: flex; align-items: center; justify-content: center; padding: 0 12px; font-size: 24px; color: var(--gray-300); }

/* ==================== 客户案例 ==================== */
.cases { background: var(--white); }
.case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; margin-bottom: 40px; }
.case-card { overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition); background: var(--white); }
/* .case-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-8px); } */
.case-header { height: 120px; display: flex; align-items: flex-end; padding: 20px; }
.case-header-1 { background: linear-gradient(135deg,#0A66FF,#00B4D8); }
.case-header-2 { background: linear-gradient(135deg,#00B383,#00D4A0); }
.case-header-3 { background: linear-gradient(135deg,#6B46C1,#9F7AEA); }
.case-tag { padding: 6px 16px; background: rgba(255,255,255,0.2); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.3); border-radius: 50px; font-size: 14px; font-weight: 600; color: var(--white); }
.case-body { padding: 28px 24px; }
.case-section { margin-bottom: 20px; }
.case-section h4 { font-size: 13px; font-weight: 700; color: var(--gray-500); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px; }
.case-section p { font-size: 14px; color: var(--gray-700); line-height: 1.6; }
.case-result { padding-top: 16px; border-top: 1px solid var(--gray-100); }
/* .case-result-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.case-result-tags span { padding: 4px 12px; background: var(--green-light); color: var(--green-dark); border-radius: 50px; font-size: 12px; font-weight: 600; } */
.case-cta { text-align: center; margin-top: 50px;margin-bottom: 50px;}
.case-cta p { font-size: 16px; color: var(--gray-700); margin-bottom: 16px; }

/* ==================== 关于我们 ==================== */
.about { background: var(--gray-50); }
.about-content { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: start; }
.about-intro { margin-bottom: 32px; }
.about-intro p { font-size: 16px; color: var(--gray-700); line-height: 1.8; margin-bottom: 16px; }
.about-intro strong { color: var(--blue); }
.about-services h4 { font-size: 16px; font-weight: 700; color: var(--dark); margin-bottom: 16px; }
.about-service-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.about-service-tags span { padding: 8px 16px; background: var(--white); border: 1px solid var(--gray-100); border-radius: 50px; font-size: 14px; color: var(--gray-700); transition: var(--transition); }
.about-service-tags span:hover { background: var(--blue-light); border-color: var(--blue); color: var(--blue); }
.about-mission { display: flex; align-items: center; gap: 16px; padding: 24px; background: var(--blue-gradient); border-radius: var(--radius-lg); color: var(--white); margin-top: 32px; }
.mission-icon { font-size: 36px; }
.about-mission h4 { font-size: 14px; opacity: 0.8; margin-bottom: 4px; }
.about-mission p { font-size: 18px; font-weight: 700; }
.about-right { background: var(--white); border-radius: var(--radius-lg); padding: 36px 32px; box-shadow: var(--shadow-sm); }
.about-advantage-title { font-size: 18px; font-weight: 700; color: var(--dark); margin-bottom: 24px; padding-bottom: 16px; border-bottom: 2px solid var(--gray-100); }
.advantage-list { display: flex; flex-direction: column; gap: 20px; }
.advantage-item { display: flex; gap: 16px; align-items: start; }
.advantage-icon { font-size: 28px; flex-shrink: 0; }
.advantage-item h5 { font-size: 16px; font-weight: 700; color: var(--dark); margin-bottom: 4px; }
.advantage-item p { font-size: 14px; color: var(--gray-500); }

/* ==================== 联系我们 ==================== */
.contact { background: var(--white); }
.contact-content { display: grid; 
    /* grid-template-columns: 1fr 1.2fr; */
     gap: 48px; }
.contact-info { display: flex; flex-direction: column; gap: 24px; }
.contact-item { display: flex; gap: 16px; align-items: start; padding: 20px; background: var(--gray-50); border-radius: var(--radius); }
.contact-icon { font-size: 28px; flex-shrink: 0; }
.contact-item h4 { font-size: 14px; color: var(--gray-500); margin-bottom: 4px; }
.contact-item p { font-size: 16px; font-weight: 600; color: var(--dark); }
.contact-quick-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.quick-link { padding: 10px 20px; background: var(--blue-light); color: var(--blue); border-radius: 50px; font-size: 14px; font-weight: 600; transition: var(--transition); }
.quick-link:hover { background: var(--blue); color: var(--white); }
.contact-form-wrapper { background: #f7f7f7;border-radius: var(--radius-lg); padding: 36px 32px; }
.contact-form-wrapper h3 { font-size: 20px; font-weight: 700; color: var(--dark); margin-bottom: 24px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; font-size: 14px; font-weight: 600; color: var(--gray-700); margin-bottom: 8px; }
.required { color: #FF5252; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 12px 16px; border: 2px solid var(--gray-100); border-radius: var(--radius); font-size: 15px; color: var(--dark); background: var(--white); transition: var(--transition); font-family: inherit; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(10,102,255,0.1); }
.form-group textarea { resize: vertical; }
.form-success { display: none; text-align: center; padding: 40px 20px; }
.form-success.show { display: block; animation: fadeInUp 0.5s ease; }
.success-icon { width: 64px; height: 64px; background: var(--green-gradient); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; margin: 0 auto 20px; }
.form-success h3 { color: var(--green-dark); margin-bottom: 8px; }
.form-success p { color: var(--gray-500); font-size: 14px; }

/* ==================== 首页快捷入口 ==================== */
.quick-nav { background: var(--white); }
.quick-nav-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.quick-nav-card { background: #eaecef;
    /* border-radius: var(--radius-lg); */
    padding: 36px 28px;
    transition: var(--transition);
    /* 不要全局边框，底部单独预留 */
    border: none;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    display: block;}
.quick-nav-card:hover { transform: translateY(-8px);
    /* 蓝色外发光阴影，模拟图里四周蓝色光晕 */
    box-shadow: 0 0 24px rgba(2, 102, 248, 0.35);
    /* hover时底部边框变蓝色 */
    border-bottom-color: #0266f8;
    background: var(--white);}
.quick-nav-icon { font-size: 40px; margin-bottom: 16px; }
.quick-nav-card h3 { font-size: 20px; font-weight: 700; color: var(--dark); margin-bottom: 8px; }
/* 悬浮时 h3 文字变成蓝色 #0266f8 */
.quick-nav-card:hover h3 {
    color: #0266f8;
  }
.quick-nav-card p { font-size: 14px; color: var(--gray-500); margin-bottom: 16px; line-height: 1.6; }
.quick-nav-arrow { font-size: 14px; color: var(--blue); font-weight: 600; display: flex; align-items: center; gap: 4px; }

/* ==================== 合作伙伴 ==================== */
.bansui{

}
.baisuizuoyou {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
  }
  /* 左右大图区域，均分宽度 */
  .baisuizuo, .baisuiyou {
    flex: 1;
  }
  .icon-default {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
  }
  /* 中间模块 */
  .baisuizhong {
    flex: 0 0 30%;
  }
  .center-card {
    position: relative;
    width:100%;
  }
  .center-bg {
    width: 100%;
    height: auto;
    display:block;
  }
  .center-text-wrap {
    position: absolute;
    inset:0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
  }
  .text-col {
    text-align:center;
  }
  .text-col .num {
    font-size: 72px;
    font-weight: bold;
    color:#0266f8;
    line-height:1;
  }
  .text-col .desc {
    font-size:22px;
    color:#333;
    margin-top:8px;
  }
  
  /* ========== 移动端 小于768px ========== */
  @media screen and (max-width:768px){
    .baisuizuoyou {
      flex-direction: column;
      gap: 24px;
    }
    /* 中间模块排到最顶部 */
    .baisuizhong {
      width: 100%;
      order: -1;
    }
    .baisuizuo, .baisuiyou {
      width:100%;
    }
    /* 移动端缩小中间数字字号 */
    .text-col .num {
      font-size: 48px;
    }
    .text-col .desc {
      font-size:18px;
    }
    .center-text-wrap {
      gap: 20px;
    }
  }
  
  /* ========== 移动端适配 屏幕小于768px ========== */
  @media screen and (max-width:768px){
    .baisuizuoyou{
      flex-direction: column;
      gap:32px;
    }
    /* 左右logo网格改成一行2个 */
    .baisuizuo, .baisuiyou{
      width:100%;
      grid-template-columns: repeat(2,1fr);
    }
    /* 中间模块宽度100% */
    .baisuizhong{
      width:100%;
    }
    /* logo高度缩小 */
    .logo-item{
      height:70px;
    }
    /* 中间数字缩小 */
    .text-col .num{
      font-size:48px;
    }
    .text-col .desc{
      font-size:18px;
    }
    .center-text-wrap{
      gap:20px;
    }
  }
  
/* ==================== 底部 ==================== */
.footer {
    background: #000f3d;
    color: var(--white);
    padding: 60px 0 30px;
}
/* 两大容器：footer-left 和 footer-right 横向并排 */
.footer-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    /* 给外层左右基础padding，代替子元素写死padding-left */
    padding-inline: 20px;
    box-sizing: border-box;
  }
  .footer-left {
    flex: 1;
    text-align: left;
    /* 删掉这里的 padding-left:180px !!!! */
  }
  
  /* ========== 媒体查询：移动端适配（屏幕小于768px） ========== */
  @media screen and (max-width: 768px) {
    .footer-wrap {
      /* 小屏改成上下排列 */
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
      padding-bottom:20px;
    }
    .footer-left {
      /* 取消flex:1，小屏不需要占满宽度 */
      flex: unset;
      width:100%;
    }
    .footer-right {
        /* 取消flex:1，小屏不需要占满宽度 */
        flex: unset;
        width:100%;
      }
  }
  
  /* ========== 大屏单独处理左边距（>=1200px大屏才加180左内边距） ========== */
  @media screen and (min-width: 1200px) {
    .footer-left {
      padding-left: 180px;
    }
  }
  
.footer-right {
    /* 右侧容器，内部三栏均分 */
    flex:1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:20px;
    text-align:center;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 36px;
    color: #429bff;
    font-weight: bold;
    margin-bottom: 40px;
}
.footer-logo img {
    height:70px;
}

.contact-group {
    display: flex;
    flex-direction: column;
    gap:36px;
}
.contact-item2 {
    display: flex;
    align-items: flex-start;
    gap:16px;
}
.contact-icon {
    width:40px;
    height:40px;
    flex-shrink: 0;
}
.contact-title {
    font-size:18px;
    margin:0 0 8px;
    color:#fff;
}
.contact-text p {
    font-size:22px;
    color:#ffffff;
    margin:4px 0;
}

/* 右侧三栏文字样式 */
.footer-col h5 {
    font-size:24px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 22px;
}
.footer-col a {
    display: block;
    font-size:18px;
    color: rgba(255,255,255,0.45);
    padding: 6px 0;
    text-decoration: none;
    transition: var(--transition);
}
.footer-col a:hover {
    color: var(--white);
}

.footer-qual {
    padding:28px 0;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}
.footer-qual span {
    font-size:16px;
    color: rgba(255,255,255,0.45);
}

.footer-bottom {
    padding:28px 0 0;
    text-align: center;
}
.footer-bottom p {
    font-size:16px;
    color: rgba(255,255,255,0.4);
    margin-bottom: 8px;
}
.footer-focus {
    font-size:15px !important;
}

/* 移动端适配 */
@media screen and (max-width:1024px) {
    .footer-wrap {
        flex-direction: column;
    }
    .footer-right {
        grid-template-columns: repeat(3,1fr);
    }
}
@media screen and (max-width:768px) {
    .footer-right {
        grid-template-columns:1fr;
        gap:30px;
    }
    .footer-col h5 {
        font-size:20px;
    }
}



/* ==================== 回到顶部 & 咨询 ==================== */
.back-to-top { position: fixed; bottom: 100px; right: 30px; width: 48px; height: 48px; background: var(--blue-gradient); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; box-shadow: var(--shadow-blue); opacity: 0; visibility: hidden; transition: var(--transition); z-index: 999; }
.back-to-top.show { opacity: 1; visibility: visible; }
.back-to-top:hover { transform: translateY(-4px); }
.chat-widget { position: fixed; bottom: 30px; right: 30px; z-index: 999; }
.chat-bubble { display: flex; align-items: center; gap: 8px; padding: 14px 24px; background: var(--green-gradient); color: var(--white); border-radius: 50px; cursor: pointer; box-shadow: var(--shadow-green); transition: var(--transition); font-weight: 600; font-size: 15px; }
.chat-bubble:hover { transform: scale(1.05); box-shadow: 0 6px 30px rgba(0,179,131,0.4); }
.chat-icon { font-size: 20px; animation: pulse 2s infinite; }
@keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.15); } }

/* ==================== AOS ==================== */
[data-aos] { opacity: 0; transition: opacity 0.6s ease, transform 0.6s ease; }
[data-aos="fade-up"] { transform: translateY(40px); }
[data-aos].aos-animate { opacity: 1; transform: translateY(0); }

/* ==================== 响应式 ==================== */
@media (max-width: 1024px) {
    .hero-title { font-size: 40px; }
    .section-title { font-size: 30px; }
    .pain-grid { grid-template-columns: repeat(2,1fr); }
    .guarantee-grid { grid-template-columns: 1fr; }
    .solution-item { grid-template-columns: 1fr; }
    .solution-left { padding: 28px 24px; }
    .product-grid { grid-template-columns: repeat(2,1fr); }
    .hardware-grid { grid-template-columns: repeat(2,1fr); }
    .ai-showcase { grid-template-columns: repeat(3,1fr); }
    .data-grid { grid-template-columns: repeat(2,1fr); }
    .case-grid { grid-template-columns: 1fr; }
    .about-content { grid-template-columns: 1fr; }
    .contact-content { grid-template-columns: 1fr; }
    .service-flow { flex-direction: column; }
    .service-arrow { transform: rotate(90deg); padding: 8px 0; }
    .quick-nav-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
   
    .nav-toggle { display: flex; }
    .hero-title { font-size: 32px; }
    .hero-subtitle { font-size: 18px; }
    .hero-desc { font-size: 16px; }
    .hero-stats { flex-wrap: wrap; gap: 20px; }
    .hero-stat-divider { display: none; }
    .section { padding: 60px 0; }
    .section-title { font-size: 24px; }
    .section-header { margin-bottom: 40px; }
    .pain-grid { grid-template-columns: 1fr; }
    .product-grid { grid-template-columns: 1fr; }
    .hardware-grid { grid-template-columns: 1fr; }
    .ai-showcase { grid-template-columns: repeat(2,1fr); }
    .data-grid { grid-template-columns: 1fr; }
    .data-number { font-size: 42px; }
    .footer-top { grid-template-columns: 1fr; gap: 32px; }
    .footer-links { grid-template-columns: repeat(3,1fr); }
    .hero-buttons { flex-direction: column; padding: 0 20px; }
    .chat-widget .chat-text { display: none; }
    .chat-bubble { padding: 14px; }
    .back-to-top { right: 20px; bottom: 80px; }
    .chat-widget { right: 20px; bottom: 20px; }
}
@media (max-width: 480px) {
    .hero-title { font-size: 26px; }
    .hero-stat-num { font-size: 28px; }
    .ai-showcase { grid-template-columns: 1fr; }
    .footer-links { grid-template-columns: 1fr; }
}
@media screen and (max-width:768px) {
    .nav-toggle2 {
      display: block;
    }
    .nav-menu2 {
      position:fixed;
      top:70px;
      left:0;
      width:100%;
      background:#fff;
      flex-direction:column;
      align-items:center;
      padding:30px 0;
      margin:0;
      padding-left:0; /* 清除ul默认左padding */
      transform: translateX(100%);
      transition:0.3s;
    }
    .nav-menu2.active {
      transform: translateX(0);
    }
    .nav-menu {
      position:fixed;
      top:70px;
      left:0;
      width:100%;
      background:#0c3579;
      flex-direction:column;
      align-items:center;
      padding:30px 0;
      margin:0;
      padding-left:0; /* 清除ul默认左padding */
      transform: translateX(100%);
      transition:0.3s;
    }
    .nav-menu.active {
      transform: translateX(0);
    }
    .nav-menu .nav-link2{
      color:#fff;
    }
    .nav-menu .nav-link2:hover,
    .nav-menu .nav-link2.active{
      color:#fff;
    }
    .nav-menu .nav-link2:hover::after,
    .nav-menu .nav-link2.active::after{
      background:#fff;
    }
  }

















/* 适配 */
/* ====================== 解决方案页面 移动端适配 新增 ====================== */
/* 平板 992px 以下 */
@media screen and (max-width: 992px) {
    .solution-item {
      display: flex !important;
      flex-direction: column !important;
    }
    .solution-left,
    .solution-right,
    .solution-left2,
    .solution-right2 {
      min-height: 420px;
      padding: 40px 24px;
    }
  
    .solution-info h3 {
      font-size: 34px;
    }
    .solution-left .solution-info h3 {
      font-size: 32px;
    }
    .solution-right2 .solution-info h3 {
      font-size: 34px;
    }
  
    .solution-content-list {
      grid-template-columns: 1fr;
      gap: 18px;
    }
    .solution-content-item {
      font-size: 18px;
    }
  
    .solution-grid-2 {
      grid-template-columns: 1fr 1fr;
      gap:16px;
    }
  
    .solution-value p {
      font-size: 20px;
    }
    .solution-tags {
      gap:10px;
    }
  }
  
  /* 移动端 768px 手机 */
  @media screen and (max-width:768px) {
    /* 页面头部hero */
    .page-hero {
      min-height: 420px;
    }
    .page-hero h1 {
      font-size: 28px;
    }
    .page-hero p {
      font-size:15px;
    }
  
    .solution-item {
      display: flex !important;
      flex-direction: column !important;
    }
  
    .solution-left,
    .solution-right,
    .solution-left2,
    .solution-right2 {
      min-height: 360px;
      padding: 32px 20px;
    }
  
    .solution-info h3 {
      font-size: 26px !important;
    }
    .solution-pain {
      font-size: 16px;
    }
  
    .solution-tags span {
      font-size:14px;
      padding:5px 10px;
    }
  
    /* 方案2 前厅后厨那一行卡片 */
    .solution-grid-list {
      max-width:100%;
    }
    .solution-row {
      flex-wrap: nowrap;
    }
    .solution-title {
      min-width:65px;
      font-size:16px;
      padding:10px 4px;
    }
    .solution-desc {
      font-size:14px;
      padding:10px 8px;
    }
  
    /* 方案3-6 四格模块改成2格 */
    .solution-grid-2 {
      grid-template-columns: 1fr;
    }
  
    .solution-content-item {
      font-size:16px;
    }
    .solution-value p {
      font-size:18px;
    }
  
    /* 方案序号 */
    .solution-num {
      font-size:36px;
    }
  
    /* 底部咨询按钮 */
    .case-cta p {
      font-size:16px;
    }
    .case-cta .btn {
      padding:12px 24px;
      font-size:15px;
    }
  }
  
  /* 小手机 480px */
  @media screen and (max-width:480px) {
    .page-hero h1 {
      font-size:24px;
    }
    .solution-info h3 {
      font-size:22px !important;
    }
    .solution-row {
      flex-direction: column;
    }
    .solution-title {
      border-radius:6px 6px 0 0;
      width:100%;
    }
    .solution-desc {
      border-radius:0 0 6px 6px;
    }
    .solution-tags {
      flex-wrap: wrap;
      justify-content:center;
    }
  }