/* ========================================
   冠隆医疗官网 - 通用页面样式 (合并版)
   合并所有独立页面的CSS文件
   优化: 减少HTTP请求，提升加载性能
   ======================================== */

/* ========================================
   About Page Specific Styles
   来源: about-page.css
   ======================================== */

/* About Page Specific Styles - 补充样式 */

/* 注意：主要样式已在inline-styles.css中定义，此文件仅作为补充 */
table td {padding: 3px 10px;}
td {font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif, "宋体";color: #333;}
input { font: 10pt Verdana, Arial, Helvetica, sans-serif, "宋体"; }

table {
  width: -moz-max-content;
  width: max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  border-collapse: separate;
  text-indent: initial;
  border-spacing: 2px;
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  unicode-bidi: isolate;
  border-spacing: 2px;
  border-color: gray;
}
thead {
  display: table-header-group;
  vertical-align: middle;
  unicode-bidi: isolate;
  border-color: inherit;
}
tr {
  display: table-row;
  vertical-align: inherit;
  unicode-bidi: isolate;
  border-color: inherit;
}
th, td {
  padding: 10px;
  font-size: 15px;
  line-height: 1.72;
}

th {
  text-align: left;
  /* border-color: var(--dsr-border-1); */
  border-top: none;
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: -internal-center;
  unicode-bidi: isolate;
  color: rgb(var(--ds-rgb-label-1));
  padding: calc(var(--ds-md-zoom)* 6px) calc(var(--ds-md-zoom)* 12px);
  border-bottom: 1px solid rgb(var(--ds-rgb-label-3));
  border-top: 1px solid rgb(var(--ds-rgb-label-3));
  font-weight: 600
}

/* 分页样式*/
.pageBox {margin:0 auto; width:auto; text-align: center; overflow: hidden; padding: 16px;}
.pageBox b {display:inline-block;margin-right:6px;color: #707070;width:auto;height:34px;font:bold 14px/34px arial;padding-right: 8px; padding-left: 8px;}
.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;height:34px;font:bold 14px/34px arial;padding-right: 8px; padding-left: 8px;}
.pageBox a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}
.pageBox .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}
.pageBox a.cur {color: #fff;}
.pageBox .disabled {width: 79px;}

/* Core Values Enhancements - 补充样式 */
.value-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: var(--spacing-lg);
    border: 1px solid transparent;
}

.value-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    border-color: var(--color-primary-light);
}

.value-card-image {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--spacing-md);
}

.value-card-image img {
    max-height: 100%;
    width: auto;
    transition: transform 0.3s ease;
}

.value-card:hover .value-card-image img {
    transform: scale(1.1);
}

/* Partners Grid styles removed to use inline-styles.css version */

/* Responsive Adjustments - 补充移动端样式 */
@media (max-width: 768px) {
    .global-reach-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .partners-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ========================================
   Blog Page Specific Styles
   来源: blog-page.css
   ======================================== */

/* Blog Page Specific Styles */

/* News List Item Enhancements */
.news-list-item {
    display: flex;
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: var(--spacing-lg);
    border: 1px solid #e5e7eb;
}

.news-list-item:hover {
    background-color: #f9fafb;
    box-shadow: var(--shadow-md);
    border-color: var(--color-primary);
}

/* 确保悬停时文字颜色不变 */
.news-list-item:hover .news-item-title a {
    color: var(--color-text-primary);
}

.news-list-item:hover .news-item-excerpt {
    color: var(--color-text-muted);
}

.news-list-item:hover .news-item-meta {
    color: var(--color-text-muted);
}

.news-item-thumbnail {
    flex: 0 0 300px;
    overflow: hidden;
    position: relative;
}

.news-item-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 移除图片过渡效果，保持图片不变 */
}

.news-item-content {
    padding: var(--spacing-lg);
    flex: 1;
    display: flex;
    flex-direction: column;
}

