.video-showcase{padding:80px 0;background-color:var(--light-bg)}.video-showcase .video-container{max-width:1000px;margin:0 auto}.video-showcase .video-container .video-wrapper{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.2);cursor:pointer;transition:transform 0.3s ease}.video-showcase .video-container .video-wrapper:hover{transform:translateY(-5px)}.video-showcase .video-container .video-wrapper img{width:100%;display:block;transition:filter 0.3s ease}.video-showcase .video-container .video-wrapper img:hover{filter:brightness(0.8)}.video-showcase .video-container .video-wrapper .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}.video-showcase .video-container .video-wrapper .play-button i{color:rgba(255,255,255,0.9);font-size:80px;filter:drop-shadow(0 0 8px rgba(0,0,0,0.3));transition:all 0.3s ease}.video-showcase .video-container .video-wrapper .play-button i:hover{color:#fff;transform:scale(1.1)}.video-showcase .video-container .video-wrapper .video-overlay{position:absolute;bottom:0;left:0;width:100%;padding:30px;background:linear-gradient(to top, rgba(0,0,0,0.7), transparent);color:#fff}.video-showcase .video-container .video-wrapper .video-overlay .video-text h3{font-size:1.2rem;margin-bottom:5px;color:#d7a95f}.video-showcase .video-container .video-wrapper .video-overlay .video-text h2{font-size:2rem;margin-bottom:8px;text-shadow:1px 1px 3px rgba(0,0,0,0.5)}.video-showcase .video-container .video-wrapper .video-overlay .video-text p{font-size:1.1rem;opacity:0.9}.about .container{display:flex;align-items:center;flex-wrap:wrap;gap:50px}.about .container .about-image{position:relative;flex:1;min-width:300px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:var(--transition);opacity:0;transition:opacity 0.8s ease, transform 0.8s ease}.about .container .about-image:hover{transform:translateY(-10px)}.about .container .about-image #poster{width:100%;position:absolute;height:100%;top:0}.about .container .about-image #poster .mask{width:100%;height:100%;background-color:rgba(0,0,0,0.05)}.about .container .about-image #poster .video-img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.about .container .about-content{flex:1;min-width:300px;opacity:0;transition:opacity 0.8s ease, transform 0.8s ease}.about .container .about-content h2{color:#8a8a8a;font-size:40px;margin-bottom:10px}.about .container .about-content h3{font-size:30px;margin-bottom:20px;color:#535353}.about .container .about-content p{margin-bottom:15px;line-height:1.8}.about .container .about-content .tags{display:flex;gap:10px;margin-top:20px}.about .container .about-content .tags span{padding:5px 15px;background-color:var(--secondary-color);color:var(--white);border-radius:4px;font-size:14px}.business-model{background-color:var(--white);position:relative}.business-model .vs{position:absolute;top:50%;left:51%;color:#fff;font-size:80px;transform:translate(-50%, -50%);font-weight:700;z-index:9}.business-model .business-model-image{display:flex}.business-model .business-model-image img{width:50%;aspect-ratio:16 / 9;transition:0.3s}.business-model .business-model-image img:nth-child(1){transform:scale(1.05);position:relative;z-index:1}.business-model .business-model-image img:nth-child(2){z-index:0}.business-model .business-model-image img:hover{transform:scale(1.1)}.industry-chain h2{text-align:center;font-size:2rem;margin-bottom:50px;color:var(--primary-color)}.industry-chain .chain-image{max-width:1400px;margin:0 auto;border-radius:10px;overflow:hidden;opacity:0;transition:opacity 0.8s ease, transform 0.8s ease}.products{background-image:url("./images/back1.png");background-size:cover;background-position:center;background-repeat:no-repeat}.products h2{text-align:center;font-size:2rem;margin-bottom:50px;color:var(--primary-color)}.products .product-slider .swiper-wrapper{display:flex}.products .product-slider .swiper-wrapper .swiper-slide .product-card{background-color:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:var(--transition);opacity:0;transition:opacity 0.8s ease, transform 0.8s ease;aspect-ratio:1 /1;position:relative}.products .product-slider .swiper-wrapper .swiper-slide .product-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.products .product-slider .swiper-wrapper .swiper-slide .product-card:hover .mask{opacity:1}.products .product-slider .swiper-wrapper .swiper-slide .product-card .product-image{overflow:hidden;aspect-ratio:1 /1}.products .product-slider .swiper-wrapper .swiper-slide .product-card .product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.products .product-slider .swiper-wrapper .swiper-slide .product-card .product-info{padding:20px;text-align:center}.products .product-slider .swiper-wrapper .swiper-slide .product-card .product-info h3{font-size:1.5rem;margin-bottom:10px;color:var(--primary-color)}.products .product-slider .swiper-wrapper .swiper-slide .product-card .product-info p{color:#666;margin-bottom:5px}.products .product-slider .swiper-wrapper .swiper-slide .product-card .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(4,33,61,0.82);color:#fff;padding:35px 56px;opacity:0;transition:0.3s}.products .product-slider .swiper-wrapper .swiper-slide .product-card .mask h1{margin-bottom:27px}.swiper{padding-bottom:60px}.swiper .swiper-pagination-bullet{width:12px;height:12px;background-color:var(--secondary-color);opacity:0.5}.swiper .swiper-pagination-bullet-active{opacity:1}.swiper .swiper-button-prev,.swiper .swiper-button-next{color:var(--secondary-color)}.partners{width:100%;overflow:hidden}.partners h2{text-align:center;font-size:2rem;margin-bottom:50px;color:var(--primary-color)}.partners .logo-grid{display:grid;gap:30px}.partners .logo-grid .logo-item{width:200px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:var(--transition);opacity:0;transition:opacity 0.3s ease, transform 0.8s ease;flex-shrink:0}.partners .logo-grid .logo-item:hover{transform:translateY(-10px) scale(1.25)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation:fadeIn 1s ease;opacity:1 !important}@media (max-width: 992px){.hero-content h1{font-size:3rem}.hero-content p{font-size:1.2rem}section{padding:50px 0}}@media (max-width: 768px){header{padding:10px 0}nav ul{display:none}.hero-content h1{font-size:2.5rem}.about .container,.about .model-compare{flex-direction:column}.about .vs{margin:20px 0}.about .qr-codes{gap:20px}.about .video-text h2{font-size:1.5rem}.about .video-text p{font-size:1rem}.about .play-button i{font-size:60px}}@media (max-width: 576px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.logo-grid{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:15px}}@media (max-width: 480px){.video-text h3{font-size:1rem}.video-text h2{font-size:1.2rem}.video-text p{font-size:0.9rem}.play-button i{font-size:50px}.video-overlay{padding:20px}}.about-image.fadeIn,.about-content.fadeIn,.traditional.fadeIn,.simplified.fadeIn,.chain-image.fadeIn,.product-card.fadeIn,.logo-item.fadeIn{opacity:1}
