.product-list{display:flex;flex-wrap:wrap;gap:28px}.product-list .product-item{width:calc(100% / 3 - 28px * 2 / 3)}.product-list .product-item .product-link{display:block;width:100%;height:100%;background:#fff;border:1px solid #edf2f7;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(20,60,110,0.05);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.product-list .product-item .product-link .image-box{width:100%;aspect-ratio:4 / 3;overflow:hidden;position:relative;background:#f4f8fb}.product-list .product-item .product-link .image-box img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.product-list .product-item .product-link .image-box .image-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(37,196,252,0.25) 0%, rgba(8,42,70,0.55) 100%);opacity:0;transition:opacity .4s ease}.product-list .product-item .product-link .image-box .image-mask .mask-btn{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;transform:scale(.6);transition:transform .4s ease}.product-list .product-item .product-link .text-wrapper{padding:18px 20px 22px;position:relative}.product-list .product-item .product-link .text-wrapper .title{color:#1f2d3d;font-weight:600;transition:color .3s ease}.product-list .product-item .product-link .text-wrapper .desc{color:#7c8b99;margin-top:10px;line-height:1.7;min-height:48px}.product-list .product-item .product-link .text-wrapper .more{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--primary-color)}.product-list .product-item .product-link .text-wrapper .more svg{transition:transform .3s ease}.product-list .product-item .product-link .text-wrapper::after{content:'';position:absolute;left:20px;bottom:0;width:0;height:3px;border-radius:3px;background:linear-gradient(90deg, var(--primary-color), #6FD9FF);transition:width .45s ease}.product-list .product-item:hover .product-link{transform:translateY(-8px);box-shadow:0 18px 40px rgba(20,60,110,0.12);border-color:rgba(37,196,252,0.4)}.product-list .product-item:hover .product-link .image-box img{transform:scale(1.08)}.product-list .product-item:hover .product-link .image-box .image-mask{opacity:1}.product-list .product-item:hover .product-link .image-box .image-mask .mask-btn{transform:scale(1)}.product-list .product-item:hover .product-link .text-wrapper .title{color:var(--primary-color)}.product-list .product-item:hover .product-link .text-wrapper .more svg{transform:translateX(5px)}.product-list .product-item:hover .product-link .text-wrapper::after{width:calc(100% - 40px)}.product-list.list-view{flex-direction:column;gap:20px}.product-list.list-view .product-item{width:100%}.product-list.list-view .product-item .product-link{display:flex;align-items:stretch}.product-list.list-view .product-item .image-box{width:300px;flex:0 0 300px}.product-list.list-view .product-item .text-wrapper{flex:1;min-width:0;padding:28px 32px;display:flex;flex-direction:column;justify-content:center}.product-list.list-view .product-item .text-wrapper .desc{min-height:0}.product-list.list-view .product-item .text-wrapper::after{left:32px;bottom:20px}.product-list.list-view .product-item:hover .product-link .text-wrapper::after{width:calc(100% - 64px)}@media screen and (max-width:1200px){.product-list{gap:20px}.product-list .product-item{width:calc(100% / 2 - 20px / 2)}.product-list.list-view .product-item .image-box{width:240px;flex:0 0 240px}.product-list.list-view .product-item .text-wrapper{padding:20px 24px}}@media screen and (max-width:992px){.product-list{gap:12px}.product-list .product-item{width:calc(100% / 2 - 12px / 2)}.product-list .product-item .product-link .text-wrapper{padding:12px 14px 16px}.product-list .product-item .product-link .text-wrapper .desc{display:none}.product-list .product-item .product-link .text-wrapper .more{margin-top:10px;font-size:12px}.product-list .product-item .product-link .text-wrapper::after{left:14px}.product-list .product-item:hover .product-link{transform:none}.product-list .product-item:hover .product-link .text-wrapper::after{width:calc(100% - 28px)}.product-list.list-view{gap:16px}.product-list.list-view .product-item .product-link{flex-direction:column}.product-list.list-view .product-item .image-box{width:100%;flex:none}.product-list.list-view .product-item .text-wrapper{padding:12px 14px 16px}.product-list.list-view .product-item .text-wrapper::after{left:14px;bottom:0}.product-list.list-view .product-item:hover .product-link .text-wrapper::after{width:calc(100% - 28px)}}