.card-container[data-v-d8594270]{display:flex;flex-wrap:wrap;max-width:1500px}.card-item[data-v-d8594270]{position:relative;overflow:hidden;min-width:267px;max-width:357px;margin:15px;height:350px;flex-shrink:0;width:calc(25% - 40px);cursor:pointer;animation:zoomIn .8s ease-in-out;padding:0 0 1rem;background:var(--background);border-radius:1.5rem;transition:all .2s}.card-image[data-v-d8594270]{width:100%;height:250px;border-radius:1rem;overflow:hidden;box-shadow:0 2px 10px hsla(0,0%,57.6%,.61);margin-bottom:1rem}.card-image[data-v-d8594270] .el-image__inner{transition:all 1s}.card-image[data-v-d8594270] .el-image__inner:hover{transform:scale(1.2)}.card-body[data-v-d8594270]{padding:10px 5px}.card-desc[data-v-d8594270]{font-weight:600;font-size:1.05rem;color:var(--fontColor);letter-spacing:1px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-time[data-v-d8594270]{position:absolute;bottom:15px;color:#999;font-weight:500}@media screen and (max-width:1300px){.card-item[data-v-d8594270]{width:calc(50% - 30px)}}@media screen and (max-width:1000px){.card-item[data-v-d8594270]{height:450px}.card-image[data-v-d8594270]{height:300px}}@media screen and (max-width:750px){.card-item[data-v-d8594270]{width:100%;margin:15px 0}}@media screen and (max-width:450px){.card-item[data-v-d8594270]{height:400px}.card-image[data-v-d8594270]{height:250px}}.portfolio-warp[data-v-5192c7f5]{max-width:1300px;margin:0 auto;padding:20px;border-radius:10px;display:flex;flex-wrap:wrap}.article-wrap[data-v-5192c7f5]{width:80%;margin:40px auto;min-height:600px}.isActive[data-v-5192c7f5]{animation:scale 1.5s ease-in-out infinite}.pagination-wrap[data-v-5192c7f5]{display:flex;justify-content:center;margin-top:40px}.pagination[data-v-5192c7f5]{padding:13px 15px;border:1px solid var(--lightGray);border-radius:3rem;color:var(--greyFont);width:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-align:center}.pagination[data-v-5192c7f5]:hover{border:1px solid var(--themeBackground);color:var(--themeBackground);box-shadow:0 0 5px var(--themeBackground)}@media screen and (max-width:900px){.article-wrap[data-v-5192c7f5],.sort-warp[data-v-5192c7f5]{width:90%}}