/* ================== 全局样式 ================== */
* { 
    margin:0; 
    padding:0; 
    box-sizing:border-box; 
    font-family:"Microsoft YaHei",Arial,sans-serif;
}

/* ================== 富文本编辑器样式 ================== */
/* 确保富文本编辑器有足够的高度，避免modal和hoverbar定位异常 */
.w-e-scroll {
    min-height: 300px !important;
    height: auto !important;
    overflow: visible !important;
}

.w-e-text-container {
    min-height: 300px !important;
    height: auto !important;
    overflow: visible !important;
}

/* 多语言编辑器容器样式 */
.multi-lang-editor {
    width: 100%;
    max-width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.editor-tabs {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #f8f9fa;
    border-bottom: 1px solid #ddd;
}

.tab-button {
    padding: 10px 20px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;
}

.tab-button:hover {
    background: #e9ecef;
    color: #333;
}

.tab-button.active {
    color: #007bff;
    border-bottom-color: #007bff;
    background: #fff;
}

.tab-content {
    display: none;
    padding: 0;
}

.tab-content.active {
    display: block;
}

.editor-container {
    width: 100%;
    max-width: 100%;
    min-height: 300px;
    overflow: visible;
}

/* 编辑器工具栏样式 */
.w-e-toolbar {
    border-bottom: 1px solid #e1e4e8;
    background: #f8f9fa;
}

/* 编辑器内容区域样式 */
.w-e-text-container {
    min-height: 300px !important;
    height: auto !important;
    border: none;
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;
    overflow: visible !important;
}

/* 确保编辑器在表单中有足够的空间 */
.form-group .multi-lang-editor {
    width: 100%;
    margin-top: 5px;
}

/* 响应式设计 - 在小屏幕上调整编辑器高度和宽度 */
@media (max-width: 768px) {
    .w-e-scroll,
    .w-e-text-container {
        min-height: 250px !important;
        height: 300px !important;
    }
    
    .editor-container {
        min-height: 250px;
    }
    
    .multi-lang-editor {
        width: 100%;
        margin: 0;
    }
    
    .tab-button {
        padding: 8px 15px;
        font-size: 13px;
    }
}

/* 大屏幕优化 */
@media (min-width: 1200px) {
    .multi-lang-editor {
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .w-e-scroll,
    .w-e-text-container {
        height: 450px !important;
    }
    
    .editor-container {
        min-height: 450px;
    }
}

/* 确保编辑器在表单中正确显示 */
.form-group {
    width: 100%;
    margin-bottom: 20px;
}

.form-group .multi-lang-editor {
    width: 100%;
    margin-top: 5px;
}

/* 编辑器内容区域优化 */
.w-e-text-container p {
    margin: 0 0 10px 0;
    line-height: 1.6;
}

.w-e-text-container img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* ================== 前台富文本内容换行修复 ================== */
/* 确保所有富文本内容都能正确换行 */
.article-content,
.description-content,
.product-content,
.case-content,
.patent-content,
.honor-content,
.partner-content,
.project-content {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-word !important;
}

/* 富文本内容中的段落换行 */
.article-content p,
.description-content p,
.product-content p,
.case-content p,
.patent-content p,
.honor-content p,
.partner-content p,
.project-content p {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-word !important;
}

/* 富文本内容中的div换行 */
.article-content div,
.description-content div,
.product-content div,
.case-content div,
.patent-content div,
.honor-content div,
.partner-content div,
.project-content div {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-word !important;
}

/* 富文本内容中的span换行 */
.article-content span,
.description-content span,
.product-content span,
.case-content span,
.patent-content span,
.honor-content span,
.partner-content span,
.project-content span {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-word !important;
}

/* ================== 全屏功能样式 ================== */
/* 全屏模式样式 */
.w-e-full-screen-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important; /* 防止全屏容器本身产生滚动条 */
}

.w-e-full-screen-container .w-e-toolbar {
    flex-shrink: 0 !important;
    border-bottom: 1px solid #e1e4e8 !important;
    height: 50px !important; /* 固定工具栏高度 */
}

.w-e-full-screen-container .w-e-scroll {
    flex: 1 !important;
    height: calc(100vh - 50px) !important; /* 使用固定高度而不是auto */
    min-height: calc(100vh - 50px) !important;
    max-height: calc(100vh - 50px) !important; /* 限制最大高度 */
    overflow-y: auto !important; /* 垂直滚动 */
    overflow-x: hidden !important; /* 隐藏水平滚动 */
    position: relative !important;
}

.w-e-full-screen-container .w-e-text-container {
    height: auto !important;
    min-height: calc(100vh - 90px) !important; /* 减去工具栏和内边距 */
    padding: 20px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
}

/* 全屏按钮样式 */
.w-e-toolbar .w-e-menu .w-e-menu-item[data-menu-key="fullScreen"] {
    position: relative;
}

.w-e-toolbar .w-e-menu .w-e-menu-item[data-menu-key="fullScreen"]:hover {
    background-color: #f0f0f0;
}

/* 确保全屏时编辑器内容正确显示 */
.w-e-full-screen-container .w-e-text-container p {
    margin: 0 0 15px 0;
    line-height: 1.6;
}

.w-e-full-screen-container .w-e-text-container img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
body { 
    background:#f5f7fa; 
    color:#333; 
    line-height:1.6; 
}
/* 防止页面抖动的基础样式 */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    scroll-behavior: smooth;
}
/* 防止页面加载时的闪动 - 这个规则会被后面的更具体规则覆盖 */
/* ================== 头部样式 ================== */
header {
    background:#fff; /* 改为白色背景 */
    color:#2c3e50; /* 深灰色文字 */
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 30px;
    flex-wrap:wrap;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 添加阴影增加层次感 */
}
/* Logo样式设计 */
.logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.logo-brand {
    font-size: 28px;
    font-weight: 900;
    color: #3498db;
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-right: 8px;
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgba(52, 152, 219, 0.3);
}

.logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.logo-chinese {
    font-size: 18px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 2px;
}

.logo-english {
    font-size: 12px;
    font-weight: 500;
    color: #7f8c8d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.logo-link:hover .logo-brand {
    transform: scale(1.05);
    filter: brightness(1.1);
}

.logo-link:hover .logo-chinese {
    color: #3498db;
}

.logo-link:hover .logo-english {
    color: #2980b9;
}
header nav ul { 
    list-style:none; 
    display:flex; 
    gap:20px; 
}
header nav ul li a { 
    color:#2c3e50; /* 深灰色文字 */
    text-decoration:none; 
    padding:5px 10px; 
    transition: all 0.3s;
}
header nav ul li a:hover { 
    background:#f8f9fa; /* 浅灰色背景 */
    color:#3498db; /* 蓝色文字 */
    border-radius:5px; 
}
.header-right { 
    display:flex; 
    align-items:center; 
    gap:15px; 
}
/* 搜索框样式优化 */
.search-container {
    position: relative;
    width: 100%; /* 搜索容器占满全宽 */
}
.search-input-wrapper {
    display: flex;
    align-items: stretch; /* 改为stretch让子元素填满高度 */
    border: 2px solid #e9ecef; /* 浅灰色边框 */
    border-radius: 25px;
    overflow: hidden;
    transition: border-color 0.3s;
    background: #f8f9fa; /* 浅灰色背景 */
    width: 100%; /* 搜索框占满全宽 */
    max-width: 100%; /* 确保不超过容器宽度 */
}
.search-input-wrapper:focus-within {
    border-color: #3498db; /* 蓝色边框 */
}
.search-input-wrapper input {
    flex-grow: 1;
    border: none;
    background: transparent;
    padding: 12px 15px; /* 保持上下内边距 */
    outline: none;
    min-width: 0; /* 移除最小宽度限制，让输入框能够充分利用空间 */
    width: 100%; /* 输入框占满可用宽度 */
    height: 100%; /* 让输入框高度填满容器 */
    box-sizing: border-box; /* 确保padding不会影响高度计算 */
}
.search-btn {
    background: #3498db; /* 蓝色背景 */
    color: white;
    border: none;
    padding: 0 15px; /* 移除上下内边距，让按钮完全填满高度 */
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    flex-shrink: 0; /* 防止按钮被压缩 */
}
.search-btn i {
    font-size: 16px;
    color: white;
}
.search-btn:hover {
    background: #2980b9; /* 深蓝色背景 */
}
.search-btn:hover i {
    color: white;
}
.lang-switch select { 
    padding:5px; 
    border-radius:3px; 
    border: 1px solid #e9ecef; /* 浅灰色边框 */
    background: #f8f9fa; /* 浅灰色背景 */
}
/* 手机端菜单按钮隐藏 */
.mobile-menu-toggle {
    display: none;
}

