/* ==========================================
   平板设备 - Tablets (992px and below)
   ========================================== */
@media (max-width: 992px) {
  /* 导航栏移动端样式 */
  .navbar-collapse {
    margin-top: 1rem;
    padding: 1rem;
    background-color: var(--white);
    border-radius: var(--radius-lg);
  }
  
  .navbar-nav {
    gap: 0;
  }
  
  .nav-link {
    padding: 0.875rem 1rem !important;
    border-bottom: 1px solid var(--lighter-gray) !important;
  }
  
  /* 移除最后一个导航项的边框，避免与搜索框顶部边框重复 */
  .nav-item:last-child .nav-link {
    border-bottom: none !important;
  }
  
  .nav-link::before {
    display: none;
  }
  
  /* 移动端激活状态 - 保持分割线 */
  .navbar-nav .nav-link.active {
    border-radius: var(--radius-md) !important;
    border-bottom: 1px solid var(--lighter-gray) !important;
  }
  
  /* 确保点击、聚焦时分割线不消失 */
  .navbar-nav .nav-link:active,
  .navbar-nav .nav-link:focus,
  .navbar-nav .nav-link:hover {
    border-bottom: 1px solid var(--lighter-gray) !important;
  }
  
  /* 最后一个导航项在任何状态下都不显示底部边框 */
  .navbar-nav .nav-item:last-child .nav-link,
  .navbar-nav .nav-item:last-child .nav-link:active,
  .navbar-nav .nav-item:last-child .nav-link:focus,
  .navbar-nav .nav-item:last-child .nav-link:hover,
  .navbar-nav .nav-item:last-child .nav-link.active {
    border-bottom: none !important;
  }
  
  /* 移动端搜索框样式 */
  .navbar-search-mobile {
    border-top: 1px solid var(--lighter-gray);
  }
  
  .navbar-search-mobile .search-wrapper {
    position: relative;
  }
  
  .search-input-mobile {
    border: 1px solid var(--light-gray);
    border-radius: var(--radius-md);
    padding: 0.75rem 3rem 0.75rem 1rem;
    font-size: var(--font-size-sm);
    width: 100%;
    transition: all var(--transition-fast);
    background-color: var(--off-white);
  }
  
  .search-input-mobile:focus {
    background-color: var(--white);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(10, 123, 131, 0.1);
    outline: none;
  }
  
  .search-input-mobile::placeholder {
    color: var(--medium-gray);
    font-size: var(--font-size-sm);
  }
  
  .btn-search-mobile {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: var(--medium-gray);
    padding: 0.5rem;
    cursor: pointer;
    transition: all var(--transition-fast);
  }
  
  .btn-search-mobile:hover {
    color: var(--primary-color);
  }
  
  .btn-search-mobile i {
    font-size: 1.125rem;
  }
  
  /* Logo在移动端 */
  .brand-text {
    font-size: 1.5rem;
  }
  
  /* 标题字体大小调整 */
  h1 { font-size: var(--font-size-4xl); }
  h2 { font-size: var(--font-size-3xl); }
  h3 { font-size: var(--font-size-2xl); }
  h4 { font-size: var(--font-size-xl); }
  
  /* 间距调整 */
  .section-padding {
    padding: var(--spacing-3xl) 0;
  }
  
  .section-padding-lg {
    padding: var(--spacing-4xl) 0;
  }
  
  /* 首页轮播图响应式 */
  .hero-image {
    height: 70vh;
    min-height: 500px;
  }
  
  .hero-title {
    font-size: 2.5rem;
  }
  
  .hero-description {
    font-size: var(--font-size-lg);
  }
  
  .btn-hero-primary,
  .btn-hero-outline {
    font-size: var(--font-size-base);
    padding: 0.875rem 2rem;
  }
  
  .carousel-control-prev,
  .carousel-control-next {
    width: 50px;
    height: 50px;
  }
  
  .carousel-control-prev {
    left: 15px;
  }
  
  .carousel-control-next {
    right: 15px;
  }
  
  /* Solutions模块响应式 */
  .section-title {
    font-size: var(--font-size-3xl);
  }
  
  .solution-image-wrapper {
    height: 200px;
  }
  
  /* Why Choose Us模块 */
  .why-tabs-wrapper {
    margin-bottom: var(--spacing-xl);
  }
  
  .why-tabs {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-md);
  }
  
  .why-tab {
    flex-direction: column;
    padding: var(--spacing-md);
    gap: var(--spacing-xs);
    text-align: center;
    flex: 0 0 auto;
    min-width: 120px;
    max-width: 140px;
    font-size: var(--font-size-sm);
  }
  
  .why-tab i {
    font-size: 1.5rem;
  }
  
  .why-tab:hover {
    transform: translateY(-3px);
  }
  
  .why-content-wrapper {
    padding: var(--spacing-2xl) 0;
    min-height: 450px;
  }
  
  .why-content-title {
    font-size: var(--font-size-xl);
  }
  
  .why-content-description {
    font-size: var(--font-size-sm);
  }
  
  .why-features-list li {
    font-size: var(--font-size-sm);
  }
  
  /* About Us模块 */
  .about-content {
    padding-right: 0;
    margin-bottom: var(--spacing-3xl);
    text-align: center;
  }

  .about-stats {
    padding-left: 0;
  }

  .about-title {
    font-size: var(--font-size-3xl);
  }

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

  .stat-icon {
    width: 45px;
    height: 45px;
  }

  .stat-icon i {
    font-size: 1.5rem;
  }

  .stat-number {
    font-size: var(--font-size-3xl);
  }

  .stat-label {
    font-size: 0.8125rem;
  }

  .decoration-circle-1 {
    width: 300px;
    height: 300px;
    top: -150px;
    right: -150px;
  }

  .decoration-circle-2 {
    width: 200px;
    height: 200px;
    bottom: -100px;
    left: -100px;
  }
  
  /* Case Studies模块 */
  .case-image-wrapper {
    height: 160px;
  }

  .case-title {
    font-size: 0.875rem;
  }

  .case-desc {
    font-size: 0.75rem;
    margin-bottom: var(--spacing-sm);
  }

  .case-tag,
  .case-date {
    font-size: 0.625rem;
    padding: 0.25rem 0.625rem;
    gap: 0.1875rem;
  }

  .case-tag i,
  .case-date i {
    font-size: 0.6875rem;
  }
  
  /* News模块 */
  .featured-news-image-wrapper {
    height: 280px;
  }
  
  .featured-news-title {
    font-size: var(--font-size-lg);
  }
  
  .featured-news-excerpt {
    font-size: var(--font-size-sm);
  }
  
  .latest-news-image-wrapper {
    width: 100px;
    height: 75px;
  }
  
  .latest-news-item-title {
    font-size: var(--font-size-sm);
  }
  
  /* Exhibition模块 - 平板端保持2列 */
  .exhibition-card {
    padding: var(--spacing-xl);
  }
  
  .exhibition-image-wrapper {
    height: 200px;
  }
  
  .exhibition-body .exhibition-title {
    font-size: var(--font-size-lg);
  }
  
  .exhibition-info-row {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
  }
  
  .info-item {
    font-size: var(--font-size-sm);
  }
}

