.blog-list-page[data-v-b01f2f45]{padding-top:100px;padding-bottom:80px}.hero-section[data-v-b01f2f45]{text-align:center;margin-bottom:64px}.hero-section h1[data-v-b01f2f45]{font-size:3rem;font-weight:700;color:var(--text-primary);margin:16px 0;letter-spacing:-.02em}.hero-subtitle[data-v-b01f2f45]{color:var(--text-secondary);font-size:1.15rem;max-width:640px;margin:0 auto;line-height:1.7}.section-badge[data-v-b01f2f45]{display:inline-block;padding:6px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:20px;color:var(--accent-blue);font-size:.85rem;font-weight:500}.loading-section[data-v-b01f2f45],.empty-section[data-v-b01f2f45]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.loading-section p[data-v-b01f2f45],.empty-section p[data-v-b01f2f45]{color:var(--text-muted);font-size:1rem}.articles-grid[data-v-b01f2f45]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.article-card[data-v-b01f2f45]{text-decoration:none;display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.article-card:hover .article-title[data-v-b01f2f45]{color:var(--accent-blue)}.article-cover[data-v-b01f2f45]{height:200px;background-size:cover;background-position:center;border-bottom:1px solid var(--border-color)}.article-body[data-v-b01f2f45]{padding:24px;flex:1;display:flex;flex-direction:column}.article-tags[data-v-b01f2f45]{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tag-chip[data-v-b01f2f45]{padding:3px 10px;border-radius:12px;background:#3b82f61a;color:var(--accent-blue);font-size:.75rem;font-weight:500}.article-title[data-v-b01f2f45]{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin:0 0 12px;line-height:1.4;transition:color .2s ease}.article-summary[data-v-b01f2f45]{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 16px;flex:1}.article-meta[data-v-b01f2f45]{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}.meta-divider[data-v-b01f2f45]{opacity:.4}.load-more-section[data-v-b01f2f45]{display:flex;justify-content:center;margin-top:48px}@media(max-width:768px){.hero-section h1[data-v-b01f2f45]{font-size:2.25rem}.articles-grid[data-v-b01f2f45]{grid-template-columns:1fr}}