.product-page{background-color:#fff}.category-sidebar{background:#fff;border:1px solid #e0e0e0;border-radius:4px}.category-title{font-size:18px;font-weight:700;margin-bottom:15px;color:#333}.category-list{list-style:none;padding:0;margin:0;font-size:14px}.category-item{padding:15px 15px 15px 20px;border-bottom:1px solid #f0f0f0;color:#666;cursor:pointer;transition:all .2s}.category-item.active,.category-item:hover{color:#fff;background-color:#0075c4}.category-item.active{font-weight:500}.product-card{background:#fff;overflow:hidden;border:1px solid #e9e9e9;border-radius:5px;transition:box-shadow .3s;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.15);display:grid;grid-template-rows:auto 1fr;height:100%}.product-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.2);transform:scale(1.05)}.product-card:hover .product-image{transform:scale(1.1)}.product-image{width:100%;height:260px;-o-object-fit:cover;object-fit:cover}.product-info{padding:20px 20px 0 20px;text-align:center;background-color:#f0f0f0}.product-model{margin:0 0 8px 0;color:#333}.product-model,.product-name{font-size:18px;font-weight:700}.product-name{color:#000;margin-bottom:8px}.product-description{font-size:14px;color:#888;line-height:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.product-specs{font-size:14px;font-weight:700;margin-bottom:15px}.speed-400g{color:#007bff}.speed-200g{color:#28a745}.speed-100g{color:#6c757d}.view-details-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;width:100%;cursor:pointer;transition:background-color .2s}.view-details-btn:hover{background:#0056b3}.pagination-wrapper{display:flex;justify-content:center;margin-top:2rem}.custom-pagination ::v-deep .page-item.active .page-link{background-color:#007bff;border-color:#007bff;color:#fff}.custom-pagination ::v-deep .page-link{color:#333;border-color:#dee2e6;background-color:#fff}.custom-pagination ::v-deep .page-item:not(.active) .page-link:hover{background-color:#e9ecef;color:#007bff}@media (max-width:768px){.category-sidebar{margin-bottom:2rem}.product-image{height:260px}}@media (max-width:576px){.product-image{height:280px}}.product-page{color:#333;width:100%;height:100%}.main-image-container{position:relative;min-height:350px}.image-loading-placeholder,.main-image-container{display:flex;justify-content:center;align-items:center}.image-loading-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f8f9fa}.main-image{max-height:400px;-o-object-fit:contain;object-fit:contain}.thumbnail-container{overflow-x:auto}.thumbnail-item{cursor:pointer;width:80px;flex-shrink:0}.thumbnail-item img{height:80px;-o-object-fit:cover;object-fit:cover}.specifications p{color:#666;line-height:1.6}.form-groups{display:flex;width:100%;height:50px}.form-labels{width:20%;background-color:#e7ecf0;display:flex;justify-content:center;align-items:center;border-top-left-radius:5px;border-bottom-left-radius:5px}.form-control-wraps{width:80%;input{height:50px;border-top-left-radius:0;border-bottom-left-radius:0}}.modal-content{padding:40px}.modal{--bs-modal-width:650px}.modal-header{display:block!important;text-align:center}.form-submit-btn{width:25%;padding:10px 0}.btn-close{position:absolute;right:3%;top:5%}.nav-item{margin-left:-8px;margin-right:50px}.nav-link{color:#000!important;font-weight:700!important}.product-gallery{text-align:center;padding:3%}.list-unstyled{padding-right:0;display:flex;justify-content:space-between;flex-wrap:wrap;a{color:#000!important}}.text-decoration-none{color:#000!important}.thumbnail-wrapper{margin-right:3%}.main-image{height:350px!important}.form-control{height:50px;border-top-left-radius:0!important;border-bottom-left-radius:0!important}tbody,td,tfoot,th,thead,tr{border-style:inset!important;border-width:1px!important}@media (max-width:768px){.main-image{max-height:300px}.thumbnail-item{width:60px}.thumbnail-item img{height:60px}.modal-content{padding:0}.list-unstyled{display:block}.cb{width:48px!important}}.brand-placeholder,.image-placeholder-small,.qrcode-placeholder,.thumbnail-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.thumbnail-placeholder{width:80px;height:80px}.brand-placeholder{width:120px;height:40px}.qrcode-placeholder{width:120px;height:120px;margin:0 auto}.image-placeholder-small{width:40px;height:40px}.content-placeholder,.details-placeholder{width:100%}.content-placeholder{height:80px;margin-bottom:15px;border-radius:4px}.content-placeholder,.placeholder-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.placeholder-line{height:16px;width:100%;margin-bottom:10px;border-radius:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.brand-image-container,.wechat-qr-container{display:flex}.hello{width:100%;height:100%;flex-direction:column}.hello,.modal-center{display:flex;justify-content:center;align-items:center}.modal-content{border-radius:8px;padding:20px!important}.cb{width:54px;position:fixed;right:0;top:30%;box-shadow:0 0 10px rgba(0,0,0,.16);display:flex;flex-direction:column;z-index:999;padding-left:0}.cb .cbItem{height:70px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;background:#329fd7;margin-bottom:3px}.cb .cbItem:hover{background:#005fcc}.cb .cbItem .cbTc{position:absolute;right:0;top:12px;display:none;transform:translateX(30px);opacity:0;transition:all .5s ease;padding-right:80px;img{width:100%}}.cb .cbItem.on .cbTc{display:block;opacity:1;transform:translateX(0)}.cb .cbItem .cbTc .cbTcEr{width:132px;height:132px}.cb .cbItem .cbTc .cbTcTel{white-space:pre;padding:0 15px;line-height:45px;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.15);width:-moz-fit-content;width:fit-content}.cb .cebianItem2{height:55px;display:flex;align-items:center;justify-content:center;position:relative}.cb .cbItem a{width:100%}.cb .cbItem span{font-size:11px;color:#fff}.slide-img{width:40px;margin-left:7px}.form-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;.form-label{width:25%;display:flex;align-items:center;margin-bottom:0}.form-control{width:75%;flex-grow:1}}.contact-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;width:320px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);position:relative;overflow:hidden}.popup-header{padding:10px;text-align:right}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#888}.popup-body{padding:0 20px 20px;text-align:center}.qrcode{margin:0 auto 15px;width:150px;height:150px}.qrcode img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.contact-info{font-size:18px;font-weight:700;margin-bottom:10px}.instruction-text{font-size:14px;color:#555;margin-bottom:10px;line-height:1.4}.extra-text{font-size:14px;color:#555;margin-bottom:20px}.know-btn{background-color:#4cd964;color:#fff;border:none;border-radius:5px;padding:10px 30px;font-size:16px;cursor:pointer}