.blog-page[data-v-f26ebede]{margin:0 auto;max-width:1400px;padding:0}.blog-header[data-v-f26ebede]{margin-bottom:48px;text-align:center}.blog-title[data-v-f26ebede]{background:linear-gradient(135deg,var(--text-primary-legacy),var(--text-secondary-legacy));-webkit-background-clip:text;color:var(--text-primary-legacy);font-size:48px;font-weight:700;margin:0 0 16px;-webkit-text-fill-color:transparent;background-clip:text}.blog-subtitle[data-v-f26ebede]{color:var(--text-secondary-legacy);font-size:18px;margin:0}.articles-grid[data-v-f26ebede]{display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:48px}@media(max-width:768px){.articles-grid[data-v-f26ebede]{gap:24px;grid-template-columns:1fr}}.article-card[data-v-f26ebede]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--panel-shadow);overflow:hidden;transition:all .3s ease}.article-card[data-v-f26ebede]:hover{border-color:var(--nav-hover-border);box-shadow:0 24px 48px #000000a6;transform:translateY(-4px)}.article-link[data-v-f26ebede]{color:inherit;display:block;display:flex;flex-direction:column;height:100%;text-decoration:none}.article-image[data-v-f26ebede]{background:var(--input-bg);height:240px;overflow:hidden;position:relative;width:100%}.article-img[data-v-f26ebede]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.article-card:hover .article-img[data-v-f26ebede]{transform:scale(1.05)}.article-content[data-v-f26ebede]{display:flex;flex:1;flex-direction:column;padding:24px}.article-title[data-v-f26ebede]{color:var(--text-primary-legacy);font-size:24px;font-weight:600;line-height:1.4;margin:0 0 12px}.article-excerpt[data-v-f26ebede]{color:var(--text-secondary-legacy);flex:1;font-size:16px;line-height:1.6;margin:0 0 16px}.article-meta[data-v-f26ebede]{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;padding-top:16px}.article-date[data-v-f26ebede]{color:var(--text-tertiary-legacy);font-size:14px}.blog-empty[data-v-f26ebede]{color:var(--text-secondary-legacy);font-size:18px;padding:80px 20px;text-align:center}@media(max-width:768px){.blog-title[data-v-f26ebede]{font-size:36px}.blog-subtitle[data-v-f26ebede]{font-size:16px}.article-content[data-v-f26ebede]{padding:20px}.article-title[data-v-f26ebede]{font-size:20px}}