.hero-section {
    background: var(--banner-blue-3);
}
.hero-section h1{
  font-size: 52px;
  font-weight: 600;
}
.hero-section::before {
background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='tech' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23ffffff' fill-opacity='0.8'/%3E%3Cpath d='M50,50 L90,50 M50,50 L50,90 M50,50 L10,50 M50,50 L50,10' stroke='%23ffffff' stroke-width='0.5' stroke-opacity='0.3'/%3E%3Cpath d='M50,50 L75,25 M50,50 L75,75 M50,50 L25,75 M50,50 L25,25' stroke='%23ffffff' stroke-width='0.5' stroke-opacity='0.3'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23tech)'/%3E%3C/svg%3E");
}
 /*案例首页*/
 #cases-index .cases-img{
    height: 250px;
    width: 300px;
    overflow: hidden;
 }
 #cases-index .cases-img img{
    height: 100%;
    width: 100%;
    object-fit: cover; object-position: center;
 }
#cases-index .cases-info p{
     display: -webkit-box;
    -webkit-line-clamp: 4;  /* 控制显示的行数，这里以3行为例 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
        #navbarApplication {
            background: #ffffff;
            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
            border-bottom: 1px solid #eef2f6;
            display: none;  /* 初始隐藏 */
            padding: 0 auto;
        }
    
        #navbarApplication .nav-link {
            color: #2c3e50;
            font-weight: 500;
            margin: 0 0.5rem;
            height: 100px;
            transition: all 0.2s;
        }
        #navbarApplication .nav-link i {
            font-size: 1rem;
        }
        #navbarApplication .active a{
            background: var(--blue);
            border-radius: 0 30px 0 30px;
        }
        #navbarApplication .active i,#navbarApplication .active p{color: #fff;}

 
 

#app-intro .app-con{font-size: 18px; line-height: 43px;}
#caselist .case-con{background: #fff; border-top:3px var(--main) solid;}
#compare .compare-image img{max-width: 80%;}
#compare .compare-description{width: 100%; height: 120px;}


.compare-imgs{
 display: flex;
  flex-direction: row;
  justify-content: center;
    
}
.compare-img{width:250px;height:250px;overflow:hidden;}
.compare-img img{width:100%;height:100%;object-position:center;object-fit:cover;}
.compare-imgs .toright{margin:auto 15px; font-weight: 1000; font-size: 30px; color:#4096ff;
}

.adv-card{
    height: 300px;
    position: relative;
    overflow: hidden;
}
.adv-card .adv-overlay{
    position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  background: linear-gradient(135deg, rgba(30, 120, 230, 0.55), rgba(80, 170, 255, 0.45));
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  transition: transform 0.35s cubic-bezier(0.2, 0, 0, 1);
            will-change: transform;     
}
  
        
        
     
.adv-card:hover .adv-overlay {
            transform: scale(1.1);     /* 放大比例 1.08 倍，视觉舒适且不突兀 */
        }
 /* 手机端适配 */
        @media (max-width: 767.98px) {
            .adv-card{height:180px;}
        }
/*产品部分*/
.product-card{
  position: relative; z-index: 5; margin-bottom: 25px; height: 400px;
 
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0,0,0,0.03);
            background: white;
        }
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.08);
        }
        .product-card .tag-red{display: inline-block; margin:0.16rem; }
.product-card .product-image{
  display: flex;
            align-items: center;
            justify-content: center;
            position:absolute;
            right: 0;
            top:0;
   width: 40%;
  height: 100%; }
.product-card img{ max-height:70%;}
.product-info{
            display: flex;
            width: 60%;
            flex-direction: column;
            justify-content: center;}
 
.img-hover-card {
            background-color: #fff;
            transition: box-shadow 0.25s ease, transform 0.2s ease;
        }  
        
        .zoom-on-hover {
            transition: transform 0.35s cubic-bezier(0.2, 0, 0, 1);
            will-change: transform;     
            transform: scale(1);
        }

     
        .img-hover-card:hover .zoom-on-hover {
            transform: scale(1.08);     /* 放大比例 1.08 倍，视觉舒适且不突兀 */
        }
 
        .img-hover-card img {
    
            vertical-align: middle;
        }
        .gotoproduct{
            position: absolute;width: 100%;height: 40px; line-height: 40px; left: 0; bottom: 0; text-align: center;background: var(--blue);color: #fff;
        }
        .gotoproduct:hover{color: #eef2ff;}
/*shiping*/
        .video-wrapper {
            max-width: 1000px;      /* 最大宽度限制，大屏幕下不至于过宽 */
            width: 100%;
            margin: 0 auto;         /* 水平居中备用 */
            border-radius: 1rem;
            overflow: hidden;
            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.25);
            background-color: #000; /* 黑色背景，视频未加载时美观 */
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
  
        /* 视频元素本身：响应式宽度，圆角继承父级，鼠标指针表明可点击 */
        .clickable-video {
            width: 100%;
            height: auto;
            display: block;
            cursor: pointer;
            outline: none;
            transition: filter 0.2s;
        }
        
        /* 鼠标悬停时轻微提示效果 (可选) */
        .clickable-video:hover {
            filter: brightness(0.98);
        }
        
        /* 视频容器外层添加上下间距，确保在移动端也舒适 */
        .video-section {
            padding: 2rem 1rem;
        }