.hero-section {
    background: var(--banner-blue-2);
}
.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");
}
 
/* 移动端高度自适应 */
@media (max-width: 768px) {
    .hero-section {
    padding: 20px 0;
}
}
h1{font-weight: 700;}
h2{color: #7ECEF3; font-weight: 600; margin-top: 30px;}
 
 .sidebar{padding-right: 100px;}
 .sidebar .large-classification .title {
  font-size:27px;
  border-bottom:1px solid #d8d8d8;
  margin-bottom:10px
}
 .sidebar .large-classification .title span {
  font-weight:500;
  display:inline-block;
  border-bottom:1px solid var(--main);
  line-height:90px
}
 .sidebar .large-classification .sub-classification .sub-item {
  line-height:45px
}
 .sidebar .large-classification .sub-classification .sub-item a {
  color:#7f7f7f;
  margin-left:10px
}
 .sidebar .large-classification .sub-item input[type=checkbox] {
  transition:all .3s;
  width:15px;
  height:15px;
  cursor:pointer;
  border:1px solid #7f7f7f
}
 .sidebar .large-classification .sub-item input[type=checkbox]:checked {
  transition:all .3s
}
 .sidebar .large-classification .sub-item input[type=checkbox]:checked::after {
  content:'✓';
  box-sizing:border-box;
  padding-bottom:2px;
  color:#fff;
  font-size:5px;
  font-weight:700;
  border-radius:2px;
  border:1px solid var(--main);
  text-align:center;
  display:inline-block;
  width:15px;
  height:15px;
  line-height:15px;
  background-color:var(--main);
  border-color:var(--main)
}
 .sidebar .large-classification .sub-classification .sub-item-active a {
  color:var(--main)

 }
 #rel-products .product-image{
     width: 100%;
     height: 250px;
     overflow: hidden;
     
 }
 
 #rel-products .product-image img{
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: 0.3s;
 }
 #rel-products .product-card:hover img{
    transform: scale(1.15);
 }
   .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;
        }