html {
            font-size: 16px;
            scroll-behavior: smooth;
        }
        @media (max-width: 768px) {
            html {
                font-size: 14px;
            }
        }
        body {
            min-height: 100vh;
            font-family: 'Segoe UI', system-ui, sans-serif;

        }
		
        .nav-item:hover .submenu {
            display: block;
        }
        #mobileMenu {
            transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            transform: translateX(100%);
            opacity: 0;
            visibility: hidden;
        }
        #mobileMenu.active {
            transform: translateX(0);
            opacity: 1;
            visibility: visible;
        }	
        .product-card {
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        }
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .feature-icon {
            width: 70px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(37, 99, 235, 0.1);
            border-radius: 50%;
            margin: 0 auto 20px;
        }
        .stat-card {
            background: white;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
            padding: 25px;
            transition: all 0.3s ease;
        }
        .stat-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        .testimonial-card {
            background: white;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
            padding: 30px;
            position: relative;
        }
        .testimonial-card:before {
            content: """;
            position: absolute;
            top: 20px;
            left: 20px;
            font-size: 80px;
            color: #2563eb;
            opacity: 0.1;
            font-family: Georgia, serif;
            line-height: 1;
        }
        .search-modal {
            background: rgba(0, 0, 0, 0.7);
            z-index: 1000;
        }
        .search-container {
            animation: slideDown 0.3s ease-out;
        }
        @keyframes slideDown {
            from {
                transform: translateY(-20px);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }
        
		
		/* 联系我们  */
		.qr-code {
		          display: none;
		          position: absolute;
		          bottom: 100%;
		          left: 50%;
		          transform: translateX(-50%);
		          width: 120px;
		          height: 120px;
		          background: white;
		          padding: 8px;
		          border-radius: 8px;
		          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		      }
		      .social-icon:hover .qr-code {
		          display: block;
		      }
		      input:focus, textarea:focus {
		          outline: none;
		          border-color: #0066CC;
		}
		/* 关于我们  */
		.hero-gradient {
		    background: linear-gradient(120deg, #1e3a8a 0%, #2563eb 100%);
		}
		.hero-section {
		background-image: url('https://ai-public.mastergo.com/ai/img_res/e29ea39df1222794238f4ffa1ba69e59.jpg');
		background-size: cover;
		background-position: center;
		}
		.chart-container {
		width: 100%;
		height: 400px;
		}
		@keyframes scroll {
		0% {
		transform: translateX(0);
		}
		100% {
		transform: translateX(-100%);
		}
		}
		.animate-scroll {
		animation: scroll 30s linear infinite;
		}
		.animate-scroll:hover {
		animation-play-state: paused;
		}
		
		/* 下载页  */
		.search-input:focus {
		outline: none;
		}
		.download-card:hover {
		transform: translateY(-2px);
		transition: all 0.3s ease;
		}
		.download-card p {
		color: #666;
		line-height: 1.6;
		}
		@media (max-width: 768px) {
		  .flex-container {
		    flex-direction: column;
		  }
		  aside {
		    width: 100% !important;
		    margin-bottom: 20px;
		  }
		  main {
		    margin-left: 0 !important;
		
		  }
		  .grid-cards {
		    grid-template-columns: 1fr !important;
		  }
		  .search-container {
		    width: 100% !important;
		  }
		  .search-input {
		    width: 100% !important;
		  }
		  .header-content {
		    padding: 20px !important;
		  }
		}
		@media (min-width: 769px) and (max-width: 1024px) {
		  .grid-cards {
		    grid-template-columns: repeat(2, 1fr) !important;
		  }
	
		}
		/* 视频列表页  */
		.video-card:hover {
		transform: translateY(-2px);
		transition: all 0.3s ease;
		}
		.video-thumbnail::before {
		content: '';
		display: block;
		padding-top: 56.25%;
		}
		
		/* 视频播放页 */
		.video-card:hover .play-icon {
		opacity: 1;
		}
		.play-icon {
		opacity: 0;
		transition: opacity 0.3s ease;
		}
		
        /* 轮播图样式优化 */
        .swiper-slide {
            position: relative;
            overflow: hidden;
        }
        .swiper-slide::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            
            z-index: 1;
        }
        .swiper-slide-content {
            position: absolute;
            top: 50%;
            left: 10%;
            transform: translateY(-50%);
            max-width: 600px;
            color: white;
            z-index: 2;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
        }
        .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background: rgba(255,255,255,0.5);
            opacity: 1;
        }
        .swiper-pagination-bullet-active {
            background: #fff;
        }
		
		
		/*产品列表页*/
		.tab-content {

display: none;

}

.tab-content.active {

display: block;

}
			.tab-active {
			color: #2563eb;
			border-bottom: 2px solid #2563eb;
			}
			.tab-active2 {
			color: #2563eb;
			border: 2px 2px 0px 2px solid #2563eb;
			}
			.active {
			color: #2563eb;
			border: 2px solid #2563eb;
			}
			.filter-tag {
			transition: all 0.3s;
			}
			.filter-tag.active {
			background-color: #2563eb;
			color: white;
			}
			.product-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
			gap: 24px;
			}
			@media (min-width: 768px) {
			.responsive-img {
			width: auto;
			max-width: 100%;
			}
			}
			.banner-text {
			max-width: 40rem;
			}
			@media (max-width: 768px) {
			.banner-text {
			max-width: 100%;
			padding: 0 1rem;
			}
			}