/* ==========================================
   小屏设备 - Small Devices (768px and below)
   ========================================== */
@media (max-width: 768px) {
  /* 容器间距 */
  .container {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }
  
  /* 标题字体 */
  h1 { font-size: var(--font-size-3xl); }
  h2 { font-size: var(--font-size-2xl); }
  h3 { font-size: var(--font-size-xl); }
  
  /* 按钮 */
  .btn-primary,
  .btn-secondary,
  .btn-accent,
  .btn-outline-primary {
    padding: 0.625rem 1.25rem;
    font-size: var(--font-size-sm);
  }
  
  /* 卡片 */
  .card {
    margin-bottom: var(--spacing-lg);
  }
  
  /* 间距 */
  .section-padding {
    padding: var(--spacing-2xl) 0;
  }
  
  .section-padding-lg {
    padding: var(--spacing-3xl) 0;
  }
  
  /* 首页轮播图响应式 */
  .hero-image {
    height: 60vh;
    min-height: 450px;
  }
  
  .hero-title {
    font-size: 2rem;
    margin-bottom: var(--spacing-lg);
  }
  
  .hero-description {
    font-size: var(--font-size-base);
    margin-bottom: var(--spacing-xl);
  }
  
  .hero-actions {
    flex-direction: column;
    gap: var(--spacing-md);
  }
  
  .btn-hero-primary,
  .btn-hero-outline {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
  
  .carousel-indicators {
    bottom: 20px;
  }
  
  .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }
  
  /* Solutions模块响应式 */
  .section-title {
    font-size: var(--font-size-2xl);
  }
  
  .section-description {
    font-size: var(--font-size-base);
  }
  
  .solution-image-wrapper {
    height: 180px;
  }
  
  .solution-card-title {
    font-size: var(--font-size-lg);
    padding-top: var(--spacing-lg);
  }
  
  .solution-card-description {
    padding: 0 var(--spacing-lg);
  }
  
  .solution-card-link {
    margin: 0 var(--spacing-lg) var(--spacing-lg);
  }
  
  /* Why Choose Us模块 */
  .why-choose-section .container {
    padding-top: var(--spacing-4xl);
    padding-bottom: var(--spacing-4xl);
  }

  
  .why-tabs-wrapper {
    margin-bottom: var(--spacing-xl);
  }
  
  .why-tabs {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-md);
  }
  
  .why-tab {
    flex-direction: column;
    padding: var(--spacing-md);
    gap: var(--spacing-xs);
    text-align: center;
    flex: 0 0 auto;
    min-width: 110px;
    max-width: 120px;
  }
  
  .why-tab i {
    font-size: 1.5rem;
  }
  
  .why-tab:hover {
    transform: translateY(-3px);
  }
  
  .why-content-wrapper {
    padding: var(--spacing-xl) 0;
    min-height: auto;
  }
  
  .why-content-title {
    font-size: var(--font-size-lg);
    text-align: center;
  }
  
  .why-content-description {
    text-align: center;
    margin-bottom: var(--spacing-lg);
  }
  
  .why-video-wrapper {
    margin-top: var(--spacing-xl);
  }
  
  /* About Us模块 */
  .about-background {
    padding: var(--spacing-3xl) 0;
  }

  .about-title {
    font-size: var(--font-size-2xl);
  }

  .about-description {
    font-size: var(--font-size-base);
  }

  .stat-card {
    padding: var(--spacing-md) var(--spacing-sm);
  }

  .stat-icon {
    width: 38px;
    height: 38px;
    margin-bottom: var(--spacing-sm);
  }

  .stat-icon i {
    font-size: 1.125rem;
  }

  .stat-number {
    font-size: var(--font-size-xl);
  }

  .stat-label {
    font-size: 0.7rem;
  }

  .btn-about {
    font-size: var(--font-size-base);
    padding: 0.875rem 2rem;
  }
  
  /* Case Studies模块 */
  .case-image-wrapper {
    height: 150px;
  }

  .case-content {
    padding: var(--spacing-sm) var(--spacing-md);
  }

  .case-title {
    font-size: 0.875rem;
    margin-bottom: 0.375rem;
  }

  .case-desc {
    font-size: 0.7rem;
    line-height: 1.4;
  }

  .case-link {
    font-size: 0.75rem;
  }
  
  /* News模块 */
  .featured-news-image-wrapper {
    height: 240px;
  }
  
  .featured-news-content {
    padding: var(--spacing-lg);
  }
  
  .featured-news-title {
    font-size: var(--font-size-lg);
  }
  
  .featured-news-excerpt {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  
  .latest-news-title {
    font-size: var(--font-size-lg);
  }
  
  .latest-news-image-wrapper {
    width: 90px;
    height: 68px;
  }
  
  .latest-news-item-title {
    font-size: var(--font-size-sm);
  }
  
  /* Exhibition模块 */
  .exhibition-image-wrapper {
    height: 160px;
  }
  
  .exhibition-body .exhibition-title {
    font-size: var(--font-size-sm);
  }
  
  .exhibition-info-row {
    grid-template-columns: 1fr;
    gap: var(--spacing-xs);
  }
  
  .info-item {
    font-size: 0.75rem;
  }
}

/* ==========================================
   超小屏设备 - Extra Small Devices (576px and below)
   ========================================== */