/* Logo响应式设计 */
@media screen and (max-width: 768px) {
    .logo-brand {
        font-size: 24px;
    }
    
    .logo-chinese {
        font-size: 16px;
    }
    
    .logo-english {
        font-size: 11px;
    }
}

@media screen and (max-width: 480px) {
    .logo-brand {
        font-size: 20px;
        margin-right: 6px;
    }
    
    .logo-chinese {
        font-size: 14px;
    }
    
    .logo-english {
        font-size: 10px;
    }
}
/* ================== 主要内容区域 ================== */
main { 
    min-height: calc(100vh - 200px); 
}
.section {
    max-width: 1280px; /* 增加最大宽度以适应4列布局 */
    margin: 0 auto;
    padding: 20px;
}
.section h2 {
    text-align: center;
    margin: 40px 0 20px;
    font-size: 28px;
    color: #2c3e50; /* 深灰色文字 */
}
/* ================== Banner区域 ================== */
#bannerContainer {
    position: relative;
    width: 100%;
    height: 680px;
    overflow: hidden;
}
#bannerContainer video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.bannerOverlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}
.bannerOverlay h1 {
    font-size: 36px; /* 恢复桌面端Banner标题字体 */
    margin-bottom: 15px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
    font-weight: 700; /* 恢复字重 */
}
.bannerOverlay p {
    font-size: 18px;
    margin-bottom: 20px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
.bannerBtn {
    display: inline-block;
    padding: 12px 30px;
    background-color: #3498db; /* 蓝色背景 */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    transition: background 0.3s;
}
.bannerBtn:hover {
    background-color: #2980b9; /* 深蓝色背景 */
}
/* ================== 筛选器样式 - 极简风格 ================== */
.filters {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid #e2e8f0;
}

.filters label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #4a5568;
    font-size: 14px;
}

.filters select,
.filters input {
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    font-size: 14px;
    transition: all 0.2s ease;
    min-width: 200px;
    color: #374151;
}

.filters input:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.filters button {
    padding: 10px 20px;
    background: #3498db;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.2s ease;
}

.filters button:hover {
    background: #2980b9;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(52, 152, 219, 0.2);
}