.news-item-title a {
    color: var(--color-text-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.news-item-title a:hover {
    color: var(--color-primary);
}

/* Category Navigation Enhancements */
.news-category-nav {
    display: flex;
    justify-content: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
    flex-wrap: wrap;
}

.category-nav-item {
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: 50px;
    background: var(--color-bg-gray);
    color: var(--color-text-secondary);
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
}

.category-nav-item:hover,
.category-nav-item.active {
    background: var(--color-primary);
    color: white;
    box-shadow: var(--shadow-md);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .news-list-item {
        flex-direction: column;
    }

    .news-item-thumbnail {
        flex: 0 0 200px;
        height: 200px;
    }

    .news-category-nav {
        gap: var(--spacing-sm);
    }

    .category-nav-item {
        padding: var(--spacing-xs) var(--spacing-md);
        font-size: var(--font-size-sm);
    }
}

/* ========================================
   Blog Detail Page Specific Styles
   来源: blog-detail.css
   ======================================== */

/* Blog Detail Page Specific Styles */

/* Article Content */
.section-article-detail {
    padding: var(--spacing-xl) 0;
}

.article-detail-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--spacing-xl);
}

.article-detail-content {
    background: var(--color-bg-white);
    padding: var(--spacing-xl);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.article-detail-title {
    font-size: 2rem;
    margin-bottom: var(--spacing-md);
    color: var(--color-text-primary);
    line-height: 1.3;
}

.article-detail-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--color-border);
}

.article-detail-image {
    margin-bottom: var(--spacing-xl);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.article-detail-image img {
    width: 100%;
    height: auto;
    display: block;
}

.article-body {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--color-text-primary);
}

.article-body p {
    margin-bottom: var(--spacing-md);
}

.article-body h2 {
    font-size: 1.5rem;
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-md);
    color: var(--color-primary);
    border-left: 4px solid var(--color-primary);
    padding-left: var(--spacing-sm);
}