@media (max-width: 576px) {
  /* 根字体 */
  html {
    font-size: 14px;
  }
  
  /* Logo */
  .brand-text {
    font-size: 1.25rem;
  }
  
  /* 导航栏 */
  .navbar {
    padding: 0.5rem 0;
  }
  
  .navbar-collapse {
    margin-top: 0.75rem;
    padding: 0.75rem;
  }
  
  /* 标题 */
  h1 { font-size: var(--font-size-2xl); }
  h2 { font-size: var(--font-size-xl); }
  h3 { font-size: var(--font-size-lg); }
  h4 { font-size: var(--font-size-base); }
  
  /* 按钮 */
  .btn-primary,
  .btn-secondary,
  .btn-accent,
  .btn-outline-primary {
    padding: 0.5rem 1rem;
    font-size: var(--font-size-xs);
    width: 100%;
  }
  
  /* 间距 */
  .section-padding,
  .section-padding-sm {
    padding: var(--spacing-xl) 0;
  }
  
  .section-padding-lg {
    padding: var(--spacing-2xl) 0;
  }
  
  /* 顶部信息栏在超小屏隐藏 */
  .top-info-bar {
    display: none !important;
  }
  
  /* 首页轮播图响应式 */
  .hero-image {
    height: 50vh;
    min-height: 400px;
  }
  
  .hero-content {
    padding: var(--spacing-md);
  }
  
  .hero-title {
    font-size: 1.75rem;
  }
  
  .hero-description {
    font-size: var(--font-size-sm);
  }
  
  .btn-hero-primary,
  .btn-hero-outline {
    font-size: var(--font-size-sm);
    padding: 0.75rem 1.5rem;
  }
  
  /* Solutions模块响应式 */
  .section-label {
    font-size: 0.625rem;
    padding: 0.375rem 1rem;
  }
  
  .section-title {
    font-size: var(--font-size-xl);
  }
  
  .section-description {
    font-size: var(--font-size-sm);
  }
  
  .solution-image-wrapper {
    height: 160px;
  }
  
  .solution-card-title {
    font-size: var(--font-size-base);
    padding-top: var(--spacing-md);
  }
  
  .solution-card-description {
    font-size: 0.8125rem;
    padding: 0 var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }
  
  .solution-card-link {
    margin: 0 var(--spacing-md) var(--spacing-md);
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
  }
  
  .btn-view-all {
    font-size: var(--font-size-base);
    padding: 0.875rem 2rem;
  }
  
  /* News模块 */
  .featured-news-image-wrapper {
    height: 220px;
  }
  
  .featured-news-content {
    padding: var(--spacing-md);
  }
  
  .featured-news-title {
    font-size: var(--font-size-base);
  }
  
  .featured-news-excerpt {
    font-size: var(--font-size-sm);
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  
  .featured-news-footer {
    flex-wrap: wrap;
    gap: var(--spacing-sm);
  }
  
  .latest-news-wrapper {
    margin-top: var(--spacing-xl);
  }
  
  .latest-news-title {
    font-size: var(--font-size-base);
  }
  
  .latest-news-image-wrapper {
    width: 80px;
    height: 60px;
  }
  
  .latest-news-link {
    padding: var(--spacing-sm);
  }
  
  .latest-news-item-title {
    font-size: 0.875rem;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  
  .latest-news-meta {
    flex-wrap: wrap;
    gap: var(--spacing-xs);
  }
  
  /* Exhibition模块 */
  .exhibition-card {
    padding: var(--spacing-md);
  }
  
  .status-badge {
    padding: 0.375rem 0.75rem;
    font-size: 0.625rem;
  }
  
  .exhibition-image-wrapper {
    height: 140px;
  }
  
  .exhibition-status {
    position: static;
    margin-bottom: var(--spacing-md);
    text-align: center;
  }
  
  .exhibition-body .exhibition-title {
    font-size: var(--font-size-sm);
    text-align: center;
  }
  
  .info-item {
    font-size: 0.6875rem;
  }
  
  .info-item i {
    font-size: 0.875rem;
  }
  
  /* Why Choose Us模块 */
  .why-choose-section .container {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
  }
  
  .why-tabs {
    gap: var(--spacing-sm);
  }
  
  .why-tab {
    flex: 0 0 auto;
    min-width: 95px;
    max-width: 110px;
    padding: var(--spacing-sm);
    font-size: 0.8125rem;
  }
  
  .why-tab i {
    font-size: 1.25rem;
  }
  
  .why-content-wrapper {
    padding: var(--spacing-lg) 0;
  }
  
  .why-content-title {
    font-size: var(--font-size-base);
  }
  
  .why-content-description {
    font-size: var(--font-size-sm);
  }
  
  .why-features-list li {
    font-size: var(--font-size-sm);
  }
  
  .why-features-list li i {
    font-size: 1rem;
  }
  
  /* About Us模块 */
  .about-background {
    padding: var(--spacing-2xl) 0;
  }

  .about-title {
    font-size: var(--font-size-xl);
  }

  .about-description {
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-md);
  }

  .about-content {
    margin-bottom: var(--spacing-2xl);
  }

  .stat-card {
    padding: var(--spacing-sm) 0.375rem;
  }

  .stat-icon {
    width: 35px;
    height: 35px;
    margin-bottom: 0.5rem;
  }

  .stat-icon i {
    font-size: 1rem;
  }

  .stat-number {
    font-size: var(--font-size-lg);
    margin-bottom: 0.25rem;
  }

  .stat-label {
    font-size: 0.625rem;
  }

  .btn-about {
    font-size: var(--font-size-sm);
    padding: 0.75rem 1.5rem;
  }

  .decoration-circle-1,
  .decoration-circle-2,
  .decoration-circle-3 {
    display: none;
  }

  /* 移动端禁用视频，提升性能 */
  .about-video-bg {
    display: none;
  }

  /* 移动端使用纯渐变背景 */
  .about-video-overlay {
    background: var(--gradient-primary);
    opacity: 1;
  }
  
  /* Case Studies模块 */
  .case-image-wrapper {
    height: 140px;
  }

  .case-content {
    padding: var(--spacing-sm);
  }

  .case-title {
    font-size: 0.8125rem;
  }

  .case-desc {
    font-size: 0.6875rem;
  }

  .case-tag,
  .case-date {
    font-size: 0.5625rem;
    padding: 0.1875rem 0.5rem;
    gap: 0.125rem;
  }

  .case-tag i,
  .case-date i {
    font-size: 0.625rem;
  }

  .case-overlay {
    padding: var(--spacing-sm);
  }

  .case-link {
    font-size: 0.7rem;
  }
}

/* ==========================================
   中屏设备 - Medium Devices (577px to 768px)
   ========================================== */
@media (min-width: 577px) and (max-width: 768px) {
  /* Why Choose Us模块 - 确保一行显示四个 */
  .why-tabs {
    gap: var(--spacing-sm);
    justify-content: center;
  }
  
  .why-tab {
    flex: 0 0 auto;
    min-width: 100px;
    max-width: 115px;
    padding: var(--spacing-sm) 0.5rem;
    font-size: 0.8125rem;
  }
  
  .why-tab i {
    font-size: 1.25rem;
  }
  
  .why-tab span {
    font-size: 0.75rem;
  }
}

/* ==========================================
   小屏设备 - Small Devices (450px to 576px)
   ========================================== */
@media (min-width: 450px) and (max-width: 576px) {
  /* Why Choose Us模块 - 一行显示四个，紧凑排列 */
  .why-tabs {
    gap: 0.375rem;
    justify-content: center;
  }
  
  .why-tab {
    flex: 0 0 auto;
    min-width: 85px;
    max-width: 95px;
    padding: var(--spacing-sm) 0.375rem;
    font-size: 0.75rem;
  }
  
  .why-tab i {
    font-size: 1.125rem;
  }
  
  .why-tab span {
    font-size: 0.7rem;
  }
}

/* ==========================================
   超小屏设备 - Extra Small Devices (449px and below)
   ========================================== */
@media (max-width: 449px) {
  /* Why Choose Us模块 - 一行显示两个选项卡 */
  .why-tabs {
    gap: var(--spacing-sm);
  }
  
  .why-tab {
    flex: 1 1 calc(50% - var(--spacing-sm) / 2);
    min-width: auto;
    max-width: calc(50% - var(--spacing-sm) / 2);
    padding: var(--spacing-sm);
    font-size: 0.75rem;
  }
  
  .why-tab i {
    font-size: 1.125rem;
  }
}

/* ==========================================
   中等大屏 - Medium to Large (992px to 1052px)
   ========================================== */
@media (min-width: 992px) and (max-width: 1052px) {
  /* 搜索框缩短，确保导航栏完整显示 */
  .search-input {
    width: 140px;
  }
  
  /* 导航链接间距调整 */
  .navbar-nav {
    gap: 0.25rem;
  }
  
  .nav-link {
    padding: 0.75rem 0.75rem !important;
  }
}

/* ==========================================
   大屏设备 - Large Devices (1200px and above)
   ========================================== */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
  
  /* 导航链接间距增加 */
  .navbar-nav {
    gap: 1rem;
  }
  
  .nav-link {
    padding: 0.75rem 1.25rem !important;
  }
  
  /* Exhibition模块 - 大屏4列布局优化 */
  .exhibition-card {
    padding: var(--spacing-lg);
  }
  
  .exhibition-image-wrapper {
    height: 180px;
  }
  
  .exhibition-body .exhibition-title {
    font-size: var(--font-size-base);
  }
  
  .info-item {
    font-size: 0.8125rem;
  }
}

