/* 前端样式 */
body {
    background: #f8f8f9;
}
.hero-section {
    background: var(--gradient-ocean-deep);

}
.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%3Cpath d='M10,20 L90,20' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.06'/%3E%3Cpath d='M10,40 L90,40' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.06'/%3E%3Cpath d='M10,60 L90,60' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.06'/%3E%3Cpath d='M10,80 L90,80' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.06'/%3E%3Ccircle cx='20' cy='20' r='3' fill='%23ffffff' fill-opacity='0.08'/%3E%3Ccircle cx='20' cy='40' r='3' fill='%23ffffff' fill-opacity='0.08'/%3E%3Ccircle cx='20' cy='60' r='3' fill='%23ffffff' fill-opacity='0.08'/%3E%3Ccircle cx='20' cy='80' r='3' fill='%23ffffff' fill-opacity='0.08'/%3E%3Ccircle cx='80' cy='20' r='3' fill='%23ffffff' fill-opacity='0.08'/%3E%3Ccircle cx='80' cy='40' r='3' fill='%23ffffff' fill-opacity='0.08'/%3E%3Ccircle cx='80' cy='60' r='3' fill='%23ffffff' fill-opacity='0.08'/%3E%3Ccircle cx='80' cy='80' r='3' fill='%23ffffff' fill-opacity='0.08'/%3E%3C/svg%3E");
}

 


 .docs-list{ height:80px ; line-height: 80px; border-bottom: 1px solid #eee;}
         #faq .faq-tag{width: 100px; border-radius: 15px; font-size: 12px; padding: 3px 10px; color: #fff;}

        .doc-filter {
            margin-bottom: 40px;
        }
        
        .filter-card {
            background: white;
            border-radius: var(--radius-lg);
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: var(--shadow);
            border: 1px solid var(--color-gray-200);
            transition: var(--transition);
        }
        
        .filter-card:hover {
            box-shadow: var(--shadow-lg);
        }
        
        .filter-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid var(--aluminum-light);
        }
        
        .filter-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--secondary-color);
            margin: 0;
        }

 
.newsList-box{
height: 295px;
}
.newsList-box:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  transition: box-shadow 0.5s ease;
}

.newsList-img{max-height: 100%;}
.newsList-tit a:hover {
    color: #f39800;
}
.newsList-time {
    color: #999;
    line-height: 1;
}
.newsList-intro {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
 
 
.no-img .newsList-cont {
    width: 100%;
    margin-left: 0;
}
.newsList-page .pagination{justify-content: center;}
.newsList-page .pagination li{width:30px;height:30px; line-height: 30px; border: 1px solid #DDD; margin-right: 5px; background-color: #FFF;}
 

/* 手机设备 (576px - 768px) */
@media (max-width: 768px) {
.hero-section{display: none;}
.newsList-box {
height: auto;
}
.newsList-img {
height: 200px; /* 或者您想要的任何高度 */
}
.newsList-img img {
height: 100%; /* 让图片填充容器 */
}
.newsList-post{text-align: center;}
.newsList-tit{font-size: 16px;}
 
 
    

}
/*新闻详情页样式表*/
.newsdetail-decription{font-size:14px;
    border-radius: 8px;
    background-color: var(--color-gray-100);
    color: #666;    

}
.product-image-container {
    height: 220px;
    overflow: hidden;
    position: relative;
    background-color: #f8f9fa;
}
.product-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}
.product-image-container:hover img {
    transform: scale(1.05);
}