.blogs-main[data-v-74df9651]{display:flex;gap:16px;margin:0 auto;min-height:calc(100vh - var(--header-height) - var(--footer-height) - 80px);padding:16px 0;width:var(--content-width)}.blogs-content[data-v-74df9651]{flex-shrink:0;width:840px}.blogs-container[data-v-74df9651]{-moz-column-count:2;column-count:2;-moz-column-gap:16px;column-gap:16px}.blogs-item[data-v-74df9651]{display:block;-moz-column-break-inside:avoid;background:#fff;border-radius:12px;break-inside:avoid;margin-bottom:16px;padding:16px;transition:all .3s ease-in-out}.blogs-item[data-v-74df9651]:hover{box-shadow:2px 4px 40px #0208141f}.blogs-item:hover .blogs-item-title[data-v-74df9651]{color:#00a79f}.blogs-item-title[data-v-74df9651]{color:#020814;display:-webkit-box;font-size:18px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .3s ease-in-out}.blogs-item-date[data-v-74df9651]{color:#92969e;font-size:14px;line-height:20px;margin-top:8px}.blogs-item-date img[data-v-74df9651]{margin-right:8px;vertical-align:-4px;width:20px}.blogs-item-pic[data-v-74df9651]{line-height:0;margin-top:12px;overflow:hidden;text-align:center;width:100%}.blogs-item-pic img[data-v-74df9651]{width:100%}.image-viewer-slot[data-v-74df9651]{background:#f4f6f9;border-radius:8px;color:#d5d5d5;font-size:40px;height:320px;line-height:320px;text-align:center;width:100%}.blogs-sidebar[data-v-74df9651]{flex-shrink:0;width:344px}.blogs-pagination[data-v-74df9651]{margin-top:16px}@media screen and (max-width:768px){.blogs-main[data-v-74df9651]{flex-direction:column;width:100%}.blogs-content[data-v-74df9651]{order:1;padding:0 16px;width:100%}.blogs-container[data-v-74df9651]{-moz-column-count:1;column-count:1}.blogs-item[data-v-74df9651]:last-child{margin-bottom:0}.blogs-sidebar[data-v-74df9651]{order:2;padding:0 16px;width:100%}}