.article-body  p {text-align: justify;text-justify: inter-ideograph; font-size: 16px; line-height: 31px;color: #333; margin: 10px 0; padding: 5px;}
.article-body  p img {max-width: 750px;
    myimg: expression(onload=function(){ this.style.width=(this.offsetWidth > 750)?"750px":"auto"} );
}
.article-body  img {max-width: 750px;
  myimg: expression(onload=function(){ this.style.width=(this.offsetWidth > 750)?"750px":"auto"} );
}

.article-intro {
    font-weight: 500;
    color: var(--color-text-primary);
    margin-bottom: var(--spacing-lg);
}


/* 文章内容图片容器 */
.article-content-image-wrapper {
    margin: var(--spacing-xl) 0;
    text-align: center;
}

.article-content-image {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    display: block;
    margin: 0 auto;
}

.article-content-with-image {
    display: flex;
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    align-items: flex-start;
}

.article-content-with-image.article-image-left {
    flex-direction: row-reverse;
}

.article-side-image {
    flex: 0 0 300px;
}

.article-side-image img {
    width: 100%;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.image-caption {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    text-align: center;
    margin-top: var(--spacing-xs);
    font-style: italic;
}

/* Sidebar */
.article-sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

.sidebar-card {
    background: var(--color-bg-white);
    padding: var(--spacing-lg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.sidebar-title {
    font-size: 1.2rem;
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-sm);
    border-bottom: 2px solid var(--color-primary-light);
    color: var(--color-text-primary);
}

.sidebar-reading-item {
    display: flex;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--color-border);
}

.sidebar-reading-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.sidebar-reading-image {
    flex: 0 0 128px;
    height: 80px;
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.sidebar-reading-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-reading-title {
    font-size: 0.95rem;
    margin-bottom: var(--spacing-xs);
    line-height: 1.4;
}

.sidebar-reading-title a {
    color: var(--color-text-primary);
    text-decoration: none;
    transition: color 0.2s;
}

.sidebar-reading-title a:hover {
    color: var(--color-primary);
}

.sidebar-reading-date {
    font-size: 0.8rem;
    color: var(--color-text-secondary);
}

.sidebar-product-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

/* 桌面端：一行两列 */
@media (min-width: 992px) {
    .sidebar-product-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.sidebar-product-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
    border-radius: var(--radius-md);
    border: 1px solid #e5e7eb;
    text-decoration: none;
    color: var(--color-text-primary);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.sidebar-product-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--color-primary);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.sidebar-product-item:hover {
    background: #ffffff;
    border-color: var(--color-primary);
    box-shadow: 0 4px 12px rgba(19, 147, 137, 0.15);
    transform: translateY(-2px);
}

.sidebar-product-item:hover::before {
    transform: scaleX(1);
}

.sidebar-product-image-wrapper {
    width: 320px;
    height: 180px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sidebar-product-item:hover .sidebar-product-image-wrapper {
    transform: scale(1.02);
    box-shadow: 0 4px 16px rgba(19, 147, 137, 0.2);
}

.sidebar-product-image {
    width: 100%;
    height: 120px;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: #ffffff;
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.sidebar-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.3s ease;
}

.sidebar-product-item:hover .sidebar-product-image img {
    transform: scale(1.05);
}

.sidebar-product-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
}

.sidebar-product-name {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.5;
    transition: color 0.3s ease;
    width: 100%;
    text-align: center;
}

.sidebar-product-item:hover .sidebar-product-name {
    color: var(--color-primary);
}

.sidebar-product-arrow {
    display: none;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .sidebar-product-item {
        padding: 0.875rem;
    }
    
    .sidebar-product-image-wrapper {
        width: 160px;
        height: 160px;
    }
    
    .sidebar-product-name {
        font-size: 0.875rem;
    }
}

@media (max-width: 768px) {
    .sidebar-product-image-wrapper {
        width: 140px;
        height: 140px;
    }
    
    .sidebar-product-name {
        font-size: 0.8125rem;
    }
}

/* Related Articles */
.related-articles-section {
    margin-top: var(--spacing-xl);
    padding-top: var(--spacing-xl);
    border-top: 1px solid var(--color-border);
}

.related-articles-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
}

.related-article-card {
    display: flex;
    gap: var(--spacing-md);
    align-items: flex-start;
}

.related-article-image {
    flex: 0 0 120px;
    height: 90px;
    border-radius: var(--radius-md);
    overflow: hidden;
}

.related-article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-article-title {
    font-size: 1.1rem;
    margin-bottom: var(--spacing-xs);
}

.related-article-title a {
    color: var(--color-text-primary);
    text-decoration: none;
}

.related-article-title a:hover {
    color: var(--color-primary);
}

.related-article-excerpt {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Responsive */
@media (max-width: 992px) {
    .article-detail-wrapper {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
    }

    /* 移动端：确保内容在前，侧边栏在后 */
    .article-detail-content {
        order: 1;
    }

    .article-sidebar {
        order: 2;
        margin-top: 2rem;
    }

    .article-content-with-image {
        flex-direction: column !important;
    }

    .article-side-image {
        flex: 0 0 auto;
        width: 100%;
    }

    /* 文章内容图片响应式 */
    .article-content-image-wrapper {
        margin: var(--spacing-lg) 0;
    }

    .article-content-image {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .related-articles-grid {
        grid-template-columns: 1fr;
    }

    /* 移动端：确保内容在前，侧边栏在后 */
    .article-detail-wrapper {
        display: flex;
        flex-direction: column;
    }

    .article-detail-content {
        order: 1;
    }

    .article-sidebar {
        order: 2;
        margin-top: 2rem;
        width: 100%;
    }
}

/* ========================================
   Custom Page Specific Styles
   来源: custom-page.css
   ======================================== */

/* Custom Page Specific Styles */

/* Custom Services Card Enhancements */
.custom-service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    border: 1px solid transparent;
}

.custom-service-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-xl);
    border-color: var(--color-primary-light);
}

.custom-service-icon {
    transition: transform 0.3s ease;
}

.custom-service-card:hover .custom-service-icon {
    transform: scale(1.1);
}

/* Core Capabilities Enhancements */
.core-capability-card {
    transition: transform 0.3s ease;
}

.core-capability-card:hover {
    transform: translateY(-5px);
}

.core-capability-image-wrapper {
    overflow: hidden;
}

.core-capability-image {
    transition: transform 0.5s ease;
}

.core-capability-card:hover .core-capability-image {
    transform: scale(1.05);
}

/* Process Steps Enhancements */
.process-step-card {
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.process-step-card:hover {
    background-color: var(--color-bg-white);
    transform: translateX(5px);
    box-shadow: var(--shadow-sm);
}

.process-step-number {
    transition: color 0.3s ease, background-color 0.3s ease;
}

.process-step-card:hover .process-step-number {
    color: var(--color-bg-white);
    background-color: var(--color-primary);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .custom-services-grid {
        grid-template-columns: 1fr;
    }

    .core-capability-card {
        margin-bottom: var(--spacing-md);
    }
}

/* ========================================
   Pages Enhanced Styles
   来源: pages-enhanced.css
   ======================================== */

/* ========================================
   冠隆医疗官网 - 页面增强样式
   统一所有页面风格
   ======================================== */

/* === Hero区域变体 === */
.services-hero,
.downloads-hero,
.cases-hero {
  min-height: 50vh;
}

.services-hero {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
}

.downloads-hero {
  background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);
}

.cases-hero {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}

/* === 筛选按钮组 === */
.download-filter,
.case-filter {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.filter-btn {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-primary);
  cursor: pointer;
  transition: all 0.3s ease;
}

.filter-btn:hover {
  background: var(--color-primary);
  color: white;
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.filter-btn.active {
  background: var(--color-primary);
  color: white;
  box-shadow: var(--shadow-md);
}

/* === 下载卡片 === */
.download-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.download-icon {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

.download-meta {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  color: var(--color-text-muted);
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

.download-notice {
  background: var(--color-primary-lighter);
  border-left: 4px solid var(--color-primary);
  padding: 1.5rem;
  border-radius: var(--radius-md);
}

.download-notice h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 1rem;
}

.download-notice ul {
  list-style: none;
  padding: 0;
}

.download-notice li {
  padding: 0.5rem 0;
  color: var(--color-text-secondary);
}

/* === 案例卡片 === */
.case-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  overflow: hidden;
}

.case-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.case-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

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

.case-card>div:not(.case-image) {
  padding: 0 2rem;
}

.case-card>div:last-child {
  padding-bottom: 2rem;
}

.case-header {
  padding-top: 1.5rem !important;
}

.case-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.case-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text-primary);
  flex: 1;
}

