.blog-index[data-v-4438c95b]{min-height:100vh;background:var(--bg);color:var(--text)}.blog-shell[data-v-4438c95b]{max-width:1200px;margin:0 auto;padding:80px 24px;display:flex;align-items:flex-start;gap:56px}.blog-side[data-v-4438c95b]{width:220px;flex-shrink:0;position:sticky;top:80px}.blog-title[data-v-4438c95b]{font-family:var(--font-sans);font-size:44px;font-weight:var(--fw-bold);line-height:var(--leading-tight);margin-bottom:12px}.blog-sub[data-v-4438c95b]{font-family:var(--font-sans);font-size:var(--text-14);color:var(--white-60);line-height:1.6;margin-bottom:28px}.cat-list[data-v-4438c95b]{display:flex;flex-direction:column;gap:2px}.cat-item[data-v-4438c95b]{text-align:left;padding:8px 14px;border:none;border-left:2px solid transparent;background:transparent;color:var(--white-60);font-family:var(--font-sans);font-size:var(--text-15);font-weight:var(--fw-medium);cursor:pointer;transition:color .18s ease,border-color .18s ease}.cat-item[data-v-4438c95b]:hover{color:var(--text)}.cat-item.active[data-v-4438c95b]{color:#7b2fff;border-left-color:#7b2fff;font-weight:var(--fw-bold)}.blog-main[data-v-4438c95b]{flex:1;min-width:0}.blog-state[data-v-4438c95b]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 0;color:var(--white-60);font-size:var(--text-15)}.ghost-btn[data-v-4438c95b]{padding:9px 20px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--white-90);font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--text-14);cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.ghost-btn[data-v-4438c95b]:hover{color:var(--text);border-color:#7b2fff;background:var(--brand-bg)}.ghost-btn[data-v-4438c95b]:disabled{opacity:.5;cursor:default}.blog-grid[data-v-4438c95b]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.blog-card[data-v-4438c95b]{display:block;text-decoration:none;opacity:0;animation:blog-in-4438c95b .5s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes blog-in-4438c95b{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-cover[data-v-4438c95b]{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface) 100%);border:1px solid var(--border);transition:border-color .2s ease,box-shadow .35s ease}.card-cover img[data-v-4438c95b]{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card-cover-fallback[data-v-4438c95b]{width:100%;height:100%;background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface) 100%)}.card-cover img.img-failed[data-v-4438c95b]{visibility:hidden}.blog-card:hover .card-cover[data-v-4438c95b]{border-color:#7b2fff80;box-shadow:0 30px 60px -20px var(--shadow),0 0 0 1px #7b2fff2e}.blog-card:hover .card-cover img[data-v-4438c95b]{transform:scale(1.04)}.card-meta[data-v-4438c95b]{padding-top:14px}.card-cat[data-v-4438c95b]{font-family:var(--font-mono);font-size:var(--text-12);color:#7b2fff;text-transform:uppercase;letter-spacing:.08em}.card-title[data-v-4438c95b]{margin-top:6px;font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--text-22);color:var(--text);line-height:var(--leading-tight)}.card-summary[data-v-4438c95b]{margin-top:8px;font-family:var(--font-sans);font-size:var(--text-14);line-height:1.55;color:var(--white-60);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-date[data-v-4438c95b]{display:block;margin-top:8px;font-family:var(--font-sans);font-size:var(--text-13);color:var(--white-30)}.load-more-wrap[data-v-4438c95b]{display:flex;justify-content:center;margin-top:40px}@media (max-width: 900px){.blog-shell[data-v-4438c95b]{flex-direction:column;gap:32px;padding:60px 16px}.blog-side[data-v-4438c95b]{position:static;width:100%}.blog-sub[data-v-4438c95b]{margin-bottom:18px}.cat-list[data-v-4438c95b]{flex-direction:row;flex-wrap:wrap;gap:8px}.cat-item[data-v-4438c95b]{border-left:none;border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:var(--text-14)}.cat-item.active[data-v-4438c95b]{border-color:#7b2fff;background:#7b2fff;color:var(--text-on-brand)}}@media (max-width: 560px){.blog-grid[data-v-4438c95b]{grid-template-columns:1fr}}