.recent-posts-content[data-v-d819f0a2]{display:flex;flex-direction:column;gap:20px;width:100%}.recent-posts-content .content-title[data-v-d819f0a2]{font-family:Swansea;font-size:32px;font-style:normal;font-weight:700;line-height:38px;padding:34px 0}.recent-posts-content .content-blog-container[data-v-d819f0a2]{position:relative}.recent-posts-content .content-blog[data-v-d819f0a2]{align-items:start;display:grid;gap:54px;grid-template-columns:repeat(auto-fill,328px);justify-content:space-between;position:relative}.recent-posts-content .text[data-v-d819f0a2]{align-items:flex-start;display:flex;flex-direction:column}.dyna-card[data-v-d819f0a2]{background:none;border:none;width:328px}.dyna-card[data-v-d819f0a2] .dyna-card-cover{height:170px}.dyna-card img[data-v-d819f0a2]{border-radius:8px;max-height:170px}.dyna-card[data-v-d819f0a2] .dyna-card-body{padding:28px 10px 10px}.dyna-card .text[data-v-d819f0a2]{font-style:normal;font-weight:400;line-height:22px}.dyna-card .text .title[data-v-d819f0a2]{font-family:Swansea;font-size:20px;font-weight:700;line-height:24px;margin-bottom:20px}.dyna-card .text .author[data-v-d819f0a2],.dyna-card .text .title[data-v-d819f0a2]{transition:text-shadow .3s ease}.dyna-card .text .author[data-v-d819f0a2],.dyna-card .text .createTime[data-v-d819f0a2]{color:var(--text-color);font-size:14px}.dyna-card .text .createTime[data-v-d819f0a2]{opacity:.4}.content-load-more[data-v-d819f0a2]{align-items:center;display:flex;justify-content:center;margin-top:10px;width:100%}@media (max-width:1200px){.recent-posts-content .content-blog[data-v-d819f0a2]{display:flex;flex-wrap:wrap;justify-content:space-around}.dyna-card[data-v-d819f0a2]{align-items:center;display:flex;width:100%}.dyna-card.dyna-card-hoverable .dyna-card-cover img[data-v-d819f0a2]{height:170px;width:296px}}@media (max-width:768px){.recent-posts-content .content-blog[data-v-d819f0a2]{gap:15px}.dyna-card[data-v-d819f0a2]{flex-direction:column}.dyna-card .text .title[data-v-d819f0a2]{margin:0}.dyna-card[data-v-d819f0a2] .dyna-card-body{padding:15px;width:100%}.dyna-card[data-v-d819f0a2] .dyna-card-cover{display:flex;width:100%}.dyna-card.dyna-card-hoverable .dyna-card-cover img[data-v-d819f0a2]{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}}