.blog-page[data-v-d37243be]{width:100%;background:var(--bg-primary)}.blog-page .mobile-toolbar[data-v-d37243be],.blog-page .category-drawer-overlay[data-v-d37243be],.blog-page .category-drawer[data-v-d37243be]{display:none}.blog-page .blog-header[data-v-d37243be]{padding:20px;text-align:center}.blog-page .blog-header h1[data-v-d37243be]{margin-bottom:12px;font-size:48px;font-weight:700;color:var(--text-primary)}.blog-page .blog-header .subtitle[data-v-d37243be]{font-size:18px;color:var(--text-secondary)}.blog-page .blog-content[data-v-d37243be]{display:grid;grid-template-columns:280px 1fr;gap:40px;max-width:1400px;padding:0 20px 20px;margin:0 auto}.blog-page .blog-content .blog-sidebar[data-v-d37243be]{position:sticky;top:40px;height:fit-content}.blog-page .blog-content .blog-sidebar .sidebar-section[data-v-d37243be]{margin-bottom:32px}.blog-page .blog-content .blog-sidebar .sidebar-section h3[data-v-d37243be]{margin-bottom:16px;font-size:16px;font-weight:600;color:var(--text-primary)}.blog-page .blog-content .blog-sidebar .search-box[data-v-d37243be]{position:relative}.blog-page .blog-content .blog-sidebar .search-input[data-v-d37243be]{box-sizing:border-box;width:100%;padding:10px 16px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.blog-page .blog-content .blog-sidebar .search-input[data-v-d37243be]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.blog-page .blog-content .blog-sidebar .category-list[data-v-d37243be]{padding:0;margin:0;list-style:none}.blog-page .blog-content .blog-sidebar .category-list li[data-v-d37243be]{margin-bottom:8px}.blog-page .blog-content .blog-sidebar .category-list li.active a[data-v-d37243be]{color:#fff;background:var(--primary-color)}.blog-page .blog-content .blog-sidebar .category-list a[data-v-d37243be]{display:block;padding:8px 12px;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all .2s}.blog-page .blog-content .blog-sidebar .category-list a[data-v-d37243be]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.blog-page .blog-content .blog-sidebar .stats[data-v-d37243be]{padding:16px;background:var(--bg-secondary);border-radius:8px}.blog-page .blog-content .blog-sidebar .stats .stat-item[data-v-d37243be]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.blog-page .blog-content .blog-sidebar .stats .stat-item[data-v-d37243be]:last-child{margin-bottom:0}.blog-page .blog-content .blog-sidebar .stats .stat-item .stat-label[data-v-d37243be]{font-size:14px;color:var(--text-secondary)}.blog-page .blog-content .blog-sidebar .stats .stat-item .stat-value[data-v-d37243be]{font-size:20px;font-weight:600;color:var(--primary-color)}.blog-page .blog-content .blog-sidebar .loading[data-v-d37243be]{font-size:14px;color:var(--text-tertiary)}.blog-page .blog-content .blog-list[data-v-d37243be]{max-width:900px}.blog-page .blog-content .blog-list .loading-state[data-v-d37243be]{padding:60px 20px;color:var(--text-tertiary);text-align:center}.blog-page .blog-content .blog-list .blog-card[data-v-d37243be]{padding:24px;margin-bottom:24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;transition:all .3s}.blog-page .blog-content .blog-list .blog-card[data-v-d37243be]:hover{border-color:var(--primary-color);box-shadow:var(--card-shadow);transform:translateY(-2px)}.blog-page .blog-content .blog-list .blog-link[data-v-d37243be]{display:block;color:inherit;text-decoration:none}.blog-page .blog-content .blog-list .post-meta[data-v-d37243be]{display:flex;gap:8px;align-items:center;margin-bottom:12px}.blog-page .blog-content .blog-list .post-meta .post-category[data-v-d37243be]{display:inline-block;padding:4px 12px;font-size:12px;font-weight:500;color:var(--tag-text);background:var(--tag-bg);border-radius:12px}.blog-page .blog-content .blog-list .post-meta .featured-badge[data-v-d37243be]{display:inline-block;padding:4px 12px;font-size:12px;font-weight:500;color:var(--featured-text);background:var(--featured-bg);border-radius:12px}.blog-page .blog-content .blog-list .post-title[data-v-d37243be]{margin:0 0 12px;font-size:22px;font-weight:600;color:var(--text-primary)}.blog-page .blog-content .blog-list .post-excerpt[data-v-d37243be]{display:-webkit-box;margin:0 0 16px;overflow:hidden;font-size:15px;line-height:1.6;color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-page .blog-content .blog-list .post-footer[data-v-d37243be]{display:flex;flex-wrap:wrap;gap:12px;align-items:left;justify-content:space-between}.blog-page .blog-content .blog-list .post-footer .post-date[data-v-d37243be]{font-size:14px;color:var(--text-tertiary)}.blog-page .blog-content .blog-list .post-footer .post-tags[data-v-d37243be]{display:flex;flex-wrap:wrap;gap:8px}.blog-page .blog-content .blog-list .post-footer .post-tags .tag[data-v-d37243be]{padding:2px 8px;font-size:12px;color:var(--tag-text);background:var(--tag-bg);border-radius:4px}.blog-page .blog-content .blog-list .pagination[data-v-d37243be]{display:flex;gap:16px;align-items:center;justify-content:center;padding:20px;margin-top:40px}.blog-page .blog-content .blog-list .pagination .pagination-btn[data-v-d37243be]{padding:8px 20px;color:var(--text-primary);cursor:pointer;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s}.blog-page .blog-content .blog-list .pagination .pagination-btn[data-v-d37243be]:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color)}.blog-page .blog-content .blog-list .pagination .pagination-btn[data-v-d37243be]:disabled{cursor:not-allowed;opacity:.5}.blog-page .blog-content .blog-list .pagination .pagination-info[data-v-d37243be]{font-size:14px;color:var(--text-secondary)}.blog-page .blog-content .blog-list .empty-state[data-v-d37243be]{padding:60px 20px;color:var(--text-tertiary);text-align:center}@media (width <= 768px){.blog-page .mobile-toolbar[data-v-d37243be]{display:flex}.blog-page .category-drawer-overlay[data-v-d37243be]{display:block}.blog-page .category-drawer[data-v-d37243be]{display:flex;flex-direction:column}.blog-page .blog-header[data-v-d37243be]{display:none}.blog-page .mobile-toolbar[data-v-d37243be]{position:sticky;top:0;z-index:99;display:flex;gap:12px;align-items:center;height:56px;padding:0 16px;margin-bottom:20px;background:var(--bg-primary);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.blog-page .mobile-toolbar .toolbar-search[data-v-d37243be]{display:flex;flex:1;align-items:center;height:40px;padding:0 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;transition:all .2s}.blog-page .mobile-toolbar .toolbar-search .search-icon[data-v-d37243be]{flex-shrink:0;width:18px;height:18px;margin-right:8px;color:var(--text-tertiary)}.blog-page .mobile-toolbar .toolbar-search .mobile-search-input[data-v-d37243be]{flex:1;height:100%;padding:0;font-size:15px;color:var(--text-primary);background:transparent;border:0;outline:none}.blog-page .mobile-toolbar .toolbar-search .mobile-search-input[data-v-d37243be]::placeholder{color:var(--text-tertiary)}.blog-page .mobile-toolbar .toolbar-search .search-clear[data-v-d37243be]{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px;font-size:18px;color:var(--text-secondary);cursor:pointer;background:var(--bg-tertiary);border:0;border-radius:50%;transition:all .2s}.blog-page .mobile-toolbar .toolbar-search .search-clear[data-v-d37243be]:hover{color:var(--text-primary);background:var(--border-color)}.blog-page .mobile-toolbar .toolbar-search[data-v-d37243be]:focus-within{background:var(--bg-primary);border-color:var(--primary-color)}.blog-page .mobile-toolbar .toolbar-btn[data-v-d37243be]{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:var(--bg-secondary);border:0;border-radius:8px;transition:all .2s}.blog-page .mobile-toolbar .toolbar-btn svg[data-v-d37243be]{width:20px;height:20px}.blog-page .mobile-toolbar .toolbar-btn[data-v-d37243be]:hover{color:var(--primary-color);background:var(--bg-tertiary)}.blog-page .mobile-toolbar .toolbar-btn[data-v-d37243be]:active{transform:scale(.95)}.blog-page .category-drawer-overlay[data-v-d37243be]{position:fixed;top:0;left:0;z-index:200;width:100%;height:100%;visibility:hidden;background:#00000080;opacity:0;transition:all .3s ease}.blog-page .category-drawer-overlay.active[data-v-d37243be]{visibility:visible;opacity:1}.blog-page .category-drawer[data-v-d37243be]{position:fixed;bottom:0;left:0;z-index:201;width:100%;max-height:70vh;padding-bottom:env(safe-area-inset-bottom);background:var(--bg-primary);border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a;transition:transform .3s ease;transform:translateY(100%)}.blog-page .category-drawer.open[data-v-d37243be]{transform:translateY(0)}.blog-page .category-drawer .drawer-header[data-v-d37243be]{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border-color)}.blog-page .category-drawer .drawer-header h3[data-v-d37243be]{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.blog-page .category-drawer .drawer-header .drawer-close[data-v-d37243be]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:24px;color:var(--text-secondary);cursor:pointer;background:var(--bg-secondary);border:0;border-radius:8px;transition:all .2s}.blog-page .category-drawer .drawer-header .drawer-close[data-v-d37243be]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.blog-page .category-drawer .drawer-content[data-v-d37243be]{max-height:calc(70vh - 70px);padding:20px;overflow-y:auto}.blog-page .category-drawer .drawer-content[data-v-d37243be]::-webkit-scrollbar{width:4px}.blog-page .category-drawer .drawer-content[data-v-d37243be]::-webkit-scrollbar-track{background:transparent}.blog-page .category-drawer .drawer-content[data-v-d37243be]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.blog-page .category-drawer .drawer-content .category-grid[data-v-d37243be]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.blog-page .category-drawer .drawer-content .category-grid .category-chip[data-v-d37243be]{display:flex;align-items:center;padding:10px 16px;font-size:14px;color:var(--text-secondary);cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;transition:all .2s}.blog-page .category-drawer .drawer-content .category-grid .category-chip .count[data-v-d37243be]{margin-left:4px;font-size:12px;opacity:.6}.blog-page .category-drawer .drawer-content .category-grid .category-chip[data-v-d37243be]:hover{color:var(--primary-color);background:#667eea0d;border-color:var(--primary-color)}.blog-page .category-drawer .drawer-content .category-grid .category-chip.active[data-v-d37243be]{color:#fff;background:var(--primary-color);border-color:var(--primary-color)}.blog-page .category-drawer .drawer-content .category-grid .category-chip.active .count[data-v-d37243be]{opacity:.9}.blog-page .category-drawer .drawer-content .category-grid .category-chip[data-v-d37243be]:active{transform:scale(.95)}.blog-page .category-drawer .drawer-content .drawer-stats[data-v-d37243be]{padding:16px;background:var(--bg-secondary);border-radius:12px}.blog-page .category-drawer .drawer-content .drawer-stats .stat-item[data-v-d37243be]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.blog-page .category-drawer .drawer-content .drawer-stats .stat-item[data-v-d37243be]:last-child{margin-bottom:0}.blog-page .category-drawer .drawer-content .drawer-stats .stat-item .stat-label[data-v-d37243be]{font-size:14px;color:var(--text-secondary)}.blog-page .category-drawer .drawer-content .drawer-stats .stat-item .stat-value[data-v-d37243be]{font-size:18px;font-weight:600;color:var(--primary-color)}.blog-page .category-drawer .drawer-content .loading[data-v-d37243be]{padding:40px;font-size:14px;color:var(--text-tertiary);text-align:center}.blog-page .blog-content[data-v-d37243be]{grid-template-columns:1fr}.blog-page .blog-content .blog-sidebar[data-v-d37243be]{display:none}.blog-page .blog-content .blog-header h1[data-v-d37243be]{font-size:36px}.blog-page .blog-content .blog-card[data-v-d37243be]{padding:20px}.blog-page .blog-content .post-title[data-v-d37243be]{font-size:18px}.blog-page .blog-content .post-footer[data-v-d37243be]{flex-direction:column;align-items:flex-start}.blog-page .blog-content .load-more-container[data-v-d37243be]{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:16px}.blog-page .blog-content .load-more-container .load-more-btn[data-v-d37243be]{padding:10px 28px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;background:var(--primary-color);border:0;border-radius:20px;transition:all .3s ease}.blog-page .blog-content .load-more-container .load-more-btn[data-v-d37243be]:hover:not(:disabled){background:#5a7de8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.blog-page .blog-content .load-more-container .load-more-btn[data-v-d37243be]:active:not(:disabled){transform:translateY(0)}.blog-page .blog-content .load-more-container .load-more-btn[data-v-d37243be]:disabled{cursor:not-allowed;opacity:.6}.blog-page .blog-content .load-more-container .load-more-btn .loading-text[data-v-d37243be]{display:flex;gap:8px;align-items:center;justify-content:center}.blog-page .blog-content .load-more-container .load-more-btn .loading-text .loading-spinner[data-v-d37243be]{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-d37243be .6s linear infinite}.blog-page .blog-content .load-more-container .load-more-info[data-v-d37243be]{font-size:13px;color:var(--text-tertiary)}.blog-page .blog-content .all-loaded[data-v-d37243be]{padding:24px 20px;text-align:center}.blog-page .blog-content .all-loaded .all-loaded-text[data-v-d37243be]{display:inline-block;padding:6px 16px;font-size:12px;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:12px}}@keyframes spin-d37243be{to{transform:rotate(360deg)}}