.row.svelte-10ijn7o .col.svelte-10ijn7o{border:1px solid rgba(15,15,16,.1);border-radius:16px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.33,1,.68,1);background:#fff}.row.svelte-10ijn7o .col .image.svelte-10ijn7o{height:300px;transition:all .4s cubic-bezier(.33,1,.68,1);position:relative;background:#f7f7f7;margin:2px 2px 0;border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.row.svelte-10ijn7o .col .image .bg.svelte-10ijn7o{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;transition:all .4s cubic-bezier(.33,1,.68,1)}.row.svelte-10ijn7o .col .image .pic.svelte-10ijn7o{position:absolute;top:var(--pic-top);left:var(--pic-left);transition:all .4s cubic-bezier(.33,1,.68,1)}.row.svelte-10ijn7o .col .image .pic.svelte-10ijn7o img{width:100%;height:100%}.row.svelte-10ijn7o .col:nth-child(4n+1) .image .bg.svelte-10ijn7o{background:linear-gradient(135.36deg,#00c352,#3782ff 100.63%)}.row.svelte-10ijn7o .col:nth-child(4n+2) .image .bg.svelte-10ijn7o{background:linear-gradient(135.36deg,#ff7a00,#fff7cd 100.63%)}.row.svelte-10ijn7o .col:nth-child(4n+3) .image .bg.svelte-10ijn7o{background:linear-gradient(135.36deg,#e60155,#ffe1f5 100.63%)}.row.svelte-10ijn7o .col:nth-child(4n+4) .image .bg.svelte-10ijn7o{background:linear-gradient(135.36deg,#014fe6,#00b3ff 100.63%)}.row.svelte-10ijn7o .col .detail.svelte-10ijn7o{padding:24px 24px 0;box-sizing:border-box;overflow:hidden;transition:all .4s cubic-bezier(.33,1,.68,1)}.row.svelte-10ijn7o .col .detail h4.svelte-10ijn7o{font-size:var(--font-size-h4);font-weight:450}.row.svelte-10ijn7o .col .detail .desc.svelte-10ijn7o{font-size:var(--font-size-primary);line-height:24px;margin-top:16px;color:#0f0f10b3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.row.svelte-10ijn7o .col .detail.svelte-10ijn7o .more{margin-top:16px;opacity:0;color:#3782ff}@media (min-width: 991.98px){.row.svelte-10ijn7o .col.svelte-10ijn7o:hover{box-shadow:0 4px 16px -4px #0000001a}.row.svelte-10ijn7o .col:hover .image.svelte-10ijn7o{height:256px}.row.svelte-10ijn7o .col:hover .image .bg.svelte-10ijn7o{opacity:1}.row.svelte-10ijn7o .col:hover .image .pic.svelte-10ijn7o{top:var(--pic-top-hoverd)}.row.svelte-10ijn7o .col:hover .detail.svelte-10ijn7o{padding-bottom:44px}.row.svelte-10ijn7o .col:hover .detail.svelte-10ijn7o .more{opacity:1}}@media (max-width: 991.98px){.row.svelte-10ijn7o .col .image.svelte-10ijn7o{height:210px}.row.svelte-10ijn7o .col .image .bg.svelte-10ijn7o{opacity:1}.row.svelte-10ijn7o .col .image .pic.svelte-10ijn7o{top:50px;left:50px}.row.svelte-10ijn7o .col .detail.svelte-10ijn7o{padding-bottom:24px}.row.svelte-10ijn7o .col .detail.svelte-10ijn7o .more{opacity:1}}@media (max-width: 767.98px){.row.svelte-10ijn7o .col .image.svelte-10ijn7o{height:140px}.row.svelte-10ijn7o .col .image .pic.svelte-10ijn7o{top:50px;left:50px}}