*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif;scroll-behavior:smooth}
body{background:#f8f9fa;color:#212529}
#main {
    min-height:calc(100vh - 216px); /* 216px是header和footer的总高度 */
}

.line-clamp-1 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden !important;
}

.line-clamp-2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-break: break-word !important;
    overflow: hidden !important;
}

.line-clamp-5 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    word-break: break-word !important;
    overflow: hidden !important;
}

/* 底部 */
.footer{background:#1e293b;color:#e2e8f0;text-align:center;padding:45px 0;}

.hover-gray:hover{background:#d7d7d7}
/* 产品卡片图片覆盖层hover效果 */
.card .image-overlay{border-radius: 6px 6px 0 0;}
.card:hover .image-overlay{opacity:1 !important;}