/*productlist*/
    /* 自定义动画：淡入 */
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in { animation: fadeIn 0.6s ease-out forwards; }
    
    /* 基础辅助类：屏幕阅读器隐藏 */
    .sr-only { 
        position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 
        overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; 
    }
    
    /* 筛选复选框交互：对号效果 */
    .filter-checkbox:checked + .check-icon {
        background-color: #FF6B00;
        border-color: #FF6B00;
    }
    .filter-checkbox:checked + .check-icon i { opacity: 1; }
    
    /* 分类导航样式 */
    .category-link {
        color: #4B5563; background: #F9FAFB; transition: all 0.3s; text-decoration: none;
        padding: 0.5rem 1rem; border-radius: 999px; white-space: nowrap;
    }
    .category-link:hover { background: #F3F4F6; color: #111827; }
    .category-link.active { background: #FF6B00; color: white; }
    
    /* 分页样式 */
    .pagination { 
        margin-top: 2rem; 
        display: flex; 
        justify-content: center; 
        gap: 0.5rem;
    }
    .page-link {
        padding: 0.5rem 1rem;
        border: 1px solid #E5E7EB;
        border-radius: 0.5rem;
        color: #4B5563;
        text-decoration: none;
        transition: all 0.2s;
        cursor: pointer;
    }
    .page-link:hover {
        background-color: #F9FAFB;
        border-color: #D1D5DB;
    }
    .page-link.active {
        background-color: #FF6B00;
        color: white;
        border-color: #FF6B00;
    }
    .page-link.disabled {
        opacity: 0.5;
        cursor: not-allowed;
        pointer-events: none;
    }
    
    /* 响应式布局调整 */
    @media (max-width: 1024px) {
        .lg\:grid-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 768px) {
        .sm\:grid-cols-2 { grid-template-columns: 1fr; }
        .product-card .p-5 { padding: 1rem; }
        .category-link { padding: 0.75rem 1.25rem; font-size: 0.9rem; }
    }
    @media (max-width: 480px) {
        .section-padding { padding-top: 1rem; padding-bottom: 1rem; }
        .product-image-container { aspect-ratio: 3/2; }
        .filter-content span { font-size: 0.9rem; }
        .pagination { flex-wrap: wrap; }
        .page-link { padding: 0.4rem 0.8rem; font-size: 0.9rem; }
    }
    /*news*/
        /* 新闻筛选标签样式（与案例筛选保持一致） */
    .filter-tag {
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease; /* 所有变化平滑过渡 */
        overflow: hidden;
    }
    
    .filter-tag a {
        color: inherit;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    
    /* 悬停特效 */
    .filter-tag:hover {
        transform: translateY(-2px); /* 轻微上浮 */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 增加阴影 */
        background-color: #e5e5e5; /* hover背景色变深 */
    }
    
    /* 选中状态特效 - 使用指定橙红色 */
    .filter-tag.active {
        --tw-bg-opacity: 1;
        background-color: rgb(255 107 0 / var(--tw-bg-opacity)); /* 核心颜色 */
        color: white; /* 白色文字确保对比度 */
        font-weight: 600;
        box-shadow: 0 4px 15px rgba(255, 107, 0, 0.3); /* 匹配颜色的阴影 */
        transform: scale(1.05); /* 轻微放大 */
    }
    
    /* 选中状态底部三角形指示标 */
    .filter-tag.active::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 10px;
        height: 10px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 107 0 / var(--tw-bg-opacity)); /* 与主背景色一致 */
        box-shadow: 3px 3px 5px rgba(255, 107, 0, 0.2); /* 匹配阴影 */
    }
    
    /* 新闻卡片样式优化 */
    .news-card {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    
    .news-tag {
        display: inline-block;
        padding: 0.25rem 0.75rem;
        background-color: #f1f5f9;
        border-radius: 4px;
        font-size: 0.75rem;
        color: #64748b;
    }
/* index*/