/* ==========================================
   1199px - About Us & Case Studies
   ========================================== */
@media (max-width: 1199px) {
  /* About Us */
  .stat-card {
    padding: var(--spacing-md) var(--spacing-sm);
  }

  .stat-icon {
    width: 40px;
    height: 40px;
    margin-bottom: var(--spacing-sm);
  }

  .stat-icon i {
    font-size: 1.25rem;
  }

  .stat-number {
    font-size: var(--font-size-2xl);
  }

  .stat-label {
    font-size: 0.75rem;
  }
  
  /* Case Studies */
  .case-title {
    font-size: 0.9375rem;
  }

  .case-desc {
    font-size: 0.75rem;
  }

  .case-content {
    padding: var(--spacing-md);
  }
}

/* ==========================================
   超大屏设备 - Extra Large Devices (1400px and above)
   ========================================== */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
  
  /* 增大字体 */
  h1 { font-size: var(--font-size-6xl); }
  
  /* 搜索框 */
  .search-input {
    width: 240px;
  }
  
  /* About Us - 统计卡片 */
  .stat-card {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .stat-icon {
    width: 50px;
    height: 50px;
  }

  .stat-icon i {
    font-size: 1.625rem;
  }

  .stat-number {
    font-size: var(--font-size-3xl);
  }

  .stat-label {
    font-size: 0.875rem;
  }
  
  /* Exhibition模块 - 超大屏优化 */
  .exhibition-card {
    padding: var(--spacing-xl);
  }
  
  .exhibition-image-wrapper {
    height: 200px;
  }
  
  .exhibition-body .exhibition-title {
    font-size: var(--font-size-lg);
  }
  
  .info-item {
    font-size: var(--font-size-sm);
  }
}

/* ==========================================
   打印样式 - Print Styles
   ========================================== */
@media print {
  .top-info-bar,
  .navbar,
  .navbar-search,
  .btn-search {
    display: none !important;
  }
  
  body {
    font-size: 12pt;
    color: #000;
    background: #fff;
  }
  
  a {
    text-decoration: underline;
  }
  
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
}

/* ==========================================
   横屏模式 - Landscape Orientation
   ========================================== */
@media (max-width: 992px) and (orientation: landscape) {
  .navbar-collapse {
    max-height: 70vh;
    overflow-y: auto;
  }
}

/* ==========================================
   高对比度模式支持 - High Contrast Mode
   ========================================== */
@media (prefers-contrast: high) {
  .nav-link,
  .dropdown-item,
  .btn-primary,
  .btn-secondary {
    border: 2px solid currentColor;
  }
}

/* ==========================================
   页脚响应式 - Footer Responsive
   ========================================== */

/* 平板及以下 */
@media (max-width: 992px) {
  /* 页脚主容器 */
  .footer-main {
    padding: 3rem 0 2.5rem;
  }

  /* 品牌区域 */
  .footer-description {
    max-width: 100%;
  }

  .footer-tagline {
    font-size: 0.9375rem;
  }
}

/* 移动设备 */
@media (max-width: 768px) {
  /* 页脚主容器 */
  .footer-main {
    padding: 2.5rem 0 2rem;
  }

  /* 品牌Logo */
  .footer-logo .brand-text {
    font-size: 1.625rem;
  }

  /* 品牌描述 */
  .footer-description {
    font-size: 0.875rem;
    margin-bottom: var(--spacing-sm);
  }

  .footer-tagline {
    font-size: 0.875rem;
    margin-top: var(--spacing-md);
  }

  /* 链接标题 */
  .footer-links-title {
    font-size: 0.875rem;
    margin-bottom: var(--spacing-md);
  }

  /* 链接列表 */
  .footer-menu a,
  .footer-contact-list span {
    font-size: 0.875rem;
  }

  /* 联系方式图标 */
  .footer-contact-list i {
    font-size: 1rem;
  }

  /* 底部版权 */
  .footer-bottom {
    padding: 1.25rem 0;
  }

  .footer-bottom-content {
    flex-direction: column;
    text-align: center;
    gap: var(--spacing-sm);
  }

  .copyright p,
  .footer-bottom-links a {
    font-size: 0.8125rem;
  }

  .footer-bottom-links {
    justify-content: center;
    gap: var(--spacing-sm);
  }

  /* 回到顶部按钮 */
  .back-to-top {
    width: 45px;
    height: 45px;
    bottom: 20px;
    right: 20px;
  }

  .back-to-top i {
    font-size: 1.125rem;
  }
}

/* 小屏幕移动设备 */
@media (max-width: 576px) {
  /* 页脚主容器 */
  .footer-main {
    padding: 2rem 0 1.5rem;
  }

  /* 品牌Logo */
  .footer-logo .brand-text {
    font-size: 1.5rem;
  }

  .footer-description {
    font-size: 0.8125rem;
  }

  .footer-tagline {
    font-size: 0.8125rem;
    padding-left: var(--spacing-sm);
  }

  /* 链接标题 */
  .footer-links-title {
    font-size: 0.8125rem;
    margin-bottom: var(--spacing-sm);
  }

  .footer-links-title::after {
    width: 30px;
  }

  /* 底部链接 */
  .footer-bottom-links {
    flex-wrap: wrap;
  }

  /* 回到顶部按钮 */
  .back-to-top {
    width: 40px;
    height: 40px;
    bottom: 15px;
    right: 15px;
  }

  .back-to-top i {
    font-size: 1rem;
  }
}

/* ==========================================
   Page Banner 响应式 - Page Banner Responsive
   ========================================== */

/* 平板及以下 */
@media (max-width: 992px) {
  .page-banner-wrapper {
    height: 450px;
  }

  .banner-title {
    font-size: 3rem;
  }

  .banner-subtitle {
    font-size: 1.125rem;
  }


}

