.blog-item[data-v-d302a37d]:hover{border:2px solid var(--main-color)}.blog-item:hover .img[data-v-d302a37d]{transform:scale(1.2)}.blog-item[data-v-d302a37d]{cursor:pointer;background-color:var(--surface-card);border:2px solid #0000;border-radius:20px;transition:all .4s;position:relative;overflow:hidden;box-shadow:1px 1px .2em #0000004d}.blog-item .imgbox[data-v-d302a37d]{border-radius:20px 20px 0 0;transition:all .2s;overflow:hidden}.blog-item .imgbox .img[data-v-d302a37d]{width:100%;transition:all .5s}.blog-item .text[data-v-d302a37d]{cursor:pointer;border-radius:0 0 20px 20px;flex-direction:column;height:auto;padding-left:1.4em;display:flex}.blog-item .text .middletext[data-v-d302a37d]{margin:1em 0 .5em;font-size:1.5rem}.blog-item .text .bottomtext[data-v-d302a37d]{justify-content:space-between;align-items:center;margin-bottom:1em;display:flex}.blog-item .text .bottomtext .biaoqian[data-v-d302a37d]{display:flex}.blog-item .text .bottomtext .biaoqian span[data-v-d302a37d]{background-color:#0000;border-radius:10px;height:auto;margin:.1em;padding:.4em;transition:all .2s;display:block}.blog-item .text .bottomtext .biaoqian span[data-v-d302a37d]:hover{background-color:var(--main-color);color:#fff;transform:scale(1.2)}.blog-item .text .bottomtext .date[data-v-d302a37d]{margin-right:1.4em;font-size:.8rem;position:relative}.blog-item .text .bottomtext .date[data-v-d302a37d]:after{content:"";background:linear-gradient(to right,transparent,var(--main-color),var(--main-color-light));border-radius:999px;width:0;height:2px;transition:width .35s;position:absolute;bottom:-.4em;left:0}.blog-item .text .bottomtext .date[data-v-d302a37d]:hover:after{width:100%}