.case-badge {
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}

.case-badge.bci {
  background: var(--color-secondary-lighter);
  color: var(--color-secondary-dark);
}

.case-badge.neuroscience {
  background: #fce7f3;
  color: #9f1239;
}

.case-badge.clinical {
  background: var(--color-success-lighter);
  color: var(--color-success-dark);
}

.case-badge.psychology {
  background: var(--color-warning-lighter);
  color: #92400e;
}

.case-client {
  font-size: 1rem;
  color: var(--color-text-muted);
  margin-bottom: 1rem;
}

.case-challenge,
.case-solution,
.case-results {
  margin-bottom: 1rem;
}

.case-challenge h4,
.case-solution h4,
.case-results h4 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 0.5rem;
}

.case-solution ul {
  list-style: none;
  padding: 0;
}

.case-solution li {
  padding: 0.25rem 0;
  color: var(--color-text-secondary);
}

.partner-card {
  text-align: center;
  padding: 1.5rem;
}

.partner-name {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

.partner-field {
  font-size: 0.875rem;
  color: var(--color-text-muted);
}

/* === FAQ样式 === */
.faq-container {
  max-width: 900px;
  margin: 0 auto;
}

.faq-item {
  background: white;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item:hover {
  box-shadow: var(--shadow-md);
}

.faq-question {
  padding: 1.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-text-primary);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.3s ease;
}

.faq-question:hover {
  color: var(--color-primary);
}

.faq-question::after {
  content: '+';
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-primary);
  transition: transform 0.3s ease;
}

.faq-item.active .faq-question::after {
  content: '−';
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-item.active .faq-answer {
  max-height: 1000px;
}

.faq-answer p,
.faq-answer ul {
  padding: 0 1.5rem 1.5rem;
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.faq-answer ul {
  list-style: none;
  padding-left: 2rem;
}

.faq-answer li {
  padding: 0.25rem 0;
}

.faq-answer a {
  color: var(--color-primary);
  text-decoration: underline;
}

/* === FAQ Card Grid Layout (New) === */
.faq-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.faq-card {
  background: white;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
}

.faq-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary);
}

.faq-card-image {
  height: 200px;
  overflow: hidden;
  position: relative;
}

