.blog-list-panel[data-v-a6649f51]{width:100%;max-width:1200px;margin:0 auto;padding:1rem 0;display:flex;flex-direction:column;gap:1.5rem;opacity:1;transform:translateY(0);animation:panelIn-a6649f51 .6s ease both}@keyframes panelIn-a6649f51{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.search-section[data-v-a6649f51]{animation:cardIn-a6649f51 .7s ease both}.search-box[data-v-a6649f51]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s ease}.search-box[data-v-a6649f51]:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-dim)}.search-icon[data-v-a6649f51]{opacity:.6;font-size:1rem}.search-input[data-v-a6649f51]{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-family:inherit;font-size:.875rem}.search-input[data-v-a6649f51]::-moz-placeholder{color:var(--color-text-muted)}.search-input[data-v-a6649f51]::placeholder{color:var(--color-text-muted)}.blog-list[data-v-a6649f51]{display:flex;flex-direction:column;gap:1rem}.blog-card[data-v-a6649f51]{background:var(--color-surface-raised);backdrop-filter:blur(var(--glass-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.1);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;opacity:1;transform:translateY(0);animation:fadeInUp-a6649f51 .5s ease both;transition:all .15s ease;position:relative}@keyframes fadeInUp-a6649f51{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn-a6649f51{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.blog-card[data-v-a6649f51]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0;transition:opacity .3s ease}.blog-card[data-v-a6649f51]:hover{border-color:var(--color-accent-dim);transform:translateY(-2px);backdrop-filter:blur(calc(var(--glass-blur)*1.5)) saturate(1.3);-webkit-backdrop-filter:blur(calc(var(--glass-blur)*1.5)) saturate(1.3);box-shadow:0 4px 16px #00000026,0 0 20px var(--color-glow)}.blog-card[data-v-a6649f51]:hover:before{opacity:1}.blog-link[data-v-a6649f51]{display:block;padding:1.5rem;text-decoration:none;color:inherit}.blog-header[data-v-a6649f51]{margin-bottom:.75rem}.blog-title[data-v-a6649f51]{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);line-height:1.4}.blog-meta[data-v-a6649f51]{display:flex;gap:1rem;flex-wrap:wrap}.blog-meta span[data-v-a6649f51]{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono)}.blog-excerpt[data-v-a6649f51],.meta-icon[data-v-a6649f51]{font-size:.875rem}.blog-excerpt[data-v-a6649f51]{margin:0 0 1rem;color:var(--color-text-secondary);line-height:1.7}.blog-tags[data-v-a6649f51]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.blog-tag[data-v-a6649f51]{padding:.125rem .625rem;font-size:.6875rem;color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono)}.blog-arrow[data-v-a6649f51]{text-align:right;margin-top:.5rem}.blog-arrow span[data-v-a6649f51]{font-size:.8125rem;color:var(--color-accent);font-family:var(--font-mono);opacity:0;transition:opacity .15s ease}.blog-card:hover .blog-arrow span[data-v-a6649f51]{opacity:1}.empty-state[data-v-a6649f51]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);animation:cardIn-a6649f51 .7s ease both}.empty-icon[data-v-a6649f51]{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-text[data-v-a6649f51]{margin:0;color:var(--color-text-muted);font-size:.875rem}@media(max-width:600px){.blog-list-panel[data-v-a6649f51]{padding:.5rem 0;gap:1rem}.blog-link[data-v-a6649f51]{padding:1rem}.blog-title[data-v-a6649f51]{font-size:1.125rem}.blog-meta[data-v-a6649f51]{gap:.5rem}}