.blog-item[data-v-3f1596b5]:hover{border:2px solid var(--main-color)}.blog-item[data-v-3f1596b5]:hover .img{transform:scale(1.2)}.blog-item[data-v-3f1596b5]{cursor:pointer;background-color:var(--surface-card);border:2px solid #0000;border-radius:20px;min-width:0;transition:all .4s;box-shadow:1px 1px .2em #0000004d}.blog-item[data-v-3f1596b5],.blog-item .imgbox[data-v-3f1596b5]{position:relative;overflow:hidden}.blog-item .imgbox[data-v-3f1596b5]{aspect-ratio:16/9;border-radius:20px 20px 0 0;transition:all .2s}.blog-item .imgbox[data-v-3f1596b5] .img{width:100%;height:100%;transition:all .5s;display:block}.blog-item .text[data-v-3f1596b5]{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-3f1596b5]{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.7em;margin:1em 0 .5em;font-size:1.3rem;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-item .text .bottomtext[data-v-3f1596b5]{justify-content:space-between;align-items:center;margin-bottom:.6em;display:flex}.blog-item .text .bottomtext .biaoqian[data-v-3f1596b5]{flex-wrap:wrap;font-size:.9rem;display:flex}.blog-item .text .bottomtext .biaoqian span[data-v-3f1596b5]{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-3f1596b5]:hover{background-color:var(--main-color);color:#fff;transform:scale(1.2)}.blog-item .text .bottomtext .date[data-v-3f1596b5]{margin-right:1.4em;font-size:.8rem;position:relative}.blog-item .text .bottomtext .date[data-v-3f1596b5]: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-3f1596b5]:hover:after{width:100%}@media screen and (width>=1536px){.blog-item .text[data-v-3f1596b5]{padding-left:1.6em}.blog-item .text .middletext[data-v-3f1596b5]{font-size:1.5rem}.blog-item .text .bottomtext .biaoqian[data-v-3f1596b5]{font-size:.95rem}.blog-item .text .bottomtext .date[data-v-3f1596b5]{margin-right:1.6em;font-size:.85rem}}@media screen and (width>=1024px) and (width<=1279px){.blog-item .text[data-v-3f1596b5]{padding-left:1.2em}.blog-item .text .middletext[data-v-3f1596b5]{font-size:1.2rem}.blog-item .text .bottomtext .biaoqian[data-v-3f1596b5]{font-size:.85rem}.blog-item .text .bottomtext .date[data-v-3f1596b5]{margin-right:1.2em;font-size:.78rem}}@media screen and (width>=768px) and (width<=1023px){.blog-item[data-v-3f1596b5]{border-radius:18px}.blog-item .imgbox[data-v-3f1596b5]{border-radius:18px 18px 0 0}.blog-item .text[data-v-3f1596b5]{border-radius:0 0 18px 18px;padding-left:1em}.blog-item .text .middletext[data-v-3f1596b5]{margin-top:.85em;font-size:1.05rem}.blog-item .text .bottomtext .biaoqian[data-v-3f1596b5]{font-size:.8rem}.blog-item .text .bottomtext .biaoqian span[data-v-3f1596b5]{padding:.35em}.blog-item .text .bottomtext .date[data-v-3f1596b5]{margin-right:.9em;font-size:.74rem}}@media screen and (width<=767px){.blog-item[data-v-3f1596b5]{border-radius:14px}.blog-item .imgbox[data-v-3f1596b5]{border-radius:14px 14px 0 0}.blog-item .text[data-v-3f1596b5]{border-radius:0 0 14px 14px;padding-left:.7em;padding-right:.7em}.blog-item .text .middletext[data-v-3f1596b5]{overflow-wrap:anywhere;margin-top:.7em;font-size:.95rem;line-height:1.35}.blog-item .text .bottomtext[data-v-3f1596b5]{flex-wrap:wrap;gap:.3em}.blog-item .text .bottomtext .biaoqian[data-v-3f1596b5]{margin-left:-.4em;font-size:.75rem}.blog-item .text .bottomtext .biaoqian span[data-v-3f1596b5]{padding:.25em}.blog-item .text .bottomtext .date[data-v-3f1596b5]{margin-right:0;font-size:.7rem}}