.faq-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.faq-card:hover .faq-card-image img {
  transform: scale(1.05);
}

.faq-card-content {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.faq-card-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--color-text-primary);
  line-height: 1.4;
}

.faq-card-text {
  color: var(--color-text-secondary);
  font-size: 0.95rem;
  line-height: 1.6;
  flex: 1;
}

.faq-card-text ul {
  list-style: none;
  padding: 0;
  margin-top: 0.5rem;
}

.faq-card-text li {
  padding: 0.25rem 0;
  position: relative;
  padding-left: 1rem;
}

.faq-card-text li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-primary);
}

/* === 软件信息 === */
.software-info {
  background: var(--color-bg-gray);
  padding: 1rem;
  border-radius: 0.375rem;
  margin: 1rem 0;
}

.software-info p {
  margin: 0.5rem 0;
  font-size: 0.875rem;
  color: var(--color-text-secondary);
}

.software-info strong {
  color: var(--color-text-primary);
}

/* === 资源图标 === */
.resource-icon {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 1rem;
}

/* === 统计图标 === */
.stat-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* === 联系方法图标 === */
.contact-method-icon {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 1rem;
}

.contact-method-info {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
}

.contact-method-info p {
  margin: 0.5rem 0;
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.contact-link {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
}

.contact-link:hover {
  text-decoration: underline;
}

/* === 区域办公室 === */
.regional-office-text {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.regional-office-text em {
  display: block;
  margin-top: 0.5rem;
  font-style: italic;
  color: var(--color-text-muted);
}

/* === 功能列表 === */
.feature-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}

.feature-list li {
  padding: 0.375rem 0;
  color: var(--color-text-secondary);
  font-size: 0.875rem;
}

/* === 博客文章列表 === */
.news-list-item {
  display: flex;
  gap: 1.5rem;
  padding: 1.5rem;
  background: white;
  border-radius: var(--radius-md);
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

/* 悬停效果已在上面统一定义，此处移除重复定义 */

.news-item-thumbnail {
  flex-shrink: 0;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 0.375rem;
}

.news-item-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 移除图片过渡效果，保持图片不变 */
}

.news-item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.news-item-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

.news-item-title a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

.news-item-title a:hover {
  color: var(--color-primary);
}

.news-item-excerpt {
  color: var(--color-text-muted);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-item-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  color: var(--color-text-muted);
}

.news-item-date {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.news-category-nav {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.category-nav-item {
  padding: 0.5rem 1.5rem;
  border-radius: 0.375rem;
  background: white;
  color: var(--color-text-muted);
  text-decoration: none;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  font-weight: 500;
}

.category-nav-item:hover {
  background: var(--color-bg-gray);
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.category-nav-item.active {
  background: var(--color-primary);
  color: white;
  border-color: var(--color-primary);
}

/* === 响应式设计 === */
@media (max-width: 768px) {
  .news-list-item {
    flex-direction: column;
    gap: 1rem;
  }

  .news-item-thumbnail {
    width: 100%;
    height: 200px;
  }

  .download-filter,
  .case-filter {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-btn {
    width: 100%;
  }

  .case-header {
    flex-direction: column;
    gap: 0.5rem;
  }

  .case-badge {
    align-self: flex-start;
  }

  .faq-question {
    font-size: 1rem;
    padding: 1rem;
  }

  .faq-answer p,
  .faq-answer ul {
    padding: 0 1rem 1rem;
  }
}

/* === 动画 === */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.card {
  animation: fadeInUp 0.6s ease-out;
}

/* === 按钮全宽 === */
.btn-full-width {
  width: 100%;
  justify-content: center;
}

/* === CTA间距 === */
.cta-subtitle-spacing {
  margin-bottom: 2rem;
}

.cta-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* === 文本对齐 === */
.text-center {
  text-align: center;
}

/* === 面包屑导航 === */
.section-breadcrumb {
  padding: 1rem 0;
  background: var(--color-bg-gray);
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--color-text-muted);
}

.breadcrumb a {
  color: var(--color-primary);
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb-separator {
  color: var(--color-text-muted);
}

.breadcrumb-current {
  color: var(--color-text-primary);
  font-weight: 600;
}

/* ========================================
   Product Categories Simple Styles
   来源: product-categories-simple.css
   ======================================== */

/* === Product Categories Grid Simple (2x2 Layout) === */
.product-categories-grid-simple {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: var(--spacing-2xl);
}

.category-card-simple {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: #f5f5f5;
    transition: all var(--transition-normal);
    aspect-ratio: 1;
}

.category-card-simple:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-xl);
}

.category-card-link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
}

.category-card-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.category-card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform var(--transition-slow);
}

.category-card-simple:hover .category-card-image img {
    transform: scale(1.05);
}

.category-card-title-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    padding: 1.5rem;
    text-align: left;
}

