.recent-post-container[data-v-f6fc41fe]{display:flex;flex-wrap:wrap}.recent-post-item[data-v-f6fc41fe]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--radiusLg);border:1px solid var(--divider);background:var(--background);overflow:hidden;margin:8px;height:340px;flex-shrink:0;width:calc(33.33333% - 16px);cursor:pointer;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;-webkit-animation:zoomIn .8s ease-in-out;animation:zoomIn .8s ease-in-out}.recent-post-item[data-v-f6fc41fe]:hover{box-shadow:var(--shadowMd);border-color:var(--primaryBorder);transform:translateY(-2px)}.recent-post-item-image[data-v-f6fc41fe]{width:100%;height:170px;position:relative;overflow:hidden}.recent-post-item-image[data-v-f6fc41fe] .el-image__inner{transition:all .6s}.recent-post-item-image[data-v-f6fc41fe] .el-image__inner:hover{transform:scale(1.06)}.recent-post-item-post[data-v-f6fc41fe]{width:100%;height:170px;padding:14px 18px}.recent-post-item-post h3[data-v-f6fc41fe]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px;margin-bottom:10px;font-size:17px;font-weight:600;color:var(--textPrimary);transition:color .2s ease}.recent-post-item:hover .recent-post-item-post h3[data-v-f6fc41fe]{color:var(--primary)}.post-meta[data-v-f6fc41fe]{font-size:12px;color:var(--textTertiary)}.post-meta svg path[data-v-f6fc41fe]{fill:currentColor}.recent-post-desc[data-v-f6fc41fe]{font-size:13px;line-height:1.5;color:var(--textSecondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sort-label[data-v-f6fc41fe]{position:absolute;bottom:12px}.sort-label span[data-v-f6fc41fe]{padding:3px 9px;background-color:var(--primaryLight);border-radius:6px;font-size:12px;color:var(--primary);transition:all .2s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sort-label span[data-v-f6fc41fe]:hover{background-color:var(--primary);color:var(--white)}.image-slot[data-v-f6fc41fe]{width:100%;height:100%;background:var(--primaryLight)}.error-text[data-v-f6fc41fe]{font-size:17px;line-height:1.8;letter-spacing:2px;color:var(--primary)}.hasVideo[data-v-f6fc41fe]{padding:0 20px;background:var(--maxMaxWhiteMask);border-radius:15px}@media screen and (max-width:1400px){.recent-post-item[data-v-f6fc41fe]{width:calc(50% - 16px)}}@media screen and (max-width:600px){.recent-post-item[data-v-f6fc41fe]{width:calc(100% - 16px);margin:6px 8px}}