body{margin:0;padding:0}html{overflow-y:scroll}.navbar{position:fixed;top:0;left:0;width:100%;height:100px;z-index:1000;transition:all .3s ease;background:rgba(0,0,0,.3);color:#fff}.navbar,.navbar .nav-content{display:flex;align-items:center}.navbar .nav-content{width:1200px;margin:0 auto;justify-content:space-between}.navbar .nav-content .menu{list-style:none;display:flex;gap:30px}.navbar .nav-content .menu li{cursor:pointer;transition:color .3s}.navbar-scrolled{background:#fff;color:#000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbar-scrolled .menu li{color:#000}.banner{position:relative;top:0;overflow:hidden}.banner,.banner-img{width:100%;height:auto}.banner-img{background:#fff}.swiper-slide-active .banner-img{transform:scale(1)}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:hsla(0,0%,100%,.7);border-radius:50%;color:#333;font-size:16px;z-index:10;cursor:pointer;transition:background .3s}.swiper-button-next:after,.swiper-button-prev:after{font-size:16px}.swiper-button-next:hover,.swiper-button-prev:hover{background:hsla(0,0%,100%,.9)}.swiper-button-prev{left:20px}.swiper-button-next{right:20px}.product-center{min-height:500px;padding:60px 20px;background:#f5f5f5}.product-center h2{font-size:36px;text-align:center;margin-bottom:40px;opacity:0;transform:translateY(-20px);transition:all .6s ease}.product-center h2.fade-in{opacity:1;transform:translateY(0)}.product-center .content{display:flex;gap:30px;max-width:1600px;margin:0 auto;width:90%}.product-center .content .category{width:200px;list-style:none;padding:0;opacity:0;transform:translateX(-50px);transition:all .6s ease;flex-shrink:0}.product-center .content .category.slide-left{opacity:1;transform:translateX(0)}.product-center .content .category li{padding:10px 0;cursor:pointer;transition:color .3s}.product-center .content .category li.active{color:#e33;font-weight:700}.product-center .content .category li:hover:not(.active){color:#e33}.product-center .content .products{flex:1;display:flex;gap:20px;cursor:pointer;flex-wrap:wrap;position:relative;padding-bottom:60px}.product-center .content .products .product-card{flex:1 1 280px;max-width:350px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);opacity:0;transform:translateY(80px);transition:all .6s ease}.product-center .content .products .product-card.slide-up{opacity:1;transform:translateY(0)}.product-center .content .products .product-card img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.product-center .content .products .product-card .info{padding:15px;text-align:center}.product-center .content .products .more-btn{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:8px 32px;border:1px solid #e33;color:#e33;border-radius:4px;cursor:pointer;transition:all .3s}.product-center .content .products .more-btn:hover{background:#e33;color:#fff}@media(max-width:1200px){.content{gap:20px}.product-card{flex:1 1 240px}}@media(max-width:768px){.content{flex-direction:column}.category{width:100%;display:flex;overflow-x:auto;gap:15px}}.empty-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:300px}