.recent-posts-content[data-v-9e38f709]{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;width:100%}.recent-posts-content .content-title[data-v-9e38f709]{align-items:center;display:flex;font-family:Swansea;font-size:40px;font-style:normal;font-weight:700;justify-content:space-between;letter-spacing:-.4px;line-height:46px}.recent-posts-content .content-blog-container[data-v-9e38f709]{position:relative}.recent-posts-content .content-blog[data-v-9e38f709]{display:grid;gap:clamp(2rem,1.75rem + 1.25vi,2.5rem);grid-template-columns:repeat(3,1fr);position:relative}.recent-posts-content .content-blog-info[data-v-9e38f709]{align-items:flex-start;border-bottom:1px solid #ccc;display:flex;flex-direction:column;gap:10px;padding:10px 0}.recent-posts-content .content-blog-info .title[data-v-9e38f709]{display:-webkit-box;font-family:Swansea;font-size:20px;font-weight:700;line-height:24px;max-height:72px;min-height:72px;transition:text-shadow .3s ease;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.recent-posts-content .content-blog-info .blog-author-info[data-v-9e38f709]{align-items:flex-start;display:flex;gap:10px}.recent-posts-content .content-blog-info .blog-author-info .avatar[data-v-9e38f709]{border:1px solid #031242;border-radius:50%;display:flex;height:38px;overflow:hidden;width:38px}.recent-posts-content .content-blog-info .blog-author-info .avatar>img[data-v-9e38f709]{block-size:100%;display:block;inline-size:100%;height:100%;max-inline-size:100%;-o-object-fit:cover;object-fit:cover;vertical-align:middle}.recent-posts-content .content-blog-info .blog-author-info .avatar[data-v-9e38f709] svg{height:100%;width:100%}.recent-posts-content .content-blog-info .blog-author-info .text[data-v-9e38f709]{align-items:flex-start;display:flex;flex-direction:column}.recent-posts-content .content-blog-info .blog-author-info .text>.author[data-v-9e38f709]{border-bottom:1px solid #031242}.recent-posts-content .content-blog-cate[data-v-9e38f709]{align-items:center;display:flex;flex-wrap:wrap;height:auto;min-height:45px;padding-top:15px}.recent-posts-content .view-all-btn[data-v-9e38f709]{color:var(--031242,#031242);font-size:16px;font-style:normal;font-weight:400;gap:12px;height:auto;line-height:22px;padding:10px 24px}.recent-posts-content .view-all-btn[data-v-9e38f709]:hover i{transform:translate(2px);transition-duration:.3s}.recent-posts-content .bottom-view-all[data-v-9e38f709]{margin:10px auto 0}.dyna-card[data-v-9e38f709]{background:none;border-radius:12px;box-shadow:0 8px 30px #0312421a;padding:5px;transition:all .3s ease;width:100%}.dyna-card[data-v-9e38f709]:hover{border:1px solid #031242;transform:translateY(-.25rem)}.dyna-card.dyna-card-hoverable .dyna-card-cover img[data-v-9e38f709]{block-size:100%;display:block;inline-size:100%;height:100%;max-inline-size:100%;-o-object-fit:cover;object-fit:cover;vertical-align:middle}.dyna-card[data-v-9e38f709] .dyna-card-cover{align-items:center;aspect-ratio:21/11;border-radius:10px;display:flex;justify-content:center;overflow:hidden}.dyna-card[data-v-9e38f709] .dyna-card-body{padding:10px}.dyna-card .text[data-v-9e38f709]{font-style:normal;font-weight:400;line-height:22px}.dyna-card .text .author[data-v-9e38f709]{transition:text-shadow .3s ease}.dyna-card .text .author[data-v-9e38f709],.dyna-card .text .createTime[data-v-9e38f709]{color:var(--text-color);font-size:14px}.dyna-card .text .createTime[data-v-9e38f709]{opacity:.4}.content-load-more[data-v-9e38f709]{align-items:center;display:flex;justify-content:center;margin:10px 0;width:100%}@media(max-width:1200px){.content-blog-container[data-v-9e38f709]{padding:0 10px}}@media(max-width:968px){.recent-posts-content .content-blog[data-v-9e38f709]{gap:clamp(1.5rem,1.25rem + 1.25vi,2rem);grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dyna-card[data-v-9e38f709]{flex-direction:column;width:100%}.dyna-card .text a.author[data-v-9e38f709]{line-height:normal}.dyna-card .text span.createTime[data-v-9e38f709]{color:#03124266;font-size:12px;line-height:normal;opacity:1}.dyna-card[data-v-9e38f709] .dyna-card-body{width:100%}.recent-posts-content .content-title[data-v-9e38f709]{flex-direction:column}.recent-posts-content .content-blog[data-v-9e38f709]{gap:clamp(1.125rem,1rem + .625vi,1.5rem);grid-template-columns:1fr}}