.filters button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(52, 152, 219, 0.2);
}
/* 双分类筛选器样式 - 极简风格 */
.dual-category-filters {
    margin-bottom: 24px;
    padding: 0;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* 案例分类筛选器样式 - 极简风格 */
.case-category-filters {
    margin-bottom: 24px;
    padding: 0;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* 文章分类筛选器样式 - 极简风格 */
.article-type-filters {
    margin-bottom: 24px;
    padding: 0;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.filter-group {
    margin-bottom: 0;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.filter-group h3 {
    margin-bottom: 16px;
    color: #2d3748;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 产品中心页面主题色 - 极简风格 */
.dual-category-filters .filter-group h3::before {
    content: '';
    width: 3px;
    height: 18px;
    background: #3498db;
    border-radius: 2px;
}

/* 应用案例页面主题色 - 极简风格 */
.case-category-filters .filter-group h3::before {
    content: '';
    width: 3px;
    height: 18px;
    background: #e74c3c;
    border-radius: 2px;
}

/* 文章页面主题色 - 极简风格 */
.article-type-filters .filter-group h3::before {
    content: '';
    width: 3px;
    height: 18px;
    background: #27ae60;
    border-radius: 2px;
}
.filter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-tag {
    padding: 8px 16px;
    background: #f8f9fa;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 14px;
    color: #4a5568;
}

.filter-tag:hover {
    background: #e3f2fd;
    border-color: #3498db;
    color: #1976d2;
}

/* 产品中心页面激活状态 - 极简风格 */
.dual-category-filters .filter-tag.active {
    background: #3498db;
    color: #ffffff;
    border-color: #3498db;
}

/* 应用案例页面激活状态 - 极简风格 */
.case-category-filters .filter-tag.active {
    background: #e74c3c;
    color: #ffffff;
    border-color: #e74c3c;
}

/* 文章页面激活状态 - 极简风格 */
.article-type-filters .filter-tag.active {
    background: #27ae60;
    color: #ffffff;
    border-color: #27ae60;
}
.filter-tag.loading {
    opacity: 0.6;
    cursor: not-allowed;
    position: relative;
}
.filter-tag.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    border: 2px solid #3498db;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
/* 多选分类样式 */
.filter-tags.multiple-select .filter-tag.active {
    background: #3498db; /* 蓝色背景 */
    color: #fff;
    border-color: #3498db; /* 蓝色边框 */
}
/* 文章分类筛选器特定样式（适配新卡片） */
.article-type-filters .filter-tag {
    padding: 8px 16px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    min-width: 60px;
    box-sizing: border-box;
}
.article-type-filters .filter-tag:hover {
    background: #f0f7ff;
    border-color: #3498db;
}
.article-type-filters .filter-tag.active {
    background: #3498db;
    color: #fff;
    border-color: #3498db;
}
.article-type-filters .filter-tag.loading {
    opacity: 0.6;
    cursor: not-allowed;
    position: relative;
}
.article-type-filters .filter-tag.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    border: 2px solid #3498db;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
/* 选中筛选显示 - 极简风格 */
.selected-filters {
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

/* 当没有选中筛选时隐藏容器 */
.selected-filters:empty {
    display: none;
}

.selected-filter {
    padding: 6px 12px;
    background: #e3f2fd;
    border: 1px solid #bbdefb;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #1565c0;
    transition: all 0.2s ease;
}

.selected-filter:hover {
    background: #bbdefb;
    border-color: #90caf9;
}

.remove-filter {
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: #e74c3c;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(231, 76, 60, 0.1);
}

.remove-filter:hover {
    background: #e74c3c;
    color: #ffffff;
}
/* ================== 卡片样式 ================== */
.cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 改为4列布局 */
    gap: 25px; /* 增加间距 */
    justify-content: center;
    padding: 0 0 40px;
}
/* 重新设计的文章卡片样式 - 网格布局 */
.article-cards {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    padding: 0 0 40px;
    min-height: 300px;
    transition: opacity 0.3s ease-in-out;
    opacity: 1 !important;
    visibility: visible !important;
}
.article-cards.loading {
    opacity: 0.5;
}

.article-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex !important;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
    position: relative;
    visibility: visible !important;
    opacity: 1 !important;
}

.article-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}

/* 卡片图片区域 */
.article-image-container {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.article-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.article-card:hover .article-thumb {
    transform: scale(1.05);
}

/* 无图时的占位样式 */
.article-image-container:empty {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.article-image-container:empty::before {
    content: '\f03e';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 48px;
    color: rgba(255, 255, 255, 0.7);
}

/* 卡片内容区域 */
.article-content-wrapper {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* 统一分类标签样式 - 文章类型标签 */
.article-type-tag {
    display: inline-block;
    padding: 6px 12px; /* 统一内边距 */
    border-radius: 16px; /* 统一圆角 */
    font-size: 12px; /* 统一字体大小 */
    font-weight: 600; /* 统一字重 */
    margin-bottom: 8px; /* 统一底部间距 */
    width: fit-content;
    border: 1px solid transparent; /* 添加边框 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}

.article-type-tag.article {
    background: #ebf3ff;
    color: #3498db;
    border-color: #d1e7ff; /* 添加边框颜色 */
}

.article-type-tag.news {
    background: #fdf2f2;
    color: #e74c3c;
    border-color: #ffb3b3; /* 添加边框颜色 */
}

/* 文章标题 */
.article-title {
    font-size: 18px;
    font-weight: 700;
    color: #2d3748;
    line-height: 1.4;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-card:hover .article-title {
    color: #3498db;
}

/* 文章摘要 */
.article-excerpt {
    font-size: 14px;
    color: #718096;
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
}

/* 底部元信息 */
.article-footer {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
}

.article-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #94a3b8;
}

.article-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.article-meta i {
    font-size: 14px;
}

/* 应用案例卡片样式 - 与文章卡片相同的网格布局 */
.case-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    padding: 0 0 40px;
    min-height: 300px;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

.case-cards.loading {
    opacity: 0.5;
}

.case-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
    position: relative;
}

.case-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}

/* 案例卡片图片区域 */
.case-image-container {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.case-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.case-card:hover .case-thumb {
    transform: scale(1.05);
}

/* 无图时的占位样式 */
.case-image-container:empty {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-image-container:empty::before {
    content: '\f0b1';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 48px;
    color: rgba(255, 255, 255, 0.7);
}

/* 案例卡片内容区域 */
.case-content-wrapper {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* 统一分类标签样式 - 案例分类标签 */
.case-category-tag {
    display: inline-block;
    padding: 6px 12px; /* 统一内边距 */
    border-radius: 16px; /* 统一圆角 */
    font-size: 12px; /* 统一字体大小 */
    font-weight: 600; /* 统一字重 */
    margin-bottom: 8px; /* 统一底部间距 */
    width: fit-content;
    background: #f0f7ff;
    color: #3498db;
    border: 1px solid #d1e7ff; /* 添加边框 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}

/* 案例标题 */
.case-title {
    font-size: 18px;
    font-weight: 700;
    color: #2d3748;
    line-height: 1.4;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case-card:hover .case-title {
    color: #3498db;
}

/* 案例描述 */
.case-excerpt {
    font-size: 14px;
    color: #718096;
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
}

/* 底部元信息 */
.case-footer {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
}

.case-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #94a3b8;
}

.case-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.case-meta i {
    font-size: 14px;
}
/* 普通卡片样式（保留原项目其他卡片样式，不改动） */
.card {
    background: #f8f9fa; /* 浅灰色背景 */
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    padding: 12px; /* 进一步减少边距，让卡片更紧凑 */
    display: flex;
    flex-direction: column;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* 产品卡片点击效果 */
.card[onclick] {
    cursor: pointer;
    transition: all 0.3s ease;
}

.card[onclick]:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.card[onclick]:active {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* 查看详情按钮样式 */
.card-action {
    margin-top: auto;
    padding: 8px 3px 3px 3px; /* 减少操作区域内边距，让卡片更紧凑 */
}

.view-details {
    color: #3498db;
    font-weight: 600;
    font-size: 14px;
    transition: color 0.3s ease;
}

.card[onclick]:hover .view-details {
    color: #2980b9;
}
.card img {
    width: 100%;
    height: 280px; /* 增加图片高度，解决案例卡片图片过矮问题 */
    object-fit: contain; /* 改为contain，确保完整显示 */
    border-radius: 4px;
    background: #f8f9fa; /* 添加背景色，避免透明图片显示问题 */
    margin-bottom: 15px;
}

/* 统一图片占位符样式 */
.image-placeholder {
    width: 100%;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 4px;
    color: #6c757d;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

/* 荣誉资质图片占位符 */
.honor-image.image-placeholder {
    height: 150px;
    margin-bottom: 10px;
}

/* 合作伙伴图片占位符 */
.partner-image.image-placeholder {
    height: 80px;
    margin-bottom: 10px;
}

/* 项目案例图片占位符 */
.case-image.image-placeholder {
    height: 120px;
    margin-bottom: 10px;
}

/* 产品图片样式 - 照搬产品中心样式 */
.product-image {
    width: 100%;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 4px;
    margin-bottom: 15px;
    overflow: hidden;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
}

/* 产品图片占位符 */
.product-image.image-placeholder {
    height: 200px;
    margin-bottom: 15px;
}

/* 无主图占位符样式（保持向后兼容） */
.no-image-placeholder {
    width: 100%;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 4px;
    color: #6c757d;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

/* 案例详情页主图样式 */
.case-main-image {
    margin: 20px 0;
    text-align: center;
}

.case-main-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 案例内容样式 */
.case-content {
    margin: 30px 0;
    line-height: 1.4; /* 恢复桌面端行高 */
    font-size: 16px; /* 恢复桌面端案例内容字体 */
}

.case-content h1, .case-content h2, .case-content h3 {
    color: #2c3e50;
    margin: 20px 0 10px 0; /* 恢复桌面端间距 */
    font-weight: bold; /* 恢复字重 */
}

.case-content p {
    margin: 10px 0; /* 恢复桌面端段落间距 */
    color: #555;
}

.case-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 15px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 无主图文字样式 */
.no-image-text {
    color: #6c757d;
    font-size: 18px;
    font-weight: 500;
}

/* 产品详情页无主图占位符样式 */
.product-gallery .no-image-placeholder {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    margin: 0;
}

.product-card-image .no-image-placeholder {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 6px;
    margin: 0;
}
.card h3, .card h4 {
    margin: 8px 0 5px; /* 减少标题边距，让卡片更紧凑 */
    color: #2c3e50; /* 深灰色文字 */
    padding: 0 3px; /* 减少左右内边距 */
    /* 确保标题文本换行 */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-word !important;
}
.card h3 { font-size: 20px; }
.card h4 { font-size: 18px; }
.card p {
    margin: 5px 0 8px; /* 减少段落边距，让卡片更紧凑 */
    font-size: 14px;
    color: #555;
    flex-grow: 1; /* 让描述部分占据剩余空间 */
    padding: 0 3px; /* 减少左右内边距 */
    line-height: 1.4; /* 减少行高，让文本更紧凑 */
    /* 强制文本换行，防止长文本溢出 */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-word !important;
    /* 确保文本不会超出容器 */
    max-width: 100%;
    overflow: hidden;
}
.card a {
    display: inline-block;
    margin-top: 8px; /* 减少链接上边距，让卡片更紧凑 */
    color: #3498db; /* 蓝色链接 */
    text-decoration: none;
    font-weight: bold;
    align-self: flex-start; /* 链接左对齐 */
    padding: 0 3px; /* 减少左右内边距 */
}

/* 卡片分类标签样式 - 修复碰边问题 */
.product-categories,
.case-categories {
    margin: 5px 0; /* 减少分类标签边距，让卡片更紧凑 */
    padding: 0 3px; /* 减少左右内边距 */
}

.product-category-tag,
.case-category-tag {
    display: inline-block;
    margin: 2px 4px 2px 0; /* 增加标签间距 */
    padding: 4px 8px; /* 增加标签内边距 */
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

/* 卡片元信息样式 - 修复碰边问题 */
.card .case-meta {
    margin: 5px 0; /* 减少元信息边距，让卡片更紧凑 */
    padding: 0 3px; /* 减少左右内边距 */
    font-size: 13px;
    color: #666;
    /* 确保元信息文本换行 */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-word !important;
}
.card a:hover {
    text-decoration: underline;
}
/* 产品卡片优化（增强边框显示） */
.product-card {
    position: relative;
    overflow: hidden;
    border: 2px solid #e0e6ed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}
.product-card .product-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(44, 62, 80, 0.8); /* 深灰色半透明背景 */
    color: #fff;
    padding: 10px;
    transform: translateY(100%);
    transition: transform 0.3s;
}
.product-card:hover .product-overlay {
    transform: translateY(0);
}
/* ================== 分页样式 ================== */
.pagination {
    margin: 20px 0;
    text-align: center;
}
.pagination-controls {
    display: inline-flex;
    gap: 5px;
}
.pagination-controls a {
    padding: 8px 12px;
    border: 1px solid #e9ecef; /* 浅灰色边框 */
    border-radius: 4px;
    text-decoration: none;
    color: #2c3e50; /* 深灰色文字 */
}
.pagination-controls a:hover {
    background: #f0f0f0;
}
.pagination-controls a.active {
    background: #2c3e50; /* 深灰色背景 */
    color: #fff;
    border-color: #2c3e50; /* 深灰色边框 */
}
/* ================== 表单样式 ================== */
.contact-form {
    max-width: 600px;
    margin: 0 auto;
}
form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
form input,
form textarea {
    padding: 12px; /* 恢复桌面端内边距 */
    font-size: 16px; /* 恢复桌面端表单字体 */
    border-radius: 4px; /* 恢复桌面端圆角 */
    border: 1px solid #e9ecef; /* 浅灰色边框 */
    width: 100%;
    background: #f8f9fa; /* 浅灰色背景 */
}
form button {
    padding: 12px; /* 恢复桌面端内边距 */
    font-size: 16px; /* 恢复桌面端按钮字体 */
    background: #2c3e50; /* 深灰色背景 */
    color: #fff;
    border: none;
    border-radius: 4px; /* 恢复桌面端圆角 */
    cursor: pointer;
    transition: background 0.3s;
    font-weight: 500; /* 恢复字重 */
}
form button:hover {
    background: #3498db; /* 蓝色背景 */
}
/* 表单结果消息 */
#contactResult,
#leadResult {
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px;
}
.success {
    background: #dff2d8;
    color: #27ae60; /* 绿色文字 */
    border: 1px solid #27ae60; /* 绿色边框 */
}
.error {
    background: #ffbaba;
    color: #e74c3c; /* 红色文字 */
    border: 1px solid #e74c3c; /* 红色边框 */
}
/* ================== 虚拟数字样式 ================== */
.stats {
    display: flex;
    justify-content: center;
    gap: 50px;
    font-size: 18px;
    margin-bottom: 60px;
    padding: 20px;
    background: #f0f8ff;
    border-radius: 8px;
}
.stats div span {
    font-weight: bold;
    color: #3498db; /* 蓝色文字 */
}
/* ================== 文章和内容样式 ================== */
.article-content {
    line-height: 1.4; /* 恢复桌面端行高 */
    font-size: 16px; /* 恢复桌面端文章内容字体 */
    color: #333;
    /* 确保富文本内容正确换行 */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.article-content p {
    margin-bottom: 0.8em; /* 恢复桌面端段落间距 */
}
.article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1em 0;
    display: block; /* 确保图片正确显示 */
}
/* 富文本内容列表样式 */
.article-content ul {
    list-style-type: disc;
    margin: 1em 0;
    padding-left: 2em;
}
.article-content ol {
    list-style-type: decimal;
    margin: 1em 0;
    padding-left: 2em;
}
.article-content li {
    margin-bottom: 0.5em;
    line-height: 1.6;
}
.article-content ul ul,
.article-content ol ol,
.article-content ul ol,
.article-content ol ul {
    margin: 0.5em 0;
}
/* 富文本内容标题样式 */
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    margin: 1.5em 0 1em 0;
    font-weight: bold;
    color: #2c3e50;
}
.article-content h1 { font-size: 2em; font-weight: bold; } /* 恢复桌面端H1字体 */
.article-content h2 { font-size: 1.5em; font-weight: bold; } /* 恢复桌面端H2字体 */
.article-content h3 { font-size: 1.3em; font-weight: bold; } /* 恢复桌面端H3字体 */
.article-content h4 { font-size: 1.1em; font-weight: bold; } /* 恢复桌面端H4字体 */
.article-content h5 { font-size: 1em; font-weight: bold; } /* 恢复桌面端H5字体 */
.article-content h6 { font-size: 0.9em; font-weight: bold; } /* 恢复桌面端H6字体 */
/* 富文本内容其他样式 */
.article-content strong,
.article-content b {
    font-weight: bold;
}
.article-content em,
.article-content i {
    font-style: italic;
}
.article-content u {
    text-decoration: underline;
}
.article-content blockquote {
    margin: 1em 0;
    padding: 1em;
    border-left: 4px solid #3498db;
    background-color: #f8f9fa;
    font-style: italic;
}
.article-content code {
    background-color: #f1f2f6;
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 0.9em;
}
.article-content pre {
    background-color: #f1f2f6;
    padding: 1em;
    border-radius: 5px;
    overflow-x: auto;
    margin: 1em 0;
}
.article-content pre code {
    background: none;
    padding: 0;
}
.article-content a {
    color: #3498db;
    text-decoration: underline;
}
.article-content a:hover {
    color: #2980b9;
}
.article-meta {
    color: #666;
    font-size: 14px; /* 恢复桌面端文章元信息字体 */
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #eee;
    font-weight: 400; /* 恢复字重 */
}
/* 面包屑导航 */
.breadcrumb {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}
.breadcrumb a {
    color: #2c3e50; /* 深灰色链接 */
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
/* ================== 详情页布局 ================== */
.product-detail,
.case-detail {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.product-image,
.case-image,
.product-info,
.case-info {
    flex: 1;
    min-width: 300px;
}
.product-image img,
.case-image img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.product-info h1,
.case-info h1 {
    margin-top: 0;
    color: #2c3e50; /* 深灰色文字 */
}
.product-category,
.product-views,
.case-category,
.case-date,
.case-views {
    margin: 5px 0;
    font-size: 14px;
    color: #666;
}
.product-description,
.case-description {
    margin: 20px 0;
}
.product-actions,
.case-actions {
    margin-top: 30px;
}
/* 产品详情页样式（保留原样式） */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}
.product-gallery {
    flex: 1;
    min-width: 300px;
}
.main-image {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    min-height: 300px; /* 最小高度 */
    height: auto; /* 高度自动 */
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.gallery-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.thumb {
    width: 80px;
    height: 80px;
    border: 2px solid #eaeaea;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff; /* 添加背景色 */
}
.thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 确保缩略图完整显示 */
}
.thumb.active, .thumb:hover {
    border-color: #3498db; /* 蓝色边框 */
}
.pdf-thumb {
    background-color: #f0f7ff;
    flex-direction: column;
    padding: 10px;
}
.pdf-thumb i {
    font-size: 24px;
    color: #e74c3c;
    margin-bottom: 5px;
}
.pdf-thumb span {
    font-size: 12px;
    color: #666;
}
.product-title {
    font-size: 28px;
    margin-bottom: 15px;
    color: #2c3e50;
    font-weight: 600;
}
.product-meta {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}
.product-meta div {
    display: flex;
    align-items: center;
}
.product-meta i {
    margin-right: 5px;
    color: #3498db; /* 蓝色图标 */
}
.product-specs {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
}
.specs-title {
    font-size: 18px; /* 恢复桌面端规格标题字体 */
    margin-bottom: 15px; /* 恢复底部间距 */
    padding-bottom: 10px; /* 恢复底部内边距 */
    border-bottom: 1px solid #eaeaea;
    color: #2c3e50;
    font-weight: 600; /* 恢复字重 */
}
.specs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
}
.spec-item {
    display: flex;
    flex-direction: column;
}
.spec-label {
    font-size: 14px; /* 恢复桌面端规格标签字体 */
    color: #666;
    margin-bottom: 5px; /* 恢复底部间距 */
    font-weight: 400; /* 恢复字重 */
}
.spec-value {
    font-size: 16px; /* 恢复桌面端规格值字体 */
    font-weight: 500; /* 恢复字重 */
    color: #2c3e50;
}
.product-actions {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
}
.btn {
    padding: 12px 25px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.btn-primary {
    background: #3498db; /* 蓝色背景 */
    color: white;
}
.btn-primary:hover {
    background: #2980b9; /* 深蓝色背景 */
}
.btn-outline {
    background: transparent;
    border: 1px solid #3498db; /* 蓝色边框 */
    color: #3498db; /* 蓝色文字 */
}
.btn-outline:hover {
    background: #f0f7ff;
}
.btn i {
    margin-right: 8px;
}
.categories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}
.category-tag {
    padding: 6px 12px;
    background: #f0f7ff;
    border-radius: 20px;
    font-size: 14px;
    color: #3498db; /* 蓝色文字 */
}
/* 产品分类标签（保留原样式） */
.product-categories {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.product-category-tag {
    padding: 6px 12px; /* 统一内边距 */
    border-radius: 16px; /* 统一圆角 */
    font-size: 12px; /* 统一字体大小 */
    margin-bottom: 8px; /* 统一底部间距 */
    font-weight: 600; /* 统一字重 */
    display: inline-block;
    transition: all 0.3s ease;
}
.product-category-tag.base-category {
    background: #e0eeff;
    color: #3498db; /* 蓝色文字 */
    border: 1px solid #b3d9ff;
}
.product-category-tag.base-category:hover {
    background: #d1e7ff;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(52, 152, 219, 0.2);
}
.product-category-tag.app-category {
    background: #ffe0e0;
    color: #e74c3c;
    border: 1px solid #ffb3b3;
}
.product-category-tag.app-category:hover {
    background: #ffd1d1;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(231, 76, 60, 0.2);
}
/* 标签页样式（保留原样式） */
.product-tabs {
    margin-top: 30px;
    width: 100%;
}
.tabs-header {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
}
.tab {
    padding: 12px 25px;
    cursor: pointer;
    font-weight: 500;
    color: #666;
    border-bottom: 3px solid transparent;
    transition: all 0.3s;
}
.tab.active {
    color: #3498db; /* 蓝色文字 */
    border-bottom-color: #3498db; /* 蓝色边框 */
}
.tab-content {
    display: none;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
}
.tab-content.active {
    display: block;
}
.description-content {
    line-height: 1.4; /* 恢复桌面端行高 */
    font-size: 16px; /* 恢复桌面端描述内容字体 */
    /* 确保富文本内容正确换行 */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.description-content p {
    margin-bottom: 10px; /* 恢复桌面端段落间距 */
}
.specs-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 14px; /* 恢复桌面端表格字体 */
}
.specs-table th, .specs-table td {
    padding: 8px 12px; /* 恢复桌面端表格内边距 */
    text-align: left;
    border-bottom: 1px solid #eaeaea;
}
.specs-table th {
    background-color: #f8f9fa;
    font-weight: 600;
    color: #2c3e50;
}
.specs-table tr:hover {
    background-color: #f8f9fa;
}
/* 相关产品/案例（保留原样式） */
.related-products,
.related-cases {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.related-products h2,
.related-cases h2 {
    margin-bottom: 20px;
    text-align: center;
}
.section-title {
    font-size: 24px;
    margin-bottom: 25px;
    color: #2c3e50;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}
.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 改为4列布局 */
    gap: 25px;
}
.product-card-image {
    height: 220px; /* 增加图片高度 */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #f8f9fa; /* 添加背景色 */
    border-radius: 10px 10px 0 0; /* 顶部圆角 */
}
.product-card-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.product-card-content {
    padding: 20px;
    background: #fff;
    border-radius: 0 0 10px 10px; /* 底部圆角 */
}
.product-card-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #2c3e50;
}
.product-card-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.product-card-description {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 15px;
    /* 修复撞边问题：确保文本正确换行和显示 */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-word;
    /* 限制高度，避免内容过多时撑开卡片 */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 确保在容器内正确显示 */
    max-height: 4.8em; /* 3行 * 1.6行高 */
}

/* 相关产品卡片悬停效果（增强边框显示） */
.product-card[onclick] {
    transition: all 0.3s ease;
}

.product-card[onclick]:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.product-card[onclick]:hover .product-card-title {
    color: #2c3e50;
}
/* 无数据样式（保留原样式） */
.no-data {
    text-align: center;
    padding: 40px;
    color: #666;
    font-style: italic;
}
/* ================== 页脚样式 ================== */
footer {
    background: #2d3748; /* 深灰色背景 */
    color: #e2e8f0; /* 浅灰色文字 */
    padding: 30px 20px 20px;
    border-top: 1px solid #4a5568; /* 更深的边框色 */
}
.footer-top {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 20px;
}
.footer-contact, .quick-links {
    min-width: 250px;
}
.footer-contact h3, .quick-links h3 {
    margin-bottom: 15px;
    font-size: 18px;
    color: #cbd5e0; /* 中灰色标题 */
    font-weight: 600;
}
.footer-contact p {
    margin-bottom: 8px;
    line-height: 1.6;
}
.quick-links {
    display: flex;
    flex-direction: column;
}
.quick-links a {
    color: #e2e8f0; /* 浅灰色链接 */
    text-decoration: none;
    margin-bottom: 10px;
    transition: color 0.3s;
    padding: 4px 0;
}
.quick-links a:hover {
    color: #63b3ed; /* 蓝色悬停效果 */
    text-decoration: none;
}
.footer-bottom {
    border-top: 1px solid #4a5568; /* 深灰色边框 */
    padding-top: 15px;
    text-align: center;
    color: #a0aec0; /* 更浅的灰色文字 */
    font-size: 14px;
}
/* ================== 状态样式 ================== */
.loading,
.no-results,
.error {
    text-align: center;
    padding: 40px;
    font-size: 18px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}
.loading {
    color: #3498db; /* 蓝色文字 */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    font-size: 16px;
}
.loading::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #3498db;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-right: 10px;
    flex-shrink: 0;
}
.no-results {
    color: #777;
}
.error {
    color: #e74c3c; /* 红色文字 */
}
/* 搜索错误样式 - 更友好的显示（保留原样式） */
.search-error {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin: 20px 0;
    font-size: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* ================== 响应式设计 ================== */
/* 大屏幕保持水平单行导航 */
@media screen and (min-width: 1200px) {
    header nav ul {
        display: flex;
        flex-direction: row;
        gap: 20px;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    header nav ul li a {
        padding: 5px 10px;
        border: none;
        border-radius: 5px;
        text-align: left;
        background: transparent;
        transition: all 0.3s ease;
    }
    
    header nav ul li a:hover {
        background: #f8f9fa;
        color: #3498db;
    }
}

@media screen and (max-width: 1200px) {
    .cards {
        grid-template-columns: repeat(3, 1fr); /* 中等屏幕显示3列 */
    }
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    /* 相关产品描述在中等屏幕的优化 */
    .product-card-description {
        font-size: 15px;
        line-height: 1.5;
        max-height: 4.5em; /* 3行 * 1.5行高 */
    }
    
    /* 相关产品卡片在中等屏幕的边框优化 */
    .product-card {
        border-width: 2px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    }
    
    /* 中等屏幕图片边距优化 */
    .product-card-image {
        padding: 8px;
    }
    /* 响应式：文章卡片网格布局调整 */
    .article-cards {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    
    /* 响应式：应用案例卡片网格布局调整 */
    .case-cards {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}
@media screen and (max-width: 1024px) {
    header {
        padding: 15px 20px;
    }
    
    /* 中等屏幕保持水平单行布局 */
    header nav ul {
        display: flex; /* 保持flex布局 */
        flex-direction: row; /* 水平排列 */
        gap: 15px; /* 保持原有间距 */
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    header nav ul li a {
        padding: 5px 10px; /* 恢复原有内边距 */
        border: none; /* 移除边框 */
        border-radius: 5px; /* 保持圆角 */
        text-align: left; /* 左对齐 */
        background: transparent; /* 透明背景 */
        transition: all 0.3s ease;
    }
    
    header nav ul li a:hover {
        background: #f8f9fa; /* 悬停背景色 */
        border-color: transparent;
        color: #3498db; /* 悬停文字色 */
    }
    #bannerContainer {
        height: 500px;
    }
    .cards {
        grid-template-columns: repeat(2, 1fr); /* 平板显示2列 */
        gap: 20px;
    }
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* 相关产品描述在平板屏幕的优化 */
    .product-card-description {
        font-size: 16px;
        line-height: 1.6;
        max-height: 4.8em; /* 3行 * 1.6行高 */
    }
    
    /* 相关产品卡片在平板屏幕的边框优化 */
    .product-card {
        border-width: 2px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    }
    
    /* 平板屏幕图片边距优化 */
    .product-card-image {
        padding: 6px;
    }
    
    /* 响应式：文章卡片网格布局调整 */
    .article-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    /* 响应式：应用案例卡片网格布局调整 */
    .case-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}
@media screen and (max-width: 768px) {
    /* 筛选器响应式优化 - 极简风格 */
    .dual-category-filters,
    .case-category-filters,
    .article-type-filters {
        margin-bottom: 20px;
        border-radius: 8px;
    }
    
    .filter-group {
        padding: 16px;
    }
    
    .filter-tags {
        gap: 6px;
    }
    
    .filter-tag {
        padding: 12px 20px; /* 增加内边距 */
        font-size: 18px; /* 进一步增大字体 */
    }
    
    .filters {
        flex-direction: column;
        gap: 12px;
        padding: 16px;
        border-radius: 8px;
    }
    
    .filters input {
        min-width: unset;
        width: 100%;
        font-size: 16px; /* 增大输入框字体 */
        padding: 12px 14px; /* 增加内边距 */
    }
    
    /* 移动端头部优化 - 减少冗长感 */
    header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px; /* 增加间距 */
        padding: 15px 20px; /* 增加内边距 */
    }
    
    /* Logo在移动端优化显示 */
    .logo-brand {
        font-size: 28px; /* 增大Logo字体 */
        font-weight: 700; /* 增加字重 */
    }
    
    .logo-chinese {
        font-size: 18px; /* 增大中文标题 */
        font-weight: 600; /* 增加字重 */
    }
    
    .logo-english {
        font-size: 14px; /* 增大英文副标题 */
        font-weight: 500; /* 增加字重 */
    }
    
    /* 手机端导航栏多列布局（只在768px以下生效） */
    header nav {
        display: block;
        width: 100%;
    }
    
    header nav ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3列布局 */
        gap: 6px; /* 进一步减少间距以适应3列 */
        width: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    header nav ul li {
        width: 100%;
    }
    
    header nav ul li a {
        display: block;
        padding: 12px 8px; /* 增加内边距 */
        border: 1px solid #e9ecef; /* 改为边框而不是底部边框 */
        border-radius: 8px; /* 增加圆角 */
        font-size: 18px; /* 进一步增大字体 */
        font-weight: 700; /* 增加字重 */
        text-align: center; /* 居中对齐 */
        background: #f8f9fa; /* 添加背景色 */
        transition: all 0.3s ease; /* 添加过渡效果 */
        line-height: 1.4; /* 增加行高 */
    }
    
    header nav ul li a:hover {
        background: #e3f2fd; /* 悬停背景色 */
        border-color: #3498db; /* 悬停边框色 */
        color: #3498db; /* 悬停文字色 */
    }
    
    .header-right {
        width: 100%;
        flex-direction: column;
        gap: 12px; /* 减少间距 */
    }
    
    .search-input-wrapper {
        width: 100%; /* 确保移动端也占满全宽 */
        max-width: 100%; /* 确保不超过容器宽度 */
    }
    
    .search-input-wrapper input {
        min-width: 0; /* 移除最小宽度限制 */
        width: 100%; /* 输入框占满全宽 */
        font-size: 20px; /* 进一步增大搜索框字体 */
        padding: 18px 20px; /* 增加内边距 */
    }
    
    .search-btn {
        padding: 0 22px; /* 增加按钮内边距 */
        min-width: 60px; /* 增加最小宽度 */
    }
    
    .search-btn i {
        font-size: 22px; /* 增大搜索图标 */
    }
    
    /* 语言切换优化 */
    .lang-switch select {
        padding: 16px 20px; /* 增加内边距 */
        font-size: 20px; /* 增大字体 */
        border-radius: 10px; /* 增加圆角 */
        min-height: 56px; /* 增加最小高度 */
        width: 100%; /* 全宽显示 */
        background: #f8f9fa;
        border: 2px solid #e9ecef;
    }
    
    .lang-switch select:focus {
        border-color: #3498db;
        outline: none;
        box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
    }
    
    .cards {
        grid-template-columns: repeat(2, 1fr); /* 手机显示2列 */
        gap: 15px; /* 减少间距以适应2列布局 */
    }
    
    /* 响应式：文章卡片网格布局调整 */
    .article-cards {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .article-image-container {
        height: 180px; /* 手机端图片高度调整 */
    }
    
    .article-title {
        font-size: 18px; /* 增大文章标题字体 */
        font-weight: 600; /* 增加字重 */
    }
    
    .article-excerpt {
        font-size: 15px; /* 增大摘要字体 */
        line-height: 1.6;
    }
    
    .article-meta {
        flex-wrap: wrap;
        gap: 12px;
        font-size: 14px; /* 增大元信息字体 */
    }
    
    /* 响应式：应用案例卡片网格布局调整 */
    .case-cards {
        grid-template-columns: repeat(2, 1fr); /* 改为2列布局 */
        gap: 15px; /* 减少间距以适应2列布局 */
    }
    
    .case-image-container {
        height: 160px; /* 减少图片高度以适应2列布局 */
    }
    
    .case-title {
        font-size: 20px; /* 大幅增大标题字体 */
        font-weight: 700; /* 增加字重 */
        margin: 12px 0 10px; /* 增加标题间距 */
    }
    
    .case-excerpt {
        font-size: 19px; /* 大幅增大描述字体 */
        line-height: 1.8; /* 增加行高 */
        margin: 0 0 15px; /* 增加段落间距 */
    }
    
    .case-meta {
        flex-wrap: wrap;
        gap: 15px; /* 增加间距 */
        font-size: 18px; /* 大幅增大元信息字体 */
    }
    
    /* 统一分类标签样式 - 移动端案例分类标签 */
    .case-category-tag {
        font-size: 12px; /* 保持统一字体大小 */
        padding: 6px 12px; /* 保持统一内边距 */
        margin-bottom: 8px; /* 保持统一底部间距 */
    }
    
    .card {
        max-width: 100%;
        padding: 10px; /* 减少移动端内边距，让卡片更紧凑 */
    }
    
    .card h3, .card h4 {
        font-size: 24px; /* 大幅增大标题字体 */
        font-weight: 700; /* 增加字重 */
        margin: 15px 0 12px; /* 增加标题间距 */
    }
    
    .card p {
        font-size: 19px; /* 大幅增大描述字体 */
        line-height: 1.8; /* 增加行高 */
        margin: 0 0 15px; /* 增加段落间距 */
    }
    
    .card a {
        font-size: 19px; /* 大幅增大链接字体（详情等） */
        padding: 15px 0; /* 增加链接内边距 */
        font-weight: 600; /* 增加字重 */
    }
    
    .card img {
        width: 100%;
        height: 200px; /* 增加移动端图片高度，解决案例卡片图片过矮问题 */
        object-fit: contain; /* 保持contain，确保完整显示 */
        border-radius: 4px;
        background: #f8f9fa; /* 保持背景色 */
        margin-bottom: 10px; /* 减少图片底部间距 */
        display: block; /* 确保块级显示 */
    }
    
    /* 移动端产品图片样式 - 照搬产品中心样式 */
    .product-image {
        width: 100%;
        height: 160px; /* 与卡片图片高度一致 */
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f8f9fa;
        border-radius: 4px;
        margin-bottom: 10px; /* 与卡片图片间距一致 */
        overflow: hidden;
    }
    
    .product-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 4px;
    }
    
    .product-image.image-placeholder {
        height: 160px; /* 与卡片图片高度一致 */
        margin-bottom: 10px; /* 与卡片图片间距一致 */
    }
    
    /* 产品分类标签在2列布局下的优化 */
    .product-categories {
        margin: 6px 0; /* 减少分类标签间距 */
    }
    
    .product-category-tag {
        font-size: 12px; /* 保持统一字体大小 */
        padding: 6px 12px; /* 保持统一内边距 */
        margin-bottom: 8px; /* 保持统一底部间距 */
    }
    
    #bannerContainer {
        height: 350px;
    }
    
    .bannerOverlay h1 {
        font-size: 28px; /* 稍微增大移动端Banner标题字体 */
        font-weight: 700; /* 增加字重 */
    }
    
    .bannerOverlay p {
        font-size: 20px; /* 进一步增大Banner副标题字体 */
        font-weight: 500; /* 增加字重 */
    }
    
    .bannerBtn {
        font-size: 18px; /* 进一步增大按钮字体 */
        padding: 16px 36px; /* 增加按钮内边距 */
    }
    
    .filters {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filters label {
        flex-direction: column;
        align-items: flex-start;
        font-size: 18px; /* 进一步增大标签字体 */
        font-weight: 600; /* 增加字重 */
    }
    
    .filters select {
        font-size: 18px; /* 进一步增大选择框字体 */
        padding: 14px 16px; /* 增加内边距 */
        min-height: 52px; /* 增加最小高度 */
    }
    
    .filters button {
        font-size: 18px; /* 进一步增大按钮字体 */
        padding: 14px 28px; /* 增加内边距 */
        min-height: 52px; /* 增加最小高度 */
    }
    
    .stats {
        flex-direction: column;
        gap: 20px;
        text-align: center;
        padding: 30px 20px; /* 增加内边距 */
    }
    
    .stats div {
        font-size: 18px; /* 增大统计数字标签字体 */
        font-weight: 600; /* 增加字重 */
    }
    
    .stats span {
        font-size: 32px; /* 增大统计数字字体 */
        font-weight: 700; /* 增加字重 */
    }
    
    .footer-top {
        flex-direction: column;
        gap: 20px;
    }
    
    .footer-contact, .quick-links {
        text-align: center;
    }
    
    .footer-contact h3, .quick-links h3 {
        font-size: 24px; /* 进一步增大页脚标题字体 */
        font-weight: 700; /* 增加字重 */
    }
    
    .footer-contact p {
        font-size: 18px; /* 进一步增大页脚内容字体 */
        line-height: 1.6;
    }
    
    .quick-links a {
        font-size: 18px; /* 进一步增大页脚链接字体 */
        padding: 10px 0; /* 增加链接内边距 */
    }
    
    .quick-links {
        align-items: center;
    }
    
    /* 隐藏移动菜单切换按钮 */
    .mobile-menu-toggle {
        display: none;
    }
    
    .product-detail,
    .case-detail {
        flex-direction: column;
    }
    
    .product-image,
    .case-image,
    .product-info,
    .case-info {
        flex: none;
        width: 100%;
    }
    
    .product-actions {
        flex-direction: column;
    }
    
    .btn {
        width: 100%;
    }
    
    .specs-grid {
        grid-template-columns: 1fr;
    }
    
    .products-grid {
        grid-template-columns: 1fr;
    }
    
    /* 相关产品描述在手机屏幕的优化 */
    .product-card-description {
        font-size: 18px;
        line-height: 1.7;
        max-height: 5.1em; /* 3行 * 1.7行高 */
        margin-bottom: 20px;
    }
    
    /* 相关产品卡片在手机屏幕的边框优化 */
    .product-card {
        border-width: 3px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
        border-radius: 15px;
    }
    
    .product-card-image {
        border-radius: 13px 13px 0 0;
        border-bottom-width: 3px;
        padding: 5px;
    }
    
    .product-card-content {
        border-radius: 0 0 13px 13px;
        padding: 25px;
    }
    
    
    .tabs-header {
        overflow-x: auto;
        white-space: nowrap;
    }
    
    .specs-table {
        font-size: 18px; /* 增大规格表格字体 */
        display: block;
        overflow-x: auto;
    }
    
    .specs-table th, .specs-table td {
        padding: 12px 14px; /* 增加内边距 */
        white-space: nowrap;
    }
    
    .description-content img {
        margin: 10px 0;
    }
}
@media screen and (max-width: 480px) {
    .section {
        padding: 15px 10px;
    }
    
    .section h2 {
        font-size: 32px; /* 进一步增大小屏幕标题字体 */
        margin: 35px 0 20px;
        font-weight: 700; /* 增加字重 */
    }
    
    /* 小屏幕头部进一步优化 */
    header {
        padding: 10px 12px; /* 进一步减少内边距 */
        gap: 10px; /* 进一步减少间距 */
    }
    
    .logo-brand {
        font-size: 20px; /* 进一步减小Logo */
    }
    
    .logo-chinese {
        font-size: 13px; /* 进一步减小中文标题 */
    }
    
    .logo-english {
        font-size: 9px; /* 进一步减小英文副标题 */
    }
    
    /* 小屏幕保持3列布局，进一步优化 */
    header nav ul {
        grid-template-columns: repeat(3, 1fr); /* 保持3列布局 */
        gap: 4px; /* 进一步减少间距 */
    }
    
    header nav ul li a {
        padding: 8px 4px; /* 增加内边距 */
        font-size: 14px; /* 增大字体 */
        border-radius: 4px; /* 增加圆角 */
        line-height: 1.2; /* 增加行高 */
    }
    
    .search-input-wrapper {
        width: 100%; /* 搜索框占满全宽 */
        border-radius: 20px; /* 稍微减小圆角以适应小屏幕 */
    }
    
    .search-input-wrapper input {
        font-size: 17px; /* 增大搜索框字体 */
        padding: 14px 16px; /* 增加内边距 */
        min-width: unset; /* 移除最小宽度限制 */
        width: 100%; /* 输入框占满容器宽度 */
    }
    
    .search-btn {
        padding: 0 18px; /* 增加按钮内边距 */
        min-width: 50px; /* 增加最小宽度 */
    }
    
    .search-btn i {
        font-size: 18px; /* 增大搜索图标 */
    }
    
    .lang-switch select {
        font-size: 17px; /* 增大语言切换字体 */
        padding: 12px 16px; /* 增加内边距 */
        min-height: 48px; /* 增加最小高度 */
    }
    
    #bannerContainer {
        height: 250px;
    }
    
    .bannerOverlay h1 {
        font-size: 26px; /* 稍微增大小屏幕Banner标题字体 */
        font-weight: 700; /* 增加字重 */
    }
    
    .bannerOverlay p {
        font-size: 16px; /* 增大Banner副标题字体 */
        margin-bottom: 15px;
        font-weight: 500; /* 增加字重 */
    }
    
    .bannerBtn {
        padding: 12px 24px; /* 增加按钮内边距 */
        font-size: 15px; /* 增大按钮字体 */
    }
    
    .pagination-controls {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .pagination-controls a {
        padding: 10px 14px; /* 增加分页按钮内边距 */
        font-size: 16px; /* 进一步增大分页按钮字体 */
        min-height: 48px; /* 增加最小高度 */
    }
    
    .footer-bottom p {
        font-size: 16px; /* 进一步增大页脚底部字体 */
    }
    
    .card {
        padding: 8px; /* 减少小屏幕内边距，让卡片更紧凑 */
    }
    
    .card img {
        width: 100%;
        height: 180px; /* 增加小屏幕图片高度，解决案例卡片图片过矮问题 */
        object-fit: contain; /* 保持contain，确保完整显示 */
        border-radius: 4px;
        background: #f8f9fa; /* 保持背景色 */
        margin-bottom: 8px; /* 减少图片底部间距 */
        display: block; /* 确保块级显示 */
    }
    
    /* 小屏幕产品图片样式 - 照搬产品中心样式 */
    .product-image {
        width: 100%;
        height: 140px; /* 与小屏幕卡片图片高度一致 */
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f8f9fa;
        border-radius: 4px;
        margin-bottom: 8px; /* 与小屏幕卡片图片间距一致 */
        overflow: hidden;
    }
    
    .product-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 4px;
    }
    
    .product-image.image-placeholder {
        height: 140px; /* 与小屏幕卡片图片高度一致 */
        margin-bottom: 8px; /* 与小屏幕卡片图片间距一致 */
    }
    
    .card h3, .card h4 {
        font-size: 22px; /* 大幅增大卡片标题字体 */
        margin: 12px 0 10px; /* 增加标题间距 */
        font-weight: 700; /* 增加字重 */
    }
    
    .card p {
        font-size: 17px; /* 大幅增大卡片描述字体 */
        line-height: 1.7; /* 增加行高 */
        margin: 0 0 12px; /* 增加段落间距 */
    }
    
    .card a {
        font-size: 17px; /* 大幅增大链接字体（详情等） */
        padding: 12px 0; /* 增加链接内边距 */
        font-weight: 600; /* 增加字重 */
    }
    
    .product-category-tag {
        font-size: 12px; /* 保持统一字体大小 */
        padding: 6px 12px; /* 保持统一内边距 */
    }
    
    /* 响应式：手机端文章卡片图片高度适配 */
    .article-image-container {
        height: 150px;
    }
    
    .article-title {
        font-size: 17px; /* 稍微减小文章标题字体 */
    }
    
    .article-excerpt {
        font-size: 14px; /* 稍微减小文章摘要字体 */
    }
    
    /* 响应式：手机端应用案例卡片图片高度适配 */
    .case-image-container {
        height: 140px; /* 进一步减小图片高度以适应小屏幕2列 */
    }
    
    .case-title {
        font-size: 20px; /* 大幅增大案例标题字体 */
        margin: 10px 0 8px; /* 增加标题间距 */
        font-weight: 700; /* 增加字重 */
    }
    
    .case-excerpt {
        font-size: 17px; /* 大幅增大案例描述字体 */
        line-height: 1.7; /* 增加行高 */
        margin: 0 0 12px; /* 增加段落间距 */
    }
    
    .case-meta {
        font-size: 15px; /* 大幅增大元信息字体 */
        gap: 10px; /* 增加间距 */
    }
    
    .case-category-tag {
        font-size: 12px; /* 保持统一字体大小 */
        padding: 6px 12px; /* 保持统一内边距 */
    }
    
    /* 小屏幕统计数字优化 */
    .stats {
        padding: 25px 15px; /* 减少内边距 */
    }
    
    .stats div {
        font-size: 18px; /* 增大统计标签字体 */
    }
    
    .stats span {
        font-size: 32px; /* 增大统计数字字体 */
    }
}

/* 超小屏幕优化（360px以下） */
@media screen and (max-width: 360px) {
    .search-input-wrapper {
        width: 100%; /* 确保搜索框占满全宽 */
        border-radius: 15px; /* 进一步减小圆角 */
    }
    
    .search-input-wrapper input {
        font-size: 16px; /* 增大字体 */
        padding: 12px 14px; /* 增加内边距 */
    }
    
    .search-btn {
        padding: 0 14px; /* 增加按钮内边距 */
        min-width: 45px; /* 增加最小宽度 */
    }
    
    .search-btn i {
        font-size: 16px; /* 增大搜索图标 */
    }
}
/* 搜索结果分区样式（保留原样式） */
.search-results-section {
    margin-bottom: 40px;
}
.search-results-section h3 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    color: #2c3e50;
}
.more-results {
    text-align: center;
    margin-top: 15px;
    font-style: italic;
}
/* 首页文章资讯推荐样式（保留原样式，不与新卡片冲突） */
.articles-news-container {
    display: flex;
    gap: 40px;
    margin-top: 20px;
}
.articles-column,
.news-column {
    flex: 1;
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.articles-column h3,
.news-column h3 {
    font-size: 20px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #3498db;
}
.articles-list,
.news-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.article-item,
.news-item {
    padding: 16px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    transition: all 0.3s;
    /* 限制高度，避免被内容撑开 */
    min-height: 180px;
    display: flex;
    flex-direction: column;
    overflow: visible;
}
.article-item:hover,
.news-item:hover {
    border-color: #3498db;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.1);
    transform: translateY(-2px);
}

/* 文章和新闻卡片点击效果 */
.article-item[onclick],
.news-item[onclick] {
    cursor: pointer;
    transition: all 0.3s ease;
}

.article-item[onclick]:hover,
.news-item[onclick]:hover {
    border-color: #3498db;
    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.15);
    transform: translateY(-4px);
}

.article-item[onclick]:active,
.news-item[onclick]:active {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.2);
}
.article-item h4,
.news-item h4 {
    font-size: 20px; /* 大幅增大标题字体 */
    font-weight: 700; /* 增加字重 */
    color: #2c3e50;
    margin-bottom: 12px; /* 增加底部间距 */
    line-height: 1.5; /* 增加行高 */
    /* 使用更自然的标题截断方式 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    /* 确保在单词边界截断 */
    word-break: break-word;
    hyphens: auto;
}
.article-item h4:hover,
.news-item h4:hover {
    color: #3498db;
}
.article-meta,
.news-meta {
    display: flex;
    gap: 15px;
    margin-bottom: 12px; /* 增加底部间距 */
    font-size: 16px; /* 大幅增大元信息字体 */
    color: #6c757d;
    font-weight: 500; /* 增加字重 */
}
.article-date,
.news-date {
    background: #e3f2fd;
    color: #1976d2;
    padding: 2px 6px;
    border-radius: 4px;
}
.article-views,
.news-views {
    color: #6c757d;
}
.article-excerpt,
.news-excerpt {
    color: #555;
    line-height: 1.7; /* 增加行高 */
    margin-bottom: 15px; /* 增加底部间距 */
    font-size: 14px; /* 恢复桌面端摘要字体大小 */
    font-weight: 400; /* 增加字重 */
    /* 修复显示问题：允许完整显示文本 */
    display: block;
    overflow: visible;
    text-overflow: unset;
    flex: 1;
    /* 确保在单词边界截断 */
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    hyphens: auto;
}
.read-more {
    display: inline-block;
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    text-decoration: none;
    font-size: 17px; /* 大幅增大按钮字体 */
    font-weight: 600; /* 增加字重 */
    padding: 12px 20px; /* 增加内边距 */
    border-radius: 8px; /* 增加圆角 */
    transition: all 0.3s;
    box-shadow: 0 2px 4px rgba(52, 152, 219, 0.2);
    /* 确保按钮在固定高度内正确显示 */
    flex-shrink: 0;
    align-self: flex-start;
}
.read-more:hover {
    background: linear-gradient(135deg, #2980b9, #1f5f8b);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(52, 152, 219, 0.3);
    color: white;
}
.more-link {
    text-align: center;
    margin-top: 20px;
}
.more-link .bannerBtn {
    padding: 10px 20px;
    font-size: 14px;
}
/* 响应式设计（首页文章资讯推荐） */
@media (max-width: 768px) {
    .articles-news-container {
        flex-direction: column;
        gap: 20px;
    }
    
    .articles-column,
    .news-column {
        padding: 20px; /* 增加内边距 */
    }
    
    .articles-column h3,
    .news-column h3 {
        font-size: 20px; /* 增大标题字体 */
        font-weight: 600; /* 增加字重 */
        margin-bottom: 16px; /* 增加底部间距 */
    }
    
    .article-item,
    .news-item {
        min-height: 200px; /* 增加卡片最小高度 */
        padding: 18px; /* 增加内边距 */
        overflow: visible;
    }
    
    .article-item h4,
    .news-item h4 {
        font-size: 22px; /* 大幅增大标题字体 */
        font-weight: 700; /* 增加字重 */
        margin-bottom: 14px; /* 增加底部间距 */
    }
    
    .article-meta,
    .news-meta {
        font-size: 18px; /* 大幅增大元信息字体 */
        margin-bottom: 15px; /* 增加底部间距 */
    }
    
    .article-excerpt,
    .news-excerpt {
        font-size: 19px; /* 大幅增大摘要字体 */
        line-height: 1.8; /* 增加行高 */
        margin-bottom: 16px; /* 增加底部间距 */
        display: block;
        overflow: visible;
        text-overflow: unset;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    }
    
    .read-more {
        font-size: 19px; /* 大幅增大按钮字体 */
        padding: 14px 22px; /* 增加按钮内边距 */
    }
}

/* 小屏幕文章资讯推荐优化 */
@media (max-width: 480px) {
    .articles-column,
    .news-column {
        padding: 16px; /* 减少内边距 */
    }
    
    .articles-column h3,
    .news-column h3 {
        font-size: 18px; /* 稍微减小标题字体 */
    }
    
    .article-item,
    .news-item {
        min-height: 180px; /* 稍微减少卡片最小高度 */
        padding: 16px; /* 减少内边距 */
        overflow: visible;
    }
    
    .article-item h4,
    .news-item h4 {
        font-size: 20px; /* 大幅增大标题字体 */
        font-weight: 700; /* 增加字重 */
    }
    
    .article-meta,
    .news-meta {
        font-size: 17px; /* 大幅增大元信息字体 */
    }
    
    .article-excerpt,
    .news-excerpt {
        font-size: 18px; /* 大幅增大摘要字体 */
        display: block;
        overflow: visible;
        text-overflow: unset;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    }
    
    .read-more {
        font-size: 18px; /* 大幅增大按钮字体 */
        padding: 13px 21px; /* 增加按钮内边距 */
    }
}