/* 移动设备 */
@media (max-width: 768px) {
  .page-banner-wrapper {
    height: 400px;
  }

  .banner-content-wrapper {
    padding: 0 var(--spacing-md);
  }

  .banner-title {
    font-size: 2.25rem;
    margin-bottom: var(--spacing-md);
  }

  .banner-subtitle {
    font-size: 1rem;
    margin-bottom: var(--spacing-lg);
  }

 

  .breadcrumb-list {
    padding: 0.625rem 1.25rem;
    gap: 0.375rem;
  }

  .breadcrumb-item {
    font-size: 0.875rem;
  }

  .breadcrumb-link {
    gap: 0.375rem;
    padding: 0.25rem 0.375rem;
  }

  .breadcrumb-link i {
    font-size: 0.875rem;
  }

  .breadcrumb-separator {
    font-size: 0.8125rem;
  }
}

/* 小屏幕移动设备 */
@media (max-width: 576px) {
  .page-banner-wrapper {
    height: 350px;
  }

  .banner-title {
    font-size: 1.875rem;
    margin-bottom: var(--spacing-sm);
  }

  .banner-subtitle {
    font-size: 0.9375rem;
    margin-bottom: var(--spacing-md);
  }

  

  .breadcrumb-list {
    padding: 0.5rem 1rem;
    gap: 0.25rem;
  }

  .breadcrumb-item {
    font-size: 0.8125rem;
  }

  .breadcrumb-link span {
    display: none;
  }

  .breadcrumb-link i {
    font-size: 1rem;
  }

  .breadcrumb-separator {
    margin: 0 0.125rem;
  }
}

/* ==========================================
   深色模式偏好 - Dark Mode Preference
   ========================================== */
@media (prefers-color-scheme: dark) {
  /* 为未来的深色模式预留 */
  /* 可以在此添加深色模式样式 */
}

/* ==========================================
   减少动画偏好 - Reduced Motion Preference
   ========================================== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==========================================
   解决方案详情顶部简介模块响应式 - Solution Introduction Responsive
   ========================================== */

/* 平板设备 - Tablets (992px and below) */
@media (max-width: 992px) {
  /* 媒体展示区域 */
  .media-main-display {
    margin-bottom: var(--spacing-md);
  }
  
  .media-thumbnails {
    gap: var(--spacing-sm);
  }
  
  .thumbnail-item {
    width: 100px;
    height: 75px;
  }
  
  /* 简介内容 */
  .solution-intro-content {
    padding-top: var(--spacing-xl);
  }
  
  .intro-title {
    font-size: var(--font-size-2xl);
  }
  
  .intro-description {
    font-size: var(--font-size-sm);
  }
}

/* 移动设备 - Mobile (768px and below) */
@media (max-width: 768px) {
  /* 媒体展示区域 */
  .media-main-display {
    border-radius: var(--radius-lg);
  }
  
  
  
  .thumbnail-item {
    width: 90px;
    height: 68px;
  }
  
  .video-indicator {
    width: 35px;
    height: 35px;
  }
  
  .video-indicator i {
    font-size: 1.125rem;
  }
  
  /* 简介内容 */
  .solution-intro-content {
    padding-top: var(--spacing-lg);
  }
  
  .intro-label {
    font-size: 0.8125rem;
    padding: 0.375rem var(--spacing-md);
  }
  
  .intro-label i {
    font-size: 0.875rem;
  }
  
  .intro-title {
    font-size: var(--font-size-xl);
    margin-bottom: var(--spacing-md);
  }
  
  .intro-description {
    margin-bottom: var(--spacing-xl);
  }
  
  .intro-actions {
    gap: var(--spacing-sm);
  }
  
  .btn-intro-primary {
    font-size: var(--font-size-sm);
    padding: 0.75rem 2.5rem;
  }
}

/* 小屏幕移动设备 - Small Mobile (576px and below) */
@media (max-width: 576px) {
  /* 媒体展示区域 */
  .media-main-display {
    /* padding-bottom: 66.67%; 调整为更适合移动端的比例 3:2 */
    border-radius: var(--radius-md);
  }
  
  
  
  .thumbnail-item {
    width: 80px;
    height: 60px;
  }
  
  .thumbnail-wrapper {
    border-width: 2px;
  }
  
  .thumbnail-item.active .thumbnail-wrapper {
    box-shadow: 0 0 0 3px rgba(10, 123, 131, 0.15);
  }
  
  .video-indicator {
    width: 30px;
    height: 30px;
  }
  
  .video-indicator i {
    font-size: 1rem;
  }
  
  /* 简介内容 */
  .solution-intro-content {
    padding-top: var(--spacing-md);
  }
  
  .intro-label {
    font-size: 0.75rem;
    padding: 0.375rem var(--spacing-sm);
    gap: 0.375rem;
  }
  
  .intro-label i {
    font-size: 0.75rem;
  }
  
  .intro-title {
    font-size: var(--font-size-lg);
    margin-bottom: var(--spacing-sm);
  }
  
  .intro-description {
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-lg);
  }
  
  .intro-actions {
    gap: var(--spacing-sm);
  }
  
  .btn-intro-primary {
    font-size: var(--font-size-sm);
    padding: 0.75rem 2rem;
  }
}

/* 超大屏设备 - Extra Large (1400px and above) */
@media (min-width: 1400px) {
  .intro-title {
    font-size: var(--font-size-3xl);
  }
  
  .intro-description {
    font-size: var(--font-size-lg);
  }
  
  .btn-intro-primary {
    font-size: var(--font-size-lg);
    padding: 1rem 3.5rem;
  }
}

/* ==========================================
   解决方案详情区域响应式 - Solution Details Responsive
   ========================================== */

/* 平板设备 - Tablets (992px and below) */
@media (max-width: 992px) {
  .solution-tabs-wrapper {
    top: 0px;
  }
  
  .tab-item {
    min-width: 100px;
    padding: var(--spacing-md) var(--spacing-sm);
  }
  
  .tab-item i {
    font-size: 1.25rem;
  }
  
  .content-block {
    padding: var(--spacing-xl);
  }
  
  .content-title {
    font-size: var(--font-size-xl);
  }
}

/* 移动设备 - Mobile (768px and below) */
@media (max-width: 768px) {
  .solution-tabs-wrapper {
    top: 0px;
  }
  
  .tab-item {
    min-width: 80px;
    padding: var(--spacing-sm);
    gap: 0.25rem;
  }
  
  .tab-item i {
    font-size: 1.125rem;
  }
  
  .tab-item span {
    font-size: 0.75rem;
  }
  
  .detail-content-section {
    scroll-margin-top: 120px;
  }
  
  .content-block {
    padding: var(--spacing-lg);
  }
  
  .content-title {
    font-size: var(--font-size-lg);
  }
  
  .content-description {
    font-size: var(--font-size-sm);
  }
  
  /* 相关产品卡片 */
  .product-info {
    padding: var(--spacing-lg);
  }
  
  .product-name {
    font-size: var(--font-size-base);
  }
  
  /* 询价表单 */
  .quote-form-wrapper {
    padding: var(--spacing-xl);
  }
}

