.blog-blur-overlay[data-v-0f061062]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:#00000038;backdrop-filter:blur(40px) saturate(1.2);-webkit-backdrop-filter:blur(40px) saturate(1.2);pointer-events:none}.blog-view[data-v-0f061062]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto;padding-top:60px;padding-bottom:48px;opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.blog-view.entered[data-v-0f061062]{opacity:1;transform:translateY(0)}.blog-layout[data-v-0f061062]{max-width:1200px;margin:0 auto;padding:24px 32px;display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto 1fr;gap:20px}.mobile-cats[data-v-0f061062]{display:none}.category-sidebar[data-v-0f061062]{grid-column:1;grid-row:1 / span 2;position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;gap:14px}.sidebar-card[data-v-0f061062]{background:var(--glass-bg);border:var(--glass-border);border-radius:16px;padding:16px}.sidebar-title[data-v-0f061062]{margin:0 0 12px;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.cat-list[data-v-0f061062]{list-style:none;display:flex;flex-direction:column;gap:2px}.cat-item[data-v-0f061062]{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--text-primary);opacity:.7;transition:opacity .15s,background .15s;-webkit-user-select:none;user-select:none}.cat-item[data-v-0f061062]:hover{opacity:1;background:var(--glass-bg-hover)}.cat-item.active[data-v-0f061062]{opacity:1;font-weight:600;background:var(--glass-bg-hover)}.cat-badge[data-v-0f061062]{font-size:.72rem;color:var(--text-secondary);background:#78a0ff26;border:1px solid rgba(120,160,255,.2);padding:1px 7px;border-radius:20px;min-width:22px;text-align:center}.tag-cloud[data-v-0f061062]{display:flex;flex-wrap:wrap;gap:6px;max-height:45vh;overflow-y:auto}.tag-item[data-v-0f061062]{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:20px;border:var(--glass-border);background:transparent;color:var(--text-primary);font-size:.76rem;cursor:pointer;opacity:.7;transition:opacity .15s,background .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.tag-item[data-v-0f061062]:hover{opacity:1;background:var(--glass-bg-hover)}.tag-item.active[data-v-0f061062]{opacity:1;font-weight:600;background:var(--glass-bg-hover)}.tag-icon[data-v-0f061062]{width:11px;height:11px;flex-shrink:0;opacity:.8}.post-list[data-v-0f061062]{grid-column:2;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-content:start;animation:list-fade-in-0f061062 .35s ease}@keyframes list-fade-in-0f061062{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-tip[data-v-0f061062]{grid-column:1 / -1;text-align:center;color:var(--text-secondary);padding:48px 0;font-size:.875rem}.mobile-tags[data-v-0f061062]{display:none}@media(max-width:768px){.blog-layout[data-v-0f061062]{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;padding:16px;gap:14px}.category-sidebar[data-v-0f061062]{display:none}.mobile-cats[data-v-0f061062]{display:flex;grid-column:1;grid-row:1;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.mobile-cats[data-v-0f061062]::-webkit-scrollbar{display:none}.mobile-tags[data-v-0f061062]{display:flex;grid-column:1;grid-row:2;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.mobile-tags[data-v-0f061062]::-webkit-scrollbar{display:none}.mobile-tags .tag-icon[data-v-0f061062]{width:10px;height:10px}.cat-tab[data-v-0f061062]{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:.8rem;white-space:nowrap;cursor:pointer;opacity:.7;transition:opacity .15s,background .15s;flex-shrink:0}.cat-tab.active[data-v-0f061062]{opacity:1;font-weight:600;background:var(--glass-bg-hover)}.cat-count[data-v-0f061062]{font-size:.7rem;opacity:.7}.post-list[data-v-0f061062]{grid-column:1;grid-template-columns:1fr}}@media(max-width:1024px)and (min-width:769px){.blog-layout[data-v-0f061062]{grid-template-columns:160px 1fr;padding:20px 24px}.post-list[data-v-0f061062]{grid-template-columns:1fr}}