.blog-page[data-v-f11605f5]{background:#f8f9fa;min-height:100vh}.blog-hero[data-v-f11605f5]{background:linear-gradient(135deg,#0064ff,#0052cc);margin-top:80px;padding:120px 24px 80px;text-align:center}.hero-content[data-v-f11605f5]{margin:0 auto;max-width:800px}.hero-title[data-v-f11605f5]{color:#fff;font-size:48px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px}.hero-subtitle[data-v-f11605f5]{color:#ffffffe6;font-size:20px;font-weight:500;letter-spacing:-.2px;line-height:1.6}.category-filter-top[data-v-f11605f5]{background:#fff;border-bottom:1px solid #e9ecef;display:none;padding:12px 24px;position:sticky;top:80px;z-index:100}.category-buttons[data-v-f11605f5]{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.category-buttons[data-v-f11605f5]::-webkit-scrollbar{height:4px}.category-buttons[data-v-f11605f5]::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:2px}.category-btn[data-v-f11605f5]{background:#fff;border:1px solid #dee2e6;border-radius:24px;color:#667084;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.category-btn[data-v-f11605f5]:hover{border-color:#0064ff;color:#0064ff}.category-btn.active[data-v-f11605f5]{background:#0064ff;border-color:#0064ff;color:#fff}.blog-grid-section[data-v-f11605f5]{padding:80px 24px 120px}.container[data-v-f11605f5]{margin:0 auto;max-width:1280px}.blog-content-wrapper[data-v-f11605f5]{display:flex;gap:40px;position:relative}.blog-main-content[data-v-f11605f5]{display:flex;flex:1;flex-direction:column}.blog-grid[data-v-f11605f5]{display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.category-filter-sidebar[data-v-f11605f5]{flex-shrink:0;order:2;width:240px}.sidebar-sticky[data-v-f11605f5]{position:sticky;top:120px}.sidebar-title[data-v-f11605f5]{color:#000;font-size:18px;font-weight:700;margin-bottom:16px;padding:0 4px}.category-list[data-v-f11605f5]{display:flex;flex-direction:column;gap:4px}.category-item[data-v-f11605f5]{align-items:center;background:transparent;border:none;border-radius:8px;color:#667084;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.category-item[data-v-f11605f5]:hover{background:#f8f9fa;color:#0064ff}.category-item.active[data-v-f11605f5]{background:#0064ff1a;color:#0064ff;font-weight:600}.category-name[data-v-f11605f5]{flex:1}.category-count[data-v-f11605f5]{color:#adb5bd;font-size:13px;font-weight:500}.category-item.active .category-count[data-v-f11605f5]{color:#0064ff}.load-more-section[data-v-f11605f5]{display:flex;justify-content:center;margin-top:40px}.btn-load-more[data-v-f11605f5]{align-items:center;background:#fff;border:2px solid #0064ff;border-radius:50px;color:#0064ff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:16px 48px;transition:all .3s ease}.btn-load-more[data-v-f11605f5]:hover{background:#0064ff;box-shadow:0 4px 12px #0064ff4d;color:#fff;transform:translateY(-2px)}.load-more-count[data-v-f11605f5]{font-size:14px;font-weight:500;opacity:.8}.blog-card[data-v-f11605f5]{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s ease}.blog-card[data-v-f11605f5]:hover{box-shadow:0 8px 30px #0064ff26;transform:translateY(-4px)}.card-thumbnail[data-v-f11605f5]{background:#e9ecef;height:240px;overflow:hidden;width:100%}.card-thumbnail img[data-v-f11605f5]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .card-thumbnail img[data-v-f11605f5]{transform:scale(1.05)}.card-content[data-v-f11605f5]{display:flex;flex:1;flex-direction:column;padding:24px}.card-category[data-v-f11605f5]{background:#0064ff1a;border-radius:8px;color:#0064ff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:12px;padding:6px 12px;width:-moz-fit-content;width:fit-content}.card-title[data-v-f11605f5]{color:#000;font-size:22px;font-weight:700;letter-spacing:-.3px;-webkit-line-clamp:2;line-height:1.4;margin-bottom:12px}.card-summary[data-v-f11605f5],.card-title[data-v-f11605f5]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-summary[data-v-f11605f5]{color:#666;flex:1;font-size:16px;font-weight:400;-webkit-line-clamp:3;line-height:1.6;margin-bottom:16px}.card-meta[data-v-f11605f5]{align-items:center;color:#667084;display:flex;font-size:14px;gap:8px;margin-top:auto}.meta-author[data-v-f11605f5]{font-weight:500}.meta-divider[data-v-f11605f5]{color:#dee2e6}.meta-date[data-v-f11605f5]{font-weight:400}.skeleton-card[data-v-f11605f5]{cursor:default;pointer-events:none}.skeleton-card[data-v-f11605f5]:hover{box-shadow:0 4px 20px #00000014;transform:none}.skeleton-thumbnail[data-v-f11605f5]{background:#e9ecef;overflow:hidden;position:relative}.skeleton-shimmer[data-v-f11605f5]{animation:shimmer-f11605f5 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6) 50%,transparent);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shimmer-f11605f5{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-category[data-v-f11605f5]{background:#e9ecef;border-radius:8px;height:28px;margin-bottom:12px;width:80px}.skeleton-title[data-v-f11605f5]{margin-bottom:12px}.skeleton-summary[data-v-f11605f5]{flex:1;margin-bottom:16px}.skeleton-meta[data-v-f11605f5]{margin-top:auto}.skeleton-line[data-v-f11605f5]{animation:pulse-f11605f5 1.5s ease-in-out infinite;background:#e9ecef;border-radius:4px;height:16px;margin-bottom:8px}.skeleton-line.short[data-v-f11605f5]{width:60%}.skeleton-line.mini[data-v-f11605f5]{height:14px;width:120px}.skeleton-title .skeleton-line[data-v-f11605f5]{height:22px;margin-bottom:6px}@keyframes pulse-f11605f5{0%,to{opacity:1}50%{opacity:.6}}@media(min-width:1281px){.blog-grid[data-v-f11605f5]{grid-template-columns:repeat(3,1fr)}}@media(max-width:1280px){.blog-content-wrapper[data-v-f11605f5]{gap:32px}.category-filter-sidebar[data-v-f11605f5]{width:200px}}@media(max-width:960px){.category-filter-top[data-v-f11605f5]{display:block}.category-filter-sidebar[data-v-f11605f5]{display:none}.blog-content-wrapper[data-v-f11605f5]{display:block}.blog-grid[data-v-f11605f5]{gap:24px;grid-template-columns:repeat(2,1fr)}.hero-title[data-v-f11605f5]{font-size:40px}.hero-subtitle[data-v-f11605f5]{font-size:18px}.blog-grid-section[data-v-f11605f5]{padding:60px 24px 100px}.btn-load-more[data-v-f11605f5]{font-size:15px;padding:14px 36px}.load-more-section[data-v-f11605f5]{margin-top:32px}}@media(max-width:768px){.blog-hero[data-v-f11605f5]{padding:100px 24px 60px}.hero-title[data-v-f11605f5]{font-size:32px}.hero-subtitle[data-v-f11605f5]{font-size:16px}.blog-grid-section[data-v-f11605f5]{padding:60px 24px 80px}.blog-grid[data-v-f11605f5]{gap:20px;grid-template-columns:1fr}.card-thumbnail[data-v-f11605f5]{height:200px}.card-content[data-v-f11605f5]{padding:20px}.card-title[data-v-f11605f5]{font-size:20px}.card-summary[data-v-f11605f5]{font-size:15px}.btn-load-more[data-v-f11605f5]{font-size:14px;padding:12px 32px}.load-more-count[data-v-f11605f5]{font-size:13px}}@media(max-width:480px){.hero-title[data-v-f11605f5]{font-size:28px}.hero-subtitle[data-v-f11605f5]{font-size:15px}.card-title[data-v-f11605f5]{font-size:18px}}