/* 小屏幕移动设备 - Small Mobile (576px and below) */
@media (max-width: 576px) {
  .tab-item {
    flex-direction: column;
    min-width: 70px;
    padding: 0.625rem 0.375rem;
  }
  
  .tab-item i {
    font-size: 1rem;
  }
  
  .tab-item span {
    font-size: 0.625rem;
  }
  
  .content-block {
    padding: var(--spacing-md);
    border-radius: var(--radius-lg);
  }
  
  .content-title {
    font-size: var(--font-size-base);
    margin-bottom: var(--spacing-md);
  }
  
  .content-description {
    font-size: 0.875rem;
  }
  
  /* 相关产品卡片 */
  .product-image {
    padding-bottom: 66.67%; /* 3:2 */
  }
  
  .product-info {
    padding: var(--spacing-md);
  }
  
  .product-name {
    font-size: var(--font-size-sm);
  }
  
  .product-desc {
    font-size: 0.8125rem;
  }
  
  .btn-product-detail {
    font-size: 0.8125rem;
  }
  
  /* 询价表单 */
  .quote-form-wrapper {
    padding: var(--spacing-lg);
    border-radius: var(--radius-lg);
  }
  
  .quote-form .form-control {
    padding: 0.75rem 0.875rem;
    font-size: var(--font-size-sm);
  }
  
  .form-label {
    font-size: 0.8125rem;
  }
  
  .btn-quote-submit {
    padding: 0.875rem 1.5rem;
    font-size: var(--font-size-sm);
  }
  
  .form-note {
    font-size: 0.75rem;
    padding: var(--spacing-sm);
  }
}

/* ==========================================
   案例列表页面响应式 - Case Archive Page Responsive
   ========================================== */

/* 平板设备 - Tablet (992px and below) */
@media (max-width: 992px) {
  .case-content {
    padding: var(--spacing-lg);
  }
  
  .case-title {
    font-size: var(--font-size-base);
  }
}

/* 移动设备 - Mobile (768px and below) */
@media (max-width: 768px) {
  .case-meta-badges {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .case-location,
  .case-date {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
  }
  
  .pagination-list {
    gap: 0.25rem;
  }
  
  .pagination-link {
    min-width: 2.5rem;
    height: 2.5rem;
    font-size: 0.8125rem;
  }
}

/* 小屏幕移动设备 - Small Mobile (576px and below) */
@media (max-width: 576px) {
  .case-card {
    border-radius: var(--radius-lg);
  }
  
  .case-content {
    padding: var(--spacing-md);
  }
  
  .case-title {
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-xs);
  }
  
  .case-description {
    font-size: 0.8125rem;
    margin-bottom: var(--spacing-md);
  }
  
  .case-link {
    font-size: 0.8125rem;
  }
  
  .case-pagination {
    margin-top: var(--spacing-2xl);
    padding-top: var(--spacing-xl);
  }
  
  .pagination-link {
    min-width: 2.25rem;
    height: 2.25rem;
    font-size: 0.75rem;
    border-width: 1px;
  }
  
  /* 在小屏幕上隐藏部分页码 */
  .pagination-item:nth-child(n+6):nth-last-child(n+3) {
    display: none;
  }
}

/* ==========================================
   客户评价模块响应式 - Customer Feedback Responsive
   ========================================== */

/* 平板设备 - Tablet (992px and below) */
@media (max-width: 992px) {
  .feedback-card {
    padding: var(--spacing-lg);
  }
  
  .customer-flag {
    width: 40px;
    height: 40px;
  }
  
  .customer-name {
    font-size: var(--font-size-sm);
  }
}

/* 移动设备 - Mobile (768px and below) */
@media (max-width: 768px) {
  .title-underline {
    width: 80px;
    height: 3px;
  }
  
  .feedback-card {
    padding: var(--spacing-md);
  }
  
  .feedback-customer {
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
  }
  
  .feedback-chat-preview {
    margin-bottom: var(--spacing-md);
  }
  
  .feedback-rating {
    gap: 0.125rem;
    margin-bottom: var(--spacing-sm);
  }
  
  .feedback-rating i {
    font-size: 0.875rem;
  }
  
  .feedback-quote p {
    font-size: 0.8125rem;
    padding-left: var(--spacing-md);
  }
  
  .feedback-quote p::before {
    font-size: 1.5rem;
    top: -0.125rem;
  }
}

/* 小屏幕移动设备 - Small Mobile (576px and below) */
@media (max-width: 576px) {
  .feedback-header {
    margin-bottom: var(--spacing-xl) !important;
  }
  
  .customer-flag {
    width: 36px;
    height: 36px;
    border-width: 2px;
  }
  
  .customer-name {
    font-size: 0.8125rem;
  }
}

/* ==========================================
   案例详情页面响应式 - Case Detail Responsive
   ========================================== */

/* 平板设备 - Tablet (992px and below) */
@media (max-width: 992px) {
  .case-intro-section .row {
    align-items: flex-start !important;
  }
  
  .case-media-container {
    margin-bottom: var(--spacing-xl);
  }
  
  .case-info-container {
    padding-left: 0;
  }
  
  .case-info-title {
    font-size: 1.75rem;
  }
  
  .param-icon {
    width: 40px;
    height: 40px;
  }
  
  .param-icon i {
    font-size: 1.25rem;
  }
}

/* 移动设备 - Mobile (768px and below) */
@media (max-width: 768px) {
  .case-info-title {
    font-size: 1.5rem;
    margin-bottom: var(--spacing-lg);
  }
  
  .case-parameters-box {
    padding: var(--spacing-lg);
  }
  
  .case-parameters {
    gap: var(--spacing-md);
  }
  
  .case-param-item {
    padding-bottom: var(--spacing-md);
    gap: var(--spacing-sm);
  }
  
  .param-icon {
    width: 36px;
    height: 36px;
  }
  
  .param-icon i {
    font-size: 1.125rem;
  }
  
  .param-label {
    font-size: 0.625rem;
  }
  
  .param-value {
    font-size: var(--font-size-sm);
  }
}

/* 小屏幕移动设备 - Small Mobile (576px and below) */
@media (max-width: 576px) {
  .case-info-title {
    font-size: 1.25rem;
  }
  
  .case-parameters-box {
    padding: var(--spacing-md);
    border-left-width: 3px;
  }
  
  .case-param-item {
    padding-bottom: var(--spacing-sm);
  }
  
  .case-contact-btn-wrapper {
    margin-top: var(--spacing-lg);
    padding-top: var(--spacing-lg);
  }
  
  .case-contact-btn-wrapper .btn {
    width: 100%;
  }
}

/* ==========================================
   新闻列表页面响应式 - News Archive Responsive
   ========================================== */

/* 移动设备 - Mobile (768px and below) */
@media (max-width: 768px) {
  .news-card-body {
    padding: var(--spacing-md);
  }
  
  .news-meta {
    gap: var(--spacing-sm);
  }
  
  .news-title {
    font-size: var(--font-size-sm);
  }
  
  .news-excerpt {
    font-size: var(--font-size-xs);
  }
  
  .featured-badge {
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
  }
}

