*{box-sizing:border-box;margin:0;padding:0}body{color:#333;scroll-behavior:smooth;background-color:#f8f9fa;font-family:Microsoft YaHei,Arial,sans-serif;font-size:16px;line-height:1.6}img[loading=lazy]{opacity:0;transition:opacity .3s ease-in-out}img[loading=lazy].loaded{opacity:1}.img-placeholder{background-color:#e9ecef;background-image:linear-gradient(45deg,#f3f4f6 25%,#0000 25% 75%,#f3f4f6 75%,#f3f4f6),linear-gradient(45deg,#f3f4f6 25%,#0000 25% 75%,#f3f4f6 75%,#f3f4f6);background-position:0 0,10px 10px;background-size:20px 20px;animation:1s linear infinite placeholder-loading}@keyframes placeholder-loading{0%{background-position:0 0,10px 10px}to{background-position:40px 0,50px 10px}}.navbar{background-color:#fff;transition:all .3s;box-shadow:0 2px 10px #0000001a}.navbar.scrolled{padding-top:.5rem;padding-bottom:.5rem;box-shadow:0 4px 20px #00000026}.navbar-brand h1{color:#0d6efd;margin:0;font-size:1.8rem;font-weight:700}.nav-link{margin:0 10px;padding:.5rem 0;font-weight:500;transition:all .3s;position:relative;color:#333!important}.nav-link:after{content:"";background-color:#0d6efd;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover,.nav-link.active{color:#0d6efd!important}.carousel{height:70vh;min-height:500px;position:relative;overflow:hidden}.carousel-item img{object-fit:cover;width:100%;height:100%}.carousel-caption{background-color:#00000080;border-radius:8px;padding:20px;bottom:30%}.text-shadow{text-shadow:2px 2px 4px #000c}.card{border:none;border-radius:8px;height:100%;transition:transform .3s,box-shadow .3s;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.card:hover img{transform:scale(1.05)}.card-img-top{object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;height:200px;transition:transform .3s}.card-title{color:#2c3e50;font-weight:600}.btn-primary{z-index:1;background-color:#0d6efd;border:none;border-radius:5px;padding:10px 20px;transition:all .3s;position:relative;overflow:hidden}.btn-primary:before{content:"";z-index:-1;opacity:1;background:linear-gradient(45deg,#0d6efd,#0a58ca);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn-primary:hover:before{opacity:0}.btn-primary:after{content:"";z-index:-1;background:linear-gradient(45deg,#0a58ca,#0d6efd);width:0;height:100%;transition:width .3s;position:absolute;top:0;left:0}.btn-primary:hover:after{width:100%}.btn-primary:hover{background-color:#0b5ed7;transform:translateY(-2px);box-shadow:0 4px 8px #0d6efd4d}@media (max-width:992px){.navbar-nav .nav-link{margin-bottom:.5rem;margin-left:0}.page-title{font-size:2rem}.carousel-caption h2{font-size:2.2rem}}@media (max-width:768px){.carousel{height:60vh;min-height:400px}.carousel-caption{padding:15px;bottom:20%}.carousel-item img{height:100%}.carousel-caption h2{font-size:1.8rem}.carousel-caption p{font-size:1rem}.card-img-top{height:150px}.col-md-6.pl-8{margin-top:20px;padding-left:0!important}.page-title{font-size:1.8rem}}@media (max-width:576px){.carousel{height:50vh;min-height:300px}.carousel-caption{padding:10px;bottom:10%}.carousel-caption h2,.page-title{font-size:1.5rem}.btn-primary{padding:8px 16px;font-size:.9rem}}footer a{color:#fff;text-decoration:none;transition:color .3s}footer a:hover{color:#0d6efd}.page-title{text-align:center;color:#0d6efd;border-bottom:2px solid #0d6efd;margin:40px 0;padding-bottom:20px;font-size:2.5rem;font-weight:700;position:relative}.page-title:after{content:"";background-color:#0d6efd;width:100px;height:4px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;display:grid}.case-item{border-radius:8px;position:relative;overflow:hidden}.case-item img{transition:transform .5s}.case-item:hover img{transform:scale(1.05)}.case-overlay{color:#fff;background:linear-gradient(#0000,#000c);padding:20px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.case-item:hover .case-overlay{transform:translateY(0)}