.case-project[data-v-421e1305]{display:grid;gap:.9375rem;grid-template-columns:repeat(3,1fr)}.case-project[data-columns="1"][data-v-421e1305]{grid-template-columns:repeat(1,1fr)!important}.case-project[data-columns="2"][data-v-421e1305]{grid-template-columns:repeat(2,1fr)!important}.case-project[data-columns="4"][data-v-421e1305]{grid-template-columns:repeat(4,1fr)!important}.case-project[data-columns="5"][data-v-421e1305]{grid-template-columns:repeat(5,1fr)!important}.case-item[data-v-421e1305]{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding-bottom:.625rem;position:relative;transition:all .3s ease}.case-item[data-v-421e1305]:hover{box-shadow:var(--shadow);cursor:pointer;transform:translateY(-.3125rem)}.img-des[data-v-421e1305]{height:12.5rem;overflow:hidden;position:relative;width:100%}.case-img[data-v-421e1305]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.case-item:hover .case-img[data-v-421e1305]{transform:scale(1.05)}.img-overlay[data-v-421e1305]{background-color:transparent;height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease;width:100%}.case-item:hover .img-overlay[data-v-421e1305]{background-color:#0000004d}.collect-icon[data-v-421e1305]{align-items:center;background:#fff9;border-radius:50%;box-sizing:border-box;cursor:pointer;display:none;height:2.625rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .3s ease;width:2.625rem;z-index:2}.case-item:hover .collect-icon.show-collect[data-v-421e1305],.collect-icon.collected.show-collect[data-v-421e1305]{display:flex}.collect-icon[data-v-421e1305]:hover{background:#ffffffe6;transform:scale(1.1)}.collect-icon.collected[data-v-421e1305]{background:#fffc}.collect-ui-icon[data-v-421e1305]{color:#666;font-size:1.5rem;transition:color .3s ease}.collect-ui-icon.collected[data-v-421e1305]{color:var(--iec-blue)}.img-title[data-v-421e1305]{color:#2c3e50;display:-webkit-box;font-size:1rem;font-weight:600;height:2.5rem;line-height:2.5rem;margin-top:.625rem;overflow:hidden;padding:0 1.25rem;-webkit-box-orient:vertical;-webkit-line-clamp:1}.img-by[data-v-421e1305]{align-items:center;display:flex;justify-content:center;padding:0 1.25rem .625rem}.author[data-v-421e1305]{display:-webkit-box;font-size:.875rem;font-weight:500;height:2.625rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.see[data-v-421e1305]{padding:.625rem 0;text-align:center}.see-detail[data-v-421e1305]{color:var(--iec-blue);font-weight:500;text-decoration:none;transition:color .3s ease}.see-detail[data-v-421e1305]:hover{color:#1c6ba5;text-decoration:underline}@media(max-width:767.9px){.case-project[data-v-421e1305]{grid-template-columns:repeat(2,1fr)!important}.img-des[data-v-421e1305]{height:8.4375rem}.img-title[data-v-421e1305]{font-size:.9375rem;height:3.125rem;-webkit-line-clamp:2;padding:.625rem .3125rem;text-align:left}.img-by[data-v-421e1305]{padding:.3125rem .625rem .625rem}.collect-icon[data-v-421e1305]{height:2.25rem;width:2.25rem}.collect-ui-icon[data-v-421e1305]{font-size:1.25rem}.see[data-v-421e1305]{padding:0}}