/* 小屏幕移动设备 - Small Mobile (576px and below) */
@media (max-width: 576px) {
  .news-card-body {
    padding: var(--spacing-sm);
  }
  
  .news-meta {
    font-size: 0.6875rem;
  }
  
  .featured-badge {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
  }
}

/* ==========================================
   新闻详情页面响应式 - News Detail Responsive
   ========================================== */

/* 平板设备 - Tablet (992px and below) */
@media (max-width: 992px) {
  .news-detail-article {
    padding: var(--spacing-xl);
  }
  
  .news-detail-title {
    font-size: 1.5rem;
  }
}

/* 移动设备 - Mobile (768px and below) */
@media (max-width: 768px) {
  .news-detail-article {
    padding: var(--spacing-lg);
  }
  
  .news-detail-meta {
    gap: var(--spacing-md);
    flex-wrap: wrap;
  }
  
  .news-detail-title {
    font-size: 1.25rem;
  }
  
  .news-detail-share {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--spacing-lg);
  }
  
  .share-title {
    margin-bottom: var(--spacing-sm);
  }
  
  .news-navigation {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }
  
  .news-nav-next {
    text-align: left;
  }
  
  .news-nav-next .nav-label {
    align-self: flex-start;
  }
}

/* 小屏幕移动设备 - Small Mobile (576px and below) */
@media (max-width: 576px) {
  .news-detail-article {
    padding: var(--spacing-md);
    border-radius: var(--radius-lg);
  }
  
  .news-detail-title {
    font-size: 1.125rem;
  }
  
  .news-detail-meta {
    font-size: 0.8125rem;
  }
  
  .news-tag {
    padding: 0.375rem 0.75rem;
    font-size: 0.6875rem;
  }
  
  .news-detail-content p {
    font-size: var(--font-size-sm);
  }
  
  .share-btn {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }
  
  .news-nav-link {
    padding: var(--spacing-md);
  }
  
  .nav-title {
    font-size: 0.8125rem;
  }
}

/* ==========================================
   关于我们页面响应式 - About Us Responsive
   ========================================== */

/* 平板设备 - Tablet (992px and below) */
@media (max-width: 992px) {
  .about-intro-content {
    padding: var(--spacing-md) 0;
  }
  
  .about-intro-title {
    font-size: 1.5rem;
  }
  
  .about-features-grid {
    gap: var(--spacing-md);
  }
}

/* 移动设备 - Mobile (768px and below) */
@media (max-width: 768px) {
  .about-intro-content {
    padding: var(--spacing-sm) 0;
  }
  
  .about-intro-title {
    font-size: 1.25rem;
  }
  
  .about-intro-description p {
    font-size: var(--font-size-sm);
  }
  
  .about-features-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }
  
  .feature-icon {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
  
  .feature-title {
    font-size: 0.8125rem;
  }
  
  .video-play-btn {
    width: 64px;
    height: 64px;
  }
  
  .video-play-btn i {
    font-size: 1.5rem;
  }
  
  .video-title {
    font-size: var(--font-size-base);
  }
  
  .video-subtitle {
    font-size: var(--font-size-xs);
  }
}

/* 小屏幕移动设备 - Small Mobile (576px and below) */
@media (max-width: 576px) {
  .about-intro-content {
    padding: 0;
  }
  
  .about-badge {
    font-size: 0.6875rem;
    padding: 0.375rem 1rem;
  }
  
  .about-intro-title {
    font-size: 1.125rem;
  }
  
  .about-intro-description {
    margin-bottom: var(--spacing-lg);
  }
  
  .about-intro-description p {
    font-size: 0.8125rem;
  }
  
  .about-features-grid {
    margin-bottom: var(--spacing-lg);
  }
  
  .feature-icon {
    width: 36px;
    height: 36px;
    font-size: 1.125rem;
  }
  
  .feature-title {
    font-size: 0.75rem;
  }
  
  .feature-text {
    font-size: 0.6875rem;
  }
  
  .btn-about-contact {
    width: 100%;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    font-size: var(--font-size-sm);
  }
  
  .video-play-btn {
    width: 56px;
    height: 56px;
  }
  
  .video-play-btn i {
    font-size: 1.25rem;
  }
  
  .video-overlay-text {
    padding: var(--spacing-md);
  }
  
  .video-title {
    font-size: var(--font-size-sm);
  }
  
  .video-subtitle {
    font-size: 0.6875rem;
  }
}

/* ==========================================
   业务区域响应式 - Business Section Responsive
   ========================================== */

/* 平板设备 */
@media (max-width: 992px) {
  .business-card {
    padding: 1.5rem 1.25rem;
  }
  
  .business-icon {
    width: 52px;
    height: 52px;
  }
  
  .business-icon i {
    font-size: 1.5rem;
  }
  
  .business-title {
    font-size: var(--font-size-base);
  }
}

/* 移动设备 */
@media (max-width: 768px) {
  .business-card {
    padding: 1.25rem 1rem;
  }
  
  .business-icon {
    width: 48px;
    height: 48px;
  }
  
  .business-icon i {
    font-size: 1.25rem;
  }
  
  .business-title {
    font-size: var(--font-size-sm);
  }
  
  .business-desc {
    font-size: var(--font-size-xs);
  }
}

/* ==========================================
   联系信息卡片响应式 - Contact Info Cards Responsive
   ========================================== */

/* 平板设备 */
@media (max-width: 992px) {
  .contact-info-card {
    padding: 2rem 1.5rem;
  }
  
  .contact-card-icon {
    width: 64px;
    height: 64px;
  }
  
  .contact-card-icon i {
    font-size: 1.75rem;
  }
  
  .contact-card-title {
    font-size: var(--font-size-lg);
  }
  
  .contact-card-link {
    font-size: var(--font-size-base);
  }
  
  .contact-card-address {
    font-size: var(--font-size-base);
  }
}

/* 移动设备 */
@media (max-width: 768px) {
  .contact-info-card {
    padding: 1.75rem 1.25rem;
  }
  
  .contact-card-icon {
    width: 56px;
    height: 56px;
  }
  
  .contact-card-icon i {
    font-size: 1.5rem;
  }
  
  .contact-card-title {
    font-size: var(--font-size-base);
  }
  
  .contact-card-desc {
    font-size: var(--font-size-xs);
    margin-bottom: 1rem;
  }
  
  .contact-card-link {
    font-size: var(--font-size-sm);
  }
  
  .contact-card-address {
    font-size: var(--font-size-sm);
  }
}

/* ==========================================
   地图展示区域响应式 - Map Section Responsive
   ========================================== */

/* 平板设备 */
@media (max-width: 992px) {
  .map-container {
    height: 400px;
  }
}

/* 移动设备 */
@media (max-width: 768px) {
  .section-subtitle {
    font-size: var(--font-size-sm);
  }
  
  .map-container {
    height: 300px;
    border-radius: var(--radius-lg);
  }
}