.category-card-title-overlay h3 {
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--color-text-secondary);
    margin: 0;
    transition: color var(--transition-fast);
}

.category-card-simple:hover .category-card-title-overlay h3 {
    color: var(--color-primary);
}

/* Responsive Design */
@media (max-width: 768px) {
    .product-categories-grid-simple {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .category-card-image {
        padding: 1.5rem;
    }

    .category-card-title-overlay {
        padding: 1rem;
    }

    .category-card-title-overlay h3 {
        font-size: var(--font-size-lg);
    }
}

/* ========================================
   Services Page Specific Styles
   来源: services-page.css
   ======================================== */

/* Services Page Specific Styles */

/* Service Cards Enhancements */
.service-card {
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    box-shadow: var(--shadow-md);
    transition: all 0.3s ease;
    border: 1px solid transparent;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-xl);
    border-color: var(--color-primary-light);
}

.service-icon-wrapper {
    width: 64px;
    height: 64px;
    background: var(--color-bg-gray);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--spacing-md);
    color: var(--color-primary);
    transition: all 0.3s ease;
}

.service-card:hover .service-icon-wrapper {
    background: var(--color-primary);
    color: white;
    transform: scale(1.1);
}

/* Download Cards Enhancements */
.download-card {
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.download-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.download-image-wrapper {
    height: 160px;
    /* Reduced height */
    background: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.download-image-wrapper img {
    transition: transform 0.5s ease;
}

.download-card:hover .download-image-wrapper img {
    transform: scale(1.05);
}

.download-content {
    padding: var(--spacing-lg);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.software-info {
    background: var(--color-bg-gray);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-md);
    margin: var(--spacing-md) 0;
    font-size: var(--font-size-sm);
}

.software-info p {
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
}

.software-info p:last-child {
    margin-bottom: 0;
}

/* FAQ Card Enhancements */
.faq-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.faq-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {

    .grid-cols-3,
    .grid-cols-4 {
        grid-template-columns: 1fr;
    }

    .service-card {
        padding: var(--spacing-lg);
    }
}

/* ========================================
   Solution Overview Styles
   来源: solution-overview.css
   ======================================== */

/* === Solution Overview Navigation === */
.solution-overview-section {
    padding: var(--spacing-3xl) 0;
    background: var(--color-bg-white);
}

.solution-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: var(--spacing-2xl);
}

.solution-overview-card {
    background: var(--color-bg-white);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-normal);
    border: 2px solid transparent;
    text-decoration: none;
    display: block;
}

.solution-overview-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-xl);
    border-color: var(--color-primary);
}

.solution-overview-icon {
    width: 80px;
    height: 64px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--spacing-md);
    font-size: 2rem;
    font-weight: 700;
    color: white;
}

.solution-overview-icon.bci {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}

.solution-overview-icon.neuroscience {
    background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);
}

.solution-overview-icon.clinical {
    background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
}

.solution-overview-icon.psychology {
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
}

.solution-overview-icon.sports {
    background: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);
}

.solution-overview-icon.rehabilitation {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.solution-overview-title {
    font-size: var(--font-size-xl);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: var(--spacing-sm);
}

.solution-overview-description {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin-bottom: var(--spacing-md);
}

.solution-overview-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    font-weight: 600;
    transition: gap var(--transition-fast);
}

.solution-overview-card:hover .solution-overview-link {
    gap: 0.75rem;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .solution-overview-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .solution-overview-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .solution-overview-card {
        padding: var(--spacing-lg);
    }

    .solution-overview-icon {
        width: 80px;
        height: 56px;
        font-size: 1.75rem;
    }
}