.card{cursor:pointer;background-color:#fff;border-radius:22px;width:100%;margin:0;position:relative}.card.inRow{width:calc(25% - 10px);margin:10px}.card .card-img{object-fit:cover;border-radius:22px 22px 0 0;width:100%;height:207px;transition:transform .3s}.card .card-mask{opacity:0;z-index:1;background-color:#0009;border-radius:22px 22px 0 0;width:100%;height:207px;transition:opacity .3s;position:absolute;top:0;left:0}.card .collect-btn{opacity:0;color:pink;z-index:2;cursor:pointer;justify-content:center;align-items:center;width:25px;height:25px;display:flex;position:absolute;top:10px;left:10px}.card .collect-btn svg{width:100%;height:100%}.card .go-btn{z-index:2;opacity:0;cursor:pointer;border-radius:50px;justify-content:center;align-items:center;width:140px;height:45px;margin:0 auto;font-size:18px;transition:opacity .3s,background-color .3s,border .3s,top .5s;display:flex;position:absolute;top:60%;left:0;right:0;transform:translateY(-100%)}.card .compare-btn{color:#fff;z-index:2;opacity:0;cursor:pointer;border-radius:50px;justify-content:center;align-items:center;width:140px;height:45px;margin:0 auto;font-size:18px;transition:opacity .3s,background-color .3s,border .3s,top .5s;display:flex;position:absolute;top:60%;left:0;right:0;transform:translateY(40%)}.card .neon-blue{color:#fff;text-shadow:1px 1px 3px #000000e6;background:0 0;border:1px solid #01d8f4;box-shadow:0 0 10px 4px #01d8f4b3}.card .neon-blue:hover{background:#01d8f4}.card .neon-yellow{color:#fff;text-shadow:1px 1px 3px #000000e6;background:0 0;border:1px solid #f9d849;box-shadow:0 0 10px 4px #f9d849b3}.card .neon-yellow:hover{background:#f9d849}.card .card-top{border-radius:22px 22px 0 0;width:100%;height:207px;position:relative;overflow:hidden}.card .card-content{padding:15px 20px}.card .card-platform{z-index:2;width:55px;height:55px;position:absolute;top:-25px;right:5px}.card .card-platform .platform-img{object-fit:cover;background-color:#ccc;border:2px solid #fff;border-radius:100%;width:100%;height:100%;box-shadow:0 2px 4px #0006}.card .card-title{letter-spacing:.05em;color:#000;cursor:pointer;min-height:54px;margin-bottom:5px;font-size:18px;line-height:1.5}.card .card-desc{color:#666;margin-bottom:10px;font-size:13px}.card .card-time{color:#666;font-size:14px}.card .card-star{align-items:center;font-size:13px;display:flex}.card .card-star .rating{gap:2px;display:flex}.card .card-star .star{color:#ddd;font-size:16px}.card .card-star .star.filled{color:#f90}.card .card-price{letter-spacing:.1em;color:#000;font-size:28px}.card:hover .card-img{transform:scale(1)}.card:hover .card-mask,.card:hover .collect-btn{opacity:1}.card:hover .go-btn,.card:hover .compare-btn{opacity:1;top:50%}@media screen and (max-width:767px){.card{min-width:70%}.card .card-title{height:65px}.card .card-top{height:150px}.card .card-platform{width:40px;height:40px;top:5px}.card .card-title{height:35px;font-size:15px}.card .card-desc,.card .card-star{white-space:nowrap;width:60%;font-size:12px}.card .card-price{font-size:20px}.card .card-time{font-size:14px}}