/* ==========================================
   移动端导航下拉菜单隐藏
   ========================================== */
@media (max-width: 991.98px) {
  /* 隐藏移动端的下拉菜单 */
  .navbar-nav .dropdown-menu {
    display: none !important;
  }
  
  /* 移动端下拉菜单切换按钮隐藏 */
  .navbar-nav .dropdown-toggle::after {
    display: none !important;
  }
}

/* ==========================================
   首页解决方案选项卡智能滚动 - 响应式样式
   Home Solutions Tabs Smart Scroll - Responsive
   ========================================== */

/* 平板设备及以下 - 启用水平滚动 */
@media (max-width: 992px) {
  /* 选项卡容器启用滚动 */
  .solution-tabs-wrapper .solution-nav-tabs {
    overflow-x: auto;
    justify-content: flex-start;
    padding: 0 0.5rem;
  }
  
  /* 选项卡按钮调整 */
  .solution-tabs-wrapper .solution-nav-tabs .nav-item {
    flex: 0 0 auto;
    min-width: auto;
  }
  
  .solution-tabs-wrapper .solution-nav-tabs .nav-link {
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
  }
  
  /* 显示渐变遮罩提示 */
  .solution-tabs-wrapper::before,
  .solution-tabs-wrapper::after {
    width: 20px;
  }
}

/* 移动设备 - 优化触摸滚动 */
@media (max-width: 768px) {
  /* 选项卡容器 */
  .solution-tabs-wrapper {
    margin-bottom: 1.5rem;
  }
  
  .solution-tabs-wrapper .solution-nav-tabs {
    padding: 0 0.25rem;
    gap: 0.5rem;
  }
  
  /* 选项卡按钮 */
  .solution-tabs-wrapper .solution-nav-tabs .nav-link {
    padding: 0.625rem 1rem;
    font-size: 0.8125rem;
    border-radius: 50px;
  }
  
  /* 图标尺寸调整 */
  .solution-tabs-wrapper .solution-nav-tabs .nav-link i {
    font-size: 0.875rem;
  }
  
  /* 渐变遮罩缩小 */
  .solution-tabs-wrapper::before,
  .solution-tabs-wrapper::after {
    width: 15px;
  }
}

/* 小屏移动设备 - 紧凑布局 */
@media (max-width: 576px) {
  /* 选项卡容器 */
  .solution-tabs-wrapper {
    margin-bottom: 1rem;
  }
  
  .solution-tabs-wrapper .solution-nav-tabs {
    padding: 0;
    gap: 0.375rem;
  }
  
  /* 选项卡按钮紧凑样式 */
  .solution-tabs-wrapper .solution-nav-tabs .nav-link {
    padding: 0.5rem 0.875rem;
    font-size: 0.75rem;
    min-width: auto;
  }
  
  /* 隐藏图标，仅显示文字（可选） */
  .solution-tabs-wrapper .solution-nav-tabs .nav-link i {
    display: none;
  }
  
  /* 渐变遮罩进一步缩小 */
  .solution-tabs-wrapper::before,
  .solution-tabs-wrapper::after {
    width: 10px;
  }
}

/* 超小屏设备 - 极简样式 */
@media (max-width: 450px) {
  .solution-tabs-wrapper .solution-nav-tabs {
    gap: 0.25rem;
  }
  
  .solution-tabs-wrapper .solution-nav-tabs .nav-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.7rem;
    letter-spacing: 0;
  }
}

/* 大屏设备 - 禁用滚动，显示全部选项卡 */
@media (min-width: 993px) {
  /* 在大屏上恢复原有的justify布局 */
  .solution-tabs-wrapper .solution-nav-tabs {
    overflow-x: visible;
    justify-content: space-between;
  }
  
  .solution-tabs-wrapper .solution-nav-tabs .nav-item {
    flex: 1;
  }
  
  /* 隐藏渐变遮罩 */
  .solution-tabs-wrapper::before,
  .solution-tabs-wrapper::after {
    display: none;
  }
}

/* 横屏模式优化 - 移动设备横屏 */
@media (max-width: 992px) and (orientation: landscape) {
  .solution-tabs-wrapper .solution-nav-tabs {
    padding: 0.25rem 0.5rem;
  }
  
  .solution-tabs-wrapper .solution-nav-tabs .nav-link {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
  }
}

/* 高分辨率屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* 优化滚动性能 */
  .solution-tabs-wrapper .solution-nav-tabs {
    will-change: scroll-position;
    transform: translateZ(0);
  }
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
  /* 增加触摸目标大小 */
  .solution-tabs-wrapper .solution-nav-tabs .nav-link {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* 触摸设备上隐藏渐变遮罩（用户可以直接滑动） */
  .solution-tabs-wrapper::before,
  .solution-tabs-wrapper::after {
    opacity: 0 !important;
  }
}

/* ==========================================
   流程图选项卡智能滚动 - 响应式样式
   Flow Tabs Smart Scroll - Responsive
   ========================================== */

/* 平板设备及以下 - 启用水平滚动 */
@media (max-width: 992px) {
  .flow-tabs-wrapper {
    justify-content: flex-start;
    margin-bottom: 30px;
  }
  
  .flow-tabs {
    overflow-x: auto;
    justify-content: flex-start;
    padding: 6px;
    gap: 12px;
  }
  
  .flow-tab {
    padding: 12px 24px;
    font-size: 13px;
    flex-shrink: 0;
  }
}

/* 移动设备 - 优化触摸滚动 */
@media (max-width: 768px) {
  .flow-tabs-wrapper {
    margin-bottom: 25px;
  }
  
  .flow-tabs {
    padding: 5px;
    gap: 10px;
    border-radius: 12px;
  }
  
  .flow-tab {
    padding: 10px 20px;
    font-size: 12px;
    border-radius: 10px;
  }
}

/* 小屏移动设备 - 紧凑布局 */
@media (max-width: 576px) {
  .flow-tabs-wrapper {
    margin-bottom: 20px;
  }
  
  .flow-tabs {
    padding: 4px;
    gap: 8px;
    border-radius: 10px;
  }
  
  .flow-tab {
    padding: 8px 16px;
    font-size: 11px;
    border-radius: 8px;
    letter-spacing: 0.2px;
  }
}

/* 超小屏设备 - 极简样式 */
@media (max-width: 450px) {
  .flow-tabs {
    gap: 6px;
  }
  
  .flow-tab {
    padding: 8px 14px;
    font-size: 10px;
  }
}

/* 大屏设备 - 禁用滚动 */
@media (min-width: 993px) {
  .flow-tabs {
    overflow-x: visible;
    justify-content: center;
  }
}

/* 横屏模式优化 */
@media (max-width: 992px) and (orientation: landscape) {
  .flow-tabs {
    padding: 5px;
  }
  
  .flow-tab {
    padding: 10px 20px;
    font-size: 12px;
  }
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
  .flow-tab {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}