.blog-articles__grid[data-v-ddcdc80c]{background:#ffffff0a;border-radius:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);padding:16px}.blog-card[data-v-ddcdc80c]{background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card[data-v-ddcdc80c]:hover{border-color:#8b34e966;box-shadow:0 12px 24px #0000004d;transform:translateY(-4px)}.blog-card__image-link[data-v-ddcdc80c]{aspect-ratio:16/9;display:block;overflow:hidden}.blog-card__image[data-v-ddcdc80c]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-card__image[data-v-ddcdc80c]{transform:scale(1.05)}.blog-card__content[data-v-ddcdc80c]{display:flex;flex:1;flex-direction:column;gap:6px;padding:14px}.blog-card__date[data-v-ddcdc80c]{color:#ffffff80;font-size:12px}.blog-card__title[data-v-ddcdc80c]{color:#fff;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.blog-card__title[data-v-ddcdc80c]:hover{color:#b766fe;text-decoration:underline;text-underline-offset:3px}.blog-card__tags[data-v-ddcdc80c]{display:flex;flex-wrap:wrap;gap:6px}.blog-card__tag[data-v-ddcdc80c]{font-size:12px}.blog-card__intro[data-v-ddcdc80c]{color:#fff9;display:-webkit-box;flex:1;font-size:12px;line-height:1.5;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1199px){.blog-articles__grid[data-v-ddcdc80c]{grid-template-columns:repeat(3,1fr)}}@media (max-width:899px){.blog-articles__grid[data-v-ddcdc80c]{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.blog-articles__grid[data-v-ddcdc80c]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:12px}.blog-articles__grid[data-v-ddcdc80c]::-webkit-scrollbar{height:4px}.blog-articles__grid[data-v-ddcdc80c]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.blog-articles__grid[data-v-ddcdc80c]::-webkit-scrollbar-thumb{background:#8b34e966;border-radius:2px}.blog-card[data-v-ddcdc80c]{flex:0 0 280px;scroll-snap-align:start}}